Ga naar hoofdinhoud

DSO Toolkit v85.0.0 🎇

· 2 minuten leestijd
Eric Tamminga
Eric Tamminga
DSO Toolkit Maintainer
Xiangju Zou
Xiangju Zou
DSO Toolkit Maintainer

Deze release bevat BREAKING changes voor de volgende componenten:

  • Legend Item
  • Document Card

Daarnaast is in deze release de ondersteuning voor Angular 18 komen te vervallen. Vanaf deze release ondersteunt DSO Toolkit Angular versies 19, 20 en 21.

Legend Item​

Er was een probleem met de toegankelijkheid van een activatable Legend Item: het aria-label van de Slide Toggle button met role="switch" was niet gekoppeld aan het label van het Legend Item. Dit hebben we nu verholpen. Daardoor is het vanaf nu voorgeschreven dat het label in een span met attribuut slot="label" wordt geplaatst, zodat Legend Item via de property accessibleLabel van de Slide Toggle het aria-label van de button op de voorgeschreven manier kan vullen.

Migratiepad​

Plaats het label dat voorheen zonder HTML markup in het anonieme slot werd geplaatst voortaan in en span met attribuut slot="label".

❌
<dso-legend-item>
  <span slot="symbol"><span class="symboolcode" data-symboolcode="regelingsgebied"></span></span> Legenda item label
  <div slot="options"><dso-input-range label="Transparantie" unit="%"></dso-input-range></div>
</dso-legend-item>

✅
<dso-legend-item>
  <span slot="symbol"><span class="symboolcode" data-symboolcode="regelingsgebied"></span></span>
  <span slot="label">Legenda item label</span>
  <div slot="options"><dso-input-range label="Transparantie" unit="%"></dso-input-range></div>
</dso-legend-item>

Document Card​

Het slot="meta" is verwijderd. Het Label dat voorheen in het slot="meta" stond is nu verplaatst naar het begin van het slot="status".

Migratiepad​

❌
<dso-document-card href="#">
  <h2 slot="heading">Omgevingsplan Amsterdam</h2>
  <div slot="type">
    <span class="dso-document-card-type-item">Omgevingsplan</span>
    <span class="dso-document-card-type-item">Gemeente Amsterdam</span>
  </div>
  <div slot="status">
    Vastgesteld 07-06-2024 - geheel onherroepelijk in werking
    <dso-badge status="outline">!</dso-badge>
    <dso-badge status="warning">!</dso-badge>
  </div>
</dso-document-card>

✅
<dso-document-card href="#">
  <h2 slot="heading">Omgevingsplan Amsterdam</h2>
  <div slot="type">
    <span class="dso-document-card-type-item">Omgevingsplan</span>
    <span class="dso-document-card-type-item">Gemeente Amsterdam</span>
  </div>

  <span slot="status"> Vastgesteld 07-06-2024 - geheel onherroepelijk in werking</span>
  <span slot="interactions">
    <dso-badge status="outline">!</dso-badge>
    <dso-badge status="warning">!</dso-badge>
  </span>
</dso-document-card>