@dso-toolkit/core 62.17.0 → 62.19.0

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

@@ -1,28 +1,28 @@
 import { DsoOzonContentCustomEvent } from "../../components";
 import { OzonContentAnchorClickEvent, OzonContentText } from "../ozon-content/ozon-content.interfaces";
 export interface DocumentComponentOpenToggleEvent {
-  originalEvent: Event;
-  open: boolean;
+    originalEvent: Event;
+    open: boolean;
 }
 export interface DocumentComponentToggleAnnotationEvent {
-  originalEvent: Event;
+    originalEvent: Event;
 }
 export type DocumentComponentWijzigactie = "voegtoe" | "verwijder" | "nieuweContainer" | "verwijderContainer";
 export interface DocumentComponentOzonContentAnchorClickEvent {
-  originalEvent: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>;
-  ozonContentAnchorClick: OzonContentAnchorClickEvent;
+    originalEvent: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>;
+    ozonContentAnchorClick: OzonContentAnchorClickEvent;
 }
 export type DocumentComponentInputType = XMLDocument | string;
 export type DocumentComponentSource = "label" | "nummer" | "opschrift" | "inhoud";
 export type DocumentComponentMarkFunction = (text: string, source: DocumentComponentSource) => OzonContentText[];
 export interface DocumentComponentMarkItemHighlightEvent {
-  source: DocumentComponentSource;
-  text: string;
-  elementRef: HTMLElement;
+    source: DocumentComponentSource;
+    text: string;
+    elementRef: HTMLElement;
 }
 export type DocumentComponentRecursiveToggleState = undefined | boolean | "indeterminate";
 export interface DocumentComponentRecursiveToggleEvent {
-  originalEvent: MouseEvent;
-  current: DocumentComponentRecursiveToggleState;
-  next: boolean;
+    originalEvent: MouseEvent;
+    current: DocumentComponentRecursiveToggleState;
+    next: boolean;
 }

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

