Ga naar hoofdinhoud

DSO Toolkit v60.0.0

ยท 2 minuten leestijd
Thomas Rijsewijk
DSO Toolkit Product Owner & Architect

Viewer Gridโ€‹

In #2161 hebben we ondersteuning voor de VDK layout gemaakt. Tegelijkertijd hebben we het component stateless gemaakt, in lijn met onze visie op stateful vs. stateless components.

Dit betekent dat afnemers van het Viewer Grid met de VRK layout ook werk moeten verzetten.

Statelessโ€‹

Voorheen was de breedte van het linkerpaneel onderdeel van de interne state. Nu moet de afnemer dit bijhouden. Hetzelfde geldt voor de "responsive tab view".

Hierdoor is de property initialMainSize komen te vervallen.

Interfacesโ€‹

OudNieuwOpmerkingen
MainSizeViewerGridMainSize
ViewerGridChangeSizeEvent.stageViewerGridChangeSizeAnimationEndEventDeze property is verplaatst naar een eigen event DsoViewerGridCustomEvent<ViewerGridChangeSizeAnimationEndEvent>
ViewerGridChangeSizeEvent.previousSizeViewerGridChangeSizeEvent.currentSize
ViewerGridChangeSizeEvent.currentSizeViewerGridChangeSizeEvent.nextSize

APIโ€‹

Bovenstaande opmerkingen komen enigszins in onderstaande markup voorschriften samen. Dit is exclusief de nieuwe functionaliteit die is ontwikkeld voor VDK.

โŒ
<dso-viewer-grid
[initialMainSize]="'medium'"
(dsoMainSizeChange)="$event.detail.stage === 'end' && resizeMap()"
></dso-viewer-grid>

โœ…
<dso-viewer-grid
[mainSize]="mainSize"
(dsoMainSizeChange)="mainSize = $event.detail.nextSize"
[activeTab]="activeTab"
(dsoActiveTabSwitch)="activeTab = $event.detail.tab"
(dsoMainSizeChangeAnimationEnd)="resizeMap()"
></dso-viewer-grid>

Date Pickerโ€‹

In #2226 zijn de maatwerk routines in Date Picker vervangen door de browser native <input type="date">. Dit gaat alleen over de implementatie van het Web Component. Dit betekent iets minder invloed maar veel betere toegankelijkheid.

Propertiesโ€‹

De volgende properties zijn komen te vervallen:

PropertyMigratie
directionGeen: Is met browser native control niet meer van toepassing.
roleGeen: Is met browser native control niet meer van toepassing.
show()Geen: Is met browser native control niet meer van toepassing.
hide()Geen: Is met browser native control niet meer van toepassing.
setFocus()<dso-date-picker dso-autofocus>

Interfaces hernoemdโ€‹

De interfaces van de Date Picker waren onterecht geprefixed met Dso.

OudNieuw
DsoDatePickerChangeEventDatePickerChangeEvent
DsoDatePickerFocusEventDatePickerFocusEvent
DsoDatePickerKeyboardEventDatePickerKeyboardEvent
DsoDatePickerDirectionโŒ Verwijderd