Disable collapsing accordion when page is in state "CLOSED"

Question

I´m struggling with solution to disable collapsible accordion, if the page in which the accordion is rendered is in state "CLOSED": The accordion is expanded by default and the goal is to have this accordion expanded without the possibility to collapse it if the page is in the state "CLOSED".

Do you have any suggestions?

This is the code using scale component

<scale-accordion expanded>
  <scale-collapsible [disabled]="state === 'CLOSED'">
    <span slot="heading">Some heading</span>
    <p>Some text</p>
  </scale-collapsible>
</scale-accordion>

I´m enclosing detailed element in developer tools

Answer 1

meanwhile, I figured out the solution for my question:

ngOnInit(): void {
  if (this.state === 'CLOSED') {
    document.querySelector('scale-collapsible').style.pointerEvents = 'none';
}
}