@@ -1,71 +1,71 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { DocumentComponentOzonContentAnchorClickEvent } from "../document-component/document-component.models";
+import { DocumentComponentOzonContentAnchorClickEvent, DocumentComponentWijzigactie } from "../document-component/document-component.models";
 interface DocumentEmbedded {
-  _embedded?: {
-    ontwerpTekststructuurDocumentComponenten?: DocumentComponent[];
-    tekststructuurDocumentComponenten?: DocumentComponent[];
-  };
+    _embedded?: {
+        ontwerpTekststructuurDocumentComponenten?: DocumentComponent[];
+        tekststructuurDocumentComponenten?: DocumentComponent[];
+    };
 }
 interface DocumentComponent extends DocumentEmbedded {
-  documentTechnischId: string;
-  type?: string;
-  labelXml?: string;
-  nummerXml?: string;
-  volgordeNummer: number;
-  opschrift?: string;
-  inhoud?: string;
-  gereserveerd?: boolean;
-  vervallen?: boolean;
-  bevatOntwerpInformatie?: boolean;
-  wijzigactie?: "voegtoe" | "verwijder" | "nieuweContainer" | "verwijderContainer";
+    documentTechnischId: string;
+    type?: string;
+    labelXml?: string;
+    nummerXml?: string;
+    volgordeNummer: number;
+    opschrift?: string;
+    inhoud?: string;
+    gereserveerd?: boolean;
+    vervallen?: boolean;
+    bevatOntwerpInformatie?: boolean;
+    wijzigactie?: DocumentComponentWijzigactie;
 }
 export declare class DocumentComponentDemo implements ComponentInterface {
-  /**
-   * Show canvas to where Document Component extends.
-   */
-  showCanvas: boolean;
-  /**
-   * Name of the file to load.
-   */
-  jsonFile?: string;
-  /**
-   * The default state for all Document Components.
-   */
-  openDefault: boolean;
-  /**
-   * To demo user interacting with IntRef or IntIoRef elements.
-   */
-  dsotOzonContentAnchorClick: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;
-  response?: DocumentEmbedded;
-  document?: DocumentComponent;
-  openOrClosed: DocumentComponent[];
-  openedAnnotation: DocumentComponent[];
-  filtered: DocumentComponent[];
-  notApplicable: DocumentComponent[];
-  activeAnnotationSelectables: DocumentComponent[];
-  jsonFileWatcher(): Promise<void>;
-  openDefaultWatcher(): Promise<void>;
-  componentDidLoad(): Promise<void>;
-  private getEmbeddedDocumentComponents;
-  private concatEmbeddedDocumentComponents;
-  private selectRandomDocumentComponents;
-  private loadData;
-  private handleOpenToggle;
-  private handleAnnotationToggle;
-  private handleSelectableChange;
-  private handleOzonContentAnchorClick;
-  private isCheckedSlideToggle;
-  private hasFilteredChildren;
-  private isOpen;
-  private isOpenedAnnotation;
-  private isFiltered;
-  private isNotApplicable;
-  private hasNestedDraft;
-  private showContent;
-  private recursiveToggleState;
-  private handleRecursiveToggle;
-  private DocumentComponent;
-  render(): any;
-  private MenuButton;
+    /**
+     * Show canvas to where Document Component extends.
+     */
+    showCanvas: boolean;
+    /**
+     * Name of the file to load.
+     */
+    jsonFile?: string;
+    /**
+     * The default state for all Document Components.
+     */
+    openDefault: boolean;
+    /**
+     * To demo user interacting with IntRef or IntIoRef elements.
+     */
+    dsotOzonContentAnchorClick: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;
+    response?: DocumentEmbedded;
+    document?: DocumentComponent;
+    openOrClosed: DocumentComponent[];
+    openedAnnotation: DocumentComponent[];
+    filtered: DocumentComponent[];
+    notApplicable: DocumentComponent[];
+    activeAnnotationSelectables: DocumentComponent[];
+    jsonFileWatcher(): Promise<void>;
+    openDefaultWatcher(): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    private getEmbeddedDocumentComponents;
+    private concatEmbeddedDocumentComponents;
+    private selectRandomDocumentComponents;
+    private loadData;
+    private handleOpenToggle;
+    private handleAnnotationToggle;
+    private handleSelectableChange;
+    private handleOzonContentAnchorClick;
+    private isCheckedSlideToggle;
+    private hasFilteredChildren;
+    private isOpen;
+    private isOpenedAnnotation;
+    private isFiltered;
+    private isNotApplicable;
+    private hasNestedDraft;
+    private showContent;
+    private recursiveToggleState;
+    private handleRecursiveToggle;
+    private DocumentComponent;
+    render(): any;
+    private MenuButton;
 }
 export {};

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,53 +1,53 @@
 import { Placement } from "@popperjs/core";
 export declare class DropdownMenu {
-  /**
-   * Whether the menu is open or closed.
-   * This attribute is reflected and mutable.
-   */
-  open: boolean;
-  /**
-   * Alignment of the dropdown
-   */
-  dropdownAlign: "left" | "right";
-  /**
-   * Space between button and dropdown options
-   */
-  dropdownOptionsOffset: number;
-  /**
-   * Whether the menu is checkable.
-   */
-  checkable: boolean;
-  /**
-   * Selector for the element the dropdown options should not be overflowing.
-   */
-  boundary?: string;
-  /**
-   * Force placement of dropdown.
-   *
-   * This property overrides `dropdownAlign`.
-   */
-  placement?: Placement;
-  /**
-   * Set position strategy of dropdown options
-   */
-  strategy: "auto" | "absolute" | "fixed";
-  watchPosition(): void;
-  watchOptionsOffset(): void;
-  watchStrategy(): void;
-  private setStrategy;
-  host: HTMLDsoDropdownMenuElement;
-  private popper;
-  get button(): HTMLButtonElement;
-  private tabbables;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  onClick(event: MouseEvent): void;
-  private isToggleButtonEvent;
-  private isMenuItemEvent;
-  disconnectedCallback(): void;
-  private focusOutListener;
-  keyDownListener(event: KeyboardEvent): void;
-  private tabInPopup;
-  private escape;
-  render(): any;
+    /**
+     * Whether the menu is open or closed.
+     * This attribute is reflected and mutable.
+     */
+    open: boolean;
+    /**
+     * Alignment of the dropdown
+     */
+    dropdownAlign: "left" | "right";
+    /**
+     * Space between button and dropdown options
+     */
+    dropdownOptionsOffset: number;
+    /**
+     * Whether the menu is checkable.
+     */
+    checkable: boolean;
+    /**
+     * Selector for the element the dropdown options should not be overflowing.
+     */
+    boundary?: string;
+    /**
+     * Force placement of dropdown.
+     *
+     * This property overrides `dropdownAlign`.
+     */
+    placement?: Placement;
+    /**
+     * Set position strategy of dropdown options
+     */
+    strategy: "auto" | "absolute" | "fixed";
+    watchPosition(): void;
+    watchOptionsOffset(): void;
+    watchStrategy(): void;
+    private setStrategy;
+    host: HTMLDsoDropdownMenuElement;
+    private popper;
+    get button(): HTMLButtonElement;
+    private tabbables;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    onClick(event: MouseEvent): void;
+    private isToggleButtonEvent;
+    private isMenuItemEvent;
+    disconnectedCallback(): void;
+    private focusOutListener;
+    keyDownListener(event: KeyboardEvent): void;
+    private tabInPopup;
+    private escape;
+    render(): any;
 }

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

