@dso-toolkit/core 55.0.0 → 56.1.0

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-898d8443.js';
-export { s as setNonce } from './index-898d8443.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-367cff36.js';
+export { s as setNonce } from './index-367cff36.js';
 
 /*
  Stencil Client Patch Esm v3.4.0 | MIT Licensed | https://stenciljs.com
@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-annotation-output",[[4,"dso-annotation-output",{"identifier":[1],"annotationPrefix":[1,"annotation-prefix"],"_toggleAnnotation":[64]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"state":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"status":[1],"open":[516],"hasNestedSection":[32],"hover":[32],"toggleSection":[64],"scrollSectionIntoView":[64]}]]],["dso-expandable-heading",[[1,"dso-expandable-heading",{"open":[4],"heading":[1],"color":[1],"suppressed":[4],"editAction":[1,"edit-action"]}]]],["dso-header",[[6,"dso-header",{"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"userHomeActive":[4,"user-home-active"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32],"dropdownOptionsOffset":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"isTruncated":[32],"labelText":[32],"_truncateLabel":[64]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"initialFocus":[1,"initial-focus"],"returnFocus":[16],"ariaId":[32],"hasFooter":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-action-list-item",[[1,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-annotation-button",[[0,"dso-annotation-button",{"identifier":[1]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32],"notFound":[32],"showLoading":[32]},[[4,"click","onDocumentClick"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"invalid":[516],"describedBy":[1,"described-by"],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-list-button",[[1,"dso-list-button",{"label":[1],"sublabel":[1],"count":[2],"min":[8],"max":[8],"checked":[516],"disabled":[516],"manual":[4],"manualInputWrapperElement":[32],"manualCount":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"_getState":[64],"toggleSection":[64],"animationEnd":[64],"closeOpenSections":[64]}]]],["dso-action-list",[[1,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[513]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"],"clickable":[4],"imageShape":[513,"image-shape"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-slide-toggle",[[4,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"dropdownOptionsOffset":[2,"dropdown-options-offset"],"checkable":[4],"boundary":[1],"strategy":[1]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-scrollable",[[1,"dso-scrollable",{"scrollPosition":[32],"_setScrollState":[64]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]}]]],["dso-expandable",[[1,"dso-expandable",{"open":[516],"enableAnimation":[4,"enable-animation"],"minimumHeight":[2,"minimum-height"],"animationReady":[32],"_getAnimeInstance":[64],"_getBodyHeight":[64]}]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"labelledById":[1,"labelled-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"keyboardFocus":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dsot-document-component-demo",[[0,"dsot-document-component-demo",{"response":[32],"open":[32],"openedAnnotation":[32],"filtered":[32],"notApplicable":[32],"activeAnnotationSelectables":[32]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-accordion-section",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"status":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"statusDescription":[1,"status-description"],"open":[516],"hasNestedAccordion":[32],"hover":[32]}]]],["dso-header",[[6,"dso-header",{"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"userHomeActive":[4,"user-home-active"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32],"dropdownOptionsOffset":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"initialFocus":[1,"initial-focus"],"returnFocus":[16],"ariaId":[32],"hasFooter":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-action-list-item",[[1,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32],"notFound":[32],"showLoading":[32]},[[4,"click","onDocumentClick"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"invalid":[516],"describedBy":[1,"described-by"],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-list-button",[[1,"dso-list-button",{"label":[1],"sublabel":[1],"count":[2],"min":[8],"max":[8],"checked":[516],"disabled":[516],"manual":[4],"manualInputWrapperElement":[32],"manualCount":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"_getState":[64]}]]],["dso-action-list",[[1,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["dso-banner",[[1,"dso-banner",{"status":[513]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"],"clickable":[4],"imageShape":[513,"image-shape"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"dropdownOptionsOffset":[2,"dropdown-options-offset"],"checkable":[4],"boundary":[1],"strategy":[1]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-scrollable",[[1,"dso-scrollable",{"scrollPosition":[32],"_setScrollState":[64]}]]],["dso-expandable",[[1,"dso-expandable",{"open":[516],"enableAnimation":[4,"enable-animation"],"minimumHeight":[2,"minimum-height"],"animationReady":[32]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"labelledById":[1,"labelled-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"keyboardFocus":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]],["dso-alert_5",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"isTruncated":[32],"labelText":[32],"_truncateLabel":[64]},[[4,"keydown","keyDownListener"]]],[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}],[0,"dso-annotation-button",{"identifier":[1],"open":[4]}],[1,"dso-badge",{"status":[1]}],[1,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-annotation-output_3",[[1,"dso-document-component",{"heading":[1],"label":[1],"nummer":[1],"opschrift":[1],"inhoud":[1],"open":[516],"filtered":[516],"notApplicable":[516,"not-applicable"],"genesteOntwerpInformatie":[516,"geneste-ontwerp-informatie"],"bevatOntwerpInformatie":[516,"bevat-ontwerp-informatie"],"annotated":[516],"gereserveerd":[4],"vervallen":[4],"openAnnotation":[4,"open-annotation"],"alternativeTitle":[1,"alternative-title"],"type":[513],"wijzigactie":[513]}],[4,"dso-annotation-output",{"identifier":[513],"annotationPrefix":[513,"annotation-prefix"],"open":[516]}],[4,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]]], options);
   });
 };
 

package/dist/types/components/accordion/accordion.d.ts

@@ -1,58 +1,25 @@
-import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { AccordionInternalState, AccordionSectionToggleAnimationEndEvent, AccordionSectionToggleEvent, AccordionVariant } from "./accordion.interfaces";
+import { ComponentInterface } from "../../stencil-public-runtime";
+import { AccordionInternalState, AccordionVariant } from "./accordion.interfaces";
 export declare class Accordion implements ComponentInterface {
   private accordionState;
   host: HTMLDsoAccordionElement;
   /**
    * The variant of the Accordion.
    */
