v28.0.0
Additions
pages/woningpas/epc-renovatieverplichting,pages/gebouwenpas/epc-renovatieverplichting- A new energy overview page has been added for both Woningpas and Gebouwenpas, bringing together the current energy label, the renovation obligations and label targets over time, the advice that follows from the EPC, support options and an overview of available grants.components/renovation-obligation-summary- A new dashboard section summarises the renovation obligation with a title, intro text, the label timeline and a steps block with renovation works, Energiehuis support and EPC follow-up.pages/gebouwenpas/renovatieverplichting-overzicht-epc-gekend-in-orde- A new "in orde" variant of the Gebouwenpas renovation-obligation page for a unit, shown when the unit already complies: the renovation-obligation-after-transfer banner in its in-orde state, a warning that a minimal energy label applies even without transfer, and a status overview where the minimal energy label and the full measures package — roof insulation, glazing, central space-heating generators and cooling generators — are all in order.components/renovatieverplichting-banner- A new banner component for the renovation obligation after transfer, with seven states (Niet conform, Niet conform voor een gebouweenheid, Te laat, Van toepassing bij overdracht, In orde, In orde voor een gebouweenheid, Niet van toepassing) showing the current and target energy labels or a status icon, a conformity label and explanatory text.components/tag- A newtagcomponent has been added: a small bordered keyword chip used to label an item, wrapping onto multiple lines when several are shown next to each other.components/tag-editor- A newtag-editorcomponent has been added for assigning tags to an item: a search field that filters the existing tags and lets a term that is not in the list yet be added as a new tag, one at a time, a list of the existing tags as checkboxes with the item's active tags pre-selected, and Annuleren and Opslaan actions to confirm or discard the selection. Tags can be selected and deselected but never deleted, and only tags that are already in use are listed. The panel has no trigger of its own — it is positioned by the component that opens it — and its open state is a class, so opening and closing it is left to the application.components/report-tile- A newreport-tilecomponent has been added: a card showing a theme's icon, its title and the subjects a report covers, with a "Genereer rapport" action at the bottom, used to build the Rapporten overview.pages/gebouwenpas/rapporten-empty- A new Rapporten empty state has been added to the Gebouwenpas dashboard, presenting the report themes a user can generate — Aandachtspunten, Energetische prestaties and Bodeminformatie — each as a tile in a list, showing the subjects it covers with a "Genereer rapport" action.pages/gebouwenpas/rapporten- A new Rapporten overview has been added, shown once at least one report has been generated: a tile per report showing the building it covers and when it was created, with the number of generated reports shown as a count on the Rapporten tab.pages/gebouwenpas/genereer-rapport-stap-1- A new "Genereer rapport" wizard has been added to the Gebouwenpas, opening on the first step where the user picks which report to generate — Aandachtspunten, Bodeminformatie or Energetische prestaties — from selectable theme tiles, with a step indicator across the top and Annuleren and Volgende actions beneath.pages/gebouwenpas/genereer-rapport-stap-2-gebouwen- The building-selection step of the "Genereer rapport" wizard has been added, letting the user narrow the list by gemeente, aard van het goed and tags and tick the buildings to report on in a selectable table with expandable eenheden, alongside the sources and per-page pagination.pages/gebouwenpas/genereer-rapport-stap-2-percelen- The parcel-selection step of the "Genereer rapport" wizard has been added as the counterpart to the building step, letting the user narrow the list by gemeente, bebouwing and tags and tick the parcels to report on in a selectable table whose Adres, Grondoppervlakte and Tags columns and expandable buildings are tailored to parcels, alongside the sources and per-page pagination.pages/gebouwenpas/genereer-rapport-stap-3- The confirmation step of the "Genereer rapport" wizard has been added, reading back the chosen report type and the selected buildings or parcels, letting the user name the report before generating it, and noting that a report is usually available within 24 hours.pages/gebouwenpas/rapport-aandachtspunten,pages/gebouwenpas/rapport-bodeminformatie,pages/gebouwenpas/rapport-energetische-prestaties- A generated report can now be opened: a page per report theme showing the report header with the theme illustration, the report name with a pencil to rename it, the buildings it covers, when it was created and a "Vernieuw rapport" action, followed by the actions to download the report as CSV or PDF and to delete it. On smaller screens the header becomes the coloured report banner and the actions stack beneath it.pages/gebouwenpas/rapport-energetische-prestaties-error- The error state of a report detail page has been added, shown when generating the report failed: the report header with the "Vernieuw rapport" action, a red alert explaining that something went wrong and that the report can be refreshed to try again, and "Verwijder rapport" as the only remaining action. The Rapporten overview now links its failed report to this page.components/bar-list- A newbar-listcomponent has been added: a card that compares a handful of counts within one theme, with a label, a bar as long as its value and the count itself on every row. The width of the label column, the length of a bar per counted item and the noun behind every count are set per list, and a row can take a colour token. On smaller screens the list keeps fitting the narrower card: every bar is drawn at half its length, the label column is capped and the noun behind every count is left to screen readers, so the number alone reads next to its own label. A list whose counts are states rather than themes draws its bars as the pill of thegradientcomponent instead, hatched fill included.components/marker-list- A newmarker-listcomponent has been added: a card that breaks one theme down into groups of counts, every row introduced by a marker — an energy label or an icon — followed by the count and what it counts. The groups share the card evenly and read one under the other on smaller screens, and the card can close with a hint pointing the reader on.components/stacked-chart- A newstacked-chartcomponent has been added: a card that splits one count over two groups, drawn as a solid bar for the first group and a hatched bar for the second stacked on top of it, so both counts and their sum can be read from one column. The two groups are named once in a legend beside the title, the solid bar carries its own count and the hatched bar has it read above the column, and the height of a bar per counted item is set per chart so the columns stay comparable. The columns of an energy label chart stand on the labels themselves, whose arrows interlock into a scale. The same bars can also be laid out sideways, one row per label, where the label column has its width set per chart so every bar starts on the same line, and every bar is drawn at half its length in the narrow cards below the small breakpoint.
Modifications
pages/woningpas/dashboard- The former "Mijn werken" block on the Woningpas dashboard has been replaced by the renovation-obligation summary, showing label targets and obligations instead of the renovation-works timeline.pages/woningpas/dashboard,pages/gebouwenpas/dashboard-eenheid-epc,pages/gebouwenpas/dashboard-eenheid-no-epc- A new Renovatieverplichting status card (based on the topic-status component, with an arrow link) has been added to the Status grid across the Woningpas dashboards and the Gebouwenpas eenheid dashboards, with "in orde"/"niet in orde" states.components/renovation-obligation-chart- The chart has been redesigned from a static image into a colour-coded label timeline that shows the current energy label, the renovation-obligation target, the minimal label requirement and the Flemish 2050 goal across the years, with explanatory info cards hanging beneath the relevant milestones and an optional black marker highlighting the current year on the timeline.components/energie-house-banner- The banner now accepts an optional title, text, button label, button icon and image so it can be reused for other support messages, while keeping its original Energiehuis content as the default.pages/woningpas/labelwetgeving-epc-woning- The Labelwetgeving page has been fully renewed: the former "Renovatieverplichting na overdracht" block is replaced by a "Verplichtingen voor het energielabel van deze woning" summary, the newcomponents/renovatieverplichting-banner, and a "Wat kunt u doen om de energiedoelstellingen te halen?" section combining advice, an EPC-aanvraag hint and the Energiehuis banner.pages/woningpas/renovatiewerken- The Mijn werken page now opens with the existingcomponents/renovatie-statussummary, showing the current energy label, the energetic renovation works and the Vlaamse doelstelling on a single timeline. The component gained optionalhideTitleandhideLinkflags so its heading and "Details van mijn werken" link can be omitted when the page already provides them.pages/gebouwenpas/renovatieverplichting-overzicht-epc-gekend- The Gebouwenpas renovation-obligation page for a unit has been reworked into the new slimme-renovatieverplichting layout (the "niet in orde" state): a "Verplichtingen voor het energielabel van deze eenheid" summary with the label timeline, the renovation-obligation-after-transfer banner, a warning that a minimal energy label applies even without transfer, the steps to comply (with a provincial "steunpunt duurzaam bouwen" advice banner), and a status overview listing the minimal energy label and the measures package — roof insulation, glazing, central space-heating generators and cooling generators — each with their compliance status.components/collapse-table- The status column now supports an orange "Zelf te controleren" state, alongside the existing "In orde", "Niet in orde" and "Niet gekend" states, for obligations a user must verify themselves. The table also gained a compact layout that drops the middle description column and widens the status column, for overviews that only show a title and a status.components/renovation-obligation-summary- The summary can now be rendered as its separate main and steps blocks in addition to the whole, and its wording and advice banner can be tailored per context (for example "eenheid" wording and a provincial support point for a Gebouwenpas unit).pages/gebouwenpas/verplichtingen- The Verplichtingen overview is split into two sections: "Verplichtingen voor dit gebouw" for the obligations that apply (Minimaal energielabel with a green "in orde" badge and Renovatieverplichting with a red "niet in orde" badge, each with a target date) and "Mogelijke bijkomende verplichtingen voor dit gebouw" for those that may additionally apply, followed by a feedback banner. Thecomponents/verplichtingcard gained optionaldate,statusanddetailUrlfields, with the status badge now supporting a red "niet in orde" state alongside the green "in orde" one.components/epc-bar- A simplified "current EPC" variant has been added that shows only the current energy label with a single annotation, now used in the current-label section of the Woningpas and Gebouwenpas renovation-obligation pages instead of the fully annotated bar.pages/woningpas/epc-renovatieverplichting- Each colour-coded icon box in the energy-advice table now shows a status label (Helemaal niet in orde, Niet in orde, Voorlopig in orde, Zonne-energie, Aandachtspunt), so the energetic status of every item is explicit in text instead of being conveyed by colour alone.components/update- The dismiss button is now a real button with an accessible name, so screen readers announce it and it can be reached with the keyboard.components/sub-nav- The large sub-navigation can now show an optional badge next to a tab label — a red "Nieuw" badge or a coloured count badge — to draw attention to a new or updated section.pages/gebouwenpas/keuzescherm-default-list- The property overview now announces the new cross-building reports in two places:components/updatesits beneath the navigation explaining that a report of themes and obligations spanning multiple buildings can be requested, and a "Rapporten" tab carrying a red "Nieuw" badge has been added to the top navigation.components/table- The buildings table can now show an optional Tags column: keyword chips that wrap within the cell, followed by a pencil to edit them — visible after the tags when present, and appearing on hover when the cell is empty.pages/gebouwenpas/keuzescherm-default-list- The buildings list view now shows the new Tags column in place of the building IDs, with sample tags and the edit affordance.components/filter- The filter styles are now part of the Gebouwenpas bundle as well, where they were previously Woningpas-only.components/table- The Tags column gained an editing state: the pencil beside the keyword chips openscomponents/tag-editoras a panel that overlays the rows beneath it, while the chips and the pencil stay in place so the row keeps its height and the surrounding rows do not shift. The state is available on both rows and sub-rows, each pre-selected with its own active tags out of the tag options passed to the table.components/report-tile- Thereport-tilenow also renders a generated report: given an address and a creation date instead of the subjects list, it shows the building it covers and when it was created, with an optional status that picks the action — "Bekijk rapport" when available, a disabled "Bezig met genereren rapport" while generating, and "Fout bij genereren rapport" on error.components/report-tile- The tile can now be rendered as selectable for the report wizard: the "Genereer rapport" action is replaced by a checkbox in the top corner and the chosen tile is highlighted in blue, so a theme can be picked rather than acted on directly.components/table- A selectable variant of the buildings table has been added for the report wizard: select-all and per-row checkboxes (including on the nested eenheden), read-only tags without the edit pencil, and Adres, Grondoppervlakte, Bouwjaar and Tags columns.components/table- The selectable table now also serves the parcel-selection step: its columns adapt per row so a parcels view can drop the Bouwjaar column, and the buildings nested under a parcel are shown as read-only rows without their own checkbox.pages/gebouwenpas/koppelen-mbp-step-1-card,pages/gebouwenpas/koppelen-mbp-step-1-list,pages/gebouwenpas/koppelen-mbp-step-2,pages/gebouwenpas/koppelen-mbp-step-3,pages/gebouwenpas/ontkoppelen-mbp-step-1-card,pages/gebouwenpas/ontkoppelen-mbp-step-1-list,pages/gebouwenpas/ontkoppelen-mbp-step-2- On pages short enough to fit the screen the grey page background now runs all the way down to the footer, instead of stopping after the last block and leaving a white band above it.pages/gebouwenpas/rapport-bodeminformatie- The Bodeminformatie report now opens with a Risicogronden widget, showing how many parcels are unknown, hold no risk soil or are affected by risicogronden, PFAS, milieugezondheid or radon. Widgets sit two to a row inside the report card and each become a card of their own on smaller screens.pages/gebouwenpas/rapport-bodeminformatie- The Bodeminformatie report now opens with a Risicogronden and a Bodemkwaliteit widget, showing how many parcels are unknown, hold no risk soil or are affected by risicogronden, PFAS, milieugezondheid or radon, and how many are contaminated, need follow-up or are still waiting on a soil survey. Widgets sit two to a row inside the report card and each become a card of their own on smaller screens.components/gradient- The gradient gained a light-green fill and a smaller pill, so a whole list of pills can be read at a glance in the report widgets.components/table- A report variant of the table has been added for the report detail pages. Where the other variants render a fixed set of columns, a report describes its own: a column per theme with its width and its sorting state, and a row handing its values to those columns in the same order. A value can be a status icon (a red attention mark, a green check or a blue info mark), a pill of thegradientcomponent, a single line of text or a couple of lines of which one can be emphasised, or its own markup. The first column always reads the property with its type icon, its identification and a second line beneath it, and a row can open to the buildings underneath it — drawn with the tree connector the table already uses — without any script being needed to author the open state. Sorting a column is now a real button with an accessible name and the column announces whether it is sorted ascending, descending or not at all. The column picker and the pagination sit beneath the table and move above it on smaller screens, where the table keeps scrolling sideways with a fading right edge.pages/gebouwenpas/rapport-bodeminformatie- The Bodeminformatie report now also lists the parcels it covers beneath its widgets, with a column per theme: Perceel · Gebouwen, Risicogrond, Bodemkwaliteit, Aandachtspunten, Stortplaatsen and Advies. A parcel holding several buildings can be opened to show them as rows of their own, the columns shown can be narrowed through "Weergave kolommen" and the list is paged per number of parcels.pages/gebouwenpas/rapport-aandachtspunten- The Aandachtspunten report now opens with an "Aantal aandachtspunten" widget, showing how many buildings have no known attention points, one, two, or three or more — each step of severity drawn in its own colour, up to a new dark red for the most severe one.components/epc- An extra small energy label has been added, sized to sit in front of a line of text in the report widgets.pages/gebouwenpas/rapport-aandachtspunten- The Aandachtspunten report now also opens with a "Type aandachtspunten" widget beside the counts, grouping the attention points per theme: how many EPC's are missing and how many buildings need an EPC D by 2030 under EPC, and how many asbestos certificates are missing and how many buildings hold asbestos under Asbest. The widget closes with a hint that additional obligations may apply per building.components/table- A cell of the report table can now also read an energy label of theepccomponent, or a marker as long as the count it introduces — a dot when there is nothing to report, a bar growing per counted point. A single line of text can be emphasised like the lines of a multi-line cell, and a column title that is too long for its column can be broken itself while it keeps announcing its full name.pages/gebouwenpas/rapport-aandachtspunten- The Aandachtspunten report now lists the buildings it covers beneath its widgets, with a column per theme: Adres, Aandachtspunten, EPC-label, Labelplicht, Renovatieverplichting, Asbest-attest and Asbestvrij. A building holding several eenheden can be opened to show them as rows of their own, warnings and non-zero counts read in a heavier weight than the states that are in order or unknown, the columns shown can be narrowed through "Weergave kolommen" and the list is paged per number of buildings.components/epc- The energy label now also comes in G, the label the report widgets need to show the whole scale.pages/gebouwenpas/rapport-energetische-prestaties- The Energetische prestaties report now opens with a "Gebouwen met EPC" widget: a column per energy label, from A+ down to the buildings without one, split into the residential buildings and the non-residential ones so both counts can be read per label.pages/gebouwenpas/rapport-energetische-prestaties- The Energetische prestaties report now also carries a "Gebouwen met labelverplichting" widget beside the first one: a row per year the label obligation falls due, from 2026 to 2030, split into the residential buildings and the non-residential ones so the weight of every deadline can be compared.components/table- A count in a cell of the report table can now name what it counts in a unit, which is read as a plain word behind the count, and a value handed to a cell beside an energy label is read on the line of that label instead of underneath it. A tag of a row is now read beside the street name of that row rather than beside its whole address.pages/gebouwenpas/rapport-energetische-prestaties- The Energetische prestaties report now lists the buildings it covers beneath its widgets: a row per building, and per unit of a building with several, reading the energy label with its energy score, the actual consumption, the share of renewable energy and the label, renovation and emission obligations of that building.components/buttons/general- Buttons now draw their own focus ring: a blue outline held a couple of pixels off the edge, so there is a band of page between the ring and the button it marks. Previously a filled button swallowed the ring the browser draws tight against its border. The ring only appears for keyboard focus, so clicking a button with the mouse does not leave one behind.components/epc- The letter on an energy label is now drawn in black on every step of the scale that white could not be read on. The colours of the scale itself are unchanged; only the letter switches, and it does so per step, so every label reaches the required contrast between the letter and the colour behind it. An energy label can also be handed to a component that names the label itself, in which case the badge is left as the drawing it is and is passed over by a screen reader, so the label is not read twice.components/instance-table- The lines a report table plays down — an empty value, a subtitle, a count of nothing — now share the grey the address subtitle already carries. The lighter grey they had was too faint to read, on white and more so on the tint an opened row is drawn in.components/stacked-chart- A column of the chart is now read as one whole, the way a row of the other chart already was: a chart of ten energy labels is ten things to read, each of them naming its label and then the count of every group behind it. The drawing itself — the bars and the numbers on them — is passed over by a screen reader, so a reader is no longer walked through every number in the chart loose. The columns no longer scroll sideways either, which also took the chart out of the tab order: there is nothing in it to operate, so a reader tabbing through the page no longer lands on it.pages/gebouwenpas/rapport-aandachtspunten,pages/gebouwenpas/rapport-bodeminformatie,pages/gebouwenpas/rapport-energetische-prestaties- The widgets of a report now drop from two to one a row as soon as two no longer fit, instead of squeezing a widget below the width it draws in.