@dso-toolkit/core 34.2.1 → 35.0.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-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16]}]]],["dso-header",[[1,"dso-header",{"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"isLoggedIn":[4,"is-logged-in"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[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]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"mainSize":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[0,"dso-ozon-content",{"content":[1]},[[0,"click","handleClick"]]]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[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]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-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]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
+  return bootstrapLazy([["dso-map-base-layers",[[1,"dso-map-base-layers",{"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"overlays":[16]}]]],["dso-header",[[1,"dso-header",{"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"isLoggedIn":[4,"is-logged-in"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16]}]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[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]}]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"hover":[32]}]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"mainSize":[32]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32]},[[4,"click","onDocumentClick"]]]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[1]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[2,"dso-ozon-content",{"content":[1],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[1],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"position":[1],"for":[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]}]]],["dso-info_2",[[1,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-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]}]]],["dso-icon",[[1,"dso-icon",{"icon":[1]}]]]], options);
   });
 };
 

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

@@ -1,11 +1,25 @@
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 export interface Suggestion {
+  /**
+   * The text that will be displayed as the suggestion.
+   */
   value: string;
+  /**
+   * The type of suggestion.
+   */
   type?: string;
+  /**
+   * A reference to the original object that was used to create the suggestion.
+   */
+  item?: unknown;
 }
 export declare class Autosuggest {
   /**
-   * The suggestions for the value of the slotted input element
+   * The suggestions for the value of the slotted input element. Optionally a
+   * Suggestion can have a `type` and `item`.
+   *
+   * The `type` is used to style the suggestion. `item` can be use to reference
+   * the original object that was used to create the suggestion.
    */
   readonly suggestions: Suggestion[];
   /**

package/dist/types/components/image-overlay/image-overlay.d.ts

@@ -0,0 +1,15 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+import { FocusTrap } from 'focus-trap';
+export declare class ImageOverlay implements ComponentInterface {
+  host: HTMLElement;
+  active: boolean;
+  focused: boolean;
+  buttonElement: HTMLButtonElement | undefined;
+  wrapperElement: HTMLDivElement | undefined;
+  trap: FocusTrap | undefined;
+  private mutationObserver?;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+  componentDidRender(): void;
+}

package/dist/types/components/image-overlay/image-overlay.template.d.ts

@@ -0,0 +1,2 @@
+import { ImageOverlay } from '@dso-toolkit/sources';
+export declare function imageOverlayTemplate({ image }: ImageOverlay): import("lit-html").TemplateResult<1>;

package/dist/types/components/ozon-content/nodes/al.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentAlNode implements OzonContentNode {
+  name: string;
+  render(node: Element, { mapNodeToJsx, path }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/document.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentDocumentNode implements OzonContentNode {
+  name: string;
+  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/ext-ref.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentExtRefNode implements OzonContentNode {
+  name: string[];
+  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/fallback.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentFallbackNode implements OzonContentNode {
+  name: string[];
+  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/illustratie.node.d.ts

@@ -0,0 +1,5 @@
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentIllustratieNode implements OzonContentNode {
+  name: string[];
+  render(node: Element): any;
+}

package/dist/types/components/ozon-content/nodes/inhoud.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentInhoudNode implements OzonContentNode {
+  name: string[];
+  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/inline.nodes.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentInlineNodes implements OzonContentNode {
+  name: string[];
+  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/int-ref.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentIntRefNode implements OzonContentNode {
+  name: string;
+  render(node: Element, { mapNodeToJsx, emitAnchorClick }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/noot.node.d.ts

@@ -0,0 +1,8 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentNootNode implements OzonContentNode {
+  name: string;
+  handles: string[];
+  identify(node: Element): string | undefined;
+  render(node: Element, { mapNodeToJsx, state: noteIsOpen, setState }: OzonContentNodeContext<boolean>): any;
+}

package/dist/types/components/ozon-content/nodes/table.node/colspec/colspec-mapper.d.ts

@@ -0,0 +1,2 @@
+import { Colspecs } from './colspec.interface';
+export declare function mapColspecs(count: number, nodeList: NodeListOf<Element>): Colspecs;

package/dist/types/components/ozon-content/nodes/table.node/colspec/colspec.interface.d.ts

@@ -0,0 +1,10 @@
+export interface Colspecs {
+  totalWidth: number;
+  count: number;
+  columns: Colspec[];
+}
+export interface Colspec {
+  name: string;
+  number: number;
+  width: string | undefined;
+}

package/dist/types/components/ozon-content/nodes/table.node/index.d.ts

@@ -0,0 +1 @@
+export { OzonContentTableNode } from './table.node';

package/dist/types/components/ozon-content/nodes/table.node/table-cell.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { OzonContentNodeContext } from '../../ozon-content-node-context.interface';
+import { Colspecs } from './colspec/colspec.interface';
+export declare const Cell: FunctionalComponent<{
+  context: OzonContentNodeContext;
+  colspecs: Colspecs | undefined;
+  cell: Element;
+}>;

package/dist/types/components/ozon-content/nodes/table.node/table-colgroup.d.ts

@@ -0,0 +1,5 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { Colspecs } from './colspec/colspec.interface';
+export declare const Colgroup: FunctionalComponent<{
+  colspecs: Colspecs;
+}>;

package/dist/types/components/ozon-content/nodes/table.node/table-rows.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { OzonContentNodeContext } from '../../ozon-content-node-context.interface';
+import { Colspecs } from './colspec/colspec.interface';
+export declare const Rows: FunctionalComponent<{
+  context: OzonContentNodeContext;
+  colspecs: Colspecs | undefined;
+  rows: Element[];
+}>;

package/dist/types/components/ozon-content/nodes/table.node/table.node.d.ts

@@ -0,0 +1,7 @@
+import { OzonContentNodeContext } from '../../ozon-content-node-context.interface';
+import { OzonContentNode } from '../../ozon-content-node.interface';
+export declare class OzonContentTableNode implements OzonContentNode {
+  name: string;
+  handles: string[];
+  render(node: Element, context: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/text.node.d.ts

@@ -0,0 +1,5 @@
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentTextNode implements OzonContentNode {
+  name: string;
+  render(node: Node): any;
+}

package/dist/types/components/ozon-content/ozon-content-context.interface.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { OzonContentNodeState } from './ozon-content-node-state.interface';
+import { OzonContentAnchorClick } from './ozon-content.interfaces';
+export interface OzonContentContext {
+  state: OzonContentNodeState;
+  setState(state: OzonContentNodeState): void;
+  emitAnchorClick: EventEmitter<OzonContentAnchorClick>['emit'];
+}

package/dist/types/components/ozon-content/ozon-content-mapper.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { OzonContentContext } from './ozon-content-context.interface';
+export declare class Mapper {
+  private cache;
+  private mappers;
+  private skip;
+  private fallbackNode;
+  private domParser;
+  private findMapper;
+  mapNodeToJsx(node: Node | Node[] | NodeList, context: OzonContentContext, path: Node[]): JSX.Element;
+  transform(xml: string, context: OzonContentContext): JSX.Element;
+}

package/dist/types/components/ozon-content/ozon-content-node-context.interface.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface OzonContentNodeContext<T = unknown> {
+  path: Node[];
+  mapNodeToJsx(node: Node | Node[] | NodeList): JSX.Element;
+  emitAnchorClick(event: any): void;
+  state?: T;
+  setState?(state: T): void;
+}

package/dist/types/components/ozon-content/ozon-content-node-state.interface.d.ts

@@ -0,0 +1,3 @@
+export interface OzonContentNodeState {
+  [nodeId: string]: unknown;
+}

package/dist/types/components/ozon-content/ozon-content-node.interface.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { OzonContentNodeContext } from './ozon-content-node-context.interface';
+export interface OzonContentNode<T = unknown> {
+  name: string | string[];
+  handles?: string[];
+  identify?(node: Node): string | undefined;
+  render(node: Node, context: OzonContentNodeContext<T>): JSX.Element;
+}

package/dist/types/components/ozon-content/ozon-content.d.ts

@@ -1,13 +1,11 @@
+/// <reference types="react" />
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { ContentAnchor } from './ozon-content.interfaces';
+import { OzonContentAnchorClick } from './ozon-content.interfaces';
+import { OzonContentNodeState } from './ozon-content-node-state.interface';
 export declare class OzonContent implements ComponentInterface {
-  content: string;
-  anchorClick: EventEmitter<ContentAnchor>;
-  handleClick(event: PointerEvent): void;
-  private container?;
-  private transformer;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  render(): any;
-  componentDidRender(): void;
+  content: string | undefined;
+  state: OzonContentNodeState;
+  anchorClick: EventEmitter<OzonContentAnchorClick>;
+  private mapper;
+  render(): JSX.Element;
 }

package/dist/types/components/ozon-content/ozon-content.interfaces.d.ts

@@ -1,5 +1,5 @@
-export interface ContentAnchor {
+export interface OzonContentAnchorClick {
   href: string;
   documentComponent: string;
-  originalEvent: PointerEvent;
+  originalEvent: MouseEvent;
 }

package/dist/types/components.d.ts

@@ -11,7 +11,7 @@ import { HeaderMenuItem } from "./components/header/header";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
-import { ContentAnchor } from "./components/ozon-content/ozon-content.interfaces";
+import { OzonContentAnchorClick } from "./components/ozon-content/ozon-content.interfaces";
 import { SelectableChangeEvent } from "./components/selectable/selectable";
 import { TreeViewItem, TreeViewPointerEvent } from "./components/tree-view/tree-view.interfaces";
 import { FilterpanelEvent } from "./components/viewer-grid/viewer-grid";
@@ -35,7 +35,7 @@ export namespace Components {
          */
         "suggestOnFocus": boolean;
         /**
-          * The suggestions for the value of the slotted input element
+          * The suggestions for the value of the slotted input element. Optionally a Suggestion can have a `type` and `item`.  The `type` is used to style the suggestion. `item` can be use to reference the original object that was used to create the suggestion.
          */
         "suggestions": Suggestion[];
     }