-  variant?: AccordionVariant;
+  variant: AccordionVariant;
   /**
-   * Places the chevron at the opposite side. Note: this mode does not display `state`, `attachmentCount` or `status` props on child `<dso-accordion-section>` elements
-   */
-  reverseAlign: boolean;
-  /**
-   * Allows multiple sections to be open at the same time.
-   */
-  allowMultipleOpen: boolean;
-  /**
-   * Emitted when a section is toggled.
+   * Places the chevron at the opposite side.
    *
-   * `event.detail.originalEvent` contains the original `MouseEvent` when the section is toggled by clicking on the header
-   * `event.detail.section` contains the toggled section and its new opened value.\
-   * `event.detail.sections` contains all `<dso-accordion-section>` elements belonging to this accordion.
-   */
-  dsoToggleSection: EventEmitter<AccordionSectionToggleEvent>;
-  /**
-   * Event emitted when the accordion section completes its toggle animation.
+   * Note: this mode does not display `state`, `attachmentCount` or `status` props on Accordion Sections
    */
-  dsoToggleSectionAnimationEnd: EventEmitter<AccordionSectionToggleAnimationEndEvent>;
+  reverseAlign: boolean;
   updateVariant(variant?: AccordionVariant): void;
   updateReverseAlign(reverseAlign: boolean): void;
-  updateAllowMultipleOpen(allowMultipleOpen: boolean): void;
   /**
    * @internal
    */
   _getState(): Promise<AccordionInternalState>;
-  /**
-   * Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section.
-   * @param sectionElement The section element that needs to toggle
-   * @param event The event that the user triggered
-   * @returns The state of the section
-   */
-  toggleSection(sectionElement: HTMLElement | number, event?: MouseEvent): Promise<undefined | boolean>;
-  /**
-   * Emitted when the animation of opening or closing ends.
-   */
-  animationEnd(sectionElement: HTMLElement): Promise<void>;
-  /**
-   * Closes all sections belonging to this accordion.
-   */
-  closeOpenSections(): Promise<void>;
   componentWillLoad(): void;
   constructor();
   render(): any;
-  private emitToggleEvent;
-  private isSectionOpen;
-  private controlOpenAttribute;
 }

package/dist/types/components/accordion/accordion.interfaces.d.ts

@@ -1,21 +1,5 @@
 export type AccordionVariant = "default" | "compact" | "conclusion" | "neutral";
 export interface AccordionInternalState {
-  variant: AccordionVariant;
-  reverseAlign: boolean;
-  allowMultipleOpen: boolean;
-}
-export interface AccordionSectionToggleEvent {
-  /** When the section is toggled by clicking in the header the `MouseEvent` is available. */
-  originalEvent?: MouseEvent;
-  section: {
-    element: HTMLElement;
-    open: boolean;
-  };
-  sections: HTMLElement[];
-}
-export interface AccordionSectionToggleAnimationEndEvent {
-  section: {
-    element: HTMLElement;
-    open: boolean;
-  };
+  variant?: AccordionVariant;
+  reverseAlign?: boolean;
 }

