@dso-toolkit/core 62.18.0 → 62.20.0

package/dist/types/components/date-picker-legacy/date-picker-legacy.d.ts

@@ -1,172 +1,172 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
 import { DsoDatePickerLegacyDirection, DsoDatePickerLegacyChangeEvent, DsoDatePickerLegacyFocusEvent, DsoDatePickerLegacyKeyboardEvent } from "./date-picker-legacy.interfaces";
 export declare class DsoDatePickerLegacy implements ComponentInterface {
-  /**
-   * Own Properties
-   */
-  private monthSelectId;
-  private yearSelectId;
-  private dialogLabelId;
-  private datePickerLegacyButton;
-  private datePickerLegacyInput;
-  private firstFocusableElement;
-  private monthSelectNode;
-  private focusedDayNode;
-  private focusTimeoutId;
-  private hideTimeoutId;
-  private initialTouchX;
-  private initialTouchY;
-  private localization;
-  private firstDayOfWeek;
-  private previousValue;
-  /**
-   * Reference to host HTML element.
-   */
-  element: HTMLDsoDatePickerLegacyElement;
-  /**
-   * State() variables
-   */
-  activeFocus: boolean;
-  focusedDay: Date;
-  open: boolean;
-  visible: boolean;
-  /**
-   * Public Property API
-   */
-  /**
-   * Name of the date picker input.
-   */
-  name: string;
-  /**
-   * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.
-   */
-  identifier: string | undefined;
-  /**
-   * 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.
-   */
-  disabled: boolean;
-  /**
-   * Defines a specific role attribute for the date picker input.
-   */
-  role: string | null;
-  /**
-   * Forces the opening direction of the calendar modal to be always left or right.
-   * This setting can be useful when the input is smaller than the opening date picker
-   * would be as by default the picker always opens towards right.
-   */
-  direction: DsoDatePickerLegacyDirection;
-  /**
-   * Should the input be marked as required?
-   */
-  required: boolean;
-  /**
-   * Is input invalid?
-   */
-  invalid?: boolean;
-  /**
-   * ID of element that describes the input element
-   */
-  describedBy?: string;
-  /**
-   * Should the input be focused on load?
-   */
-  dsoAutofocus: boolean;
-  /**
-   * Date value. Must be in Dutch date format: DD-MM-YYYY.
-   */
-  value: string;
-  /**
-   * 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.
-   */
-  min: string | undefined;
-  /**
-   * 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.
-   */
-  max: string | undefined;
-  /**
-   * Events section.
-   */
-  /**
-   * Event emitted when a date is selected.
-   */
-  dsoDateChange: EventEmitter<DsoDatePickerLegacyChangeEvent>;
-  /**
-   * Event emitted the date picker input is blurred.
-   */
-  dsoBlur: EventEmitter<DsoDatePickerLegacyFocusEvent>;
-  /**
-   * Event emitted on key up in the date picker input.
-   */
-  dsoKeyUp: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;
-  /**
-   * Event emitted on key down in the date picker input.
-   */
-  dsoKeyDown: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;
-  /**
-   * Event emitted the date picker input is focused.
-   */
-  dsoFocus: EventEmitter<DsoDatePickerLegacyFocusEvent>;
-  /**
-   * Component event handling.
-   */
-  handleDocumentClick(e: MouseEvent): void;
-  /**
-   * Sets focus on the date picker's input. Use this method instead of the global `focus()`.
-   */
-  setFocus(): Promise<void | undefined>;
-  /**
-   * Public methods API
-   */
-  /**
-   * Show the calendar modal, moving focus to the calendar inside.
-   */
-  show(): Promise<void>;
-  /**
-   * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus
-   * returning to the date picker's button. Default is true.
-   */
-  hide(moveFocusToButton?: boolean): Promise<void>;
-  /**
-   * Local methods.
-   */
-  private enableActiveFocus;
-  private disableActiveFocus;
-  private addDays;
-  private addMonths;
-  private addYears;
-  private startOfWeek;
-  private endOfWeek;
-  private setMonth;
-  private setYear;
-  private setFocusedDay;
-  private toggleOpen;
-  private handleEscKey;
-  private handleBlur;
-  private handleKeyUp;
-  private handleKeyDown;
-  private handleFocus;
-  private handleTouchStart;
-  private handleTouchMove;
-  private handleTouchEnd;
-  private handleNextMonthClick;
-  private handlePreviousMonthClick;
-  private handleFirstFocusableKeydown;
-  private handleKeyboardNavigation;
-  private handleDaySelect;
-  private handleMonthSelect;
-  private handleYearSelect;
-  private handleInputChange;
-  private setValue;
-  private prepareEvent;
-  private processFocusedDayNode;
-  componentWillLoad(): void | Promise<void>;
-  componentDidLoad(): void;
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render(): any;
+    /**
+     * Own Properties
+     */
+    private monthSelectId;
+    private yearSelectId;
+    private dialogLabelId;
+    private datePickerLegacyButton;
+    private datePickerLegacyInput;
+    private firstFocusableElement;
+    private monthSelectNode;
+    private focusedDayNode;
+    private focusTimeoutId;
+    private hideTimeoutId;
+    private initialTouchX;
+    private initialTouchY;
+    private localization;
+    private firstDayOfWeek;
+    private previousValue;
+    /**
+     * Reference to host HTML element.
+     */
+    element: HTMLDsoDatePickerLegacyElement;
+    /**
+     * State() variables
+     */
+    activeFocus: boolean;
+    focusedDay: Date;
+    open: boolean;
+    visible: boolean;
+    /**
+     * Public Property API
+     */
+    /**
+     * Name of the date picker input.
+     */
+    name: string;
+    /**
+     * Adds a unique identifier for the date picker input. Use this instead of html `id` attribute.
+     */
+    identifier: string | undefined;
+    /**
+     * 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.
+     */
+    disabled: boolean;
+    /**
+     * Defines a specific role attribute for the date picker input.
+     */
+    role: string | null;
+    /**
+     * Forces the opening direction of the calendar modal to be always left or right.
+     * This setting can be useful when the input is smaller than the opening date picker
+     * would be as by default the picker always opens towards right.
+     */
+    direction: DsoDatePickerLegacyDirection;
+    /**
+     * Should the input be marked as required?
+     */
+    required: boolean;
+    /**
+     * Is input invalid?
+     */
+    invalid?: boolean;
+    /**
+     * ID of element that describes the input element
+     */
+    describedBy?: string;
+    /**
+     * Should the input be focused on load?
+     */
+    dsoAutofocus: boolean;
+    /**
+     * Date value. Must be in Dutch date format: DD-MM-YYYY.
+     */
+    value: string;
+    /**
+     * 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.
+     */
+    min: string | undefined;
+    /**
+     * 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.
+     */
+    max: string | undefined;
+    /**
+     * Events section.
+     */
+    /**
+     * Event emitted when a date is selected.
+     */
+    dsoDateChange: EventEmitter<DsoDatePickerLegacyChangeEvent>;
+    /**
+     * Event emitted the date picker input is blurred.
+     */
+    dsoBlur: EventEmitter<DsoDatePickerLegacyFocusEvent>;
+    /**
+     * Event emitted on key up in the date picker input.
+     */
+    dsoKeyUp: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;
+    /**
+     * Event emitted on key down in the date picker input.
+     */
+    dsoKeyDown: EventEmitter<DsoDatePickerLegacyKeyboardEvent>;
+    /**
+     * Event emitted the date picker input is focused.
+     */
+    dsoFocus: EventEmitter<DsoDatePickerLegacyFocusEvent>;
+    /**
+     * Component event handling.
+     */
+    handleDocumentClick(e: MouseEvent): void;
+    /**
+     * Sets focus on the date picker's input. Use this method instead of the global `focus()`.
+     */
+    setFocus(): Promise<void | undefined>;
+    /**
+     * Public methods API
+     */
+    /**
+     * Show the calendar modal, moving focus to the calendar inside.
+     */
+    show(): Promise<void>;
+    /**
+     * Hide the calendar modal. Set `moveFocusToButton` to false to prevent focus
+     * returning to the date picker's button. Default is true.
+     */
+    hide(moveFocusToButton?: boolean): Promise<void>;
+    /**
+     * Local methods.
+     */
+    private enableActiveFocus;
+    private disableActiveFocus;
+    private addDays;
+    private addMonths;
+    private addYears;
+    private startOfWeek;
+    private endOfWeek;
+    private setMonth;
+    private setYear;
+    private setFocusedDay;
+    private toggleOpen;
+    private handleEscKey;
+    private handleBlur;
+    private handleKeyUp;
+    private handleKeyDown;
+    private handleFocus;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    private handleNextMonthClick;
+    private handlePreviousMonthClick;
+    private handleFirstFocusableKeydown;
+    private handleKeyboardNavigation;
+    private handleDaySelect;
+    private handleMonthSelect;
+    private handleYearSelect;
+    private handleInputChange;
+    private setValue;
+    private prepareEvent;
+    private processFocusedDayNode;
+    componentWillLoad(): void | Promise<void>;
+    componentDidLoad(): void;
+    /**
+     * render() function
+     * Always the last one in the class.
+     */
+    render(): any;
 }

