v1.2.6

AlertTicker Card v1.2.6

🎵 Music Player Mode + 🌤 Weather Forecast

---

✨ Highlights

🎵 Music Player Mode — your media player as a cinematic card

The music theme now supports a full graphical player UI when pointed at a media_player.* entity. Enable show_player_controls: true and the card transforms into a sleek, animated player:

• 🖼️ Album art as a blurred, saturated full-card backdrop
• 💿 Spinning vinyl thumbnail — rotates while playing, pauses when stopped
• 📊 Animated equalizer bars pulse next to the "NOW PLAYING" label
• 🎛️ Glassmorphism controls: ⏮ previous · ⏸/▶ play-pause · ⏭ next · 🔇/🔊 mute
• 🔊 Live volume slider — gradient updates in real time while dragging
• 🎨 Accent color picker (music_player_color) — one color drives the entire UI: buttons, glow, equalizer bars, vinyl ring, and bottom accent line
• 🤖 Auto-setup in the visual editor — selecting a media_player.* entity automatically sets the music theme and enables player mode

alerts:
  - entity: media_player.spotify_davide
    theme: music
    show_player_controls: true
    music_player_color: "#00ffb3"   # any CSS color — default #e040fb

---

🌤 7-Day Weather Forecast Widget

Two new clear display modes for the all-clear state:

forecast — a full-width 7-day forecast grid:

• Weather emoji + condition per day
• High / low temperatures color-coded (blue → amber → red)
• Precipitation probability bar for days ≥20%
• Today's column highlighted with frosted glass + floating emoji animation

weather_forecast — alternates every 5 seconds between the current weather view (condition, temp, wind, humidity, clock) and the 7-day forecast grid with a smooth fade+slide transition

show_when_clear: true
clear_display_mode: weather_forecast   # or: forecast
clear_weather_entity: weather.home
show_widget_in_cycle: true

Both modes work in show_widget_in_cycle — the card ensures both the weather panel and forecast panel are shown before advancing to the next alert.

---

🆕 Also Added

Feature	Description
Spanish (es)	Full translation — all card strings, editor labels, weather conditions, TTS messages
device_class: timestamp timers	Timer themes now work with sensors whose state is an ISO expiry datetime (e.g. Alexa Media Player timer sensors)
12-hour clock (clear_clock_12h)	Toggle in the editor for clock, weather_clock, weather_forecast modes
trigger_delay	Alert only fires if the condition has been continuously true for N seconds — like HA's for:
label_filter / area_filter	Filter multi-entity alerts by HA label or area

---

🐛 Fixed

• Music player accent color not applied everywhere — card border, muGlow box-shadow, muPulse drop-shadow, and .mu-badge text were still hardcoded purple regardless of the chosen music_player_color. All replaced with var(--mu-accent) and color-mix().

• split weather style missing in editor for weather_forecast mode — the editor incorrectly hid the Split style option when weather_forecast mode was selected, even though the combination works correctly. The restriction has been removed.

• Music player layout broken in vertical mode — enabling vertical: true at card level applied generic flex-direction: column overrides to the player, distorting the layout. A targeted CSS reset now preserves the player's own internal layout in vertical mode.

• Timer auto-theme not triggering in filter mode — typing a timer.* pattern in the entity filter field did not auto-switch the theme to countdown. Fixed via a dedicated _alertFilterChanged editor method that mirrors the single-entity auto-theme logic.

---

📦 Installation / Update

HACS

Search AlertTicker Card → Update

Manual

Replace alert-ticker-card.js and alert-ticker-card-editor.js in /config/www/ with the files from this release, then hard-reload the browser (Ctrl+Shift+R).

---

🙏 Support

If this card saves you time, consider buying me a coffee ☕