(beta) `unlocked_icon` stopped working

[ildar170975]

Checklist:

• I updated to the latest version available
• I cleared the cache of my browser

Release with the issue: beta 2

Last working release (if known): 1.2.19

Browser and Operating System: Chrome 147.0.7727.138, Win10x64

Description of problem:

The unlocked_icon stopped working in beta 2:

type: custom:restriction-card
locked_icon: mdi:bell-cancel
unlocked_icon: mdi:bell
card:
  type: picture
  image: /local/images/test/white.jpg

In 1.2.19 it works OK:

Javascript errors shown in the web inspector (if applicable):

Additional information:

[ildar170975]

1st impression: looks like render() is not called after unlocking.

[iantrich]

@claude take a look at this bug in the feature branch and submit a PR with your solution

[iantrich]

@claude, correction, this is on the beta branch

[claude]

Claude finished @iantrich's task in 3m 20s —— View job • claude/issue-183-20260515-0342 • Create PR ➔

---

Investigating unlocked_icon Bug

• Gather context and understand the issue
• Read CLAUDE.md for repo guidelines (no CLAUDE.md found)
• Examine source code to find the bug
• Implement fix
• Commit and push

Root Cause

In _handleRestriction (src/restriction-card.ts:313-318), when the card is unlocked:

this._unlocked = true;
overlay.style.setProperty('pointer-events', 'none');
lock.classList.add('icon-hidden');  // ← ran before Lit re-rendered

Setting _unlocked = true schedules a Lit re-render (async), but lock.classList.add('icon-hidden') fired synchronously before that render completed. So the unlocked_icon was always set on the <ha-icon> element but immediately hidden — it was never visually shown.

Fix

Added await this.updateComplete before hiding the icon, so Lit first completes its re-render (showing the unlocked_icon), and only then fades it out:

this._unlocked = true;
overlay.style.setProperty('pointer-events', 'none');
await this.updateComplete;   // ← wait for re-render to show unlocked_icon
lock.classList.add('icon-hidden');

|