@dso-toolkit/core 53.0.0 → 53.1.0

package/dist/esm/loader.js

@@ -10,7 +10,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-expandable-heading",[[1,"dso-expandable-heading",{"open":[4],"heading":[1],"color":[1],"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"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[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],"syncLabelText":[64]}]]],["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-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":[1540],"hasNestedSection":[32],"toggleSection":[64],"scrollSectionIntoView":[64]}]]],["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":[4],"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],"subcontent":[1],"count":[2],"min":[8],"max":[8],"checked":[516],"disabled":[516],"manualInputWrapperElement":[32],"manualCount":[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"],"ariaId":[32],"hasFooter":[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-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"],"checkable":[4],"boundary":[1],"strategy":[1]}]]],["dso-expandable",[[1,"dso-expandable",{"open":[516]}]]],["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-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]},[[0,"click","listenClick"]]]]],["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],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  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":[1540],"hasNestedSection":[32],"hover":[32],"toggleSection":[64],"scrollSectionIntoView":[64]}]]],["dso-expandable-heading",[[1,"dso-expandable-heading",{"open":[4],"heading":[1],"color":[1],"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"],"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],"syncLabelText":[64]}]]],["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],"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],"subcontent":[1],"count":[2],"min":[8],"max":[8],"checked":[516],"disabled":[516],"manualInputWrapperElement":[32],"manualCount":[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"],"ariaId":[32],"hasFooter":[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-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]},[[0,"click","listenClick"]]]]],["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],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
   });
 };
 

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