@@ -1,46 +1,44 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 export interface ExpandableAnimationStartEvent {
-  currentOpen: boolean;
-  nextOpen: boolean;
+    currentOpen: boolean;
+    nextOpen: boolean;
 }
 export interface ExpandableAnimationEndEvent {
-  bodyHeight: number | undefined;
-  open: boolean;
+    bodyHeight: number | undefined;
+    open: boolean;
 }
 export declare class Expandable implements ComponentInterface {
-  private resizeObserver?;
-  private bodyHeight?;
-  private animeInstance?;
-  host: HTMLDsoExpandableElement;
-  /**
-   * Set to `true` to expand the content.
-   */
-  open?: boolean;
-  /**
-   * Set to `true` to show the content animated.
-   */
-  enableAnimation: boolean;
-  /**
-   * When enableAnimation is set to `true`, this property specifies the height of this element at which the animation will expand from / collapse to
-   */
-  minimumHeight?: number;
-  animationReady: boolean;
-  isOpen: boolean | undefined;
-  toggleOpen(): void;
-  toggleEnableAnimation(enableAnimation: boolean): void;
-  /**
-   * Fired before expanding.
-   */
-  dsoExpandableAnimationStart: EventEmitter<ExpandableAnimationStartEvent>;
-  /**
-   * Fired after expanding.
-   */
-  dsoExpandableAnimationEnd: EventEmitter<ExpandableAnimationEndEvent>;
-  componentDidLoad(): void;
-  private activateObserver;
-  disconnectedCallback(): void;
-  render(): any;
-  private prepareAnimationResizeObserver;
-  private instantiateAnimation;
-  private activateAnimation;
+    private bodyHeight?;
+    host: HTMLDsoExpandableElement;
+    /**
+     * Set to `true` to expand the content.
+     */
+    open?: boolean;
+    /**
+     * Set to `true` to show the content animated.
+     */
+    enableAnimation: boolean;
+    /**
+     * When enableAnimation is set to `true`, this property specifies the height of this element at which the animation will expand from / collapse to
+     */
+    minimumHeight?: number;
+    toggleOpen(): void;
+    isClosed: boolean;
+    /**
+     * Fired before expanding.
+     */
+    dsoExpandableAnimationStart: EventEmitter<ExpandableAnimationStartEvent>;
+    /**
+     * Fired after expanding.
+     */
+    dsoExpandableAnimationEnd: EventEmitter<ExpandableAnimationEndEvent>;
+    /**
+     * Listens to the transitionstart event
+     */
+    transitionstartHandler(e: TransitionEvent): void;
+    /**
+     * Listens to the transitionend event
+     */
+    transitionendHandler(e: TransitionEvent): void;
+    render(): any;
 }

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

