🐞 Taiga 4.0.0 - Compilation Error - input phone international

[KhaledGabr]

Playground Link

No response

Description

Cannot create property 'message' on string 'C:\Users\admin\Desktop\plark\plarkweb\node_modules@taiga-ui\kit\fesm2022\taiga-ui-kit-components-input-phone-international.mjs: Errors found in the template:
Unsupported expression in a two-way binding

<div
    *ngIf="countriesNames$ | async as countriesNames"
    tuiGroup
    [tuiDropdown]="dropdown"
    [tuiDropdownEnabled]="interactive()"
    [(tuiDropdownOpen)]="!disabled() && open"   <-- Error
>

location:
/projects/kit/components/input-phone-international)/input-phone-international.template.html


      

### Angular version

18.0.4

### Taiga UI version

4.0.0-rc.1

### Which browsers have you used?

- [X] Chrome
- [ ] Firefox
- [ ] Safari
- [ ] Edge

### Which operating systems have you used?

- [ ] macOS
- [X] Windows
- [ ] Linux
- [ ] iOS
- [ ] Android

[waterplea]

We need to break [tuiDropdownOpen] and (tuiDropdownOpenChange) into 2 separate lines. Would you like to make a PR?

[KhaledGabr]

Created a pull-request. Thanks!