@@ -1,4 +1,4 @@
-export declare type AccordionVariant = "default" | "compact" | "conclusion";
+export declare type AccordionVariant = "default" | "compact" | "conclusion" | "neutral";
 export interface AccordionInternalState {
   variant: AccordionVariant;
   reverseAlign: boolean;

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

@@ -4,11 +4,10 @@ export declare class AccordionSection implements ComponentInterface {
   private static scrollCandidate?;
   private accordion?;
   private accordionState?;
-  private animeInstance?;
   private sectionBody?;
   private sectionHeading?;
-  private resizeObserver?;
   private bodyHeight?;
+  private expandable?;
   host: HTMLElement;
   handleTitle?: string;
   heading: AccordionHeading;
@@ -22,20 +21,17 @@ export declare class AccordionSection implements ComponentInterface {
   status?: string;
   open: boolean;
   hasNestedSection: boolean;
-  toggleOpen(): void;
+  hover: boolean;
   componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   /** Toggle this section.
    * @param scrollIntoView boolean - defaults to true
    */
   toggleSection(scrollIntoView?: boolean): Promise<void>;
   /** Scroll this section into view when needed. */
   scrollSectionIntoView(): Promise<void>;
+  get isNeutral(): boolean;
   private scrollIntoViewWhenNeeded;
+  private setAnimationBehaviour;
   private toggle;
   render(): any;
-  private prepareAnimationResizeObserver;
-  private instantiateAnimation;
-  private activateAnimation;
 }

package/dist/types/components/action-list/action-list.d.ts

@@ -0,0 +1,5 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+export declare class ActionList implements ComponentInterface {
+  listTitle: string;
+  render(): any;
+}

package/dist/types/components/action-list/components/action-list-item.d.ts

@@ -0,0 +1,15 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+export declare class ActionListItem implements ComponentInterface {
+  step: number;
+  itemTitle?: string;
+  /**
+   * Show flow line to next step
+   */
+  flowLine: boolean;
+  warning: boolean;
+  /**
+   * Places a dashed line at the bottom of the item.
+   */
+  divider: boolean;
+  render(): any;
+}

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

@@ -9,6 +9,10 @@ export declare class DropdownMenu {
    * Alignment of the dropdown
    */
   dropdownAlign: "left" | "right";
+  /**
+   * Space between button and dropdown options
+   */
+  dropdownOptionsOffset: number;
   /**
    * Whether the menu is checkable.
    */
@@ -20,6 +24,7 @@ export declare class DropdownMenu {
    */
   strategy: "auto" | "absolute" | "fixed";
   watchPosition(): void;
+  watchOptionsOffset(): void;
   watchStrategy(): void;
   setStrategy(): void;
   host: HTMLElement;

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

@@ -1,4 +1,28 @@
-export declare class Expandable {
+import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
+import anime from "animejs";
+import { ExpandableInterface, ExpandableToggleEvent } from "./expandable.interfaces";
+export declare class Expandable implements ComponentInterface, ExpandableInterface {
+  private resizeObserver?;
+  private bodyHeight?;
+  private animeInstance?;
+  host: HTMLElement;
   open?: boolean;
+  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;
+  dsoToggle: EventEmitter<ExpandableToggleEvent>;
+  animationInstantiated: EventEmitter<void>;
+  toggleOpen(): void;
+  toggleEnableAnimation(enableAnimation: boolean): void;
+  getAnimeInstance(): Promise<anime.AnimeInstance | undefined>;
+  getBodyHeight(): Promise<number | undefined>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  activateObserver(): void;
+  disconnectedCallback(): void;
   render(): any;
+  private prepareAnimationResizeObserver;
+  private instantiateAnimation;
+  private activateAnimation;
 }

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

@@ -0,0 +1,10 @@
+/// <reference types="animejs" />
+export interface ExpandableInterface {
+  getAnimeInstance(): Promise<anime.AnimeInstance | undefined>;
+  getBodyHeight(): Promise<number | undefined>;
+}
+export interface ExpandableToggleEvent {
+  originalEvent?: MouseEvent | KeyboardEvent;
+  open: boolean;
+}
+export declare function isExpandable(element: HTMLElement | ExpandableInterface | null): element is ExpandableInterface;

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

@@ -2,6 +2,7 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { HeaderMenuItem, HeaderEvent } from "./header.interfaces";
 export declare class Header {
   private clickHandler;
+  private dropdownElement?;
   host: HTMLElement;
   mainMenu?: HeaderMenuItem[];
   useDropDownMenu: "always" | "auto";
@@ -16,6 +17,7 @@ export declare class Header {
   showDropDown?: boolean;
   hasSubLogo: boolean;
   overflowMenuItems: number;
+  dropdownOptionsOffset: number;
   /**
    * Emitted when something in the header is selected.
    *
@@ -31,6 +33,7 @@ export declare class Header {
   componentDidLoad(): void;
   setOverflowMenu(): void;
   setDropDownMenu(): void;
+  private calculateDropdownOptionsOffset;
   onWindowResize: (() => void) & {
     clear(): void;
   } & {

package/dist/types/components/modal/modal.controller.d.ts

@@ -1,7 +1,6 @@
-import { ModalContent, ModalOptions } from "dso-toolkit";
+import { ModalContent, ModalOptions } from "./modal.interfaces";
 import { DsoModalRef } from "./modal-ref";
-export declare type AllowedModalContentTypes = HTMLElement | DocumentFragment | string;
 export declare class DsoModalController {
-  open(modal: ModalContent<AllowedModalContentTypes>, options?: ModalOptions): DsoModalRef;
+  open(modal: ModalContent, options?: ModalOptions): DsoModalRef;
   private createModal;
 }

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

@@ -2,3 +2,14 @@ export interface DsoModalCloseEvent {
   originalEvent?: MouseEvent;
 }
 export declare type ModalRole = "dialog" | "alert" | "alertDialog";
+export declare type AllowedModalContentTypes = HTMLElement | DocumentFragment | string;
+export interface ModalContent {
+  title?: string;
+  body: AllowedModalContentTypes;
+  footer?: AllowedModalContentTypes;
+}
+export interface ModalOptions {
+  role?: ModalRole;
+  showCloseButton?: boolean;
+  initialFocus?: string;
+}

package/dist/types/components.d.ts

@@ -12,6 +12,7 @@ import { Suggestion } from "./components/autosuggest/autosuggest.interfaces";
 import { DsoCardClickedEvent, ImageShape } from "./components/card/card.interfaces";
 import { CardContainerMode } from "./components/card-container/card-container.interfaces";
 import { DsoDatePickerChangeEvent, DsoDatePickerDirection, DsoDatePickerFocusEvent, DsoDatePickerKeyboardEvent } from "./components/date-picker/date-picker.interfaces";
+import { ExpandableToggleEvent } from "./components/expandable/expandable.interfaces";
 import { EditAction, ExpandableHeadingToggleEvent, HeadingTags } from "./components/expandable-heading/expandable-heading.interfaces";
 import { HeaderEvent, HeaderMenuItem } from "./components/header/header.interfaces";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
@@ -77,6 +78,22 @@ export namespace Components {
          */
         "toggleSection": (scrollIntoView?: boolean) => Promise<void>;
     }
+    interface DsoActionList {
+        "listTitle": string;
+    }
+    interface DsoActionListItem {
+        /**
+          * Places a dashed line at the bottom of the item.
+         */
+        "divider": boolean;
+        /**
+          * Show flow line to next step
+         */
+        "flowLine": boolean;
+        "itemTitle"?: string;
+        "step": number;
+        "warning": boolean;
+    }
     interface DsoAlert {
         /**
           * Whether or not to show the role attribute with value "alert". To control the tooltip add the `role-alert` attribute.
@@ -219,6 +236,10 @@ export namespace Components {
           * Alignment of the dropdown
          */
         "dropdownAlign": "left" | "right";
+        /**
+          * Space between button and dropdown options
+         */
+        "dropdownOptionsOffset": number;
         /**
           * Whether the menu is open or closed. This attribute is reflected and mutable.
          */
@@ -229,6 +250,13 @@ export namespace Components {
         "strategy": "auto" | "absolute" | "fixed";
     }
     interface DsoExpandable {
+        "enableAnimation": boolean;
+        "getAnimeInstance": () => Promise<anime.AnimeInstance | undefined>;
+        "getBodyHeight": () => Promise<number | undefined>;
+        /**
+          * 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;
         "open"?: boolean;
     }
     interface DsoExpandableHeading {
@@ -502,6 +530,10 @@ export interface DsoDatePickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoDatePickerElement;
 }
+export interface DsoExpandableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsoExpandableElement;
+}
 export interface DsoExpandableHeadingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDsoExpandableHeadingElement;
@@ -583,6 +615,18 @@ declare global {
         prototype: HTMLDsoAccordionSectionElement;
         new (): HTMLDsoAccordionSectionElement;
     };
+    interface HTMLDsoActionListElement extends Components.DsoActionList, HTMLStencilElement {
+    }
+    var HTMLDsoActionListElement: {
+        prototype: HTMLDsoActionListElement;
+        new (): HTMLDsoActionListElement;
+    };
+    interface HTMLDsoActionListItemElement extends Components.DsoActionListItem, HTMLStencilElement {
+    }
+    var HTMLDsoActionListItemElement: {
+        prototype: HTMLDsoActionListItemElement;
+        new (): HTMLDsoActionListItemElement;
+    };
     interface HTMLDsoAlertElement extends Components.DsoAlert, HTMLStencilElement {
     }
     var HTMLDsoAlertElement: {
@@ -814,6 +858,8 @@ declare global {
     interface HTMLElementTagNameMap {
         "dso-accordion": HTMLDsoAccordionElement;
         "dso-accordion-section": HTMLDsoAccordionSectionElement;
+        "dso-action-list": HTMLDsoActionListElement;
+        "dso-action-list-item": HTMLDsoActionListItemElement;
         "dso-alert": HTMLDsoAlertElement;
         "dso-annotation-button": HTMLDsoAnnotationButtonElement;
         "dso-annotation-output": HTMLDsoAnnotationOutputElement;
@@ -893,6 +939,22 @@ declare namespace LocalJSX {
         "state"?: AccordionSectionState;
         "status"?: string;
     }
+    interface DsoActionList {
+        "listTitle": string;
+    }
+    interface DsoActionListItem {
+        /**
+          * Places a dashed line at the bottom of the item.
+         */
+        "divider"?: boolean;
+        /**
+          * Show flow line to next step
+         */
+        "flowLine"?: boolean;
+        "itemTitle"?: string;
+        "step": number;
+        "warning"?: boolean;
+    }
     interface DsoAlert {
         /**
           * Whether or not to show the role attribute with value "alert". To control the tooltip add the `role-alert` attribute.
@@ -1056,6 +1118,10 @@ declare namespace LocalJSX {
           * Alignment of the dropdown
          */
         "dropdownAlign"?: "left" | "right";
+        /**
+          * Space between button and dropdown options
+         */
+        "dropdownOptionsOffset"?: number;
         /**
           * Whether the menu is open or closed. This attribute is reflected and mutable.
          */
@@ -1066,6 +1132,13 @@ declare namespace LocalJSX {
         "strategy"?: "auto" | "absolute" | "fixed";
     }
     interface DsoExpandable {
+        "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;
+        "onAnimationInstantiated"?: (event: DsoExpandableCustomEvent<void>) => void;
+        "onDsoToggle"?: (event: DsoExpandableCustomEvent<ExpandableToggleEvent>) => void;
         "open"?: boolean;
     }
     interface DsoExpandableHeading {
@@ -1345,6 +1418,8 @@ declare namespace LocalJSX {
     interface IntrinsicElements {
         "dso-accordion": DsoAccordion;
         "dso-accordion-section": DsoAccordionSection;
+        "dso-action-list": DsoActionList;
+        "dso-action-list-item": DsoActionListItem;
         "dso-alert": DsoAlert;
         "dso-annotation-button": DsoAnnotationButton;
         "dso-annotation-output": DsoAnnotationOutput;
@@ -1391,6 +1466,8 @@ declare module "@stencil/core" {
         interface IntrinsicElements {
             "dso-accordion": LocalJSX.DsoAccordion & JSXBase.HTMLAttributes<HTMLDsoAccordionElement>;
             "dso-accordion-section": LocalJSX.DsoAccordionSection & JSXBase.HTMLAttributes<HTMLDsoAccordionSectionElement>;
+            "dso-action-list": LocalJSX.DsoActionList & JSXBase.HTMLAttributes<HTMLDsoActionListElement>;
+            "dso-action-list-item": LocalJSX.DsoActionListItem & JSXBase.HTMLAttributes<HTMLDsoActionListItemElement>;
             "dso-alert": LocalJSX.DsoAlert & JSXBase.HTMLAttributes<HTMLDsoAlertElement>;
             "dso-annotation-button": LocalJSX.DsoAnnotationButton & JSXBase.HTMLAttributes<HTMLDsoAnnotationButtonElement>;
             "dso-annotation-output": LocalJSX.DsoAnnotationOutput & JSXBase.HTMLAttributes<HTMLDsoAnnotationOutputElement>;

package/dist/types/index.d.ts

@@ -4,6 +4,7 @@ export * from "./components/annotation-output/annotation-output.interfaces";
 export * from "./components/autosuggest/autosuggest.interfaces";
 export * from "./components/card/card.interfaces";
 export * from "./components/date-picker/date-picker.interfaces";
+export * from "./components/expandable/expandable.interfaces";
 export * from "./components/expandable-heading/expandable-heading.interfaces";
 export * from "./components/header/header.interfaces";
 export * from "./components/info-button/info-button.interfaces";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "53.0.0",
+  "version": "53.1.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -19,32 +19,32 @@
     "watch": "yarn clear && yarn node scripts/watch.js"
   },
   "dependencies": {
-    "@popperjs/core": "^2.11.6",
+    "@popperjs/core": "^2.11.7",
     "@stencil/core": "^2.20.0",
     "@stencil/store": "^2.0.1",
     "animejs": "3.2.1",
     "clsx": "1.2.1",
-    "dso-toolkit": "53.0.0",
+    "dso-toolkit": "53.1.0",
     "escape-string-regexp": "^5.0.0",
-    "focus-trap": "^7.1.0",
+    "focus-trap": "^7.4.3",
     "popper-max-size-modifier": "^0.2.0",
-    "tabbable": "^6.0.1",
+    "tabbable": "^6.1.2",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
     "@stencil/angular-output-target": "^0.4.0",
     "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "^2.0.1",
-    "@types/animejs": "^3.1.6",
+    "@types/animejs": "^3.1.7",
     "@types/concurrently": "^7.0.0",
     "@types/debounce": "^1.2.1",
-    "@types/sass": "^1.43.1",
-    "@types/uuid": "^8.3.4",
-    "concurrently": "^7.6.0",
+    "@types/sass": "^1.45.0",
+    "@types/uuid": "^9.0.1",
+    "concurrently": "^8.0.1",
     "debounce": "^1.2.1",
-    "rimraf": "^3.0.2",
+    "rimraf": "^5.0.1",
     "stencil-inline-svg": "1.1.0",
-    "typescript": "~4.8.2"
+    "typescript": "~4.8.4"
   },
   "peerDependencies": {
     "dso-toolkit": ">=45"

package/dist/dso-toolkit/p-147ec7bd.entry.js

@@ -1 +0,0 @@
-import{h as o,r as n,f as t,F as e,H as r,g as i}from"./p-98fd1658.js";import{d as s}from"./p-1805f5b0.js";var a={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},c={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},d=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],u={CSS:{},springs:{}};function h(o,n,t){return Math.min(Math.max(o,n),t)}function l(o,n){return o.indexOf(n)>-1}function f(o,n){return o.apply(null,n)}var v={arr:function(o){return Array.isArray(o)},obj:function(o){return l(Object.prototype.toString.call(o),"Object")},pth:function(o){return v.obj(o)&&o.hasOwnProperty("totalLength")},svg:function(o){return o instanceof SVGElement},inp:function(o){return o instanceof HTMLInputElement},dom:function(o){return o.nodeType||v.svg(o)},str:function(o){return"string"==typeof o},fnc:function(o){return"function"==typeof o},und:function(o){return void 0===o},nil:function(o){return v.und(o)||null===o},hex:function(o){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(o)},rgb:function(o){return/^rgb/.test(o)},hsl:function(o){return/^hsl/.test(o)},col:function(o){return v.hex(o)||v.rgb(o)||v.hsl(o)},key:function(o){return!a.hasOwnProperty(o)&&!c.hasOwnProperty(o)&&"targets"!==o&&"keyframes"!==o}};function p(o){var n=/\(([^)]+)\)/.exec(o);return n?n[1].split(",").map((function(o){return parseFloat(o)})):[]}function b(o,n){var t=p(o),e=h(v.und(t[0])?1:t[0],.1,100),r=h(v.und(t[1])?100:t[1],.1,100),i=h(v.und(t[2])?10:t[2],.1,100),s=h(v.und(t[3])?0:t[3],.1,100),a=Math.sqrt(r/e),c=i/(2*Math.sqrt(r*e)),d=c<1?a*Math.sqrt(1-c*c):0,l=c<1?(c*a-s)/d:-s+a;function f(o){var t=n?n*o/1e3:o;return t=c<1?Math.exp(-t*c*a)*(1*Math.cos(d*t)+l*Math.sin(d*t)):(1+l*t)*Math.exp(-t*a),0===o||1===o?o:1-t}return n?f:function(){var n=u.springs[o];if(n)return n;for(var t=1/6,e=0,r=0;;)if(1===f(e+=t)){if(++r>=16)break}else r=0;var i=e*t*1e3;return u.springs[o]=i,i}}function m(o){return void 0===o&&(o=10),function(n){return Math.ceil(h(n,1e-6,1)*o)*(1/o)}}var g,y,w=function(){var o=.1;function n(o,n){return 1-3*n+3*o}function t(o,n){return 3*n-6*o}function e(o){return 3*o}function r(o,r,i){return((n(r,i)*o+t(r,i))*o+e(r))*o}function i(o,r,i){return 3*n(r,i)*o*o+2*t(r,i)*o+e(r)}return function(n,t,e,s){if(0<=n&&n<=1&&0<=e&&e<=1){var a=new Float32Array(11);if(n!==t||e!==s)for(var c=0;c<11;++c)a[c]=r(c*o,n,e);return function(c){return n===t&&e===s||0===c||1===c?c:r(function(t){for(var s=0,c=1;10!==c&&a[c]<=t;++c)s+=o;--c;var d=s+(t-a[c])/(a[c+1]-a[c])*o,u=i(d,n,e);return u>=.001?function(o,n,t,e){for(var s=0;s<4;++s){var a=i(n,t,e);if(0===a)return n;n-=(r(n,t,e)-o)/a}return n}(t,d,n,e):0===u?d:function(o,n,t,e,i){var s,a,c=0;do{(s=r(a=n+(t-n)/2,e,i)-o)>0?t=a:n=a}while(Math.abs(s)>1e-7&&++c<10);return a}(t,s,s+o,n,e)}(c),t,s)}}}}(),x=(g={linear:function(){return function(o){return o}}},y={Sine:function(){return function(o){return 1-Math.cos(o*Math.PI/2)}},Circ:function(){return function(o){return 1-Math.sqrt(1-o*o)}},Back:function(){return function(o){return o*o*(3*o-2)}},Bounce:function(){return function(o){for(var n,t=4;o<((n=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*n-2)/22-o,2)}},Elastic:function(o,n){void 0===o&&(o=1),void 0===n&&(n=.5);var t=h(o,1,10),e=h(n,.1,2);return function(o){return 0===o||1===o?o:-t*Math.pow(2,10*(o-1))*Math.sin((o-1-e/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/e)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach((function(o,n){y[o]=function(){return function(o){return Math.pow(o,n+2)}}})),Object.keys(y).forEach((function(o){var n=y[o];g["easeIn"+o]=n,g["easeOut"+o]=function(o,t){return function(e){return 1-n(o,t)(1-e)}},g["easeInOut"+o]=function(o,t){return function(e){return e<.5?n(o,t)(2*e)/2:1-n(o,t)(-2*e+2)/2}},g["easeOutIn"+o]=function(o,t){return function(e){return e<.5?(1-n(o,t)(1-2*e))/2:(n(o,t)(2*e-1)+1)/2}}})),g);function M(o,n){if(v.fnc(o))return o;var t=o.split("(")[0],e=x[t],r=p(o);switch(t){case"spring":return b(o,n);case"cubicBezier":return f(w,r);case"steps":return f(m,r);default:return f(e,r)}}function k(o){try{return document.querySelectorAll(o)}catch(o){return}}function C(o,n){for(var t=o.length,e=arguments.length>=2?arguments[1]:void 0,r=[],i=0;i<t;i++)if(i in o){var s=o[i];n.call(e,s,i,o)&&r.push(s)}return r}function F(o){return o.reduce((function(o,n){return o.concat(v.arr(n)?F(n):n)}),[])}function A(o){return v.arr(o)?o:(v.str(o)&&(o=k(o)||o),o instanceof NodeList||o instanceof HTMLCollection?[].slice.call(o):[o])}function O(o,n){return o.some((function(o){return o===n}))}function I(o){var n={};for(var t in o)n[t]=o[t];return n}function j(o,n){var t=I(o);for(var e in o)t[e]=n.hasOwnProperty(e)?n[e]:o[e];return t}function z(o,n){var t=I(o);for(var e in n)t[e]=v.und(o[e])?n[e]:o[e];return t}function B(o){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(o);if(n)return n[1]}function E(o,n){return v.fnc(o)?o(n.target,n.id,n.total):o}function L(o,n){return o.getAttribute(n)}function S(o,n,t){if(O([t,"deg","rad","turn"],B(n)))return n;var e=u.CSS[n+t];if(!v.und(e))return e;var r=document.createElement(o.tagName),i=o.parentNode&&o.parentNode!==document?o.parentNode:document.body;i.appendChild(r),r.style.position="absolute",r.style.width=100+t;var s=100/r.offsetWidth;i.removeChild(r);var a=s*parseFloat(n);return u.CSS[n+t]=a,a}function N(o,n,t){if(n in o.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=o.style[n]||getComputedStyle(o).getPropertyValue(e)||"0";return t?S(o,r,t):r}}function $(o,n){return v.dom(o)&&!v.inp(o)&&(!v.nil(L(o,n))||v.svg(o)&&o[n])?"attribute":v.dom(o)&&O(d,n)?"transform":v.dom(o)&&"transform"!==n&&N(o,n)?"css":null!=o[n]?"object":void 0}function H(o){if(v.dom(o)){for(var n,t=o.style.transform||"",e=/(\w+)\(([^)]*)\)/g,r=new Map;n=e.exec(t);)r.set(n[1],n[2]);return r}}function D(o,n,t,e){switch($(o,n)){case"transform":return function(o,n,t,e){var r=l(n,"scale")?1:0+function(o){return l(o,"translate")||"perspective"===o?"px":l(o,"rotate")||l(o,"skew")?"deg":void 0}(n),i=H(o).get(n)||r;return t&&(t.transforms.list.set(n,i),t.transforms.last=n),e?S(o,i,e):i}(o,n,e,t);case"css":return N(o,n,t);case"attribute":return L(o,n);default:return o[n]||0}}function X(o,n){var t=/^(\*=|\+=|-=)/.exec(o);if(!t)return o;var e=B(o)||0,r=parseFloat(n),i=parseFloat(o.replace(t[0],""));switch(t[0][0]){case"+":return r+i+e;case"-":return r-i+e;case"*":return r*i+e}}function Y(o,n){if(v.col(o))return function(o){return v.rgb(o)?(t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(n=o))?"rgba("+t[1]+",1)":n:v.hex(o)?function(o){var n=o.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(o,n,t,e){return n+n+t+t+e+e})),t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return"rgba("+parseInt(t[1],16)+","+parseInt(t[2],16)+","+parseInt(t[3],16)+",1)"}(o):v.hsl(o)?function(o){var n,t,e,r=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(o)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(o),i=parseInt(r[1],10)/360,s=parseInt(r[2],10)/100,a=parseInt(r[3],10)/100,c=r[4]||1;function d(o,n,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?o+6*(n-o)*t:t<.5?n:t<2/3?o+(n-o)*(2/3-t)*6:o}if(0==s)n=t=e=a;else{var u=a<.5?a*(1+s):a+s-a*s,h=2*a-u;n=d(h,u,i+1/3),t=d(h,u,i),e=d(h,u,i-1/3)}return"rgba("+255*n+","+255*t+","+255*e+","+c+")"}(o):void 0;var n,t}(o);if(/\s/g.test(o))return o;var t=B(o),e=t?o.substr(0,o.length-t.length):o;return n?e+n:e}function Z(o,n){return Math.sqrt(Math.pow(n.x-o.x,2)+Math.pow(n.y-o.y,2))}function Q(o){for(var n,t=o.points,e=0,r=0;r<t.numberOfItems;r++){var i=t.getItem(r);r>0&&(e+=Z(n,i)),n=i}return e}function T(o){if(o.getTotalLength)return o.getTotalLength();switch(o.tagName.toLowerCase()){case"circle":return function(o){return 2*Math.PI*L(o,"r")}(o);case"rect":return function(o){return 2*L(o,"width")+2*L(o,"height")}(o);case"line":return function(o){return Z({x:L(o,"x1"),y:L(o,"y1")},{x:L(o,"x2"),y:L(o,"y2")})}(o);case"polyline":return Q(o);case"polygon":return function(o){var n=o.points;return Q(o)+Z(n.getItem(n.numberOfItems-1),n.getItem(0))}(o)}}function V(o,n){var t=n||{},e=t.el||function(o){for(var n=o.parentNode;v.svg(n)&&v.svg(n.parentNode);)n=n.parentNode;return n}(o),r=e.getBoundingClientRect(),i=L(e,"viewBox"),s=r.width,a=r.height,c=t.viewBox||(i?i.split(" "):[0,0,s,a]);return{el:e,viewBox:c,x:c[0]/1,y:c[1]/1,w:s,h:a,vW:c[2],vH:c[3]}}function W(o,n,t){function e(t){return void 0===t&&(t=0),o.el.getPointAtLength(n+t>=1?n+t:0)}var r=V(o.el,o.svg),i=e(),s=e(-1),a=e(1),c=t?1:r.w/r.vW,d=t?1:r.h/r.vH;switch(o.property){case"x":return(i.x-r.x)*c;case"y":return(i.y-r.y)*d;case"angle":return 180*Math.atan2(a.y-s.y,a.x-s.x)/Math.PI}}function q(o,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,e=Y(v.pth(o)?o.totalLength:o,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:v.str(o)||n?e.split(t):[]}}function P(o){return C(o?F(v.arr(o)?o.map(A):A(o)):[],(function(o,n,t){return t.indexOf(o)===n}))}function R(o){var n=P(o);return n.map((function(o,t){return{target:o,id:t,total:n.length,transforms:{list:H(o)}}}))}function U(o,n){var t=I(n);if(/^spring/.test(t.easing)&&(t.duration=b(t.easing)),v.arr(o)){var e=o.length;2!==e||v.obj(o[0])?v.fnc(n.duration)||(t.duration=n.duration/e):o={value:o}}var r=v.arr(o)?o:[o];return r.map((function(o,t){var e=v.obj(o)&&!v.pth(o)?o:{value:o};return v.und(e.delay)&&(e.delay=t?0:n.delay),v.und(e.endDelay)&&(e.endDelay=t===r.length-1?n.endDelay:0),e})).map((function(o){return z(o,t)}))}var _={css:function(o,n,t){return o.style[n]=t},attribute:function(o,n,t){return o.setAttribute(n,t)},object:function(o,n,t){return o[n]=t},transform:function(o,n,t,e,r){if(e.list.set(n,t),n===e.last||r){var i="";e.list.forEach((function(o,n){i+=n+"("+o+") "})),o.style.transform=i}}};function G(o,n){R(o).forEach((function(o){for(var t in n){var e=E(n[t],o),r=o.target,i=B(e),s=D(r,t,i,o),a=X(Y(e,i||B(s)),s),c=$(r,t);_[c](r,t,a,o.transforms,!0)}}))}function J(o,n){return C(F(o.map((function(o){return n.map((function(n){return function(o,n){var t=$(o.target,n.name);if(t){var e=function(o,n){var t;return o.tweens.map((function(e){var r=function(o,n){var t={};for(var e in o){var r=E(o[e],n);v.arr(r)&&1===(r=r.map((function(o){return E(o,n)}))).length&&(r=r[0]),t[e]=r}return t.duration=parseFloat(t.duration),t.delay=parseFloat(t.delay),t}(e,n),i=r.value,s=v.arr(i)?i[1]:i,a=B(s),c=D(n.target,o.name,a,n),d=t?t.to.original:c,u=v.arr(i)?i[0]:d,h=B(u)||B(c),l=a||h;return v.und(s)&&(s=d),r.from=q(u,l),r.to=q(X(s,u),l),r.start=t?t.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=M(r.easing,r.duration),r.isPath=v.pth(i),r.isPathTargetInsideSVG=r.isPath&&v.svg(n.target),r.isColor=v.col(r.from.original),r.isColor&&(r.round=1),t=r,r}))}(n,o),r=e[e.length-1];return{type:t,property:n.name,animatable:o,tweens:e,duration:r.end,delay:e[0].delay,endDelay:r.endDelay}}}(o,n)}))}))),(function(o){return!v.und(o)}))}function K(o,n){var t=o.length,e=function(o){return o.timelineOffset?o.timelineOffset:0},r={};return r.duration=t?Math.max.apply(Math,o.map((function(o){return e(o)+o.duration}))):n.duration,r.delay=t?Math.min.apply(Math,o.map((function(o){return e(o)+o.delay}))):n.delay,r.endDelay=t?r.duration-Math.max.apply(Math,o.map((function(o){return e(o)+o.duration-o.endDelay}))):n.endDelay,r}var oo=0,no=[],to=function(){var o;function n(t){for(var e=no.length,r=0;r<e;){var i=no[r];i.paused?(no.splice(r,1),e--):(i.tick(t),r++)}o=r>0?requestAnimationFrame(n):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",(function(){ro.suspendWhenDocumentHidden&&(eo()?o=cancelAnimationFrame(o):(no.forEach((function(o){return o._onDocumentVisibility()})),to()))})),function(){o||eo()&&ro.suspendWhenDocumentHidden||!(no.length>0)||(o=requestAnimationFrame(n))}}();function eo(){return!!document&&document.hidden}function ro(o){void 0===o&&(o={});var n,t=0,e=0,r=0,i=0,s=null;function d(o){var n=window.Promise&&new Promise((function(o){return s=o}));return o.finished=n,n}var u=function(o){var n=j(a,o),t=j(c,o),e=function(o,n){var t=[],e=n.keyframes;for(var r in e&&(n=z(function(o){for(var n=C(F(o.map((function(o){return Object.keys(o)}))),(function(o){return v.key(o)})).reduce((function(o,n){return o.indexOf(n)<0&&o.push(n),o}),[]),t={},e=function(e){var r=n[e];t[r]=o.map((function(o){var n={};for(var t in o)v.key(t)?t==r&&(n.value=o[t]):n[t]=o[t];return n}))},r=0;r<n.length;r++)e(r);return t}(e),n)),n)v.key(r)&&t.push({name:r,tweens:U(n[r],o)});return t}(t,o),r=R(o.targets),i=J(r,e),s=K(i,t),d=oo;return oo++,z(n,{id:d,children:[],animatables:r,animations:i,duration:s.duration,delay:s.delay,endDelay:s.endDelay})}(o);function l(){var o=u.direction;"alternate"!==o&&(u.direction="normal"!==o?"normal":"reverse"),u.reversed=!u.reversed,n.forEach((function(o){return o.reversed=u.reversed}))}function f(o){return u.reversed?u.duration-o:o}function p(){t=0,e=f(u.currentTime)*(1/ro.speed)}function b(o,n){n&&n.seek(o-n.timelineOffset)}function m(o){for(var n=0,t=u.animations,e=t.length;n<e;){var r=t[n],i=r.animatable,s=r.tweens,a=s.length-1,c=s[a];a&&(c=C(s,(function(n){return o<n.end}))[0]||c);for(var d=h(o-c.start-c.delay,0,c.duration)/c.duration,l=isNaN(d)?1:c.easing(d),f=c.to.strings,v=c.round,p=[],b=c.to.numbers.length,m=void 0,g=0;g<b;g++){var y=void 0,w=c.to.numbers[g],x=c.from.numbers[g]||0;y=c.isPath?W(c.value,l*w,c.isPathTargetInsideSVG):x+l*(w-x),v&&(c.isColor&&g>2||(y=Math.round(y*v)/v)),p.push(y)}var M=f.length;if(M){m=f[0];for(var k=0;k<M;k++){var F=f[k+1],A=p[k];isNaN(A)||(m+=F?A+F:A+" ")}}else m=p[0];_[r.type](i.target,r.property,m,i.transforms),r.currentValue=m,n++}}function g(o){u[o]&&!u.passThrough&&u[o](u)}function y(o){var a=u.duration,c=u.delay,v=a-u.endDelay,p=f(o);u.progress=h(p/a*100,0,100),u.reversePlayback=p<u.currentTime,n&&function(o){if(u.reversePlayback)for(var t=i;t--;)b(o,n[t]);else for(var e=0;e<i;e++)b(o,n[e])}(p),!u.began&&u.currentTime>0&&(u.began=!0,g("begin")),!u.loopBegan&&u.currentTime>0&&(u.loopBegan=!0,g("loopBegin")),p<=c&&0!==u.currentTime&&m(0),(p>=v&&u.currentTime!==a||!a)&&m(a),p>c&&p<v?(u.changeBegan||(u.changeBegan=!0,u.changeCompleted=!1,g("changeBegin")),g("change"),m(p)):u.changeBegan&&(u.changeCompleted=!0,u.changeBegan=!1,g("changeComplete")),u.currentTime=h(p,0,a),u.began&&g("update"),o>=a&&(e=0,u.remaining&&!0!==u.remaining&&u.remaining--,u.remaining?(t=r,g("loopComplete"),u.loopBegan=!1,"alternate"===u.direction&&l()):(u.paused=!0,u.completed||(u.completed=!0,g("loopComplete"),g("complete"),!u.passThrough&&"Promise"in window&&(s(),d(u)))))}return d(u),u.reset=function(){var o=u.direction;u.passThrough=!1,u.currentTime=0,u.progress=0,u.paused=!0,u.began=!1,u.loopBegan=!1,u.changeBegan=!1,u.completed=!1,u.changeCompleted=!1,u.reversePlayback=!1,u.reversed="reverse"===o,u.remaining=u.loop;for(var t=i=(n=u.children).length;t--;)u.children[t].reset();(u.reversed&&!0!==u.loop||"alternate"===o&&1===u.loop)&&u.remaining++,m(u.reversed?u.duration:0)},u._onDocumentVisibility=p,u.set=function(o,n){return G(o,n),u},u.tick=function(o){r=o,t||(t=r),y((r+(e-t))*ro.speed)},u.seek=function(o){y(f(o))},u.pause=function(){u.paused=!0,p()},u.play=function(){u.paused&&(u.completed&&u.reset(),u.paused=!1,no.push(u),p(),to())},u.reverse=function(){l(),u.completed=!u.reversed,p()},u.restart=function(){u.reset(),u.play()},u.remove=function(o){so(P(o),u)},u.reset(),u.autoplay&&u.play(),u}function io(o,n){for(var t=n.length;t--;)O(o,n[t].animatable.target)&&n.splice(t,1)}function so(o,n){var t=n.animations,e=n.children;io(o,t);for(var r=e.length;r--;){var i=e[r],s=i.animations;io(o,s),s.length||i.children.length||e.splice(r,1)}t.length||e.length||n.pause()}ro.version="3.2.1",ro.speed=1,ro.suspendWhenDocumentHidden=!0,ro.running=no,ro.remove=function(o){for(var n=P(o),t=no.length;t--;)so(n,no[t])},ro.get=D,ro.set=G,ro.convertPx=S,ro.path=function(o,n){var t=v.str(o)?k(o)[0]:o,e=n||100;return function(o){return{property:o,el:t,svg:V(t),totalLength:T(t)*(e/100)}}},ro.setDashoffset=function(o){var n=T(o);return o.setAttribute("stroke-dasharray",n),n},ro.stagger=function(o,n){void 0===n&&(n={});var t=n.direction||"normal",e=n.easing?M(n.easing):null,r=n.grid,i=n.axis,s=n.from||0,a="first"===s,c="center"===s,d="last"===s,u=v.arr(o),h=u?parseFloat(o[0]):parseFloat(o),l=u?parseFloat(o[1]):0,f=B(u?o[1]:o)||0,p=n.start||0+(u?h:0),b=[],m=0;return function(o,n,v){if(a&&(s=0),c&&(s=(v-1)/2),d&&(s=v-1),!b.length){for(var g=0;g<v;g++){if(r){var y=c?(r[0]-1)/2:s%r[0],w=c?(r[1]-1)/2:Math.floor(s/r[0]),x=y-g%r[0],M=w-Math.floor(g/r[0]),k=Math.sqrt(x*x+M*M);"x"===i&&(k=-x),"y"===i&&(k=-M),b.push(k)}else b.push(Math.abs(s-g));m=Math.max.apply(Math,b)}e&&(b=b.map((function(o){return e(o/m)*m}))),"reverse"===t&&(b=b.map((function(o){return i?o<0?-1*o:-o:Math.abs(m-o)})))}return p+(u?(l-h)/m:h)*(Math.round(100*b[n])/100)+f}},ro.timeline=function(o){void 0===o&&(o={});var n=ro(o);return n.duration=0,n.add=function(t,e){var r=no.indexOf(n),i=n.children;function s(o){o.passThrough=!0}r>-1&&no.splice(r,1);for(var a=0;a<i.length;a++)s(i[a]);var d=z(t,j(c,o));d.targets=d.targets||o.targets;var u=n.duration;d.autoplay=!1,d.direction=n.direction,d.timelineOffset=v.und(e)?u:X(e,u),s(n),n.seek(d.timelineOffset);var h=ro(d);s(h),i.push(h);var l=K(i,o);return n.delay=l.delay,n.endDelay=l.endDelay,n.duration=l.duration,n.seek(0),n.reset(),n.autoplay&&n.play(),n},n},ro.easing=M,ro.penner=x,ro.random=function(o,n){return Math.floor(Math.random()*(n-o+1))+o};const ao={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"},co=({handleUrl:n,onClick:t,open:e},r)=>n?o("a",{href:n,onClick:t,"aria-expanded":e?"true":"false"},r):o("button",{type:"button",onClick:t,"aria-expanded":e?"true":"false"},r),uo=({heading:n,ref:t},e)=>{switch(n){default:case"h2":return o("h2",{ref:t,class:"dso-section-handle"},e);case"h3":return o("h3",{ref:t,class:"dso-section-handle"},e);case"h4":return o("h4",{ref:t,class:"dso-section-handle"},e);case"h5":return o("h5",{ref:t,class:"dso-section-handle"},e)}},ho=({state:n})=>"error"===n?o("dso-icon",{icon:"status-error"}):"danger"===n?o("dso-icon",{icon:"status-danger"}):"success"===n?o("dso-icon",{icon:"status-success"}):"info"===n?o("dso-icon",{icon:"status-info"}):"warning"===n?o("dso-icon",{icon:"status-warning"}):void 0,lo=({state:n,icon:t,attachmentCount:e})=>n?o(ho,{state:n}):e?o("dso-attachments-counter",{count:e}):t?o("dso-icon",{icon:t}):void 0,fo=class{constructor(o){n(this,o),this.handleTitle=void 0,this.heading="h2",this.handleUrl=void 0,this.state=void 0,this.attachmentCount=void 0,this.icon=void 0,this.status=void 0,this.open=!1,this.hasNestedSection=!1}toggleOpen(){this.activateAnimation()}componentWillLoad(){const o=this.host.parentElement;var n;this.hasNestedSection=null!==this.host.querySelector("dso-accordion"),(n=o)instanceof HTMLElement&&"getState"in n&&(this.accordion=o,o.getState().then((o=>{this.accordionState=o,t(this.host)}))),this.prepareAnimationResizeObserver()}componentDidLoad(){var o,n;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".dso-section-body-content");t&&(null===(n=this.resizeObserver)||void 0===n||n.observe(t))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}async toggleSection(o=!0){var n;await(null===(n=this.accordion)||void 0===n?void 0:n.toggleSection(this.host).then((async()=>{o&&await this.scrollIntoViewWhenNeeded(!0)})))}async scrollSectionIntoView(){await this.scrollIntoViewWhenNeeded(!1)}async scrollIntoViewWhenNeeded(o){var n,t,e;fo.scrollCandidate=void 0;const r=null===(n=this.sectionBody)||void 0===n?void 0:n.getBoundingClientRect(),i=null===(t=this.sectionHeading)||void 0===t?void 0:t.getBoundingClientRect();if(!r||!i||!this.accordionState)return;if((()=>{var n;const t=this.host.offsetTop+i.height+(this.open&&null!==(n=this.bodyHeight)&&void 0!==n?n:0);return o&&(t>document.documentElement.scrollHeight||this.accordionState.allowMultipleOpen)})())return void(fo.scrollCandidate=this.host);const s=i.top+i.height+(this.open&&null!==(e=this.bodyHeight)&&void 0!==e?e:0);if(s>window.innerHeight){const o=s-i.top,n=o>window.innerHeight;window.scrollTo({top:n?this.host.offsetTop:this.host.offsetTop-(window.innerHeight-o),behavior:"smooth"})}else i.top<0&&window.scrollTo({top:this.host.offsetTop,behavior:"smooth"})}async toggle(o){var n;null==o||o.preventDefault(),null===(n=this.accordion)||void 0===n||n.toggleSection(this.host,o).then((async o=>{o&&await this.scrollIntoViewWhenNeeded(!0)}))}render(){var n;const{variant:t,reverseAlign:i}=null!==(n=this.accordionState)&&void 0!==n?n:{},s=!!(this.status||this.state||this.icon||this.attachmentCount);return o(r,{class:{"dso-accordion-section":!0,["dso-accordion-"+t]:!0,"dso-nested-accordion":this.hasNestedSection,"dso-accordion-reverse-align":null!=i&&i},hidden:!t},o(uo,{heading:this.heading,ref:o=>this.sectionHeading=o},o(co,{handleUrl:this.handleUrl,onClick:async o=>await this.toggle(o),open:this.open},i?o(e,null,s&&o("div",{class:"dso-section-handle-addons"},o(lo,{icon:this.icon})),o("span",null,this.handleTitle),o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"})):o(e,null,o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.state&&o("span",{class:"sr-only"},ao[this.state]),o("span",null,this.handleTitle),s&&o("div",{class:"dso-section-handle-addons"},this.status&&o("span",{class:"dso-status"},this.status),o(lo,{state:this.state,icon:this.icon,attachmentCount:this.attachmentCount}))))),o("div",{class:{"dso-section-body":!0,"dso-animate-ready":!!this.animeInstance},ref:o=>this.sectionBody=o,"aria-hidden":this.open?"false":"true"},o("div",{class:"dso-section-body-content"},o("slot",null))))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(s((([o])=>{const n=o.target.getBoundingClientRect().height;this.bodyHeight!==n&&(this.bodyHeight=n,this.instantiateAnimation())}),150))}instantiateAnimation(){this.animeInstance=ro({targets:this.sectionBody,height:4,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:!1,direction:"normal",changeComplete:async()=>{var o;null===(o=this.accordion)||void 0===o||o.animationEnd(this.host),fo.scrollCandidate===this.host&&(fo.scrollCandidate=void 0,await this.scrollSectionIntoView())},begin:()=>{this.sectionBody&&this.open&&(this.sectionBody.style.visibility="",this.sectionBody.style.position="",this.sectionBody.style.bottom="")},complete:()=>{this.sectionBody&&(this.sectionBody.style.height="",this.open||(this.sectionBody.style.visibility="hidden",this.sectionBody.style.position="absolute",this.sectionBody.style.bottom="100%"))}}),this.open||(this.animeInstance.reverse(),this.animeInstance.play()),this.sectionBody&&(this.sectionBody.style.height="")}activateAnimation(){this.animeInstance&&(this.animeInstance.progress>0&&this.animeInstance.progress<100?this.animeInstance.reverse():this.open?(this.animeInstance.direction="reverse",this.animeInstance.play()):(this.animeInstance.direction="normal",this.animeInstance.play()))}get host(){return i(this)}static get watchers(){return{open:["toggleOpen"]}}};fo.style="*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]) .dso-section-body{position:inherit;visibility:inherit}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px;overflow-y:hidden}.dso-section-body:not(.dso-animate-ready){position:absolute;visibility:hidden}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open])>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open])>.dso-section-handle a,:host(.dso-accordion-default[open])>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open])>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open])>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]){background-color:#fff}";export{fo as dso_accordion_section}

package/dist/dso-toolkit/p-3635427a.js

@@ -1,5 +0,0 @@
-/*!
-* tabbable 6.0.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
-var n=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],t=n.join(","),r="undefined"==typeof Element,e=r?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,o=!r&&Element.prototype.getRootNode?function(n){return n.getRootNode()}:function(n){return n.ownerDocument},i=function(n,r,o){var i=Array.prototype.slice.apply(n.querySelectorAll(t));return r&&e.call(n,t)&&i.unshift(n),i.filter(o)},u=function n(r,o,i){for(var u=[],a=Array.from(r);a.length;){var f=a.shift();if("SLOT"===f.tagName){var c=f.assignedElements(),l=n(c.length?c:f.children,!0,i);i.flatten?u.push.apply(u,l):u.push({scopeParent:f,candidates:l})}else{e.call(f,t)&&i.filter(f)&&(o||!r.includes(f))&&u.push(f);var d=f.shadowRoot||"function"==typeof i.getShadowRoot&&i.getShadowRoot(f),s=!i.shadowRootFilter||i.shadowRootFilter(f);if(d&&s){var v=n(!0===d?f.children:d.children,!0,i);i.flatten?u.push.apply(u,v):u.push({scopeParent:f,candidates:v})}else a.unshift.apply(a,f.children)}}return u},a=function(n,t){return n.tabIndex<0&&(t||/^(AUDIO|VIDEO|DETAILS)$/.test(n.tagName)||n.isContentEditable)&&isNaN(parseInt(n.getAttribute("tabindex"),10))?0:n.tabIndex},f=function(n,t){return n.tabIndex===t.tabIndex?n.documentOrder-t.documentOrder:n.tabIndex-t.tabIndex},c=function(n){return"INPUT"===n.tagName},l=function(n){var t=n.getBoundingClientRect();return 0===t.width&&0===t.height},d=function(n,t){return!(t.disabled||function(n){return c(n)&&"hidden"===n.type}(t)||function(n,t){var r=t.displayCheck,i=t.getShadowRoot;if("hidden"===getComputedStyle(n).visibility)return!0;var u=e.call(n,"details>summary:first-of-type");if(e.call(u?n.parentElement:n,"details:not([open]) *"))return!0;if(r&&"full"!==r&&"legacy-full"!==r){if("non-zero-area"===r)return l(n)}else{if("function"==typeof i){for(var a=n;n;){var f=n.parentElement,c=o(n);if(f&&!f.shadowRoot&&!0===i(f))return l(n);n=n.assignedSlot?n.assignedSlot:f||c===n.ownerDocument?f:c.host}n=a}if(function(n){for(var t,r=o(n).host,e=!!(null!==(t=r)&&void 0!==t&&t.ownerDocument.contains(r)||n.ownerDocument.contains(n));!e&&r;){var i;e=!(null===(i=r=o(r).host)||void 0===i||!i.ownerDocument.contains(r))}return e}(n))return!n.getClientRects().length;if("legacy-full"!==r)return!0}return!1}(t,n)||function(n){return"DETAILS"===n.tagName&&Array.prototype.slice.apply(n.children).some((function(n){return"SUMMARY"===n.tagName}))}(t)||function(n){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(n.tagName))for(var t=n.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var r=0;r<t.children.length;r++){var o=t.children.item(r);if("LEGEND"===o.tagName)return!!e.call(t,"fieldset[disabled] *")||!o.contains(n)}return!0}t=t.parentElement}return!1}(t))},s=function(n,t){return!(function(n){return function(n){return c(n)&&"radio"===n.type}(n)&&!function(n){if(!n.name)return!0;var t,r=n.form||o(n),e=function(n){return r.querySelectorAll('input[type="radio"][name="'+n+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=e(window.CSS.escape(n.name));else try{t=e(n.name)}catch(n){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",n.message),!1}var i=function(n,t){for(var r=0;r<n.length;r++)if(n[r].checked&&n[r].form===t)return n[r]}(t,n.form);return!i||i===n}(n)}(t)||a(t)<0||!d(n,t))},v=function(n){var t=parseInt(n.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},p=function n(t){var r=[],e=[];return t.forEach((function(t,o){var i=!!t.scopeParent,u=i?t.scopeParent:t,f=a(u,i),c=i?n(t.candidates):u;0===f?i?r.push.apply(r,c):r.push(u):e.push({documentOrder:o,tabIndex:f,item:t,isScope:i,content:c})})),e.sort(f).reduce((function(n,t){return t.isScope?n.push.apply(n,t.content):n.push(t.content),n}),[]).concat(r)},y=function(n,t){var r;return r=(t=t||{}).getShadowRoot?u([n],t.includeContainer,{filter:s.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:v}):i(n,t.includeContainer,s.bind(null,t)),p(r)},E=function(n,t){return(t=t||{}).getShadowRoot?u([n],t.includeContainer,{filter:d.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):i(n,t.includeContainer,d.bind(null,t))},w=function(n,r){if(r=r||{},!n)throw new Error("No node provided");return!1!==e.call(n,t)&&s(r,n)},m=n.concat("iframe").join(","),S=function(n,t){if(t=t||{},!n)throw new Error("No node provided");return!1!==e.call(n,m)&&d(t,n)};export{S as a,E as f,w as i,y as t}

package/dist/dso-toolkit/p-452c7fbb.entry.js

@@ -1 +0,0 @@
-import{r as o,h as r,H as s}from"./p-98fd1658.js";const e=class{constructor(r){o(this,r),this.open=void 0}render(){return r(s,{"aria-hidden":this.open?"false":"true"},r("slot",null))}};e.style=":host{display:none}:host([open]){display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";export{e as dso_expandable}

package/dist/dso-toolkit/p-460e6134.entry.js

@@ -1 +0,0 @@
-import{h as e,r as t,c as i,H as n}from"./p-98fd1658.js";import{c as o}from"./p-6a1980b4.js";import{v as a}from"./p-5d7f4ff2.js";const h=({heading:t,ref:i,className:n},o)=>{switch(t){default:case"h2":return e("h2",{ref:i,class:n},o);case"h3":return e("h3",{ref:i,class:n},o);case"h4":return e("h4",{ref:i,class:n},o);case"h5":return e("h5",{ref:i,class:n},o);case"h6":return e("h6",{ref:i,class:n},o)}},s=class{constructor(e){t(this,e),this.dsoToggle=i(this,"dsoToggle",7),this.identifier=a(),this.open=void 0,this.heading="h2",this.color="default",this.editAction=void 0}toggle(e){this.open=!this.open,this.dsoToggle.emit({originalEvent:e,open:this.open})}render(){const t=this.open?{open:!0}:{};return e(n,{class:o({"dso-del":"delete"===this.editAction,"dso-ins":"insert"===this.editAction})},"delete"===this.editAction&&e("p",{class:"dso-edit-action-text"},e("span",null,"verwijderd:")),"insert"===this.editAction&&e("p",{class:"dso-edit-action-text"},e("span",null,"toegevoegd:")),e("div",{class:o("expandable-heading","black"===this.color?"dso-expandable-heading-black":"")},e(h,{heading:this.heading},e("button",{type:"button","aria-expanded":this.open?"true":"false","aria-controls":this.identifier,onClick:e=>this.toggle(e)},e("dso-icon",{icon:this.open?"chevron-down":"chevron-right"}),e("slot",{name:"title"}))),e("slot",{name:"addons-start"}),e("div",{class:"addons-end"},e("slot",{name:"addons-end"}))),e("dso-expandable",Object.assign({id:this.identifier},t),e("slot",null)))}};s.style="h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color:#275937}h1,.h1,h2,.h2,h3,.h3{margin-bottom:16px;margin-top:24px}h1,.h1{line-height:1.25}h1{font-size:2rem;font-weight:700}h2,.h2{line-height:1.33}h2{color:#275937;font-size:1.5rem;font-weight:700}h3,.h3{line-height:1.2}h3{color:#275937;font-size:1.25rem;font-weight:600}h4,.h4,h5,.h5,h6,.h6{margin-bottom:16px;margin-top:12px}h4,.h4{line-height:1.5}h4{color:#275937;font-size:1rem;font-weight:600}h5,.h5{line-height:1.5}h5{color:#191919;font-size:1rem;font-weight:600}h6,.h6{line-height:1.5}ins{background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000;text-decoration:none}:host{display:block;margin-inline:-8px;padding-inline:8px}:host(.dso-del){background-color:#f5d8dc;color:#000;text-decoration:line-through}:host(.dso-ins){background-color:#e4f1d4;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25);color:#000}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-edit-action-text{margin-bottom:8px;margin-top:-8px}.dso-edit-action-text span{display:inline-block;font-style:italic}.dso-edit-action-text+.expandable-heading{margin-top:0;padding-top:0}.expandable-heading{align-items:center;display:flex;margin-bottom:8px;margin-top:8px}.expandable-heading h2,.expandable-heading h3,.expandable-heading h4,.expandable-heading h5,.expandable-heading h6{font-size:1rem;margin-bottom:0;margin-right:8px;margin-top:0}.expandable-heading button{align-items:flex-start;cursor:pointer;background-color:transparent;border:0;color:inherit;display:flex;line-height:24px;font-size:inherit;font-weight:inherit;padding:0;text-align:left}.expandable-heading button>dso-icon{flex-shrink:0}.expandable-heading.dso-expandable-heading-black button{color:#000}dso-expandable{padding-left:24px}.addons-end{display:inline-block;margin-left:auto}";export{s as dso_expandable_heading}

package/dist/dso-toolkit/p-4ae40ddc.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as t,F as l,f as o,g as c}from"./p-98fd1658.js";import{c as a}from"./p-6c543986.js";const i=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7),this.fixed=void 0,this.active=void 0}render(){return t(l,null,t("slot",null),!this.fixed&&t("button",{type:"button",onClick:e=>this.dsoClose.emit(e)},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"Sluiten")))}};i.style=":host{display:block;background-color:#f2f2f2;color:#000;padding:16px 32px 16px 16px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;right:8px;top:8px}:host(:not([active]):not([fixed])){display:none}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const d=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.fallbackIdentifier=a("DsoSelectable"),this.type=void 0,this.identifier=void 0,this.name=void 0,this.value=void 0,this.invalid=void 0,this.describedById=void 0,this.labelledById=void 0,this.disabled=void 0,this.required=void 0,this.checked=void 0,this.indeterminate=void 0,this.infoFixed=void 0,this.infoActive=!1}async toggleInfo(e){this.infoActive=null!=e?e:!this.infoActive}componentDidLoad(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect(),this.mutationObserver=new MutationObserver((()=>o(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(l,null,t("div",{class:"dso-selectable-input-wrapper"},t("input",{type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":null===(e=this.invalid)||void 0===e?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:void 0,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:e=>this.dsoChange.emit(e),ref:e=>this.input=e}),this.labelledById?t("label",null):t("label",{htmlFor:this.getIdentifier()},t("slot",null))),s&&t(l,null,!this.infoFixed&&t("dso-info-button",{active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active}),t("dso-info",{id:s&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",null,t("slot",{name:"info"})))))}getIdentifier(){var e;return null!==(e=this.identifier)&&void 0!==e?e:this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};d.style='.sc-dso-selectable-h{display:block;padding-left:32px;position:relative}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-top:8px;padding-left:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-top:8px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-left:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);height:18px;left:3px;top:3px;width:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;height:22px;left:1px;top:1px;width:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";left:6px;opacity:0;position:absolute;top:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";height:12px;left:6px;opacity:0;position:absolute;top:6px;width:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin:8px 16px 0 -32px;width:calc(100% + 32px)}[invalid].sc-dso-selectable-h{--dso-selectable-color:#ce3f51}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;margin-left:-32px;min-height:24px;padding-left:32px}.dso-selectable-input-wrapper.sc-dso-selectable:focus-within{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);height:20px;left:2px;top:2px;width:20px}';export{i as dso_info,d as dso_selectable}

package/dist/dso-toolkit/p-4c8426b7.entry.js

@@ -1 +0,0 @@
-import{r as s,c as o,h as d,F as e,g as a}from"./p-98fd1658.js";import{c as i}from"./p-6a1980b4.js";import{d as r}from"./p-1805f5b0.js";import{i as t}from"./p-33df9903.js";const n=class{constructor(e){s(this,e),this.dsoHeaderClick=o(this,"dsoHeaderClick",7),this.onWindowResize=r((()=>{this.setDropDownMenu(),this.setOverflowMenu()}),100),this.MenuItem=s=>d("li",{class:s.active?"dso-active":void 0},d("a",{href:s.url,"aria-current":s.active?"page":void 0,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:s})},s.label)),this.mainMenu=[],this.useDropDownMenu="auto",this.authStatus="none",this.loginUrl=void 0,this.logoutUrl=void 0,this.userProfileName=void 0,this.userProfileUrl=void 0,this.userHomeUrl=void 0,this.showDropDown=void 0,this.hasSubLogo=!1,this.overflowMenuItems=0}clickHandler(s,o,d){var e,a;this.dsoHeaderClick.emit({originalEvent:s,isModifiedEvent:t(s),type:o,menuItem:null==d?void 0:d.menuItem,url:null!==(e=null==d?void 0:d.url)&&void 0!==e?e:null===(a=null==d?void 0:d.menuItem)||void 0===a?void 0:a.url})}setShowDropDown(s){"auto"!==s?this.showDropDown="always"===s:this.setDropDownMenu()}componentWillLoad(){this.hasSubLogo=null!==this.host.querySelector("*[slot = 'sub-logo']")}shrinkMenuToFit(){this.wrapper&&this.nav&&(this.wrapper.clientWidth>=this.nav.clientWidth||this.mainMenu&&this.overflowMenuItems>=this.mainMenu.length||this.overflowMenuItems++)}componentDidRender(){this.showDropDown||window.setTimeout((()=>this.shrinkMenuToFit()),0)}componentDidLoad(){this.setShowDropDown(this.useDropDownMenu)}setOverflowMenu(){this.showDropDown||(0===this.overflowMenuItems?this.shrinkMenuToFit():this.overflowMenuItems=0)}setDropDownMenu(){"auto"===this.useDropDownMenu&&(this.showDropDown=window.innerWidth<992)}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){if(void 0!==this.showDropDown)return d(e,null,d("div",{class:i("dso-header",{"use-drop-down":this.showDropDown,"has-sub-logo":this.hasSubLogo}),ref:s=>this.wrapper=s},d("div",{class:"logo-container"},d("div",{class:"logo"},d("slot",{name:"logo"})),d("div",{class:"sub-logo"},d("slot",{name:"sub-logo"}))),this.showDropDown&&this.mainMenu&&this.mainMenu.length>0&&d("div",{class:"dropdown"},d("dso-dropdown-menu",{"dropdown-align":"right"},d("button",{type:"button",slot:"toggle"},d("span",null,"Menu")),d("div",{class:"dso-dropdown-options"},d("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&d("li",null,d("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&d("li",null,d("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName,d("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&d("li",null,this.loginUrl?d("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):d("button",{type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),"loggedIn"===this.authStatus&&d("li",null,this.logoutUrl?d("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):d("button",{type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen")))))),!this.showDropDown&&d(e,null,d("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&d("div",{class:"profile"},d("span",{class:"profile-label"},"Welkom:"),d("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&d("div",{class:"login"},this.loginUrl?d("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):d("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),"loggedIn"===this.authStatus&&d("div",{class:"logout"},this.logoutUrl?d("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):d("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen"))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&d("nav",{class:"dso-navbar"},d("ul",{class:"dso-nav dso-nav-main",ref:s=>this.nav=s},this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&d("li",null,d("dso-dropdown-menu",{"dropdown-align":"left"},d("button",{type:"button",slot:"toggle"},d("span",null,"Meer")),d("div",{class:"dso-dropdown-options"},d("ul",null,this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem))))),this.userHomeUrl&&d("li",{class:"menu-user-home"},d("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},d("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return a(this)}static get watchers(){return{useDropDownMenu:["setShowDropDown"]}}};n.style=".sc-dso-header-h{display:block}.dso-header.sc-dso-header{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}@media screen and (min-width: 768px){.dso-header.sc-dso-header{align-items:center}}@media screen and (max-width: 991px){.dso-header.use-drop-down.sc-dso-header{flex-wrap:nowrap}}.dso-header.sc-dso-header .dso-nav.sc-dso-header{border:0}.logo-container.sc-dso-header{display:flex;flex-wrap:wrap;gap:0 24px;padding-bottom:16px;padding-top:16px}.login.sc-dso-header .dso-tertiary.sc-dso-header,.logout.sc-dso-header .dso-tertiary.sc-dso-header{cursor:pointer;font-family:Asap, sans-serif;font-weight:600;vertical-align:text-bottom}.profile.sc-dso-header a.sc-dso-header,.logout.sc-dso-header a.sc-dso-header,.login.sc-dso-header a.sc-dso-header{text-decoration:none;color:#39870c;font-weight:600}.profile.sc-dso-header a.sc-dso-header:hover,.profile.sc-dso-header a.sc-dso-header:focus,.logout.sc-dso-header a.sc-dso-header:hover,.logout.sc-dso-header a.sc-dso-header:focus,.login.sc-dso-header a.sc-dso-header:hover,.login.sc-dso-header a.sc-dso-header:focus{text-decoration:none}.profile.sc-dso-header a.sc-dso-header:active,.logout.sc-dso-header a.sc-dso-header:active,.login.sc-dso-header a.sc-dso-header:active{text-decoration:underline}.dso-header-session.sc-dso-header{display:flex;margin-left:auto}.dso-header-session.sc-dso-header .profile.sc-dso-header a.sc-dso-header{margin-left:8px}.dso-header-session.sc-dso-header .profile.sc-dso-header+.logout.sc-dso-header{border-left:3px solid #ccc;margin-left:16px;padding-left:16px}.dso-navbar.sc-dso-header{flex-basis:100%}.dso-navbar.sc-dso-header .dso-dropdown-options.sc-dso-header{border-top:1px solid #ccc}dso-dropdown-menu.sc-dso-header button.sc-dso-header{align-items:flex-end;background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;padding-right:32px}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{border:0;border-radius:0}@media screen and (min-width: 768px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:375px}}@media screen and (max-width: 767px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:100%}}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header{color:#275937;font-size:1.25rem;padding:16px;white-space:pre-wrap}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:focus{color:#fff}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.dso-active.sc-dso-header a.sc-dso-header{font-weight:600}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header+li.sc-dso-header{border-top:1px solid #ccc}.dropdown.sc-dso-header{margin-left:auto}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{position:static}@media screen and (max-width: 767px){.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{margin-top:28px}}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{right:0;top:100%}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:50%;transform:translateY(-50%)}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.sc-dso-header{align-items:end;column-gap:32px;display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dso-nav.sc-dso-header>li.sc-dso-header{margin-bottom:4px}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header{display:block}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:visited{color:#275937}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header{margin-bottom:0}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header>a.sc-dso-header{border-bottom:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main.sc-dso-header{display:flex !important}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header{text-decoration:none;font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;white-space:nowrap}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:active{text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{left:-1rem !important;top:3px !important}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;align-items:center;color:#275937;padding-right:32px}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:auto;transform:none}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header{margin-left:auto}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header dso-icon.sc-dso-header{height:1em;margin-right:8px;position:relative;top:-2px;width:1.2em}";export{n as dso_header}