fix(accordion-group): correct accordion is open on load

[medbenmakhlouf]

Issue number: resolves #28506

---

What is the current behavior?

ion-accordion-group would not set the value when using it as a Angular standalone component and data binding:

<ion-accordion-group #accordionGroup [value]="fromValue">
  <ion-accordion value="turtles">
    <ion-item slot="header" color="light">
      <ion-label>First Accordion</ion-label>
    </ion-item>
    <div class="ion-padding" slot="content">First Content</div>
  </ion-accordion>
  <ion-accordion value="second">
    <ion-item slot="header" color="light">
      <ion-label>Second Accordion</ion-label>
    </ion-item>
    <div class="ion-padding" slot="content">Second Content</div>
  </ion-accordion>
</ion-accordion-group>

The problem here is Angular is setting the value of the accordion group after the component has been initialized (but not loaded) and before the component watchers are setup, so valueChanged does not fire automatically.

What is the new behavior?

• Run valueChanged() in componentDidLoad().

Does this introduce a breaking change?

• Yes
• No

Other information

[liamdebeasi]

Here's a dev build with your fix: 7.5.5-dev.11699885804.1d8011d5

I tested it in your sample app, and the fix is resolved. Thanks for contributing! I left one suggestion on the code comment, but everything else looks good.

[liamdebeasi]

Merged. Thank you for the PR!