package/dist/types/components/accordion/components/accordion-section.d.ts

@@ -1,13 +1,9 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-import { AccordionHeading, AccordionSectionState } from "./accordion-section.interfaces";
+import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
+import { AccordionHeading, AccordionSectionAnimationEndEvent, AccordionSectionState, AccordionSectionToggleClickEvent } from "./accordion-section.interfaces";
 export declare class AccordionSection implements ComponentInterface {
-  private static scrollCandidate?;
-  private accordion?;
   private accordionState?;
   private sectionBody?;
   private sectionHeading?;
-  private bodyHeight?;
-  private expandable?;
   host: HTMLDsoAccordionSectionElement;
   /**
    * The title of the handle
@@ -24,7 +20,7 @@ export declare class AccordionSection implements ComponentInterface {
   /**
    * `state` takes precedence over `attachmentCount` and `icon`
    */
-  state?: AccordionSectionState;
+  status?: AccordionSectionState;
   /**
    * `attachmentCount` takes precedence over `icon`
    */
@@ -36,26 +32,26 @@ export declare class AccordionSection implements ComponentInterface {
   /**
    * The status of the section.
    */
-  status?: string;
+  statusDescription?: string;
   /**
-   * To open the Accordion Section.
+   * Set the Accordion Section open.
    */
   open: boolean;
-  hasNestedSection: boolean;
+  hasNestedAccordion: boolean;
   hover: boolean;
   componentWillLoad(): void;
+  get isNeutral(): boolean;
+  private scrollIntoView;
+  private get accordion();
+  private handleClick;
+  private handleExpandableAnimationEnd;
   /**
-   * Toggle this section.
-   * @param scrollIntoView boolean - defaults to true
+   * Emitted when the user activates the toggle button.
    */
-  toggleSection(scrollIntoView?: boolean): Promise<void>;
+  dsoToggleClick: EventEmitter<AccordionSectionToggleClickEvent>;
   /**
-   * Scroll this section into view when needed.
+   * Event emitted when the Accordion Section completes its toggle animation.
    */
-  scrollSectionIntoView(): Promise<void>;
-  get isNeutral(): boolean;
-  private scrollIntoViewWhenNeeded;
-  private setAnimationBehaviour;
-  private toggle;
+  dsoAnimationEnd: EventEmitter<AccordionSectionAnimationEndEvent>;
   render(): any;
 }

package/dist/types/components/accordion/components/accordion-section.interfaces.d.ts

@@ -1,3 +1,25 @@
 export type AccordionSectionState = "success" | "info" | "warning" | "danger" | "error";
 export type AccordionHeading = "h2" | "h3" | "h4" | "h5";
 export declare const stateMap: Record<AccordionSectionState, string>;
+export interface AccordionSectionToggleClickEvent {
+  /**
+   * The original MouseEvent that triggered the click.
+   *
+   * In case the Section Handle is an <a> this event can be used to preventDefault() so the framework router is reponsible for navigating the user.
+   */
+  originalEvent?: MouseEvent;
+  /**
+   * The requested state. If the Accordion Section is closed, `open = true`.
+   */
+  open: boolean;
+}
+export interface AccordionSectionAnimationEndEvent {
+  /**
+   * Helper function to scroll the Accordion Section into view.
+   */
+  scrollIntoView(): void;
+  /**
+   * The state of the Accordion Section after animation.
+   */
+  open: boolean;
+}

package/dist/types/components/annotation-button/annotation-button.d.ts

@@ -1,10 +1,21 @@
-import { ComponentInterface } from "../../stencil-public-runtime";
+import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+export interface AnnotationButtonClickEvent {
+  originalEvent: Event;
+  open: boolean;
+}
 export declare class AnnotationButton implements ComponentInterface {
   /**
    * To link the Annotation Button with `aria-controls` to a different element, most likely an Annotation Output.
    */
-  identifier: string;
-  private annotationOutput;
-  componentDidLoad(): void;
+  identifier: string | undefined;
+  /**
+   * Set to true when the annotation is open.
+   */
+  open: boolean;
+  /**
+   * Emitted when user activates the button.
+   */
+  dsoClick: EventEmitter<AnnotationButtonClickEvent>;
+  private handleClick;
   render(): any;
 }

package/dist/types/components/annotation-output/annotation-output.d.ts

@@ -1,5 +1,7 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { AnnotationToggleEvent } from "./annotation-output.interfaces";
+export interface AnnotationOutputCloseEvent {
+  originalEvent: Event;
+}
 export declare class AnnotationOutput implements ComponentInterface {
   /**
    * The annotation-button that toggles this component should have the same identifier.
@@ -10,13 +12,13 @@ export declare class AnnotationOutput implements ComponentInterface {
    */
   annotationPrefix?: string;
   /**
-   * This event is emitted when the user activates the Annotation Button.
+   * Set to `true` to show content.
    */
-  dsoToggle: EventEmitter<AnnotationToggleEvent>;
+  open: boolean;
   /**
-   * @internal
+   * This event is emitted when the user activates the Annotation Button.
    */
-  _toggleAnnotation(e: MouseEvent | KeyboardEvent, identifier: string): Promise<void>;
+  dsoClose: EventEmitter<AnnotationOutputCloseEvent>;
   private toggleHandler;
   render(): any;
 }

package/dist/types/components/document-component/document-component-heading.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { JSXBase } from "../../stencil-public-runtime";
+interface DocumentComponentHeadingProps {
+  heading: "h2" | "h3" | "h4" | "h5" | "h6";
+}
+export declare const Heading: FunctionalComponent<DocumentComponentHeadingProps & JSXBase.HTMLAttributes<HTMLHeadingElement>>;
+export {};

package/dist/types/components/document-component/document-component.d.ts

@@ -0,0 +1,84 @@
+import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import { DocumentComponentOpenToggleEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./document-component.types";
+export declare class DocumentComponent implements ComponentInterface {
+  /**
+   * The heading element to use.
+   */
+  heading: "h2" | "h3" | "h4" | "h5" | "h6";
+  /**
+   * The Label XML.
+   */
+  label?: string;
+  /**
+   * The Nummer XML.
+   */
+  nummer?: string;
+  /**
+   * The Opschrift XML.
+   */
+  opschrift?: string;
+  /**
+   * The Inhoud XML.
+   */
+  inhoud?: string;
+  /**
+   * This boolean attribute indicates whether the children are visible.
+   */
+  open: boolean;
+  /**
+   * Marks this Document Component as belonging to an active filter.
+   */
+  filtered: boolean;
+  /**
+   * Marks this Document Component as not-applicable.
+   */
+  notApplicable: boolean;
+  /**
+   * When a child Document Component has a status "Draft".
+   */
+  genesteOntwerpInformatie: boolean;
+  /**
+   * Marks as draft.
+   */
+  bevatOntwerpInformatie: boolean;
+  /**
+   * Enables annotations.
+   */
+  annotated: boolean;
+  /**
+   * Marks Document Component as reserved.
+   */
+  gereserveerd: boolean;
+  /**
+   * Marks the Document Component as expired.
+   */
+  vervallen: boolean;
+  /**
+   * When the Annotation Output is opened, set this to true.
+   */
+  openAnnotation: boolean;
+  /**
+   * An alternative title to show when there is nothing to create a title.
+   */
+  alternativeTitle?: string;
+  /**
+   * Type of Document Component.
+   */
+  type?: string;
+  /**
+   * The wijzigactie as in STOP.
+   */
+  wijzigactie?: DocumentComponentWijzigactie;
+  /**
+   * Emitted when the user activates the toggle.
+   */
+  dsoOpenToggle: EventEmitter<DocumentComponentOpenToggleEvent>;
+  /**
+   * Emitted when the user activates the annotation button.
+   */
+  dsoAnnotationToggle: EventEmitter<DocumentComponentToggleAnnotationEvent>;
+  private get wijzigactieLabel();
+  private handleHeadingClick;
+  private suffix;
+  render(): any;
+}

package/dist/types/components/document-component/document-component.demo.d.ts

@@ -0,0 +1,40 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+interface DocumentComponent {
+  documentTechnischId: string;
+  type?: string;
+  labelXml?: string;
+  nummerXml?: string;
+  opschrift?: string;
+  inhoud?: string;
+  gereserveerd?: boolean;
+  vervallen?: boolean;
+  bevatOntwerpInformatie?: boolean;
+  wijzigactie?: "voegtoe" | "verwijder" | "nieuweContainer" | "verwijderContainer";
+  _embedded?: {
+    ontwerpTekststructuurDocumentComponenten: DocumentComponent[];
+  };
+}
+export declare class DocumentComponentDemo implements ComponentInterface {
+  response?: DocumentComponent;
+  open: DocumentComponent[];
+  openedAnnotation: DocumentComponent[];
+  filtered: DocumentComponent[];
+  notApplicable: DocumentComponent[];
+  activeAnnotationSelectables: DocumentComponent[];
+  private fixData;
+  componentDidLoad(): void;
+  private handleOpenToggle;
+  private handleAnnotationToggle;
+  private handleSelectableChange;
+  private isCheckedSlideToggle;
+  private hasFilteredChildren;
+  private isOpen;
+  private isOpenedAnnotation;
+  private isFiltered;
+  private isNotApplicable;
+  private hasNestedDraft;
+  private showContent;
+  private DocumentComponent;
+  render(): any;
+}
+export {};

package/dist/types/components/document-component/document-component.types.d.ts

@@ -0,0 +1,8 @@
+export interface DocumentComponentOpenToggleEvent {
+  originalEvent: Event;
+  open: boolean;
+}
+export interface DocumentComponentToggleAnnotationEvent {
+  originalEvent: Event;
+}
+export type DocumentComponentWijzigactie = "voegtoe" | "verwijder" | "nieuweContainer" | "verwijderContainer";

package/dist/types/components/expandable/expandable.d.ts

@@ -1,5 +1,7 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { AnimeInstance } from "animejs";
+export interface ExpandableAnimationEndEvent {
+  bodyHeight: number | undefined;
+}
 export declare class Expandable implements ComponentInterface {
   private resizeObserver?;
   private bodyHeight?;
@@ -18,21 +20,12 @@ export declare class Expandable implements ComponentInterface {
    */
   minimumHeight?: number;
   animationReady: boolean;
-  /**
-   * @internal
-   */
-  _animationInstantiated: EventEmitter<void>;
   toggleOpen(): void;
   toggleEnableAnimation(enableAnimation: boolean): void;
   /**
-   * @internal
-   */
-  _getAnimeInstance(): Promise<AnimeInstance | undefined>;
-  /**
-   * @internal
+   * Fired when the animation ends. Only when `enableAnimation = true`.
    */
-  _getBodyHeight(): Promise<number | undefined>;
-  componentWillLoad(): void;
+  dsoExpandableAnimationEnd: EventEmitter<ExpandableAnimationEndEvent>;
   componentDidLoad(): void;
   private activateObserver;
   disconnectedCallback(): void;

package/dist/types/components/label/label.d.ts

@@ -1,7 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 export declare class Label implements ComponentInterface {
   private labelContent;
-  private keydownListenerActive;
   private mutationObserver?;
   private host;
   /**
@@ -16,6 +15,10 @@ export declare class Label implements ComponentInterface {
    * The status of this Label.
    */
   status?: "primary" | "info" | "success" | "warning" | "danger" | "error" | "bright" | "attention";
+  /**
+   * Emitted when the user activates the remove button.
+   */
+  dsoRemoveClick: EventEmitter<MouseEvent>;
   removeHover?: boolean;
   removeFocus?: boolean;
   /**
@@ -24,14 +27,11 @@ export declare class Label implements ComponentInterface {
   truncate?: boolean;
   textHover?: boolean;
   textFocus?: boolean;
-  isTruncated?: boolean;
-  labelText: string | null;
-  /**
-   * Emitted when the user activates the remove button.
-   */
-  dsoRemoveClick: EventEmitter<MouseEvent>;
+  isTruncated: boolean;
+  labelText: string;
+  watchRemovable(removable: boolean): void;
   watchTruncate(truncate: boolean): void;
-  watchTooltipActive(): void;
+  keyDownListener(event: KeyboardEvent): void;
   /**
    * @internal
    */
@@ -41,8 +41,8 @@ export declare class Label implements ComponentInterface {
   disconnectedCallback(): void;
   /** The mutationObserver fetches the text placed inside the label, this is then used for the remove button and tooltip. */
   private startMutationObserver;
+  private stopMutationObserver;
   private startTruncate;
   private stopTruncate;
-  private keyDownListener;
   render(): any;
 }