package/dist/types/components/date-picker-legacy/date-picker-legacy.interfaces.d.ts

@@ -1,14 +1,14 @@
 export type DsoDatePickerLegacyChangeEvent = {
-  component: "dso-date-picker-legacy";
-  valueAsDate: Date | undefined;
-  value: string;
-  error?: "invalid" | "required" | "min-range" | "max-range";
+    component: "dso-date-picker-legacy";
+    valueAsDate: Date | undefined;
+    value: string;
+    error?: "invalid" | "required" | "min-range" | "max-range";
 };
 export type DsoDatePickerLegacyFocusEvent = {
-  component: "dso-date-picker-legacy";
+    component: "dso-date-picker-legacy";
 };
 export type DsoDatePickerLegacyKeyboardEvent = {
-  component: "dso-date-picker-legacy";
-  originalEvent: KeyboardEvent;
+    component: "dso-date-picker-legacy";
+    originalEvent: KeyboardEvent;
 };
 export type DsoDatePickerLegacyDirection = "left" | "right";

package/dist/types/components/date-picker-legacy/date-picker-month.d.ts

@@ -3,18 +3,18 @@ import { DsoLocalizedText } from "./date-localization";
 import { DatePickerLegacyDayProps } from "./date-picker-day";
 import { DaysOfWeek } from "./date-utils";
 type DatePickerLegacyMonthProps = {
-  selectedDate: Date | undefined;
-  focusedDate: Date;
-  labelledById: string;
-  localization: DsoLocalizedText;
-  firstDayOfWeek: DaysOfWeek;
-  min?: Date;
-  max?: Date;
-  onDateSelect: DatePickerLegacyDayProps["onDaySelect"];
-  onKeyboardNavigation: DatePickerLegacyDayProps["onKeyboardNavigation"];
-  focusedDayRef: (element: HTMLButtonElement) => void;
-  onFocusIn?: (e: FocusEvent) => void;
-  onMouseDown?: (e: MouseEvent) => void;
+    selectedDate: Date | undefined;
+    focusedDate: Date;
+    labelledById: string;
+    localization: DsoLocalizedText;
+    firstDayOfWeek: DaysOfWeek;
+    min?: Date;
+    max?: Date;
+    onDateSelect: DatePickerLegacyDayProps["onDaySelect"];
+    onKeyboardNavigation: DatePickerLegacyDayProps["onKeyboardNavigation"];
+    focusedDayRef: (element: HTMLButtonElement) => void;
+    onFocusIn?: (e: FocusEvent) => void;
+    onMouseDown?: (e: MouseEvent) => void;
 };
 export declare const DatePickerLegacyMonth: FunctionalComponent<DatePickerLegacyMonthProps>;
 export {};

