Ga naar hoofdinhoud

DSO Toolkit v80.0.0 🍟

· 2 minuten leestijd
Chris van der Leij
Chris van der Leij
DSO Toolkit Maintainer
Eric Tamminga
Eric Tamminga
DSO Toolkit Maintainer

Deze release bevat een BREAKING change voor het volgende component:

  • Document Component

Deze release bevat een deprecation voor het volgende component:

  • Card (HTML/CSS implementatie)

Document Component​

  • Property gereserveerd is vervangen met een XMLDocument of string i.p.v. een boolean.
  • Property vervallen is vervangen met een XMLDocument of string i.p.v. een boolean.

Gereserveerd​

De property gereserveerd accepteert nu een XML-string of een XMLDocument. Dit maakt het mogelijk om een optionele wijzigactie (voegtoe of verwijder) mee te geven, zoals voorgeschreven door STOP:

❌

<dso-document-component gereserveerd></dso-document-component>

✅

<dso-document-component gereserveerd="<Gereserveerd wijzigactie='verwijder'></Gereserveerd>"></dso-document-component>
<dso-document-component gereserveerd="<Gereserveerd wijzigactie='voegtoe'></Gereserveerd>"></dso-document-component>
<dso-document-component gereserveerd="<Gereserveerd></Gereserveerd>"></dso-document-component>

Vervallen​

Hetzelfde geldt voor vervallen. Ook deze property accepteert nu een XML-string of een XMLDocument, met een optionele wijzigactie:

❌

<dso-document-component vervallen></dso-document-component>

✅

<dso-document-component vervallen="<Vervallen wijzigactie='verwijder'></Vervallen>"></dso-document-component>
<dso-document-component vervallen="<Vervallen wijzigactie='voegtoe'></Vervallen>"></dso-document-component>
<dso-document-component vervallen="<Vervallen></Vervallen>"></dso-document-component>

Card (HTML/CSS implementatie)​

De HTML/CSS implementatie van het component Card is deprecated. In een toekomstige BREAKING release zal dit component verwijderd worden.

Migratiepad​

Gebruik de Core implementatie van Card.

❌

<div class="dso-card">
  <div class="dso-card-container">
    <div class="dso-card-heading">
      <a href="#">
        <h2>
          <span id="card-title">Omgevingsplan Nieuwegein</span>
          <!-- START DEPRECATED --><svg class="di di-chevron-right">
            <use href="#chevron-right"></use></svg
          ><!-- END DEPRECATED -->
        </h2>
      </a>
    </div>
    <div class="dso-rich-content"><p>Gemeente Nieuwegein informeert haar burgers graag over de Omgevingswet.</p></div>
  </div>
</div>

✅

<dso-card href="#">
  <h2 slot="heading" id="card-title">Omgevingsplan Nieuwegein</h2>
  <div class="dso-rich-content" slot="content">
    <p>Gemeente Nieuwegein informeert haar burgers graag over de Omgevingswet.</p>
  </div>
</dso-card>