@@ -137,6 +137,8 @@ export namespace Components {
     interface DsoIcon {
         "icon"?: string;
     }
+    interface DsoImageOverlay {
+    }
     interface DsoInfo {
         "active"?: boolean;
         "fixed"?: boolean;
@@ -162,7 +164,7 @@ export namespace Components {
         "overlays": Overlay[];
     }
     interface DsoOzonContent {
-        "content": string;
+        "content": string | undefined;
     }
     interface DsoProgressBar {
         "max": number;
@@ -306,6 +308,12 @@ declare global {
         prototype: HTMLDsoIconElement;
         new (): HTMLDsoIconElement;
     };
+    interface HTMLDsoImageOverlayElement extends Components.DsoImageOverlay, HTMLStencilElement {
+    }
+    var HTMLDsoImageOverlayElement: {
+        prototype: HTMLDsoImageOverlayElement;
+        new (): HTMLDsoImageOverlayElement;
+    };
     interface HTMLDsoInfoElement extends Components.DsoInfo, HTMLStencilElement {
     }
     var HTMLDsoInfoElement: {
@@ -402,6 +410,7 @@ declare global {
         "dso-helpcenter-panel": HTMLDsoHelpcenterPanelElement;
         "dso-highlight-box": HTMLDsoHighlightBoxElement;
         "dso-icon": HTMLDsoIconElement;
+        "dso-image-overlay": HTMLDsoImageOverlayElement;
         "dso-info": HTMLDsoInfoElement;
         "dso-info-button": HTMLDsoInfoButtonElement;
         "dso-label": HTMLDsoLabelElement;
@@ -450,7 +459,7 @@ declare namespace LocalJSX {
          */
         "suggestOnFocus"?: boolean;
         /**
-          * The suggestions for the value of the slotted input element
+          * The suggestions for the value of the slotted input element. Optionally a Suggestion can have a `type` and `item`.  The `type` is used to style the suggestion. `item` can be use to reference the original object that was used to create the suggestion.
          */
         "suggestions"?: Suggestion[];
     }
@@ -560,6 +569,8 @@ declare namespace LocalJSX {
     interface DsoIcon {
         "icon"?: string;
     }
+    interface DsoImageOverlay {
+    }
     interface DsoInfo {
         "active"?: boolean;
         "fixed"?: boolean;
@@ -592,8 +603,8 @@ declare namespace LocalJSX {
         "overlays": Overlay[];
     }
     interface DsoOzonContent {
-        "content": string;
-        "onAnchorClick"?: (event: CustomEvent<ContentAnchor>) => void;
+        "content"?: string | undefined;
+        "onAnchorClick"?: (event: CustomEvent<OzonContentAnchorClick>) => void;
     }
     interface DsoProgressBar {
         "max"?: number;
@@ -688,6 +699,7 @@ declare namespace LocalJSX {
         "dso-helpcenter-panel": DsoHelpcenterPanel;
         "dso-highlight-box": DsoHighlightBox;
         "dso-icon": DsoIcon;
+        "dso-image-overlay": DsoImageOverlay;
         "dso-info": DsoInfo;
         "dso-info-button": DsoInfoButton;
         "dso-label": DsoLabel;
@@ -719,6 +731,7 @@ declare module "@stencil/core" {
             "dso-helpcenter-panel": LocalJSX.DsoHelpcenterPanel & JSXBase.HTMLAttributes<HTMLDsoHelpcenterPanelElement>;
             "dso-highlight-box": LocalJSX.DsoHighlightBox & JSXBase.HTMLAttributes<HTMLDsoHighlightBoxElement>;
             "dso-icon": LocalJSX.DsoIcon & JSXBase.HTMLAttributes<HTMLDsoIconElement>;
+            "dso-image-overlay": LocalJSX.DsoImageOverlay & JSXBase.HTMLAttributes<HTMLDsoImageOverlayElement>;
             "dso-info": LocalJSX.DsoInfo & JSXBase.HTMLAttributes<HTMLDsoInfoElement>;
             "dso-info-button": LocalJSX.DsoInfoButton & JSXBase.HTMLAttributes<HTMLDsoInfoButtonElement>;
             "dso-label": LocalJSX.DsoLabel & JSXBase.HTMLAttributes<HTMLDsoLabelElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "34.2.1",
+  "version": "35.0.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -19,7 +19,7 @@
     "build": "stencil build",
     "start": "yarn clear && cross-env DSO_ENV=development yarn node scripts/start.js",
     "watch": "yarn clear && cross-env DSO_ENV=development yarn node scripts/watch.js",
-    "build-www": "cross-env DSO_ENV=production yarn bin_build-storybook --static-dir ./dist --output-dir ./www",
+    "build-www": "cross-env DSO_ENV=production yarn bin_build-storybook --static-dir ./dist,../sources/storybook-assets --output-dir ./www",
     "bin_stencil": "stencil",
     "bin_start-storybook": "start-storybook",
     "bin_cypress": "cypress",

package/dist/collection/components/ozon-content/ozon-content.transformer.js

@@ -1,105 +0,0 @@
-import isURL from 'validator/es/lib/isURL';
-function transformDescriptionNote(body) {
-  body.querySelectorAll('div.noot').forEach((nootElement, index) => {
-    const contentElement = nootElement.nextElementSibling;
-    if (!(contentElement instanceof HTMLDivElement && contentElement.classList.value === 'noot_popup')) {
-      return;
-    }
-    const nootAnchorElement = nootElement.querySelector('a');
-    if (!(nootAnchorElement instanceof HTMLAnchorElement)) {
-      return;
-    }
-    const contentAlElement = contentElement.querySelector(':scope > .od-Al');
-    if (!(contentAlElement instanceof HTMLDivElement && contentAlElement.classList.value === 'od-Al')) {
-      return;
-    }
-    nootElement.replaceWith(...Array.from(nootElement.childNodes));
-    const contentWrapper = document.createElement('div');
-    contentWrapper.replaceChildren(...Array.from(contentAlElement.childNodes));
-    contentAlElement.replaceChildren(contentWrapper);
-    contentElement.replaceWith(contentAlElement);
-    const supElement = document.createElement('sup');
-    supElement.replaceChildren(...Array.from(nootAnchorElement.childNodes));
-    nootAnchorElement.replaceChildren(supElement);
-    const id = (index + 1).toString(10);
-    const [termId, contentId] = [`dso-ozon-term-${id}`, `dso-ozon-content-${id}`];
-    nootAnchorElement.setAttribute('href', `#${termId}`);
-    nootAnchorElement.setAttribute('id', termId);
-    nootAnchorElement.setAttribute('aria-controls', contentId);
-    nootAnchorElement.setAttribute('aria-expanded', 'false');
-    contentAlElement === null || contentAlElement === void 0 ? void 0 : contentAlElement.setAttribute('id', contentId);
-  });
-  return body;
-}
-function transformDocumentComponent(body) {
-  body.querySelectorAll('span[data-verwijst-naar-documentcomponent]').forEach(e => {
-    const a = document.createElement('a');
-    a.href = `#${e.getAttribute('data-verwijst-naar-documentcomponent')}`;
-    a.replaceChildren(...Array.from(e.childNodes));
-    e.replaceWith(a);
-  });
-  return body;
-}
-const transformers = [transformDescriptionNote, transformDocumentComponent];
-export class OzonContentTransformer {
-  constructor(anchorClick) {
-    this.anchorClick = anchorClick;
-    this.domParser = new DOMParser();
-    this.eventHandlers = [this.handleValidUrls, this.handleDescriptionNoteClick, this.handleContentAnchor];
-  }
-  setContent(content) {
-    this.content = transformers.reduce((c, t) => t(c), this.domParser.parseFromString(content, 'text/html').body).children;
-  }
-  handleClickEvent(event) {
-    this.eventHandlers.some(h => h.bind(this)(event.composedPath(), event));
-  }
-  handleDescriptionNoteClick(composedPath, event) {
-    var _a;
-    const containerIndex = composedPath.findIndex(this.isHostElement);
-    if (containerIndex === -1) {
-      return false;
-    }
-    const anchorElement = (_a = composedPath
-      .slice(0, containerIndex)) === null || _a === void 0 ? void 0 : _a.find((e) => e instanceof HTMLAnchorElement && e.classList.contains('noot'));
-    if (!anchorElement) {
-      return false;
-    }
-    event.preventDefault();
-    const open = anchorElement.classList.contains('dso-open');
-    if (open) {
-      anchorElement.classList.remove('dso-open');
-      anchorElement.setAttribute('aria-expanded', 'false');
-    }
-    else {
-      anchorElement.classList.add('dso-open');
-      anchorElement.setAttribute('aria-expanded', 'true');
-    }
-    return true;
-  }
-  handleContentAnchor(composedPath, event) {
-    if (composedPath.some(e => e instanceof HTMLAnchorElement)) {
-      event.preventDefault();
-      const anchor = composedPath.find((e) => e instanceof HTMLAnchorElement);
-      const href = anchor.href;
-      this.anchorClick.emit({
-        href,
-        documentComponent: href.substr(href.indexOf('#') + 1),
-        originalEvent: event
-      });
-      return true;
-    }
-    return false;
-  }
-  handleValidUrls(composedPath) {
-    var _a;
-    const containerIndex = composedPath.findIndex(this.isHostElement);
-    if (containerIndex === -1) {
-      return false;
-    }
-    // require_tld: false is needed to allow http://localhost
-    return (_a = composedPath.slice(0, containerIndex)) === null || _a === void 0 ? void 0 : _a.some(e => { var _a; return e instanceof HTMLAnchorElement && isURL((_a = e.getAttribute('href')) !== null && _a !== void 0 ? _a : '', { require_tld: false, require_protocol: true }); });
-  }
-  isHostElement(value) {
-    return value instanceof HTMLElement && value.tagName === 'DSO-OZON-CONTENT';
-  }
-}

package/dist/dso-toolkit/p-20856f91.entry.js

@@ -1 +0,0 @@
-import{r as t,c as n,h as o}from"./p-dad72605.js";function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function e(t){if(!("string"==typeof t||t instanceof String)){var n=r(t);throw null===t?n="null":"object"===n&&(n=t.constructor.name),new TypeError("Expected a string but received a ".concat(n))}}function i(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1?arguments[1]:void 0;for(var o in n)void 0===t[o]&&(t[o]=n[o]);return t}var a={require_tld:!0,allow_underscores:!1,allow_trailing_dot:!1,allow_numeric_tld:!1,allow_wildcard:!1},l="(?:[0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])",u="(".concat(l,"[.]){3}").concat(l),d=new RegExp("^".concat(u,"$")),s="(?:[0-9a-fA-F]{1,4})",c=new RegExp("^("+"(?:".concat(s,":){7}(?:").concat(s,"|:)|")+"(?:".concat(s,":){6}(?:").concat(u,"|:").concat(s,"|:)|")+"(?:".concat(s,":){5}(?::").concat(u,"|(:").concat(s,"){1,2}|:)|")+"(?:".concat(s,":){4}(?:(:").concat(s,"){0,1}:").concat(u,"|(:").concat(s,"){1,3}|:)|")+"(?:".concat(s,":){3}(?:(:").concat(s,"){0,2}:").concat(u,"|(:").concat(s,"){1,4}|:)|")+"(?:".concat(s,":){2}(?:(:").concat(s,"){0,3}:").concat(u,"|(:").concat(s,"){1,5}|:)|")+"(?:".concat(s,":){1}(?:(:").concat(s,"){0,4}:").concat(u,"|(:").concat(s,"){1,6}|:)|")+"(?::((?::".concat(s,"){0,5}:").concat(u,"|(?::").concat(s,"){1,7}|:))")+")(%[0-9a-zA-Z-.:]{1,})?$");function f(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(e(t),!(n=String(n)))return f(t,4)||f(t,6);if("4"===n){if(!d.test(t))return!1;var o=t.split(".").sort((function(t,n){return t-n}));return o[3]<=255}return"6"===n&&!!c.test(t)}function p(t,n){(null==n||n>t.length)&&(n=t.length);for(var o=0,r=new Array(n);o<n;o++)r[o]=t[o];return r}var h={protocols:["http","https","ftp"],require_tld:!0,require_protocol:!1,require_host:!0,require_port:!1,require_valid_protocol:!0,allow_underscores:!1,allow_trailing_dot:!1,allow_protocol_relative_urls:!1,allow_fragments:!0,allow_query_components:!0,validate_length:!0},m=/^\[([^\]]+)\](?::([0-9]+))?$/;function v(t,n){for(var o=0;o<n.length;o++){var r=n[o];if(t===r||"[object RegExp]"===Object.prototype.toString.call(r)&&r.test(t))return!0}return!1}function y(t,n){if(e(t),!t||/[\s<>]/.test(t))return!1;if(0===t.indexOf("mailto:"))return!1;if((n=i(n,h)).validate_length&&t.length>=2083)return!1;if(!n.allow_fragments&&t.includes("#"))return!1;if(!n.allow_query_components&&(t.includes("?")||t.includes("&")))return!1;var o,r,l,u,d,s,c,y,g,b;if(c=t.split("#"),t=c.shift(),c=t.split("?"),t=c.shift(),(c=t.split("://")).length>1){if(o=c.shift().toLowerCase(),n.require_valid_protocol&&-1===n.protocols.indexOf(o))return!1}else{if(n.require_protocol)return!1;if("//"===t.substr(0,2)){if(!n.allow_protocol_relative_urls)return!1;c[0]=t.substr(2)}}if(""===(t=c.join("://")))return!1;if(c=t.split("/"),""===(t=c.shift())&&!n.require_host)return!0;if((c=t.split("@")).length>1){if(n.disallow_auth)return!1;if(""===c[0])return!1;if((r=c.shift()).indexOf(":")>=0&&r.split(":").length>2)return!1;var A=(g=r.split(":"),b=2,function(t){if(Array.isArray(t))return t}(g)||function(t,n){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t)){var o=[],r=!0,e=!1,i=void 0;try{for(var a,l=t[Symbol.iterator]();!(r=(a=l.next()).done)&&(o.push(a.value),!n||o.length!==n);r=!0);}catch(t){e=!0,i=t}finally{try{r||null==l.return||l.return()}finally{if(e)throw i}}return o}}(g,b)||function(t,n){if(t){if("string"==typeof t)return p(t,n);var o=Object.prototype.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?p(t,n):void 0}}(g,b)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}());if(""===A[0]&&""===A[1])return!1}s=null,y=null;var _=(u=c.join("@")).match(m);if(_?(l="",y=_[1],s=_[2]||null):(l=(c=u.split(":")).shift(),c.length&&(s=c.join(":"))),null!==s&&s.length>0){if(d=parseInt(s,10),!/^[0-9]+$/.test(s)||d<=0||d>65535)return!1}else if(n.require_port)return!1;return n.host_whitelist?v(l,n.host_whitelist):!!(f(l)||function(t,n){e(t),(n=i(n,a)).allow_trailing_dot&&"."===t[t.length-1]&&(t=t.substring(0,t.length-1)),!0===n.allow_wildcard&&0===t.indexOf("*.")&&(t=t.substring(2));var o=t.split("."),r=o[o.length-1];if(n.require_tld){if(o.length<2)return!1;if(!/^([a-z\u00A1-\u00A8\u00AA-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}|xn[a-z0-9-]{2,})$/i.test(r))return!1;if(/\s/.test(r))return!1}return!(!n.allow_numeric_tld&&/^\d+$/.test(r))&&o.every((function(t){return!(t.length>63||!/^[a-z_\u00a1-\uffff0-9-]+$/i.test(t)||/[\uff01-\uff5e]/.test(t)||/^-|-$/.test(t)||!n.allow_underscores&&/_/.test(t))}))}(l,n)||y&&f(y,6))&&(l=l||y,!n.host_blacklist||!v(l,n.host_blacklist))}const g=[function(t){return t.querySelectorAll("div.noot").forEach(((t,n)=>{const o=t.nextElementSibling;if(!(o instanceof HTMLDivElement&&"noot_popup"===o.classList.value))return;const r=t.querySelector("a");if(!(r instanceof HTMLAnchorElement))return;const e=o.querySelector(":scope > .od-Al");if(!(e instanceof HTMLDivElement&&"od-Al"===e.classList.value))return;t.replaceWith(...Array.from(t.childNodes));const i=document.createElement("div");i.replaceChildren(...Array.from(e.childNodes)),e.replaceChildren(i),o.replaceWith(e);const a=document.createElement("sup");a.replaceChildren(...Array.from(r.childNodes)),r.replaceChildren(a);const l=(n+1).toString(10),[u,d]=[`dso-ozon-term-${l}`,`dso-ozon-content-${l}`];r.setAttribute("href",`#${u}`),r.setAttribute("id",u),r.setAttribute("aria-controls",d),r.setAttribute("aria-expanded","false"),null==e||e.setAttribute("id",d)})),t},function(t){return t.querySelectorAll("span[data-verwijst-naar-documentcomponent]").forEach((t=>{const n=document.createElement("a");n.href=`#${t.getAttribute("data-verwijst-naar-documentcomponent")}`,n.replaceChildren(...Array.from(t.childNodes)),t.replaceWith(n)})),t}];class b{constructor(t){this.anchorClick=t,this.domParser=new DOMParser,this.eventHandlers=[this.handleValidUrls,this.handleDescriptionNoteClick,this.handleContentAnchor]}setContent(t){this.content=g.reduce(((t,n)=>n(t)),this.domParser.parseFromString(t,"text/html").body).children}handleClickEvent(t){this.eventHandlers.some((n=>n.bind(this)(t.composedPath(),t)))}handleDescriptionNoteClick(t,n){var o;const r=t.findIndex(this.isHostElement);if(-1===r)return!1;const e=null===(o=t.slice(0,r))||void 0===o?void 0:o.find((t=>t instanceof HTMLAnchorElement&&t.classList.contains("noot")));return!!e&&(n.preventDefault(),e.classList.contains("dso-open")?(e.classList.remove("dso-open"),e.setAttribute("aria-expanded","false")):(e.classList.add("dso-open"),e.setAttribute("aria-expanded","true")),!0)}handleContentAnchor(t,n){if(t.some((t=>t instanceof HTMLAnchorElement))){n.preventDefault();const o=t.find((t=>t instanceof HTMLAnchorElement)).href;return this.anchorClick.emit({href:o,documentComponent:o.substr(o.indexOf("#")+1),originalEvent:n}),!0}return!1}handleValidUrls(t){var n;const o=t.findIndex(this.isHostElement);return-1!==o&&(null===(n=t.slice(0,o))||void 0===n?void 0:n.some((t=>{var n;return t instanceof HTMLAnchorElement&&y(null!==(n=t.getAttribute("href"))&&void 0!==n?n:"",{require_tld:!1,require_protocol:!0})})))}isHostElement(t){return t instanceof HTMLElement&&"DSO-OZON-CONTENT"===t.tagName}}let A=class{constructor(o){t(this,o),this.anchorClick=n(this,"anchorClick",7)}handleClick(t){this.transformer.handleClickEvent(t)}componentWillLoad(){this.transformer=new b(this.anchorClick)}componentWillRender(){this.transformer.setContent(this.content)}render(){return o("div",{class:"dso-rich-content",ref:t=>this.container=t})}componentDidRender(){var t;const n=this.transformer.content;this.container&&n?this.container.replaceChildren(...Array.from(n)):null===(t=this.container)||void 0===t||t.replaceChildren()}};A.style='dso-ozon-content{display:block}.noot{text-decoration:none}.noot:not(.dso-open)+.od-Al{display:none}.noot.dso-open+.od-Al{display:block}.noot+.od-Al{margin:4px 0;padding:8px 32px 8px 8px;position:relative}.noot+.od-Al>a{display:block;height:24px;position:absolute;right:0;text-align:center;top:0;width:24px}.noot+.od-Al>a::before{background:var(--dso-icon, var(--di-times-zwart)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em;content:"";display:block}.noot+.od-Al{background-color:#ebf3e6}.od-Term{font-weight:700}.od-Definitie,.od-Tussenkop{font-style:italic}.od-Inhoud,.od-Inhoud>.od-Lijst,.od-IntIoRef,.od-Lidnr,.od-LiNr,.od-Opschrift,.od-Tussenkop{display:inline}.od-Al,.od-Lijstaanhef{margin-bottom:0.75em}.od-IntIoRef{border-bottom:1px dotted}.od-LiNummer{float:left;min-width:0.7em;padding-right:0.3em;text-align:right}.od-Figuur img{margin-left:25px;max-width:100%;height:auto}.od-Figuur .od-Bijschrift{font-size:0.75rem;margin-left:25px;padding-bottom:2.5rem}.od-Tabel thead{font-weight:600}.od-Kadertekst{border:1px solid #e5e5e5;margin-bottom:1rem;padding:1rem}';export{A as dso_ozon_content}

package/dist/types/components/ozon-content/ozon-content.transformer.d.ts

@@ -1,15 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ContentAnchor } from './ozon-content.interfaces';
-export declare class OzonContentTransformer {
-  private anchorClick;
-  private domParser;
-  constructor(anchorClick: EventEmitter<ContentAnchor>);
-  content?: HTMLCollection;
-  setContent(content: string): void;
-  handleClickEvent(event: PointerEvent): void;
-  private handleDescriptionNoteClick;
-  private handleContentAnchor;
-  private handleValidUrls;
-  private eventHandlers;
-  private isHostElement;
-}