@dso-toolkit/angular 89.0.0 → 90.1.0

package/types/dso-toolkit-angular.d.ts

@@ -1,10 +1,21 @@
 import * as i0 from '@angular/core';
 import { NgZone, ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { Components, AccordionSectionActiveChangeEvent, AccordionSectionToggleClickEvent, AccordionSectionAnimationStartEvent, AccordionSectionAnimationEndEvent, AdvancedSelectChangeEvent, AdvancedSelectRedirectEvent, AlertCloseEvent, AnnotationActiveChangeEvent, AnnotationKaartClickEvent, Suggestion, CardClickEvent, DatePickerChangeEvent, DatePickerBlurEvent, DatePickerKeyboardEvent, DatePickerFocusEvent, DocumentCardClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentOpenToggleEvent, DocumentComponentTableOfContentsClickEvent, DocumentComponentOzonContentClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentMarkItemHighlightEvent, ExpandableAnimationStartEvent, ExpandableAnimationEndEvent, HeaderEvent, HistoryItemClickEvent, IconButtonClickEvent, InfoButtonToggleEvent, InputRangeChangeEvent, LegendContentSwitchEvent, LegendCloseEvent, LegendGroupModeChangeEvent, LegendItemActiveChangeEvent, LegendItemDeleteEvent, ListButtonChangeEvent, ListButtonSelectedEvent, LogoClickEvent, LogoLabelClickEvent, BaseLayerChangeEvent, MapControlsToggleEvent, MapLayerActiveChangeEvent, MapLayerObjectActiveChangeEvent, OverlayChangeEvent, MarkBarInputEvent, MarkBarPaginationEvent, MarkBarClearEvent, ModalCloseEvent, OnboardingTipCloseEvent, OzonContentClickEvent, OzonContentMarkItemHighlightEvent, PaginationSelectPageEvent, PanelCloseEvent, PlekinfoCardClickEvent, RenvooiMarkItemHighlightEvent, ResponsiveElementSize, DsoScrollEndEvent, SelectableChangeEvent, SkiplinkClickEvent, SlideToggleActiveEvent, SurveyRatingSubmitEvent, SurveyRatingCloseEvent, TabsSwitchEvent, TreeViewItem, TreeViewPointerEvent, ViewerGridCloseOverlayEvent, ViewerGridCloseFilterPanelEvent, ViewerGridActiveTabSwitchEvent, ViewerGridChangeSizeAnimationEndEvent, ViewerGridChangeSizeEvent, ViewerGridMainToggleEvent } from '@dso-toolkit/core/dist/components';
+import { Components, AccordionSectionActiveChangeEvent, AccordionSectionToggleClickEvent, AccordionSectionAnimationStartEvent, AccordionSectionAnimationEndEvent, AdvancedSelectChangeEvent, AdvancedSelectRedirectEvent, AlertCloseEvent, AnnotationActiveChangeEvent, AnnotationKaartClickEvent, Suggestion, CardClickEvent, DatePickerChangeEvent, DatePickerBlurEvent, DatePickerKeyboardEvent, DatePickerFocusEvent, DocumentCardClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentOpenToggleEvent, DocumentComponentTableOfContentsClickEvent, DocumentComponentOzonContentClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentMarkItemHighlightEvent, ExpandableAnimationStartEvent, ExpandableAnimationEndEvent, HeaderEvent, HistoryItemClickEvent, IconButtonClickEvent, InfoButtonToggleEvent, InputRangeChangeEvent, LegendContentSwitchEvent, LegendCloseEvent, LegendGroupModeChangeEvent, LegendItemActiveChangeEvent, LegendItemDeleteEvent, ListButtonChangeEvent, ListButtonSelectedEvent, LogoClickEvent, LogoLabelClickEvent, BaseLayerChangeEvent, MapControlsToggleEvent, MapLayerActiveChangeEvent, MapLayerObjectActiveChangeEvent, OverlayChangeEvent, MarkBarInputEvent, MarkBarPaginationEvent, MarkBarClearEvent, ModalCloseEvent, OnboardingTipCloseEvent, OzonContentClickEvent, OzonContentMarkItemHighlightEvent, PaginationSelectPageEvent, PanelCloseEvent, PlekinfoCardClickEvent, RenvooiMarkItemHighlightEvent, ResponsiveElementSize, DsoScrollEndEvent, SegmentedButtonChangeEvent, SelectableChangeEvent, SkiplinkClickEvent, SlideToggleActiveEvent, SurveyRatingSubmitEvent, SurveyRatingCloseEvent, TabsSwitchEvent, TreeViewItem, TreeViewPointerEvent, ViewerGridCloseOverlayEvent, ViewerGridCloseFilterPanelEvent, ViewerGridActiveTabSwitchEvent, ViewerGridChangeSizeAnimationEndEvent, ViewerGridChangeSizeEvent, ViewerGridMainToggleEvent } from '@dso-toolkit/core/dist/components';
+import { ControlValueAccessor } from '@angular/forms';
 
 declare class DsoAccordion {
     protected z: NgZone;
     protected el: HTMLDsoAccordionElement;
+    /**
+   * The variant of the Accordion.
+   */
+    set variant(_: Components.DsoAccordion['variant']);
+    /**
+   * Places the chevron at the opposite side.
+
+Note: this mode does not display `state`, `attachmentCount` or `status` props on Accordion Sections
+   */
+    set reverseAlign(_: Components.DsoAccordion['reverseAlign']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAccordion, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoAccordion, "dso-accordion", never, { "reverseAlign": { "alias": "reverseAlign"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -14,6 +25,64 @@ declare interface DsoAccordion extends Components.DsoAccordion {
 declare class DsoAccordionSection {
     protected z: NgZone;
     protected el: HTMLDsoAccordionSectionElement;
+    /**
+   * The title of the handle
+   */
+    set handleTitle(_: Components.DsoAccordionSection['handleTitle']);
+    /**
+   * An optional 'wijzigactie' that signals if the section is added or removed.
+   */
+    set wijzigactie(_: Components.DsoAccordionSection['wijzigactie']);
+    /**
+   * Which heading element to use. @default "h2"
+   */
+    set heading(_: Components.DsoAccordionSection['heading']);
+    /**
+   * When set the handle will render as a `<a>`. When undefined it renders as a `<button>`
+   */
+    set handleUrl(_: Components.DsoAccordionSection['handleUrl']);
+    /**
+   * `state` takes precedence over `attachmentCount` and `icon`
+   */
+    set status(_: Components.DsoAccordionSection['status']);
+    /**
+   * `attachmentCount` takes precedence over `icon`
+   */
+    set attachmentCount(_: Components.DsoAccordionSection['attachmentCount']);
+    /**
+   * The alias of the icon in the heading handle.
+   */
+    set icon(_: Components.DsoAccordionSection['icon']);
+    /**
+   * The status of the section.
+   */
+    set statusDescription(_: Components.DsoAccordionSection['statusDescription']);
+    /**
+   * Set the Accordion Section open. @default false
+   */
+    set open(_: Components.DsoAccordionSection['open']);
+    /**
+   * Set when this Accordion Section contains or will contain an Accordion. @default false
+   */
+    set hasNestedAccordion(_: Components.DsoAccordionSection['hasNestedAccordion']);
+    /**
+   * The label to be displayed in the heading handle inside a Label (optional)
+   */
+    set label(_: Components.DsoAccordionSection['label']);
+    /**
+   * The status of the Label in the heading handle (optional)
+   */
+    set labelStatus(_: Components.DsoAccordionSection['labelStatus']);
+    /**
+   * A boolean to indicate if the Accordion Section is capable of being activated. When `true` a Slide Toggle displays
+on the right in the heading handle (optional). Works only for `variant` `compact-black` and `reverseAlign` false. @default false
+   */
+    set activatable(_: Components.DsoAccordionSection['activatable']);
+    /**
+   * A boolean to indicate if the Accordion Section is `active`. Only applicable when the Accordion Section is
+`activatable`. @default false
+   */
+    set active(_: Components.DsoAccordionSection['active']);
     dsoActiveChange: EventEmitter<CustomEvent<AccordionSectionActiveChangeEvent>>;
     dsoToggleClick: EventEmitter<CustomEvent<AccordionSectionToggleClickEvent>>;
     dsoAnimationStart: EventEmitter<CustomEvent<AccordionSectionAnimationStartEvent>>;
@@ -43,6 +112,10 @@ declare interface DsoAccordionSection extends Components.DsoAccordionSection {
 declare class DsoActionList {
     protected z: NgZone;
     protected el: HTMLDsoActionListElement;
+    /**
+   * The title.
+   */
+    set listTitle(_: Components.DsoActionList['listTitle']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoActionList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoActionList, "dso-action-list", never, { "listTitle": { "alias": "listTitle"; "required": true; }; }, {}, never, ["*"], true, never>;
@@ -52,6 +125,26 @@ declare interface DsoActionList extends Components.DsoActionList {
 declare class DsoActionListItem {
     protected z: NgZone;
     protected el: HTMLDsoActionListItemElement;
+    /**
+   * The step of the Action List Item.
+   */
+    set step(_: Components.DsoActionListItem['step']);
+    /**
+   * The title of the item.
+   */
+    set itemTitle(_: Components.DsoActionListItem['itemTitle']);
+    /**
+   * Show flow line to next step @default false
+   */
+    set flowLine(_: Components.DsoActionListItem['flowLine']);
+    /**
+   * When there is a warning. @default false
+   */
+    set warning(_: Components.DsoActionListItem['warning']);
+    /**
+   * Places a dashed line at the bottom of the item. @default false
+   */
+    set divider(_: Components.DsoActionListItem['divider']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoActionListItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoActionListItem, "dso-action-list-item", never, { "divider": { "alias": "divider"; "required": false; }; "flowLine": { "alias": "flowLine"; "required": false; }; "itemTitle": { "alias": "itemTitle"; "required": false; }; "step": { "alias": "step"; "required": true; }; "warning": { "alias": "warning"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -61,6 +154,18 @@ declare interface DsoActionListItem extends Components.DsoActionListItem {
 declare class DsoAdvancedSelect {
     protected z: NgZone;
     protected el: HTMLDsoAdvancedSelectElement;
+    /**
+   * The options to display in the select. @default []
+   */
+    set options(_: Components.DsoAdvancedSelect['options']);
+    /**
+   * The active option. By object reference.
+   */
+    set active(_: Components.DsoAdvancedSelect['active']);
+    /**
+   * An extra text for the active option. Only visible in the list of options.
+   */
+    set activeHint(_: Components.DsoAdvancedSelect['activeHint']);
     dsoChange: EventEmitter<CustomEvent<AdvancedSelectChangeEvent<never>>>;
     dsoRedirect: EventEmitter<CustomEvent<AdvancedSelectRedirectEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -80,6 +185,22 @@ declare interface DsoAdvancedSelect extends Components.DsoAdvancedSelect {
 declare class DsoAlert {
     protected z: NgZone;
     protected el: HTMLDsoAlertElement;
+    /**
+   * Set status of alert
+   */
+    set status(_: Components.DsoAlert['status']);
+    /**
+   * Whether or not to show the role attribute with value "alert". To control the tooltip add the `role-alert` attribute.
+   */
+    set roleAlert(_: Components.DsoAlert['roleAlert']);
+    /**
+   * Show alert as compact variant (without icon)
+   */
+    set compact(_: Components.DsoAlert['compact']);
+    /**
+   * When `false` the close button in the alert will not be rendered. @default false
+   */
+    set closable(_: Components.DsoAlert['closable']);
     dsoClose: EventEmitter<CustomEvent<AlertCloseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAlert, never>;
@@ -94,6 +215,34 @@ declare interface DsoAlert extends Components.DsoAlert {
 declare class DsoAnnotationActiviteit {
     protected z: NgZone;
     protected el: HTMLDsoAnnotationActiviteitElement;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_: Components.DsoAnnotationActiviteit['wijzigactie']);
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_: Components.DsoAnnotationActiviteit['active']);
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_: Components.DsoAnnotationActiviteit['gewijzigdeLocatie']);
+    /**
+   * De naam van de activiteit.
+   */
+    set naam(_: Components.DsoAnnotationActiviteit['naam']);
+    /**
+   * De activiteit regel kwalificatie.
+   */
+    set regelKwalificatie(_: Components.DsoAnnotationActiviteit['regelKwalificatie']);
+    /**
+   * De noemer van de locatie.
+   */
+    set locatieNoemers(_: Components.DsoAnnotationActiviteit['locatieNoemers']);
+    /**
+   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.
+   */
+    set regelKwalificatieVoorzetsel(_: Components.DsoAnnotationActiviteit['regelKwalificatieVoorzetsel']);
     dsoActiveChange: EventEmitter<CustomEvent<AnnotationActiveChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAnnotationActiviteit, never>;
@@ -108,6 +257,22 @@ declare interface DsoAnnotationActiviteit extends Components.DsoAnnotationActivi
 declare class DsoAnnotationGebiedsaanwijzing {
     protected z: NgZone;
     protected el: HTMLDsoAnnotationGebiedsaanwijzingElement;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_: Components.DsoAnnotationGebiedsaanwijzing['wijzigactie']);
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_: Components.DsoAnnotationGebiedsaanwijzing['active']);
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_: Components.DsoAnnotationGebiedsaanwijzing['gewijzigdeLocatie']);
+    /**
+   * De naam van de gebiedsaanwijzing.
+   */
+    set naam(_: Components.DsoAnnotationGebiedsaanwijzing['naam']);
     dsoActiveChange: EventEmitter<CustomEvent<AnnotationActiveChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAnnotationGebiedsaanwijzing, never>;
@@ -122,6 +287,20 @@ declare interface DsoAnnotationGebiedsaanwijzing extends Components.DsoAnnotatio
 declare class DsoAnnotationKaart {
     protected z: NgZone;
     protected el: HTMLDsoAnnotationKaartElement;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie is toegevoegd of verwijderd.
+   */
+    set wijzigactie(_: Components.DsoAnnotationKaart['wijzigactie']);
+    /**
+   * De naam van de kaart.
+   */
+    set naam(_: Components.DsoAnnotationKaart['naam']);
+    /**
+   * De url naar de kaart.
+
+Gebruik het event `dsoClick` om de navigatie aan de router te koppelen.
+   */
+    set href(_: Components.DsoAnnotationKaart['href']);
     dsoClick: EventEmitter<CustomEvent<AnnotationKaartClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAnnotationKaart, never>;
@@ -138,6 +317,22 @@ declare interface DsoAnnotationKaart extends Components.DsoAnnotationKaart {
 declare class DsoAnnotationLocatie {
     protected z: NgZone;
     protected el: HTMLDsoAnnotationLocatieElement;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_: Components.DsoAnnotationLocatie['wijzigactie']);
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_: Components.DsoAnnotationLocatie['active']);
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_: Components.DsoAnnotationLocatie['gewijzigdeLocatie']);
+    /**
+   * De noemer van de locatie.
+   */
+    set locatieNoemer(_: Components.DsoAnnotationLocatie['locatieNoemer']);
     dsoActiveChange: EventEmitter<CustomEvent<AnnotationActiveChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAnnotationLocatie, never>;
@@ -152,6 +347,34 @@ declare interface DsoAnnotationLocatie extends Components.DsoAnnotationLocatie {
 declare class DsoAnnotationOmgevingsnormwaarde {
     protected z: NgZone;
     protected el: HTMLDsoAnnotationOmgevingsnormwaardeElement;
+    /**
+   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.
+   */
+    set wijzigactie(_: Components.DsoAnnotationOmgevingsnormwaarde['wijzigactie']);
+    /**
+   * Een optionele boolean die aangeeft of de annotatie actief is.
+   */
+    set active(_: Components.DsoAnnotationOmgevingsnormwaarde['active']);
+    /**
+   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.
+   */
+    set gewijzigdeLocatie(_: Components.DsoAnnotationOmgevingsnormwaarde['gewijzigdeLocatie']);
+    /**
+   * De naam van de omgevingsnorm of omgevingswaarde.
+   */
+    set naam(_: Components.DsoAnnotationOmgevingsnormwaarde['naam']);
+    /**
+   * De toelichting van de waardes.
+   */
+    set toelichting(_: Components.DsoAnnotationOmgevingsnormwaarde['toelichting']);
+    /**
+   * De waardes van de omgevingsnorm of omgevingswaarde.
+   */
+    set waardes(_: Components.DsoAnnotationOmgevingsnormwaarde['waardes']);
+    /**
+   * De eenheid van de omgevingsnorm of omgevingswaarde.
+   */
+    set eenheid(_: Components.DsoAnnotationOmgevingsnormwaarde['eenheid']);
     dsoActiveChange: EventEmitter<CustomEvent<AnnotationActiveChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAnnotationOmgevingsnormwaarde, never>;
@@ -166,6 +389,10 @@ declare interface DsoAnnotationOmgevingsnormwaarde extends Components.DsoAnnotat
 declare class DsoAttachmentsCounter {
     protected z: NgZone;
     protected el: HTMLDsoAttachmentsCounterElement;
+    /**
+   * The number of attachments.
+   */
+    set count(_: Components.DsoAttachmentsCounter['count']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoAttachmentsCounter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoAttachmentsCounter, "dso-attachments-counter", never, { "count": { "alias": "count"; "required": true; }; }, {}, never, ["*"], true, never>;
@@ -175,6 +402,41 @@ declare interface DsoAttachmentsCounter extends Components.DsoAttachmentsCounter
 declare class DsoAutosuggest {
     protected z: NgZone;
     protected el: HTMLDsoAutosuggestElement;
+    /**
+   * The suggestions for the value of the slotted input element.
+
+This can be an array of type Suggestion or an Array of type SuggestionGroup.
+
+A suggestionGroup must have a `groupLabel` and `suggestions`.
+
+A suggestion must have a `value` and can have a `type`, an `item` or `extras`.
+
+The `type` is used to style the suggestion. `item` can be use to reference the original object that was used to
+create the suggestion. `extras` is an array of additional strings to further specify the suggestion.
+
+The value should be null when no suggestions have been fetched. @default null
+   */
+    set suggestions(_: Components.DsoAutosuggest['suggestions']);
+    /**
+   * Shows progress indicator when fetching results. @default false
+   */
+    set loading(_: Components.DsoAutosuggest['loading']);
+    /**
+   * To override progress indicator's default loading label. @default "Een moment geduld."
+   */
+    set loadingLabel(_: Components.DsoAutosuggest['loadingLabel']);
+    /**
+   * To delay progress indicator showing (in ms).
+   */
+    set loadingDelayed(_: Components.DsoAutosuggest['loadingDelayed']);
+    /**
+   * To show text when no results are found.
+   */
+    set notFoundLabel(_: Components.DsoAutosuggest['notFoundLabel']);
+    /**
+   * A function provided by the consumer of the autosuggest component, that returns an array of `AutosuggestMarkItem`s
+   */
+    set mark(_: Components.DsoAutosuggest['mark']);
     dsoSelect: EventEmitter<CustomEvent<Suggestion>>;
     dsoChange: EventEmitter<CustomEvent<string>>;
     dsoSearch: EventEmitter<CustomEvent<string>>;
@@ -201,15 +463,41 @@ declare interface DsoAutosuggest extends Components.DsoAutosuggest {
 declare class DsoBadge {
     protected z: NgZone;
     protected el: HTMLDsoBadgeElement;
+    /**
+   * The status of the Badge.
+   */
+    set status(_: Components.DsoBadge['status']);
+    /**
+   * The accessible name of the interactive Badge with Toggletip.
+   */
+    set label(_: Components.DsoBadge['label']);
+    /**
+   * The placement of the toggletip on click of the interactive Badge with Toggletip. @default "top"
+   */
+    set toggletipPlacement(_: Components.DsoBadge['toggletipPlacement']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsoBadge, "dso-badge", never, { "status": { "alias": "status"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsoBadge, "dso-badge", never, { "label": { "alias": "label"; "required": false; }; "status": { "alias": "status"; "required": false; }; "toggletipPlacement": { "alias": "toggletipPlacement"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 declare interface DsoBadge extends Components.DsoBadge {
 }
 declare class DsoBanner {
     protected z: NgZone;
     protected el: HTMLDsoBannerElement;
+    /**
+   * The status of the banner.
+   */
+    set status(_: Components.DsoBanner['status']);
+    /**
+   * Compact mode. @default false
+   */
+    set compact(_: Components.DsoBanner['compact']);
+    /**
+   * *Icon can only be hidden when the 'compact' property is set to true.
+
+Option to show banner icon. @default false
+   */
+    set icon(_: Components.DsoBanner['icon']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoBanner, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoBanner, "dso-banner", never, { "compact": { "alias": "compact"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "status": { "alias": "status"; "required": true; }; }, {}, never, ["*"], true, never>;
@@ -219,6 +507,12 @@ declare interface DsoBanner extends Components.DsoBanner {
 declare class DsoButtonGroup {
     protected z: NgZone;
     protected el: HTMLDsoButtonGroupElement;
+    /**
+   * The direction in which the buttons are displayed.
+
+Defaults to `row`. @default "row"
+   */
+    set direction(_: Components.DsoButtonGroup['direction']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoButtonGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoButtonGroup, "dso-button-group", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -228,6 +522,20 @@ declare interface DsoButtonGroup extends Components.DsoButtonGroup {
 declare class DsoCard {
     protected z: NgZone;
     protected el: HTMLDsoCardElement;
+    /**
+   * The URL to which the Card heading links.
+   */
+    set href(_: Components.DsoCard['href']);
+    /**
+   * Display the link as an external link or a download link
+ - "download"
+ - "extern"
+   */
+    set mode(_: Components.DsoCard['mode']);
+    /**
+   * Makes the Card active.
+   */
+    set active(_: Components.DsoCard['active']);
     dsoCardClick: EventEmitter<CustomEvent<CardClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoCard, never>;
@@ -242,6 +550,10 @@ declare interface DsoCard extends Components.DsoCard {
 declare class DsoCardContainer {
     protected z: NgZone;
     protected el: HTMLDsoCardContainerElement;
+    /**
+   * The mode of the Card Container. @default "list"
+   */
+    set mode(_: Components.DsoCardContainer['mode']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoCardContainer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoCardContainer, "dso-card-container", never, { "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -269,6 +581,49 @@ declare interface DsoCursorTooltip extends Components.DsoCursorTooltip {
 declare class DsoDatePicker {
     protected z: NgZone;
     protected el: HTMLDsoDatePickerElement;
+    /**
+   * Name of the date picker input. @default "dso-date"
+   */
+    set name(_: Components.DsoDatePicker['name']);
+    /**
+   * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.
+   */
+    set identifier(_: Components.DsoDatePicker['identifier']);
+    /**
+   * Makes the date picker input component disabled. This prevents users from being able to
+interact with the input, and conveys its inactive state to assistive technologies. @default false
+   */
+    set disabled(_: Components.DsoDatePicker['disabled']);
+    /**
+   * Should the input be marked as required? @default false
+   */
+    set required(_: Components.DsoDatePicker['required']);
+    /**
+   * Is input invalid?
+   */
+    set invalid(_: Components.DsoDatePicker['invalid']);
+    /**
+   * ID of element that describes the input element
+   */
+    set describedBy(_: Components.DsoDatePicker['describedBy']);
+    /**
+   * Should the input be focused on load? @default false
+   */
+    set dsoAutofocus(_: Components.DsoDatePicker['dsoAutofocus']);
+    /**
+   * Date value. Must be in Dutch date format: DD-MM-YYYY. @default ""
+   */
+    set value(_: Components.DsoDatePicker['value']);
+    /**
+   * Minimum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.
+This setting can be used alone or together with the max property.
+   */
+    set min(_: Components.DsoDatePicker['min']);
+    /**
+   * Maximum date allowed to be picked. Must be in Dutch date format: DD-MM-YYYY.
+This setting can be used alone or together with the min property.
+   */
+    set max(_: Components.DsoDatePicker['max']);
     dsoDateChange: EventEmitter<CustomEvent<DatePickerChangeEvent>>;
     dsoBlur: EventEmitter<CustomEvent<DatePickerBlurEvent>>;
     dsoKeyUp: EventEmitter<CustomEvent<DatePickerKeyboardEvent>>;
@@ -303,6 +658,14 @@ declare interface DsoDatePicker extends Components.DsoDatePicker {
 declare class DsoDocumentCard {
     protected z: NgZone;
     protected el: HTMLDsoDocumentCardElement;
+    /**
+   * The URL to which the DocumentCard heading links.
+   */
+    set href(_: Components.DsoDocumentCard['href']);
+    /**
+   * Makes the DocumentCard active.
+   */
+    set active(_: Components.DsoDocumentCard['active']);
     dsoDocumentCardClick: EventEmitter<CustomEvent<DocumentCardClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoDocumentCard, never>;
@@ -317,6 +680,107 @@ declare interface DsoDocumentCard extends Components.DsoDocumentCard {
 declare class DsoDocumentComponent {
     protected z: NgZone;
     protected el: HTMLDsoDocumentComponentElement;
+    /**
+   * The heading element to use. @default "h2"
+   */
+    set heading(_: Components.DsoDocumentComponent['heading']);
+    /**
+   * The Kop XML.
+   */
+    set kop(_: Components.DsoDocumentComponent['kop']);
+    /**
+   * The Inhoud XML.
+   */
+    set inhoud(_: Components.DsoDocumentComponent['inhoud']);
+    /**
+   * This boolean attribute indicates whether the children are visible. @default false
+   */
+    set open(_: Components.DsoDocumentComponent['open']);
+    /**
+   * Marks this Document Component as belonging to an active filter. @default false
+   */
+    set filtered(_: Components.DsoDocumentComponent['filtered']);
+    /**
+   * Marks this Document Component as not-applicable. @default false
+   */
+    set notApplicable(_: Components.DsoDocumentComponent['notApplicable']);
+    /**
+   * Text to display in the badge (e.g. "!").
+   */
+    set badge(_: Components.DsoDocumentComponent['badge']);
+    /**
+   * Status/color of the badge.
+   */
+    set badgeStatus(_: Components.DsoDocumentComponent['badgeStatus']);
+    /**
+   * Tooltip text for the badge.
+   */
+    set badgeTooltip(_: Components.DsoDocumentComponent['badgeTooltip']);
+    /**
+   * Text to display in the label (e.g. "Ontwerp", "Besluitversie").
+   */
+    set label(_: Components.DsoDocumentComponent['label']);
+    /**
+   * Status/color of the label.
+   */
+    set labelStatus(_: Components.DsoDocumentComponent['labelStatus']);
+    /**
+   * Enables annotations. @default false
+   */
+    set annotated(_: Components.DsoDocumentComponent['annotated']);
+    /**
+   * Marks Document Component as reserved.
+   */
+    set gereserveerd(_: Components.DsoDocumentComponent['gereserveerd']);
+    /**
+   * Marks the Document Component as expired.
+   */
+    set vervallen(_: Components.DsoDocumentComponent['vervallen']);
+    /**
+   * When the Annotation is opened, set this to true. @default false
+   */
+    set openAnnotation(_: Components.DsoDocumentComponent['openAnnotation']);
+    /**
+   * An alternative title to show when there is nothing to create a title.
+   */
+    set alternativeTitle(_: Components.DsoDocumentComponent['alternativeTitle']);
+    /**
+   * Type of Document Component.
+   */
+    set type(_: Components.DsoDocumentComponent['type']);
+    /**
+   * The wijzigactie as in STOP.
+   */
+    set wijzigactie(_: Components.DsoDocumentComponent['wijzigactie']);
+    /**
+   * The wijzigactie for all annotations.
+   */
+    set annotationsWijzigactie(_: Components.DsoDocumentComponent['annotationsWijzigactie']);
+    /**
+   * To mark text.
+   */
+    set mark(_: Components.DsoDocumentComponent['mark']);
+    /**
+   * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.
+   */
+    set recursiveToggle(_: Components.DsoDocumentComponent['recursiveToggle']);
+    /**
+   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.
+   */
+    set ozonContentUrlResolver(_: Components.DsoDocumentComponent['ozonContentUrlResolver']);
+    /**
+   * A BegripResolver that will be called for STOP element "IntRef". If the ref-attribute of IntRef points to a Begrip it
+should return the `<Definitie>` of that Begrip otherwise it should return undefined.
+   */
+    set ozonContentBegripResolver(_: Components.DsoDocumentComponent['ozonContentBegripResolver']);
+    /**
+   * The mode of the Document Component. One of "document" or "table-of-contents". Defaults to "document" @default "document"
+   */
+    set mode(_: Components.DsoDocumentComponent['mode']);
+    /**
+   * The URL to which the Heading links (only in mode="table-of-contents").
+   */
+    set href(_: Components.DsoDocumentComponent['href']);
     dsoRecursiveToggle: EventEmitter<CustomEvent<DocumentComponentRecursiveToggleEvent>>;
     dsoOpenToggle: EventEmitter<CustomEvent<DocumentComponentOpenToggleEvent>>;
     dsoTableOfContentsClick: EventEmitter<CustomEvent<DocumentComponentTableOfContentsClickEvent>>;
@@ -325,7 +789,7 @@ declare class DsoDocumentComponent {
     dsoMarkItemHighlight: EventEmitter<CustomEvent<DocumentComponentMarkItemHighlightEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoDocumentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsoDocumentComponent, "dso-document-component", never, { "alternativeTitle": { "alias": "alternativeTitle"; "required": false; }; "annotated": { "alias": "annotated"; "required": false; }; "annotationsWijzigactie": { "alias": "annotationsWijzigactie"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeStatus": { "alias": "badgeStatus"; "required": false; }; "badgeTooltip": { "alias": "badgeTooltip"; "required": false; }; "filtered": { "alias": "filtered"; "required": false; }; "gereserveerd": { "alias": "gereserveerd"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "href": { "alias": "href"; "required": false; }; "inhoud": { "alias": "inhoud"; "required": false; }; "kop": { "alias": "kop"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelStatus": { "alias": "labelStatus"; "required": false; }; "mark": { "alias": "mark"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "notApplicable": { "alias": "notApplicable"; "required": false; }; "open": { "alias": "open"; "required": false; }; "openAnnotation": { "alias": "openAnnotation"; "required": false; }; "ozonContentBegripResolver": { "alias": "ozonContentBegripResolver"; "required": false; }; "ozonContentUrlResolver": { "alias": "ozonContentUrlResolver"; "required": false; }; "recursiveToggle": { "alias": "recursiveToggle"; "required": false; }; "type": { "alias": "type"; "required": false; }; "vervallen": { "alias": "vervallen"; "required": false; }; "wijzigactie": { "alias": "wijzigactie"; "required": false; }; }, { "dsoRecursiveToggle": "dsoRecursiveToggle"; "dsoOpenToggle": "dsoOpenToggle"; "dsoTableOfContentsClick": "dsoTableOfContentsClick"; "dsoOzonContentClick": "dsoOzonContentClick"; "dsoAnnotationToggle": "dsoAnnotationToggle"; "dsoMarkItemHighlight": "dsoMarkItemHighlight"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsoDocumentComponent, "dso-document-component", never, { "alternativeTitle": { "alias": "alternativeTitle"; "required": false; }; "annotated": { "alias": "annotated"; "required": false; }; "annotationsWijzigactie": { "alias": "annotationsWijzigactie"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeStatus": { "alias": "badgeStatus"; "required": false; }; "badgeTooltip": { "alias": "badgeTooltip"; "required": false; }; "filtered": { "alias": "filtered"; "required": false; }; "gereserveerd": { "alias": "gereserveerd"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "href": { "alias": "href"; "required": false; }; "inhoud": { "alias": "inhoud"; "required": false; }; "kop": { "alias": "kop"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelStatus": { "alias": "labelStatus"; "required": false; }; "mark": { "alias": "mark"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "notApplicable": { "alias": "notApplicable"; "required": false; }; "open": { "alias": "open"; "required": false; }; "openAnnotation": { "alias": "openAnnotation"; "required": false; }; "ozonContentBegripResolver": { "alias": "ozonContentBegripResolver"; "required": false; }; "ozonContentUrlResolver": { "alias": "ozonContentUrlResolver"; "required": false; }; "recursiveToggle": { "alias": "recursiveToggle"; "required": false; }; "type": { "alias": "type"; "required": true; }; "vervallen": { "alias": "vervallen"; "required": false; }; "wijzigactie": { "alias": "wijzigactie"; "required": false; }; }, { "dsoRecursiveToggle": "dsoRecursiveToggle"; "dsoOpenToggle": "dsoOpenToggle"; "dsoTableOfContentsClick": "dsoTableOfContentsClick"; "dsoOzonContentClick": "dsoOzonContentClick"; "dsoAnnotationToggle": "dsoAnnotationToggle"; "dsoMarkItemHighlight": "dsoMarkItemHighlight"; }, never, ["*"], true, never>;
 }
 declare interface DsoDocumentComponent extends Components.DsoDocumentComponent {
     /**
@@ -356,6 +820,23 @@ declare interface DsoDocumentComponent extends Components.DsoDocumentComponent {
 declare class DsoDropdownMenu {
     protected z: NgZone;
     protected el: HTMLDsoDropdownMenuElement;
+    /**
+   * Whether the menu is open or closed.
+This attribute is reflected and mutable. @default false
+   */
+    set open(_: Components.DsoDropdownMenu['open']);
+    /**
+   * Alignment of the dropdown @default "left"
+   */
+    set dropdownAlign(_: Components.DsoDropdownMenu['dropdownAlign']);
+    /**
+   * Space between button and dropdown options @default 2
+   */
+    set dropdownOptionsOffset(_: Components.DsoDropdownMenu['dropdownOptionsOffset']);
+    /**
+   * Whether the menu is checkable. @default false
+   */
+    set checkable(_: Components.DsoDropdownMenu['checkable']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoDropdownMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoDropdownMenu, "dso-dropdown-menu", never, { "checkable": { "alias": "checkable"; "required": false; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; }; "dropdownOptionsOffset": { "alias": "dropdownOptionsOffset"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -365,6 +846,18 @@ declare interface DsoDropdownMenu extends Components.DsoDropdownMenu {
 declare class DsoExpandable {
     protected z: NgZone;
     protected el: HTMLDsoExpandableElement;
+    /**
+   * Set to `true` to expand the content.
+   */
+    set open(_: Components.DsoExpandable['open']);
+    /**
+   * Set to `true` to show the content animated. @default false
+   */
+    set enableAnimation(_: Components.DsoExpandable['enableAnimation']);
+    /**
+   * When enableAnimation is set to `true`, this property specifies the height of this element at which the animation will expand from / collapse to
+   */
+    set minimumHeight(_: Components.DsoExpandable['minimumHeight']);
     dsoExpandableAnimationStart: EventEmitter<CustomEvent<ExpandableAnimationStartEvent>>;
     dsoExpandableAnimationEnd: EventEmitter<CustomEvent<ExpandableAnimationEndEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -384,6 +877,54 @@ declare interface DsoExpandable extends Components.DsoExpandable {
 declare class DsoHeader {
     protected z: NgZone;
     protected el: HTMLDsoHeaderElement;
+    /**
+   * The main menu items. @default []
+   */
+    set mainMenu(_: Components.DsoHeader['mainMenu']);
+    /**
+   * Set to "always" to force the header to be compact. Otherwise it will be compact when
+the viewport is smaller than 992px. @default "auto"
+   */
+    set compact(_: Components.DsoHeader['compact']);
+    /**
+   * Used to show the login/logout option. 'none' renders nothing. @default "none"
+   */
+    set authStatus(_: Components.DsoHeader['authStatus']);
+    /**
+   * When the `authStatus` is `loggedOut` a loginUrl can be provided.
+The login button will then render as an anchor.
+   */
+    set loginUrl(_: Components.DsoHeader['loginUrl']);
+    /**
+   * The URL to open when the user activates "logout".
+If no URL is specified, a button element is used instead.
+   */
+    set logoutUrl(_: Components.DsoHeader['logoutUrl']);
+    /**
+   * Show a help-button or link in the header @default false
+   */
+    set showHelp(_: Components.DsoHeader['showHelp']);
+    /**
+   * The URL to open when the user activates "help".
+If no URL is specified, a button element is used instead.
+   */
+    set helpUrl(_: Components.DsoHeader['helpUrl']);
+    /**
+   * The name to show when the user is logged in.
+   */
+    set userProfileName(_: Components.DsoHeader['userProfileName']);
+    /**
+   * The URL to open when the user activates the profile url.
+   */
+    set userProfileUrl(_: Components.DsoHeader['userProfileUrl']);
+    /**
+   * The URL to open when the user activates "Mijn Omgevingsloket".
+   */
+    set userHomeUrl(_: Components.DsoHeader['userHomeUrl']);
+    /**
+   * Set this to true when the user is at "Mijn Omgevingsloket". @default false
+   */
+    set userHomeActive(_: Components.DsoHeader['userHomeActive']);
     dsoHeaderClick: EventEmitter<CustomEvent<HeaderEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoHeader, never>;
@@ -400,6 +941,30 @@ declare interface DsoHeader extends Components.DsoHeader {
 declare class DsoHighlightBox {
     protected z: NgZone;
     protected el: HTMLDsoHighlightBoxElement;
+    /**
+   * For yellow Highlight Box.
+   */
+    set yellow(_: Components.DsoHighlightBox['yellow']);
+    /**
+   * For a bordered Highlight Box.
+   */
+    set border(_: Components.DsoHighlightBox['border']);
+    /**
+   * For a white Highlight Box.
+   */
+    set white(_: Components.DsoHighlightBox['white']);
+    /**
+   * For a green Highlight Box.
+   */
+    set green(_: Components.DsoHighlightBox['green']);
+    /**
+   * For an Highlight Box with a drop shadow.
+   */
+    set dropShadow(_: Components.DsoHighlightBox['dropShadow']);
+    /**
+   * To create a step indicator.
+   */
+    set step(_: Components.DsoHighlightBox['step']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoHighlightBox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoHighlightBox, "dso-highlight-box", never, { "border": { "alias": "border"; "required": false; }; "dropShadow": { "alias": "dropShadow"; "required": false; }; "green": { "alias": "green"; "required": false; }; "step": { "alias": "step"; "required": false; }; "white": { "alias": "white"; "required": false; }; "yellow": { "alias": "yellow"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -409,6 +974,14 @@ declare interface DsoHighlightBox extends Components.DsoHighlightBox {
 declare class DsoHistoryItem {
     protected z: NgZone;
     protected el: HTMLDsoHistoryItemElement;
+    /**
+   * The type of History Item
+   */
+    set type(_: Components.DsoHistoryItem['type']);
+    /**
+   * The optional URL to which the History Item title links. Needs to be provided when slot `title` is used.
+   */
+    set href(_: Components.DsoHistoryItem['href']);
     dsoClick: EventEmitter<CustomEvent<HistoryItemClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoHistoryItem, never>;
@@ -423,6 +996,10 @@ declare interface DsoHistoryItem extends Components.DsoHistoryItem {
 declare class DsoIcon {
     protected z: NgZone;
     protected el: HTMLDsoIconElement;
+    /**
+   * The alias of the icon.
+   */
+    set icon(_: Components.DsoIcon['icon']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoIcon, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoIcon, "dso-icon", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -432,6 +1009,26 @@ declare interface DsoIcon extends Components.DsoIcon {
 declare class DsoIconButton {
     protected z: NgZone;
     protected el: HTMLDsoIconButtonElement;
+    /**
+   * The alias of the icon in the button.
+   */
+    set icon(_: Components.DsoIconButton['icon']);
+    /**
+   * The label of the Icon Button which is shown on hover in a tooltip.
+   */
+    set label(_: Components.DsoIconButton['label']);
+    /**
+   * The variant of the Icon Button. @default "secondary"
+   */
+    set variant(_: Components.DsoIconButton['variant']);
+    /**
+   * The placement of the tooltip on hover and focus of the Icon Button. @default "top"
+   */
+    set tooltipPlacement(_: Components.DsoIconButton['tooltipPlacement']);
+    /**
+   * To disable the Icon Button @default false
+   */
+    set disabled(_: Components.DsoIconButton['disabled']);
     dsoClick: EventEmitter<CustomEvent<IconButtonClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoIconButton, never>;
@@ -446,6 +1043,10 @@ declare interface DsoIconButton extends Components.DsoIconButton {
 declare class DsoImageOverlay {
     protected z: NgZone;
     protected el: HTMLDsoImageOverlayElement;
+    /**
+   * The wijzigactie.
+   */
+    set wijzigactie(_: Components.DsoImageOverlay['wijzigactie']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoImageOverlay, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoImageOverlay, "dso-image-overlay", never, { "wijzigactie": { "alias": "wijzigactie"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -455,6 +1056,14 @@ declare interface DsoImageOverlay extends Components.DsoImageOverlay {
 declare class DsoInfo {
     protected z: NgZone;
     protected el: HTMLDsoInfoElement;
+    /**
+   * Set to true if the Info should not be toggled and always visible.
+   */
+    set fixed(_: Components.DsoInfo['fixed']);
+    /**
+   * Whether the Info is active.
+   */
+    set active(_: Components.DsoInfo['active']);
     dsoClose: EventEmitter<CustomEvent<MouseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoInfo, never>;
@@ -469,6 +1078,22 @@ declare interface DsoInfo extends Components.DsoInfo {
 declare class DsoInfoButton {
     protected z: NgZone;
     protected el: HTMLDsoInfoButtonElement;
+    /**
+   * Whether the InfoButton is active. @default false
+   */
+    set active(_: Components.DsoInfoButton['active']);
+    /**
+   * For secondary Info Button.
+   */
+    set secondary(_: Components.DsoInfoButton['secondary']);
+    /**
+   * The label. @default "Toelichting bij optie"
+   */
+    set label(_: Components.DsoInfoButton['label']);
+    /**
+   * The placement of the Toggletip on click. @default "top"
+   */
+    set toggletipPlacement(_: Components.DsoInfoButton['toggletipPlacement']);
     dsoToggle: EventEmitter<CustomEvent<InfoButtonToggleEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoInfoButton, never>;
@@ -483,6 +1108,34 @@ declare interface DsoInfoButton extends Components.DsoInfoButton {
 declare class DsoInputRange {
     protected z: NgZone;
     protected el: HTMLDsoInputRangeElement;
+    /**
+   * The minimum value of the range.
+   */
+    set min(_: Components.DsoInputRange['min']);
+    /**
+   * The maximum value of the range.
+   */
+    set max(_: Components.DsoInputRange['max']);
+    /**
+   * The value of the range.
+   */
+    set value(_: Components.DsoInputRange['value']);
+    /**
+   * The step to increment the value by.
+   */
+    set step(_: Components.DsoInputRange['step']);
+    /**
+   * The label of the range.
+   */
+    set label(_: Components.DsoInputRange['label']);
+    /**
+   * The unit of the range. @default ""
+   */
+    set unit(_: Components.DsoInputRange['unit']);
+    /**
+   * The description of the range.
+   */
+    set description(_: Components.DsoInputRange['description']);
     dsoChange: EventEmitter<CustomEvent<InputRangeChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoInputRange, never>;
@@ -497,6 +1150,22 @@ declare interface DsoInputRange extends Components.DsoInputRange {
 declare class DsoLabel {
     protected z: NgZone;
     protected el: HTMLDsoLabelElement;
+    /**
+   * For compact Label
+   */
+    set compact(_: Components.DsoLabel['compact']);
+    /**
+   * Shows a button that can be used to remove the Label.
+   */
+    set removable(_: Components.DsoLabel['removable']);
+    /**
+   * The status of this Label.
+   */
+    set status(_: Components.DsoLabel['status']);
+    /**
+   * Whether the Label is allowed to truncate the contents if it does not fit the container element.
+   */
+    set truncate(_: Components.DsoLabel['truncate']);
     dsoRemoveClick: EventEmitter<CustomEvent<MouseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoLabel, never>;
@@ -511,6 +1180,10 @@ declare interface DsoLabel extends Components.DsoLabel {
 declare class DsoLegend {
     protected z: NgZone;
     protected el: HTMLDsoLegendElement;
+    /**
+   * TabItems in the legend topbar @default []
+   */
+    set tabItems(_: Components.DsoLegend['tabItems']);
     dsoContentSwitch: EventEmitter<CustomEvent<LegendContentSwitchEvent>>;
     dsoClose: EventEmitter<CustomEvent<LegendCloseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -530,6 +1203,11 @@ declare interface DsoLegend extends Components.DsoLegend {
 declare class DsoLegendGroup {
     protected z: NgZone;
     protected el: HTMLDsoLegendGroupElement;
+    /**
+   * Controls whether this Legend Group and its child Legend Items are in edit or view mode.
+When not set, no edit/view toggle icon is shown.
+   */
+    set mode(_: Components.DsoLegendGroup['mode']);
     dsoLegendGroupModeChange: EventEmitter<CustomEvent<LegendGroupModeChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoLegendGroup, never>;
@@ -544,6 +1222,22 @@ declare interface DsoLegendGroup extends Components.DsoLegendGroup {
 declare class DsoLegendItem {
     protected z: NgZone;
     protected el: HTMLDsoLegendItemElement;
+    /**
+   * To disable the Legend Item @default false
+   */
+    set disabled(_: Components.DsoLegendItem['disabled']);
+    /**
+   * Message to be shown in an info-button tooltip when the Legend Item is disabled
+   */
+    set disabledMessage(_: Components.DsoLegendItem['disabledMessage']);
+    /**
+   * Controls whether this Legend Item can be active or not
+   */
+    set activatable(_: Components.DsoLegendItem['activatable']);
+    /**
+   * Controls whether this Legend Item is active or not
+   */
+    set active(_: Components.DsoLegendItem['active']);
     dsoActiveChange: EventEmitter<CustomEvent<LegendItemActiveChangeEvent>>;
     dsoDelete: EventEmitter<CustomEvent<LegendItemDeleteEvent>>;
     dsoMouseEnter: EventEmitter<CustomEvent<any>>;
@@ -573,6 +1267,38 @@ declare interface DsoLegendItem extends Components.DsoLegendItem {
 declare class DsoListButton {
     protected z: NgZone;
     protected el: HTMLDsoListButtonElement;
+    /**
+   * The label of the List Button.
+   */
+    set label(_: Components.DsoListButton['label']);
+    /**
+   * The sublabel of the List Button.
+   */
+    set sublabel(_: Components.DsoListButton['sublabel']);
+    /**
+   * When defined the count can show on the List Button.
+   */
+    set count(_: Components.DsoListButton['count']);
+    /**
+   * The minimum value.
+   */
+    set min(_: Components.DsoListButton['min']);
+    /**
+   * The maximum value.
+   */
+    set max(_: Components.DsoListButton['max']);
+    /**
+   * Whether the List Button is checked. @default false
+   */
+    set checked(_: Components.DsoListButton['checked']);
+    /**
+   * Whether the List Button is disabled. @default false
+   */
+    set disabled(_: Components.DsoListButton['disabled']);
+    /**
+   * Prefix to subcontent for the purpose of screenreading.
+   */
+    set subcontentPrefix(_: Components.DsoListButton['subcontentPrefix']);
     dsoCountChange: EventEmitter<CustomEvent<ListButtonChangeEvent>>;
     dsoSelectedChange: EventEmitter<CustomEvent<ListButtonSelectedEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -594,6 +1320,32 @@ declare interface DsoListButton extends Components.DsoListButton {
 declare class DsoLogo {
     protected z: NgZone;
     protected el: HTMLDsoLogoElement;
+    /**
+   * An alternative name for the logo wordmark Omgevingsloket. For instance `Environment| Desk`. It should contains a
+pipe-character: the left-hand side of the pipe will be shown in grasgroen, the right-hand side of the pipe will be
+shown in bosgroen.
+When omitted the logo wordmark will default to Omgevingsloket, with 'Omgevings' shown in grasgroen and 'loket' in
+bosgroen. @default "Omgevings|loket"
+   */
+    set name(_: Components.DsoLogo['name']);
+    /**
+   * The url the logo is pointing to.
+   */
+    set logoUrl(_: Components.DsoLogo['logoUrl']);
+    /**
+   * The label clarifies the service within the Omgevingsloket, shown
+as a subtitle (and on smaller screens as the main wordmark itself).
+   */
+    set label(_: Components.DsoLogo['label']);
+    /**
+   * The url the label is pointing to.
+   */
+    set labelUrl(_: Components.DsoLogo['labelUrl']);
+    /**
+   * The ribbon contains the text for a possible 'sticker' on top of the logo.
+Used to clarify the (non-production) server environment ("int", "kta", "pfm", "pre", or "dmo")
+   */
+    set ribbon(_: Components.DsoLogo['ribbon']);
     dsoLogoClick: EventEmitter<CustomEvent<LogoClickEvent>>;
     dsoLabelClick: EventEmitter<CustomEvent<LogoLabelClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -613,6 +1365,14 @@ declare interface DsoLogo extends Components.DsoLogo {
 declare class DsoMapBaseLayers {
     protected z: NgZone;
     protected el: HTMLDsoMapBaseLayersElement;
+    /**
+   * To group the overlays together. Generally the default value suffices. @default uuidv4()
+   */
+    set group(_: Components.DsoMapBaseLayers['group']);
+    /**
+   * The base layers.
+   */
+    set baseLayers(_: Components.DsoMapBaseLayers['baseLayers']);
     dsoBaseLayerChange: EventEmitter<CustomEvent<BaseLayerChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoMapBaseLayers, never>;
@@ -627,6 +1387,18 @@ declare interface DsoMapBaseLayers extends Components.DsoMapBaseLayers {
 declare class DsoMapControls {
     protected z: NgZone;
     protected el: HTMLDsoMapControlsElement;
+    /**
+   * To show and hide the Map Controls. @default false
+   */
+    set open(_: Components.DsoMapControls['open']);
+    /**
+   * To disable the zoom controls:
+
+* `in`: Disable zoom in button.
+* `out`: Disable zoom out button.
+* `both`: Disable zoom in and zoom out.
+   */
+    set disableZoom(_: Components.DsoMapControls['disableZoom']);
     dsoZoomIn: EventEmitter<CustomEvent<MouseEvent>>;
     dsoZoomOut: EventEmitter<CustomEvent<MouseEvent>>;
     dsoToggle: EventEmitter<CustomEvent<MapControlsToggleEvent>>;
@@ -654,6 +1426,19 @@ declare interface DsoMapControls extends Components.DsoMapControls {
 declare class DsoMapLayer {
     protected z: NgZone;
     protected el: HTMLDsoMapLayerElement;
+    /**
+   * The label of the Map Layer.
+   */
+    set label(_: Components.DsoMapLayer['label']);
+    /**
+   * A boolean to indicate if the Map Layer is capable of being activated. When `true` a Slide Toggle displays
+on the right. @default false
+   */
+    set activatable(_: Components.DsoMapLayer['activatable']);
+    /**
+   * An optional boolean indicating whether the Map Layer is active.
+   */
+    set active(_: Components.DsoMapLayer['active']);
     dsoActiveChange: EventEmitter<CustomEvent<MapLayerActiveChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoMapLayer, never>;
@@ -668,6 +1453,10 @@ declare interface DsoMapLayer extends Components.DsoMapLayer {
 declare class DsoMapLayerObject {
     protected z: NgZone;
     protected el: HTMLDsoMapLayerObjectElement;
+    /**
+   * An optional boolean indicating whether the Map Layer Object is active.
+   */
+    set active(_: Components.DsoMapLayerObject['active']);
     dsoActiveChange: EventEmitter<CustomEvent<MapLayerObjectActiveChangeEvent>>;
     dsoMouseEnter: EventEmitter<CustomEvent<any>>;
     dsoMouseLeave: EventEmitter<CustomEvent<any>>;
@@ -689,9 +1478,30 @@ declare interface DsoMapLayerObject extends Components.DsoMapLayerObject {
      */
     dsoMouseLeave: EventEmitter<CustomEvent<any>>;
 }
+declare class DsoMapMessage {
+    protected z: NgZone;
+    protected el: HTMLDsoMapMessageElement;
+    /**
+   * Variant determines the icon and actions shown.
+   */
+    set variant(_: Components.DsoMapMessage['variant']);
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsoMapMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsoMapMessage, "dso-map-message", never, { "variant": { "alias": "variant"; "required": true; }; }, {}, never, ["*"], true, never>;
+}
+declare interface DsoMapMessage extends Components.DsoMapMessage {
+}
 declare class DsoMapOverlays {
     protected z: NgZone;
     protected el: HTMLDsoMapOverlaysElement;
+    /**
+   * To group the overlays together. Generally the default value suffices. @default uuidv4()
+   */
+    set group(_: Components.DsoMapOverlays['group']);
+    /**
+   * The overlays.
+   */
+    set overlays(_: Components.DsoMapOverlays['overlays']);
     dsoToggleOverlay: EventEmitter<CustomEvent<OverlayChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoMapOverlays, never>;
@@ -706,6 +1516,22 @@ declare interface DsoMapOverlays extends Components.DsoMapOverlays {
 declare class DsoMarkBar {
     protected z: NgZone;
     protected el: HTMLDsoMarkBarElement;
+    /**
+   * The current search value.
+   */
+    set value(_: Components.DsoMarkBar['value']);
+    /**
+   * The label for the input field. @default "Zoeken in document"
+   */
+    set label(_: Components.DsoMarkBar['label']);
+    /**
+   * The current (one-based) highlighted search item.
+   */
+    set current(_: Components.DsoMarkBar['current']);
+    /**
+   * Total number of search results.
+   */
+    set totalCount(_: Components.DsoMarkBar['totalCount']);
     dsoInput: EventEmitter<CustomEvent<MarkBarInputEvent>>;
     dsoNext: EventEmitter<CustomEvent<MarkBarPaginationEvent>>;
     dsoPrevious: EventEmitter<CustomEvent<MarkBarPaginationEvent>>;
@@ -735,6 +1561,32 @@ declare interface DsoMarkBar extends Components.DsoMarkBar {
 declare class DsoModal {
     protected z: NgZone;
     protected el: HTMLDsoModalElement;
+    /**
+   * when set the modal will be shown in fullscreen.
+   */
+    set fullscreen(_: Components.DsoModal['fullscreen']);
+    /**
+   * The title of the Modal.
+   */
+    set modalTitle(_: Components.DsoModal['modalTitle']);
+    /**
+   * the role for the modal `dialog` | `alert` | `alertdialog`. @default "dialog"
+   */
+    set dialogRole(_: Components.DsoModal['dialogRole']);
+    /**
+   * The element to return focus to after the modal is closed.
+
+* `undefined` will return focus to the previously focused element (default).
+* `false` will not return focus to any element.
+* or, provide your own `HTMLElement` that will receive focus upon closing. @default undefined
+   */
+    set returnFocus(_: Components.DsoModal['returnFocus']);
+    /**
+   * when `false` the close button in the header will not be rendered.
+
+Needs `modalTitle` to be set. @default false
+   */
+    set closable(_: Components.DsoModal['closable']);
     dsoClose: EventEmitter<CustomEvent<ModalCloseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoModal, never>;
@@ -752,6 +1604,10 @@ declare interface DsoModal extends Components.DsoModal {
 declare class DsoOnboardingTip {
     protected z: NgZone;
     protected el: HTMLDsoOnboardingTipElement;
+    /**
+   * Where to place the Onboarding Tip relative to its reference element. @default "right"
+   */
+    set placement(_: Components.DsoOnboardingTip['placement']);
     dsoClose: EventEmitter<CustomEvent<OnboardingTipCloseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoOnboardingTip, never>;
@@ -766,6 +1622,32 @@ declare interface DsoOnboardingTip extends Components.DsoOnboardingTip {
 declare class DsoOzonContent {
     protected z: NgZone;
     protected el: HTMLDsoOzonContentElement;
+    /**
+   * The XML to be rendered.
+   */
+    set content(_: Components.DsoOzonContent['content']);
+    /**
+   * Setting this property creates dso-ozon-content as inline element instead of a block element. @default false
+   */
+    set inline(_: Components.DsoOzonContent['inline']);
+    /**
+   * To mark text.
+   */
+    set mark(_: Components.DsoOzonContent['mark']);
+    /**
+   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.
+   */
+    set urlResolver(_: Components.DsoOzonContent['urlResolver']);
+    /**
+   * A BegripResolver that will be called for STOP element "IntRef". If the ref-attribute of IntRef points to a Begrip it
+should return the `<Definitie>` of that Begrip otherwise it should return undefined.
+   */
+    set begripResolver(_: Components.DsoOzonContent['begripResolver']);
+    /**
+   * Boolean indicating that this dso-ozon-content is part of an annotated context. If true the content of the
+toggletip for "IntIoRef" will show a "Kenmerken en kaart" annotation button. @default false
+   */
+    set annotated(_: Components.DsoOzonContent['annotated']);
     dsoClick: EventEmitter<CustomEvent<OzonContentClickEvent>>;
     dsoOzonContentMarkItemHighlight: EventEmitter<CustomEvent<OzonContentMarkItemHighlightEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -785,6 +1667,10 @@ declare interface DsoOzonContent extends Components.DsoOzonContent {
 declare class DsoOzonContentToggletip {
     protected z: NgZone;
     protected el: HTMLDsoOzonContentToggletipElement;
+    /**
+   * The alias of the icon in the button.
+   */
+    set icon(_: Components.DsoOzonContentToggletip['icon']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoOzonContentToggletip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoOzonContentToggletip, "dso-ozon-content-toggletip", never, { "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -794,6 +1680,18 @@ declare interface DsoOzonContentToggletip extends Components.DsoOzonContentToggl
 declare class DsoPagination {
     protected z: NgZone;
     protected el: HTMLDsoPaginationElement;
+    /**
+   * Total pages
+   */
+    set totalPages(_: Components.DsoPagination['totalPages']);
+    /**
+   * Current page
+   */
+    set currentPage(_: Components.DsoPagination['currentPage']);
+    /**
+   * This function is called to format the href @default (page) => "#" + page
+   */
+    set formatHref(_: Components.DsoPagination['formatHref']);
     dsoSelectPage: EventEmitter<CustomEvent<PaginationSelectPageEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoPagination, never>;
@@ -808,6 +1706,14 @@ declare interface DsoPagination extends Components.DsoPagination {
 declare class DsoPanel {
     protected z: NgZone;
     protected el: HTMLDsoPanelElement;
+    /**
+   * The accessible name for the close button.
+   */
+    set closeButtonLabel(_: Components.DsoPanel['closeButtonLabel']);
+    /**
+   * To display the panel as an emphasized panel. @default false
+   */
+    set emphasized(_: Components.DsoPanel['emphasized']);
     dsoCloseClick: EventEmitter<CustomEvent<PanelCloseEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoPanel, never>;
@@ -822,6 +1728,22 @@ declare interface DsoPanel extends Components.DsoPanel {
 declare class DsoPlekinfoCard {
     protected z: NgZone;
     protected el: HTMLDsoPlekinfoCardElement;
+    /**
+   * An optional 'wijzigactie' that signals if the plekinfo on the card is added or removed.
+   */
+    set wijzigactie(_: Components.DsoPlekinfoCard['wijzigactie']);
+    /**
+   * The URL to which the PlekinfoCard heading links.
+   */
+    set href(_: Components.DsoPlekinfoCard['href']);
+    /**
+   * Opens the urls in a new window or tab @default false
+   */
+    set targetBlank(_: Components.DsoPlekinfoCard['targetBlank']);
+    /**
+   * Makes the PlekinfoCard active.
+   */
+    set active(_: Components.DsoPlekinfoCard['active']);
     dsoPlekinfoCardClick: EventEmitter<CustomEvent<PlekinfoCardClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoPlekinfoCard, never>;
@@ -836,6 +1758,20 @@ declare interface DsoPlekinfoCard extends Components.DsoPlekinfoCard {
 declare class DsoProgressIndicator {
     protected z: NgZone;
     protected el: HTMLDsoProgressIndicatorElement;
+    /**
+   * The label of the Progress Indicator.
+   */
+    set label(_: Components.DsoProgressIndicator['label']);
+    /**
+   * The size (width) of the Progress Indicator.
+
+If no size is set, falls back to `small`.
+   */
+    set size(_: Components.DsoProgressIndicator['size']);
+    /**
+   * Set for bloatier Progress Indicator.
+   */
+    set block(_: Components.DsoProgressIndicator['block']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoProgressIndicator, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoProgressIndicator, "dso-progress-indicator", never, { "block": { "alias": "block"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -845,6 +1781,10 @@ declare interface DsoProgressIndicator extends Components.DsoProgressIndicator {
 declare class DsoProjectItem {
     protected z: NgZone;
     protected el: HTMLDsoProjectItemElement;
+    /**
+   * The label of the project item.
+   */
+    set label(_: Components.DsoProjectItem['label']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoProjectItem, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoProjectItem, "dso-project-item", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -854,6 +1794,14 @@ declare interface DsoProjectItem extends Components.DsoProjectItem {
 declare class DsoRenvooi {
     protected z: NgZone;
     protected el: HTMLDsoRenvooiElement;
+    /**
+   * The renvooi value to render.
+   */
+    set value(_: Components.DsoRenvooi['value']);
+    /**
+   * To mark text.
+   */
+    set mark(_: Components.DsoRenvooi['mark']);
     dsoRenvooiMarkItemHighlight: EventEmitter<CustomEvent<RenvooiMarkItemHighlightEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoRenvooi, never>;
@@ -893,9 +1841,96 @@ declare interface DsoScrollable extends Components.DsoScrollable {
      */
     dsoScrollEnd: EventEmitter<CustomEvent<DsoScrollEndEvent>>;
 }
+declare class DsoSegmentedButton {
+    protected z: NgZone;
+    protected el: HTMLDsoSegmentedButtonElement;
+    /**
+   * Optional custom group name
+   */
+    set groupName(_: Components.DsoSegmentedButton['groupName']);
+    /**
+   * Options to render in the segmented button
+   */
+    set options(_: Components.DsoSegmentedButton['options']);
+    /**
+   * Label for the segmented button group.
+   */
+    set label(_: Components.DsoSegmentedButton['label']);
+    /**
+   * Whether selection is required
+   */
+    set required(_: Components.DsoSegmentedButton['required']);
+    /**
+   * Index of the currently active option
+   */
+    set activeOption(_: Components.DsoSegmentedButton['activeOption']);
+    dsoChange: EventEmitter<CustomEvent<SegmentedButtonChangeEvent>>;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsoSegmentedButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsoSegmentedButton, "dso-segmented-button", never, { "activeOption": { "alias": "activeOption"; "required": true; }; "groupName": { "alias": "groupName"; "required": false; }; "label": { "alias": "label"; "required": true; }; "options": { "alias": "options"; "required": true; }; "required": { "alias": "required"; "required": false; }; }, { "dsoChange": "dsoChange"; }, never, ["*"], true, never>;
+}
+declare interface DsoSegmentedButton extends Components.DsoSegmentedButton {
+    /**
+     * Emitted when active option changes
+     */
+    dsoChange: EventEmitter<CustomEvent<SegmentedButtonChangeEvent>>;
+}
 declare class DsoSelectable {
     protected z: NgZone;
     protected el: HTMLDsoSelectableElement;
+    /**
+   * Type of Selectable.
+
+`checkbox`: Multiple options
+`radio`: Single option.
+   */
+    set type(_: Components.DsoSelectable['type']);
+    /**
+   * To set `<input id>` attribute for external references.
+   */
+    set identifier(_: Components.DsoSelectable['identifier']);
+    /**
+   * Name of the Selectable. Can be used to group Selectables.
+   */
+    set name(_: Components.DsoSelectable['name']);
+    /**
+   * The value of the Selectable.
+   */
+    set value(_: Components.DsoSelectable['value']);
+    /**
+   * Set to true of the current value is not valid.
+   */
+    set invalid(_: Components.DsoSelectable['invalid']);
+    /**
+   * To link this control to an element that describes it.
+   */
+    set describedById(_: Components.DsoSelectable['describedById']);
+    /**
+   * To link this control to an element that labels it.
+   */
+    set labelledById(_: Components.DsoSelectable['labelledById']);
+    /**
+   * To disable the Selectable.
+   */
+    set disabled(_: Components.DsoSelectable['disabled']);
+    /**
+   * To mark the Selectable as required.
+   */
+    set required(_: Components.DsoSelectable['required']);
+    /**
+   * Mark the Selectable as checked
+   */
+    set checked(_: Components.DsoSelectable['checked']);
+    /**
+   * An indeterminate state is neither true or false. It means the answer is somewhere in between.
+
+Can be used to indicate child Selectables that are a mix of checked and unchecked.
+   */
+    set indeterminate(_: Components.DsoSelectable['indeterminate']);
+    /**
+   * Set to true if the Info should not be toggled and always visible.
+   */
+    set infoFixed(_: Components.DsoSelectable['infoFixed']);
     dsoChange: EventEmitter<CustomEvent<SelectableChangeEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoSelectable, never>;
@@ -910,6 +1945,14 @@ declare interface DsoSelectable extends Components.DsoSelectable {
 declare class DsoSkiplink {
     protected z: NgZone;
     protected el: HTMLDsoSkiplinkElement;
+    /**
+   * The location to which the skiplink links.
+   */
+    set to(_: Components.DsoSkiplink['to']);
+    /**
+   * link text
+   */
+    set label(_: Components.DsoSkiplink['label']);
     dsoSkiplinkClick: EventEmitter<CustomEvent<SkiplinkClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoSkiplink, never>;
@@ -924,6 +1967,26 @@ declare interface DsoSkiplink extends Components.DsoSkiplink {
 declare class DsoSlideToggle {
     protected z: NgZone;
     protected el: HTMLDsoSlideToggleElement;
+    /**
+   * Set to true if Slide Toggle is checked. @default false
+   */
+    set checked(_: Components.DsoSlideToggle['checked']);
+    /**
+   * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events. @default false
+   */
+    set disabled(_: Components.DsoSlideToggle['disabled']);
+    /**
+   * When provided the `<button>` will be labelled with `aria-label`. For a visible label provide a `<span>` inside the component.
+   */
+    set accessibleLabel(_: Components.DsoSlideToggle['accessibleLabel']);
+    /**
+   * Provide the `id` of the element that labels this element. this property sets the `aria-labelledby` on the switch button.
+   */
+    set labelledbyId(_: Components.DsoSlideToggle['labelledbyId']);
+    /**
+   * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for="id">`. @default v4()
+   */
+    set identifier(_: Components.DsoSlideToggle['identifier']);
     dsoActiveChange: EventEmitter<CustomEvent<SlideToggleActiveEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoSlideToggle, never>;
@@ -957,6 +2020,18 @@ declare interface DsoSurveyRating extends Components.DsoSurveyRating {
 declare class DsoTab {
     protected z: NgZone;
     protected el: HTMLDsoTabElement;
+    /**
+   * Makes the tab active. The tab for which the tabpanel is visible is the active tab.
+   */
+    set active(_: Components.DsoTab['active']);
+    /**
+   * Disables the tab. A disabled tab cannot be activated and it's tabpanel cannot be shown.
+   */
+    set disabled(_: Components.DsoTab['disabled']);
+    /**
+   * The optional href of the tab. Creates an anchor if present. Creates a button if absent.
+   */
+    set href(_: Components.DsoTab['href']);
     dsoTabSwitch: EventEmitter<CustomEvent<TabsSwitchEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoTab, never>;
@@ -971,6 +2046,10 @@ declare interface DsoTab extends Components.DsoTab {
 declare class DsoTable {
     protected z: NgZone;
     protected el: HTMLDsoTableElement;
+    /**
+   * Prevents the table being opened in a modal. @default false
+   */
+    set noModal(_: Components.DsoTable['noModal']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoTable, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoTable, "dso-table", never, { "noModal": { "alias": "noModal"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -998,6 +2077,22 @@ declare interface DsoTijdreisBanner extends Components.DsoTijdreisBanner {
 declare class DsoToggletip {
     protected z: NgZone;
     protected el: HTMLDsoToggletipElement;
+    /**
+   * Toggletip label. @default "Toelichting"
+   */
+    set label(_: Components.DsoToggletip['label']);
+    /**
+   * Toggletip position. @default "right"
+   */
+    set position(_: Components.DsoToggletip['position']);
+    /**
+   * Set to true for small Toggletip.
+   */
+    set small(_: Components.DsoToggletip['small']);
+    /**
+   * Set to true for secondary Toggletip.
+   */
+    set secondary(_: Components.DsoToggletip['secondary']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoToggletip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoToggletip, "dso-toggletip", never, { "label": { "alias": "label"; "required": false; }; "position": { "alias": "position"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -1007,6 +2102,34 @@ declare interface DsoToggletip extends Components.DsoToggletip {
 declare class DsoTooltip {
     protected z: NgZone;
     protected el: HTMLDsoTooltipElement;
+    /**
+   * Defines if the tooltip is descriptive. A descriptive tooltip contains a meaningful message. Tooltips that are not descriptive are hidden from screenreaders using `aria-hidden`. @default false
+   */
+    set descriptive(_: Components.DsoTooltip['descriptive']);
+    /**
+   * Set position of tooltip relative to target @default "top"
+   */
+    set position(_: Components.DsoTooltip['position']);
+    /**
+   * Set position strategy of tooltip @default "auto"
+   */
+    set strategy(_: Components.DsoTooltip['strategy']);
+    /**
+   * Set attribute `no-arrow` to hide the arrow @default false
+   */
+    set noArrow(_: Components.DsoTooltip['noArrow']);
+    /**
+   * Deactivates mouseover behaviour
+   */
+    set stateless(_: Components.DsoTooltip['stateless']);
+    /**
+   * Defines if the tooltip has a smaller max-width
+   */
+    set small(_: Components.DsoTooltip['small']);
+    /**
+   * Whether or not to show the tooltip. To control the tooltip add the `active` attribute or use the `activate()` and `deactivate()` instance methods. @default false
+   */
+    set active(_: Components.DsoTooltip['active']);
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoTooltip, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DsoTooltip, "dso-tooltip", never, { "active": { "alias": "active"; "required": false; }; "descriptive": { "alias": "descriptive"; "required": false; }; "noArrow": { "alias": "noArrow"; "required": false; }; "position": { "alias": "position"; "required": false; }; "small": { "alias": "small"; "required": false; }; "stateless": { "alias": "stateless"; "required": false; }; "strategy": { "alias": "strategy"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -1016,6 +2139,10 @@ declare interface DsoTooltip extends Components.DsoTooltip {
 declare class DsoTreeView {
     protected z: NgZone;
     protected el: HTMLDsoTreeViewElement;
+    /**
+   * The collection of TreeViewItems
+   */
+    set collection(_: Components.DsoTreeView['collection']);
     dsoOpenItem: EventEmitter<CustomEvent<TreeViewItem[]>>;
     dsoCloseItem: EventEmitter<CustomEvent<TreeViewItem[]>>;
     dsoClickItem: EventEmitter<CustomEvent<TreeViewPointerEvent>>;
@@ -1051,6 +2178,46 @@ declare interface DsoTreeView extends Components.DsoTreeView {
 declare class DsoViewerGrid {
     protected z: NgZone;
     protected el: HTMLDsoViewerGridElement;
+    /**
+   * The title of the filter panel
+   */
+    set filterPanelTitle(_: Components.DsoViewerGrid['filterPanelTitle']);
+    /**
+   * Set to true when filter panel should show. @default false
+   */
+    set filterPanelOpen(_: Components.DsoViewerGrid['filterPanelOpen']);
+    /**
+   * Set to true when overlay should show. @default false
+   */
+    set overlayOpen(_: Components.DsoViewerGrid['overlayOpen']);
+    /**
+   * Set to true when document panel should show. @default false
+   */
+    set documentPanelOpen(_: Components.DsoViewerGrid['documentPanelOpen']);
+    /**
+   * Size of the panel when component loads.
+
+Default size is `large`. @default "large"
+   */
+    set mainSize(_: Components.DsoViewerGrid['mainSize']);
+    /**
+   * Set active tab in tab view.
+   */
+    set activeTab(_: Components.DsoViewerGrid['activeTab']);
+    /**
+   * Size of the panel when component loads.
+
+Default size is `large`. @default "large"
+   */
+    set documentPanelSize(_: Components.DsoViewerGrid['documentPanelSize']);
+    /**
+   * Set to show main panel expanded. @default false
+   */
+    set mainPanelExpanded(_: Components.DsoViewerGrid['mainPanelExpanded']);
+    /**
+   * Set to hide the main panel. @default false
+   */
+    set mainPanelHidden(_: Components.DsoViewerGrid['mainPanelHidden']);
     dsoCloseOverlay: EventEmitter<CustomEvent<ViewerGridCloseOverlayEvent>>;
     dsoCloseFilterPanel: EventEmitter<CustomEvent<ViewerGridCloseFilterPanelEvent>>;
     dsoActiveTabSwitch: EventEmitter<CustomEvent<ViewerGridActiveTabSwitchEvent>>;
@@ -1097,6 +2264,34 @@ declare interface DsoViewerGrid extends Components.DsoViewerGrid {
 declare class DsotDocumentComponentDemo {
     protected z: NgZone;
     protected el: HTMLDsotDocumentComponentDemoElement;
+    /**
+   * Show canvas to where Document Component extends. @default false
+   */
+    set showCanvas(_: Components.DsotDocumentComponentDemo['showCanvas']);
+    /**
+   * Show besluitversie version of the badge and label. @default false
+   */
+    set showBesluitversie(_: Components.DsotDocumentComponentDemo['showBesluitversie']);
+    /**
+   * Name of the file to load.
+   */
+    set jsonFile(_: Components.DsotDocumentComponentDemo['jsonFile']);
+    /**
+   * The default state for all Document Components. @default false
+   */
+    set openDefault(_: Components.DsotDocumentComponentDemo['openDefault']);
+    /**
+   * The mode of the Document Component. One of "document" or "table-of-contents". Defaults to "document" @default "document"
+   */
+    set mode(_: Components.DsotDocumentComponentDemo['mode']);
+    /**
+   * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.
+   */
+    set ozonContentUrlResolver(_: Components.DsotDocumentComponentDemo['ozonContentUrlResolver']);
+    /**
+   * A BegripResolver that will be called for STOP element "IntRef" with @scope ="Begrip".
+   */
+    set ozonContentBegripResolver(_: Components.DsotDocumentComponentDemo['ozonContentBegripResolver']);
     dsotOzonContentClick: EventEmitter<CustomEvent<DocumentComponentOzonContentClickEvent>>;
     dsotTableOfContentsClick: EventEmitter<CustomEvent<DocumentComponentTableOfContentsClickEvent>>;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
@@ -1114,12 +2309,42 @@ declare interface DsotDocumentComponentDemo extends Components.DsotDocumentCompo
     dsotTableOfContentsClick: EventEmitter<CustomEvent<DocumentComponentTableOfContentsClickEvent>>;
 }
 
-declare const DIRECTIVES: (typeof DsoAccordion | typeof DsoAccordionSection | typeof DsoActionList | typeof DsoActionListItem | typeof DsoAdvancedSelect | typeof DsoAlert | typeof DsoAnnotationActiviteit | typeof DsoAnnotationGebiedsaanwijzing | typeof DsoAnnotationKaart | typeof DsoAnnotationLocatie | typeof DsoAnnotationOmgevingsnormwaarde | typeof DsoAttachmentsCounter | typeof DsoAutosuggest | typeof DsoBadge | typeof DsoBanner | typeof DsoButtonGroup | typeof DsoCard | typeof DsoCardContainer | typeof DsoContactInformation | typeof DsoCursorTooltip | typeof DsoDatePicker | typeof DsoDocumentCard | typeof DsoDocumentComponent | typeof DsoDropdownMenu | typeof DsoExpandable | typeof DsoHeader | typeof DsoHighlightBox | typeof DsoHistoryItem | typeof DsoIcon | typeof DsoIconButton | typeof DsoImageOverlay | typeof DsoInfo | typeof DsoInfoButton | typeof DsoInputRange | typeof DsoLabel | typeof DsoLegend | typeof DsoLegendGroup | typeof DsoLegendItem | typeof DsoListButton | typeof DsoLogo | typeof DsoMapBaseLayers | typeof DsoMapControls | typeof DsoMapLayer | typeof DsoMapLayerObject | typeof DsoMapOverlays | typeof DsoMarkBar | typeof DsoModal | typeof DsoOnboardingTip | typeof DsoOzonContent | typeof DsoOzonContentToggletip | typeof DsoPagination | typeof DsoPanel | typeof DsoPlekinfoCard | typeof DsoProgressIndicator | typeof DsoProjectItem | typeof DsoRenvooi | typeof DsoResponsiveElement | typeof DsoScrollable | typeof DsoSelectable | typeof DsoSkiplink | typeof DsoSlideToggle | typeof DsoSurveyRating | typeof DsoTab | typeof DsoTable | typeof DsoTabs | typeof DsoTijdreisBanner | typeof DsoToggletip | typeof DsoTooltip | typeof DsoTreeView | typeof DsoViewerGrid | typeof DsotDocumentComponentDemo)[];
+declare const DIRECTIVES: (typeof DsoAccordion | typeof DsoAccordionSection | typeof DsoActionList | typeof DsoActionListItem | typeof DsoAdvancedSelect | typeof DsoAlert | typeof DsoAnnotationActiviteit | typeof DsoAnnotationGebiedsaanwijzing | typeof DsoAnnotationKaart | typeof DsoAnnotationLocatie | typeof DsoAnnotationOmgevingsnormwaarde | typeof DsoAttachmentsCounter | typeof DsoAutosuggest | typeof DsoBadge | typeof DsoBanner | typeof DsoButtonGroup | typeof DsoCard | typeof DsoCardContainer | typeof DsoContactInformation | typeof DsoCursorTooltip | typeof DsoDatePicker | typeof DsoDocumentCard | typeof DsoDocumentComponent | typeof DsoDropdownMenu | typeof DsoExpandable | typeof DsoHeader | typeof DsoHighlightBox | typeof DsoHistoryItem | typeof DsoIcon | typeof DsoIconButton | typeof DsoImageOverlay | typeof DsoInfo | typeof DsoInfoButton | typeof DsoInputRange | typeof DsoLabel | typeof DsoLegend | typeof DsoLegendGroup | typeof DsoLegendItem | typeof DsoListButton | typeof DsoLogo | typeof DsoMapBaseLayers | typeof DsoMapControls | typeof DsoMapLayer | typeof DsoMapLayerObject | typeof DsoMapMessage | typeof DsoMapOverlays | typeof DsoMarkBar | typeof DsoModal | typeof DsoOnboardingTip | typeof DsoOzonContent | typeof DsoOzonContentToggletip | typeof DsoPagination | typeof DsoPanel | typeof DsoPlekinfoCard | typeof DsoProgressIndicator | typeof DsoProjectItem | typeof DsoRenvooi | typeof DsoResponsiveElement | typeof DsoScrollable | typeof DsoSegmentedButton | typeof DsoSelectable | typeof DsoSkiplink | typeof DsoSlideToggle | typeof DsoSurveyRating | typeof DsoTab | typeof DsoTable | typeof DsoTabs | typeof DsoTijdreisBanner | typeof DsoToggletip | typeof DsoTooltip | typeof DsoTreeView | typeof DsoViewerGrid | typeof DsotDocumentComponentDemo)[];
+
+declare class BooleanValueAccessor implements ControlValueAccessor {
+    private el;
+    private onChange;
+    private onTouched;
+    constructor(el: ElementRef);
+    onFocusOut(): void;
+    onDsoChange(event: CustomEvent): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BooleanValueAccessor, "dso-selectable[type=checkbox]", never, {}, {}, never, never, true, never>;
+}
+
+declare class RadioValueAccessor implements ControlValueAccessor {
+    private el;
+    private onChange;
+    private onTouched;
+    constructor(el: ElementRef);
+    onFocusOut(): void;
+    onDsoChange(): void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioValueAccessor, "dso-selectable[type=radio]", never, {}, {}, never, never, true, never>;
+}
 
 declare class DsoToolkitModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DsoToolkitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DsoToolkitModule, never, [typeof DsoAccordion, typeof DsoAccordionSection, typeof DsoActionList, typeof DsoActionListItem, typeof DsoAdvancedSelect, typeof DsoAlert, typeof DsoAnnotationActiviteit, typeof DsoAnnotationGebiedsaanwijzing, typeof DsoAnnotationKaart, typeof DsoAnnotationLocatie, typeof DsoAnnotationOmgevingsnormwaarde, typeof DsoAttachmentsCounter, typeof DsoAutosuggest, typeof DsoBadge, typeof DsoBanner, typeof DsoButtonGroup, typeof DsoCard, typeof DsoCardContainer, typeof DsoContactInformation, typeof DsoCursorTooltip, typeof DsoDatePicker, typeof DsoDocumentCard, typeof DsoDocumentComponent, typeof DsoDropdownMenu, typeof DsoExpandable, typeof DsoHeader, typeof DsoHighlightBox, typeof DsoHistoryItem, typeof DsoIcon, typeof DsoIconButton, typeof DsoImageOverlay, typeof DsoInfo, typeof DsoInfoButton, typeof DsoInputRange, typeof DsoLabel, typeof DsoLegend, typeof DsoLegendGroup, typeof DsoLegendItem, typeof DsoListButton, typeof DsoLogo, typeof DsoMapBaseLayers, typeof DsoMapControls, typeof DsoMapLayer, typeof DsoMapLayerObject, typeof DsoMapOverlays, typeof DsoMarkBar, typeof DsoModal, typeof DsoOnboardingTip, typeof DsoOzonContent, typeof DsoOzonContentToggletip, typeof DsoPagination, typeof DsoPanel, typeof DsoPlekinfoCard, typeof DsoProgressIndicator, typeof DsoProjectItem, typeof DsoRenvooi, typeof DsoResponsiveElement, typeof DsoScrollable, typeof DsoSelectable, typeof DsoSkiplink, typeof DsoSlideToggle, typeof DsoSurveyRating, typeof DsoTab, typeof DsoTable, typeof DsoTabs, typeof DsoTijdreisBanner, typeof DsoToggletip, typeof DsoTooltip, typeof DsoTreeView, typeof DsoViewerGrid, typeof DsotDocumentComponentDemo], [typeof DsoAccordion, typeof DsoAccordionSection, typeof DsoActionList, typeof DsoActionListItem, typeof DsoAdvancedSelect, typeof DsoAlert, typeof DsoAnnotationActiviteit, typeof DsoAnnotationGebiedsaanwijzing, typeof DsoAnnotationKaart, typeof DsoAnnotationLocatie, typeof DsoAnnotationOmgevingsnormwaarde, typeof DsoAttachmentsCounter, typeof DsoAutosuggest, typeof DsoBadge, typeof DsoBanner, typeof DsoButtonGroup, typeof DsoCard, typeof DsoCardContainer, typeof DsoContactInformation, typeof DsoCursorTooltip, typeof DsoDatePicker, typeof DsoDocumentCard, typeof DsoDocumentComponent, typeof DsoDropdownMenu, typeof DsoExpandable, typeof DsoHeader, typeof DsoHighlightBox, typeof DsoHistoryItem, typeof DsoIcon, typeof DsoIconButton, typeof DsoImageOverlay, typeof DsoInfo, typeof DsoInfoButton, typeof DsoInputRange, typeof DsoLabel, typeof DsoLegend, typeof DsoLegendGroup, typeof DsoLegendItem, typeof DsoListButton, typeof DsoLogo, typeof DsoMapBaseLayers, typeof DsoMapControls, typeof DsoMapLayer, typeof DsoMapLayerObject, typeof DsoMapOverlays, typeof DsoMarkBar, typeof DsoModal, typeof DsoOnboardingTip, typeof DsoOzonContent, typeof DsoOzonContentToggletip, typeof DsoPagination, typeof DsoPanel, typeof DsoPlekinfoCard, typeof DsoProgressIndicator, typeof DsoProjectItem, typeof DsoRenvooi, typeof DsoResponsiveElement, typeof DsoScrollable, typeof DsoSelectable, typeof DsoSkiplink, typeof DsoSlideToggle, typeof DsoSurveyRating, typeof DsoTab, typeof DsoTable, typeof DsoTabs, typeof DsoTijdreisBanner, typeof DsoToggletip, typeof DsoTooltip, typeof DsoTreeView, typeof DsoViewerGrid, typeof DsotDocumentComponentDemo]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DsoToolkitModule, never, [typeof DsoAccordion, typeof DsoAccordionSection, typeof DsoActionList, typeof DsoActionListItem, typeof DsoAdvancedSelect, typeof DsoAlert, typeof DsoAnnotationActiviteit, typeof DsoAnnotationGebiedsaanwijzing, typeof DsoAnnotationKaart, typeof DsoAnnotationLocatie, typeof DsoAnnotationOmgevingsnormwaarde, typeof DsoAttachmentsCounter, typeof DsoAutosuggest, typeof DsoBadge, typeof DsoBanner, typeof DsoButtonGroup, typeof DsoCard, typeof DsoCardContainer, typeof DsoContactInformation, typeof DsoCursorTooltip, typeof DsoDatePicker, typeof DsoDocumentCard, typeof DsoDocumentComponent, typeof DsoDropdownMenu, typeof DsoExpandable, typeof DsoHeader, typeof DsoHighlightBox, typeof DsoHistoryItem, typeof DsoIcon, typeof DsoIconButton, typeof DsoImageOverlay, typeof DsoInfo, typeof DsoInfoButton, typeof DsoInputRange, typeof DsoLabel, typeof DsoLegend, typeof DsoLegendGroup, typeof DsoLegendItem, typeof DsoListButton, typeof DsoLogo, typeof DsoMapBaseLayers, typeof DsoMapControls, typeof DsoMapLayer, typeof DsoMapLayerObject, typeof DsoMapMessage, typeof DsoMapOverlays, typeof DsoMarkBar, typeof DsoModal, typeof DsoOnboardingTip, typeof DsoOzonContent, typeof DsoOzonContentToggletip, typeof DsoPagination, typeof DsoPanel, typeof DsoPlekinfoCard, typeof DsoProgressIndicator, typeof DsoProjectItem, typeof DsoRenvooi, typeof DsoResponsiveElement, typeof DsoScrollable, typeof DsoSegmentedButton, typeof DsoSelectable, typeof DsoSkiplink, typeof DsoSlideToggle, typeof DsoSurveyRating, typeof DsoTab, typeof DsoTable, typeof DsoTabs, typeof DsoTijdreisBanner, typeof DsoToggletip, typeof DsoTooltip, typeof DsoTreeView, typeof DsoViewerGrid, typeof DsotDocumentComponentDemo, typeof BooleanValueAccessor, typeof RadioValueAccessor], [typeof DsoAccordion, typeof DsoAccordionSection, typeof DsoActionList, typeof DsoActionListItem, typeof DsoAdvancedSelect, typeof DsoAlert, typeof DsoAnnotationActiviteit, typeof DsoAnnotationGebiedsaanwijzing, typeof DsoAnnotationKaart, typeof DsoAnnotationLocatie, typeof DsoAnnotationOmgevingsnormwaarde, typeof DsoAttachmentsCounter, typeof DsoAutosuggest, typeof DsoBadge, typeof DsoBanner, typeof DsoButtonGroup, typeof DsoCard, typeof DsoCardContainer, typeof DsoContactInformation, typeof DsoCursorTooltip, typeof DsoDatePicker, typeof DsoDocumentCard, typeof DsoDocumentComponent, typeof DsoDropdownMenu, typeof DsoExpandable, typeof DsoHeader, typeof DsoHighlightBox, typeof DsoHistoryItem, typeof DsoIcon, typeof DsoIconButton, typeof DsoImageOverlay, typeof DsoInfo, typeof DsoInfoButton, typeof DsoInputRange, typeof DsoLabel, typeof DsoLegend, typeof DsoLegendGroup, typeof DsoLegendItem, typeof DsoListButton, typeof DsoLogo, typeof DsoMapBaseLayers, typeof DsoMapControls, typeof DsoMapLayer, typeof DsoMapLayerObject, typeof DsoMapMessage, typeof DsoMapOverlays, typeof DsoMarkBar, typeof DsoModal, typeof DsoOnboardingTip, typeof DsoOzonContent, typeof DsoOzonContentToggletip, typeof DsoPagination, typeof DsoPanel, typeof DsoPlekinfoCard, typeof DsoProgressIndicator, typeof DsoProjectItem, typeof DsoRenvooi, typeof DsoResponsiveElement, typeof DsoScrollable, typeof DsoSegmentedButton, typeof DsoSelectable, typeof DsoSkiplink, typeof DsoSlideToggle, typeof DsoSurveyRating, typeof DsoTab, typeof DsoTable, typeof DsoTabs, typeof DsoTijdreisBanner, typeof DsoToggletip, typeof DsoTooltip, typeof DsoTreeView, typeof DsoViewerGrid, typeof DsotDocumentComponentDemo, typeof BooleanValueAccessor, typeof RadioValueAccessor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DsoToolkitModule>;
 }
 
-export { DIRECTIVES, DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendGroup, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoToolkitModule, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo };
+export { BooleanValueAccessor, DIRECTIVES, DsoAccordion, DsoAccordionSection, DsoActionList, DsoActionListItem, DsoAdvancedSelect, DsoAlert, DsoAnnotationActiviteit, DsoAnnotationGebiedsaanwijzing, DsoAnnotationKaart, DsoAnnotationLocatie, DsoAnnotationOmgevingsnormwaarde, DsoAttachmentsCounter, DsoAutosuggest, DsoBadge, DsoBanner, DsoButtonGroup, DsoCard, DsoCardContainer, DsoContactInformation, DsoCursorTooltip, DsoDatePicker, DsoDocumentCard, DsoDocumentComponent, DsoDropdownMenu, DsoExpandable, DsoHeader, DsoHighlightBox, DsoHistoryItem, DsoIcon, DsoIconButton, DsoImageOverlay, DsoInfo, DsoInfoButton, DsoInputRange, DsoLabel, DsoLegend, DsoLegendGroup, DsoLegendItem, DsoListButton, DsoLogo, DsoMapBaseLayers, DsoMapControls, DsoMapLayer, DsoMapLayerObject, DsoMapMessage, DsoMapOverlays, DsoMarkBar, DsoModal, DsoOnboardingTip, DsoOzonContent, DsoOzonContentToggletip, DsoPagination, DsoPanel, DsoPlekinfoCard, DsoProgressIndicator, DsoProjectItem, DsoRenvooi, DsoResponsiveElement, DsoScrollable, DsoSegmentedButton, DsoSelectable, DsoSkiplink, DsoSlideToggle, DsoSurveyRating, DsoTab, DsoTable, DsoTabs, DsoTijdreisBanner, DsoToggletip, DsoToolkitModule, DsoTooltip, DsoTreeView, DsoViewerGrid, DsotDocumentComponentDemo, RadioValueAccessor };