package/dist/types/components/date-picker-legacy/date-utils.d.ts

@@ -1,11 +1,11 @@
 export declare enum DaysOfWeek {
-  Sunday = 0,
-  Monday = 1,
-  Tuesday = 2,
-  Wednesday = 3,
-  Thursday = 4,
-  Friday = 5,
-  Saturday = 6
+    Sunday = 0,
+    Monday = 1,
+    Tuesday = 2,
+    Wednesday = 3,
+    Thursday = 4,
+    Friday = 5,
+    Saturday = 6
 }
 export declare function createDate(year: string, month: string, day: string): Date | undefined;
 /**

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

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
 import { JSXBase } from "../../stencil-public-runtime";
 interface DocumentComponentHeadingProps {
-  heading: "h2" | "h3" | "h4" | "h5" | "h6";
+    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

@@ -7,106 +7,106 @@ import { DocumentComponentOpenToggleEvent, DocumentComponentToggleAnnotationEven
  * @part _heading-container - private part, do not touch.
  */
 export declare class DocumentComponent implements ComponentInterface {
-  /**
-   * The heading element to use.
-   */
-  heading: "h2" | "h3" | "h4" | "h5" | "h6";
-  /**
-   * The Label XML.
-   */
-  label?: DocumentComponentInputType;
-  /**
-   * The Nummer XML.
-   */
-  nummer?: DocumentComponentInputType;
-  /**
-   * The Opschrift XML.
-   */
-  opschrift?: DocumentComponentInputType;
-  /**
-   * The Inhoud XML.
-   */
-  inhoud?: DocumentComponentInputType;
-  /**
-   * 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;
-  /**
-   * To mark text.
-   */
-  mark?: DocumentComponentMarkFunction;
-  /**
-   * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.
-   */
-  recursiveToggle: DocumentComponentRecursiveToggleState;
-  /**
-   * Emitted when the user activates the recursive toggle.
-   */
-  dsoRecursiveToggle: EventEmitter<DocumentComponentRecursiveToggleEvent>;
-  /**
-   * Emitted when the user activates the toggle.
-   */
-  dsoOpenToggle: EventEmitter<DocumentComponentOpenToggleEvent>;
-  /**
-   * Emitted when the user actives intRef or intIoRef anchors in Ozon Content
-   */
-  dsoOzonContentAnchorClick: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;
-  /**
-   * Emitted when the user activates the annotation button.
-   */
-  dsoAnnotationToggle: EventEmitter<DocumentComponentToggleAnnotationEvent>;
-  /**
-   * Emitted each time a marked item gets highlighted.
-   */
-  dsoMarkItemHighlight: EventEmitter<DocumentComponentMarkItemHighlightEvent>;
-  private get wijzigactieLabel();
-  private handleHeadingClick;
-  private suffix;
-  private handleOzonContentAnchorClick;
-  private handleRecursiveToggleClick;
-  render(): any;
+    /**
+     * The heading element to use.
+     */
+    heading: "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * The Label XML.
+     */
+    label?: DocumentComponentInputType;
+    /**
+     * The Nummer XML.
+     */
+    nummer?: DocumentComponentInputType;
+    /**
+     * The Opschrift XML.
+     */
+    opschrift?: DocumentComponentInputType;
+    /**
+     * The Inhoud XML.
+     */
+    inhoud?: DocumentComponentInputType;
+    /**
+     * 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;
+    /**
+     * To mark text.
+     */
+    mark?: DocumentComponentMarkFunction;
+    /**
+     * Shows the recursive toggle button. When the user activates this button the event `dsoRecursiveToggle` is emitted.
+     */
+    recursiveToggle: DocumentComponentRecursiveToggleState;
+    /**
+     * Emitted when the user activates the recursive toggle.
+     */
+    dsoRecursiveToggle: EventEmitter<DocumentComponentRecursiveToggleEvent>;
+    /**
+     * Emitted when the user activates the toggle.
+     */
+    dsoOpenToggle: EventEmitter<DocumentComponentOpenToggleEvent>;
+    /**
+     * Emitted when the user actives intRef or intIoRef anchors in Ozon Content
+     */
+    dsoOzonContentAnchorClick: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;
+    /**
+     * Emitted when the user activates the annotation button.
+     */
+    dsoAnnotationToggle: EventEmitter<DocumentComponentToggleAnnotationEvent>;
+    /**
+     * Emitted each time a marked item gets highlighted.
+     */
+    dsoMarkItemHighlight: EventEmitter<DocumentComponentMarkItemHighlightEvent>;
+    private get wijzigactieLabel();
+    private handleHeadingClick;
+    private suffix;
+    private handleOzonContentAnchorClick;
+    private handleRecursiveToggleClick;
+    render(): any;
 }