@@ -1,77 +1,77 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { HeaderMenuItem, HeaderEvent } from "./header.interfaces";
 export declare class Header {
-  private clickHandler;
-  private dropdownElement?;
-  host: HTMLDsoHeaderElement;
-  /**
-   * The main menu items.
-   */
-  mainMenu?: HeaderMenuItem[];
-  /**
-   * Either have the dropdown menu appear automatically or always.
-   */
-  useDropDownMenu: "always" | "auto";
-  /**
-   * Used to show the login/logout option. 'none' renders nothing.
-   */
-  authStatus: "none" | "loggedIn" | "loggedOut";
-  /**
-   * When the `authStatus` is `loggedOut` a loginUrl can be provided.
-   * The login button will then render as an anchor.
-   */
-  loginUrl?: string;
-  /**
-   * The URL to open when the user activates "logout".
-   * If no URL is specified, a button element is used instead.
-   */
-  logoutUrl?: string;
-  /**
-   * Show a help-button or link in the header
-   */
-  showHelp?: boolean | undefined;
-  /**
-   * The URL to open when the user activates "help".
-   * If no URL is specified, a button element is used instead.
-   */
-  helpUrl?: string;
-  /**
-   * The name to show when the user is logged in.
-   */
-  userProfileName?: string;
-  /**
-   * The URL to open when the user activates the profile url.
-   */
-  userProfileUrl?: string;
-  /**
-   * The URL to open when the user activates "Mijn Omgevingsloket".
-   */
-  userHomeUrl?: string;
-  /**
-   * Set this to true when the user is at "Mijn Omgevingsloket".
-   */
-  userHomeActive?: boolean;
-  showDropDown?: boolean;
-  overflowMenuItems: number;
-  dropdownOptionsOffset: number;
-  /**
-   * Emitted when something in the header is selected.
-   *
-   * `event.detail.type` indicates the functionality the user pressed. eg. `'login'` or `'menuItem'`
-   */
-  dsoHeaderClick: EventEmitter<HeaderEvent>;
-  setShowDropDown(value: "always" | "auto"): void;
-  private wrapper;
-  private nav;
-  private shrinkMenuToFit;
-  componentDidRender(): void;
-  componentDidLoad(): void;
-  private setOverflowMenu;
-  private setDropDownMenu;
-  private calculateDropdownOptionsOffset;
-  private onWindowResize;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  private MenuItem;
-  render(): any;
+    private clickHandler;
+    private dropdownElement?;
+    host: HTMLDsoHeaderElement;
+    /**
+     * The main menu items.
+     */
+    mainMenu?: HeaderMenuItem[];
+    /**
+     * Either have the dropdown menu appear automatically or always.
+     */
+    useDropDownMenu: "always" | "auto";
+    /**
+     * Used to show the login/logout option. 'none' renders nothing.
+     */
+    authStatus: "none" | "loggedIn" | "loggedOut";
+    /**
+     * When the `authStatus` is `loggedOut` a loginUrl can be provided.
+     * The login button will then render as an anchor.
+     */
+    loginUrl?: string;
+    /**
+     * The URL to open when the user activates "logout".
+     * If no URL is specified, a button element is used instead.
+     */
+    logoutUrl?: string;
+    /**
+     * Show a help-button or link in the header
+     */
+    showHelp?: boolean | undefined;
+    /**
+     * The URL to open when the user activates "help".
+     * If no URL is specified, a button element is used instead.
+     */
+    helpUrl?: string;
+    /**
+     * The name to show when the user is logged in.
+     */
+    userProfileName?: string;
+    /**
+     * The URL to open when the user activates the profile url.
+     */
+    userProfileUrl?: string;
+    /**
+     * The URL to open when the user activates "Mijn Omgevingsloket".
+     */
+    userHomeUrl?: string;
+    /**
+     * Set this to true when the user is at "Mijn Omgevingsloket".
+     */
+    userHomeActive?: boolean;
+    showDropDown?: boolean;
+    overflowMenuItems: number;
+    dropdownOptionsOffset: number;
+    /**
+     * Emitted when something in the header is selected.
+     *
+     * `event.detail.type` indicates the functionality the user pressed. eg. `'login'` or `'menuItem'`
+     */
+    dsoHeaderClick: EventEmitter<HeaderEvent>;
+    setShowDropDown(value: "always" | "auto"): void;
+    private wrapper;
+    private nav;
+    private shrinkMenuToFit;
+    componentDidRender(): void;
+    componentDidLoad(): void;
+    private setOverflowMenu;
+    private setDropDownMenu;
+    private calculateDropdownOptionsOffset;
+    private onWindowResize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private MenuItem;
+    render(): any;
 }

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

