/*
//
// Template Rijkshuisstijl 
//
//
Versiebeheer

v2.7 

- External CSS settings verwijderd

v2.6.x - 6 oktober 2025, BT

WCAG 
- Verbetering in WCAG met aanduidig of het via Javascript (JS) is opgelost. Anders gewoon in de CSS/LESS 
- 1. Waarneembaar:
    1.1 Tekstalternatieven
        1.1.1 Niet tekstuele content
            - (JS) Links naar externe websites en/of naar nieuw venster automatisch van juiste aria-labels voorzien 
            - (JS) icon only buttons kunnen nu juiste aria-labels krijgen door een tooltip (geen popup) toe te voegen; || niet meer nodig
            - alle(JS)  icons voorzien van aria-hidden="true"
    1.3 Aanpasbaar
        1.3.1 Info en relaties
            - (JS) alle tabellen voorzien van attribuut role="presentation"; uitzondering bij echte tabellen onder een datagrid
            - (JS) labels in een formulier automatisch gekoppeld aan bijbehorende input veld 
        1.3.5: Identificeer het doel van de input
            - (JS) autocomplete veld automatisch gezet obv label (o.a. namen, telefoon, postcode, iban, email, etc)
- 2. Bedienbaar
    2.2: Genoeg tijd
        2.2.1: Timing aanpasbaar
            - (JS) script dat na 15 minuten vraagt of je nog ingelogd wilt blijven
    2.4: Navigeerbaar
        2.4.2: Paginatitel
            - <title> wordt nu gezet op basis van de naam van de interactie node 
        2.4.3: Focus volgorde
        
v2.6.2 - 8 sep 2025, BT

WCAG
- alle <strong> elementen vervangen door <b>

Security 
- alle downloadable links van bestanden voorzien van download attribuut om geforceerd te downloaden
- bij selecteren van een bestand om te uploaden, direct controles op extensie en grootte:
    bij selecteren bestand in popup wordt dit filter al toegepast
    - toegestaan:
        - grootte: max 4MB
        - mimetype: 
            'application/pdf',
            'image/png',
            'image/jpeg',
            'text/plain',
            'text/csv',
            'application/vnd.ms-excel',
            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
            'application/vnd.oasis.opendocument.spreadsheet'
        - extensies:
            'pdf','png','jpg','jpeg',
            'txt','csv','xls','xlsx','ods'
        - geblokkeerd:
            'exe','msi','bat','cmd','com','scr','js','mjs','cjs','vbs','wsf','ps1','sh',
            'dll','jar','class','php','phtml','asp','aspx','jsp','py','rb'

v2.6.1 - 20 aug 2025

- hoofd html opgeschoond als voorbereiding vaststellen deze versie

v2.6.0 - 4 aug 2025

Rijkshuisstijl
- alert icons aangepast aan huisstijl en icons voor de tekst ipv boven de tekst
- info knop niet meer de hoofdkleur, maar altijd de info (blauw) kleur
- achtergrondkleur navigatie is nu wit, behalve bij hover over menu optie
- navigatie menu items staan iets dichter naast elkaar
- input elementen met een alert krijgen border line van deze kleur
- logo zichtbaar op mobiel, maar kleiner
- headings lettergrootte aangepast : h1 t/m h6: 24px t/m 14px (stappen van 2 px)
- logo bij klein scherm (xs) iets groter gemaakt
- setting "Rijkshuisstijl versie" toegevoegd. Door deze op "2025" te zetten, wordt de nieuwe Rijkshuisstijl toegepast (vooral witte navigatiebalk)

WCAG
- alle tables de role="presentation" gegeven, behalve binnen een .wem-datagrid-wrapper
- verplichte invoervelden krijgen aria-required="true" attribuut

v2.5.3 - 4 mrt 2025

- kleuren div-3 en div-4 aangepast 

v2.5.2 - 7 feb 2025

- genereren van een title (tekst tabblad) aangepast: dit gebeurt nu in de volgorde 1. Window Title 2. Eerste H1 op pagina 3. ProjectName()

v2.5.1 - 13 jan 2025

Enkele fixes ahv bevindingen
- tabellen niet meer automatisch adaptive gemaakt, omdat in combi met kleinere padding dit tot schuifbalken leidde
- algemene padding terug gezet naar 32px om wegvallen 1e letters in sommige gevallen te voorkomen
- eerste en laatste buttons in een group geen afronding meer gegeven

v2.5 - 6 dec 2024

WCAG Digitale toegankelijkheid
- iconen worden nu door schermlezers genegeerd
- afbeeldingen zonder alt tekst krijgen nu leeg alt attribuut (ipv geen)
- labels en divs krijgen role door ||alert (of eigen te kiezen role)
- buttons en links krijgen aria-label door ||voor te lezen tekst
- knoppen met enkel icoon mogelijk door knop met tekst "||voor te lezen tekst"
- labels, buttons en divs krijgen extra attributen door bv ||{"role","alert", "style":"color:blue"}
- labels worden aan formuliervelden gekoppeld
- clickable divs krijgen automatisch role=button  
- Instelling om na een timeout in minuten de popup "Bent u er nog?" te tonen
- Jump to top knop voorzien van aria-label en title
- tabellen altijd van type adaptive

Template settings
- algemene padding verkleind naar 16px om compactere schermen te krijgen
- Kleurschema nu via 1 instelling te regelen: rijkshuisstijlKleur
    - Zie https://www.rijkshuisstijl.nl/publiek/modules/product/DigitalStyleGuide/default/index.aspx?ItemId=10815
    - LET OP: de specifieke instellingen zijn verdwenen
- ronde hoeken van DIVs (nieuwe huisstijl) in te stellen via "Radius" standaard 25px, maar kan ook bv 10% zijn 
- 1e en laatste button niet met ronde hoeken tonen (Styles/bootstrap/buttongroups.less)
- Webanalyzer in te stellen via instelling "Webanalyzer active"
- Eigen Webanalyzer in te stellen via instelling "Webanalyzer code"

Overige 
- Indicatie testomgeving van lichte knippering voorzien
- Extra Javascript functionaliteit naar obf.js gezet
- Specifieke opmaak naar obf.less gezet
- hoogte van panel headers verminderd om deze compacter te maken
- laatste versie van de Rijkshuisstijl vwb logo, lettertype en afgeronde hoeken toegepast



Backlog
- focus in modal schermen
- focus bij "naar boven" pijl
- role="menu-item" bij dropdownmenu keuzes
*/