@@ -1,18 +1,18 @@
 export interface HeaderMenuItem {
-  label: string;
-  url: string;
-  active?: boolean;
+    label: string;
+    url: string;
+    active?: boolean;
 }
 export type HeaderNavigationType = "menuItem" | "profile" | "logout" | "login" | "userHome" | "help";
 export interface HeaderClickEvent {
-  originalEvent: MouseEvent;
-  type: HeaderNavigationType;
-  /** True when user selected the page holding Ctrl, Alt or other modifiers. Can be used to determine navigation. */
-  isModifiedEvent: boolean;
-  /** Url of the selected item. */
-  url?: string;
+    originalEvent: MouseEvent;
+    type: HeaderNavigationType;
+    /** True when user selected the page holding Ctrl, Alt or other modifiers. Can be used to determine navigation. */
+    isModifiedEvent: boolean;
+    /** Url of the selected item. */
+    url?: string;
 }
 export interface HeaderClickMenuItemEvent extends HeaderClickEvent {
-  menuItem: HeaderMenuItem;
+    menuItem: HeaderMenuItem;
 }
 export type HeaderEvent = HeaderClickEvent | HeaderClickMenuItemEvent;

package/dist/types/components/helpcenter-panel/helpcenter-panel.d.ts

@@ -1,28 +1,28 @@
 export declare class HelpcenterPanel {
-  private iframeUrl?;
-  private trap?;
-  private panelWrapperElement?;
-  private openButtonElement?;
-  private closeButtonElement?;
-  private iframeLoaded;
-  /**
-   * The label on the help button that activates the Helpcenter.
-   */
-  label: string;
-  /**
-   * The URL that's loaded when the Helpcenter opens.
-   */
-  url: string;
-  visibility: "visible" | "hidden";
-  isOpen: "open" | "close";
-  slideState: "open" | "close";
-  loadIframe: boolean;
-  watchUrl(url: string): void;
-  watchIsOpen(isOpen: "open" | "close"): void;
-  keyDownListener(event: KeyboardEvent): void;
-  private createTrap;
-  private openClick;
-  private closeClick;
-  componentDidRender(): void;
-  render(): any;
+    private iframeUrl?;
+    private trap?;
+    private panelWrapperElement?;
+    private openButtonElement?;
+    private closeButtonElement?;
+    private iframeLoaded;
+    /**
+     * The label on the help button that activates the Helpcenter.
+     */
+    label: string;
+    /**
+     * The URL that's loaded when the Helpcenter opens.
+     */
+    url: string;
+    visibility: "visible" | "hidden";
+    isOpen: "open" | "close";
+    slideState: "open" | "close";
+    loadIframe: boolean;
+    watchUrl(url: string): void;
+    watchIsOpen(isOpen: "open" | "close"): void;
+    keyDownListener(event: KeyboardEvent): void;
+    private createTrap;
+    private openClick;
+    private closeClick;
+    componentDidRender(): void;
+    render(): any;
 }

package/dist/types/components/highlight-box/highlight-box.d.ts

@@ -1,24 +1,24 @@
 export declare class HighlightBox {
-  /**
-   * For yellow Highlight Box.
-   */
-  yellow?: boolean;
-  /**
-   * For a bordered Highlight Box.
-   */
-  border?: boolean;
-  /**
-   * For a while Highlight Box.
-   */
-  white?: boolean;
-  /**
-   * For an Highlight Box with a drop shadow.
-   */
-  dropShadow?: boolean;
-  /**
-   * To create a step indicator.
-   */
-  step?: number;
-  private element;
-  render(): any;
+    /**
+     * For yellow Highlight Box.
+     */
+    yellow?: boolean;
+    /**
+     * For a bordered Highlight Box.
+     */
+    border?: boolean;
+    /**
+     * For a while Highlight Box.
+     */
+    white?: boolean;
+    /**
+     * For an Highlight Box with a drop shadow.
+     */
+    dropShadow?: boolean;
+    /**
+     * To create a step indicator.
+     */
+    step?: number;
+    private element;
+    render(): any;
 }