@dso-toolkit/core 34.1.0 → 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",{"overlayOpen":[4,"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]}],[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/map-base-layers/map-base-layers.d.ts

@@ -1,8 +1,13 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 import { BaseLayer, BaseLayerChangeEvent } from './map-base-layers.interfaces';
-export declare class MapBaseLayers {
+export declare class MapBaseLayers implements ComponentInterface {
+  previousBaselayers: BaseLayer[] | undefined;
+  selectableRefs: {
+    [id: number]: HTMLDsoSelectableElement;
+  };
   baseLayerChange: EventEmitter<BaseLayerChangeEvent>;
   baseLayers: BaseLayer[];
   baseLayerChangeHandler(baseLayer: BaseLayer): void;
+  componentDidRender(): void;
   render(): any;
 }

package/dist/types/components/map-overlays/map-overlays.d.ts

@@ -1,9 +1,14 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 import { Overlay, OverlayChangeEvent } from './map-overlays.interfaces';
 import { SelectableChangeEvent } from '../selectable/selectable';
-export declare class MapOverlays {
+export declare class MapOverlays implements ComponentInterface {
+  previousOverlays: Overlay[] | undefined;
+  selectableRefs: {
+    [id: number]: HTMLDsoSelectableElement;
+  };
   overlays: Overlay[];
   toggleOverlay: EventEmitter<OverlayChangeEvent>;
   overlayChangeHandler(overlay: Overlay, e: CustomEvent<SelectableChangeEvent>): void;
+  componentDidRender(): void;
   render(): any;
 }

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/selectable/selectable.d.ts

@@ -16,6 +16,7 @@ export declare class Selectable {
   change: EventEmitter<SelectableChangeEvent>;
   host: HTMLElement;
   infoActive: boolean;
+  toggleInfo(active?: boolean): Promise<void>;
   private mutationObserver?;
   private fallbackIdentifier;
   private input;

package/dist/types/components/viewer-grid/viewer-grid-filterpanel-buttons.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export interface ViewerGridFilterpanelProps {
+  onApply: (mouseEvent: MouseEvent) => void;
+  onCancel: (mouseEvent: MouseEvent) => void;
+}
+export declare const ViewerGridFilterpanelButtons: FunctionalComponent<ViewerGridFilterpanelProps>;

package/dist/types/components/viewer-grid/viewer-grid.d.ts

@@ -1,14 +1,23 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import * as focusTrap from "focus-trap";
+import { FocusTrap } from "focus-trap";
 declare type MainSize = "small" | "medium" | "large";
+export interface FilterpanelEvent {
+  originalEvent: MouseEvent;
+}
 export declare class ViewerGrid {
+  filterpanelOpen: boolean;
   overlayOpen: boolean;
   mainSize: MainSize;
   closeOverlay: EventEmitter<MouseEvent | KeyboardEvent>;
+  filterpanelCancel: EventEmitter<FilterpanelEvent>;
+  filterpanelApply: EventEmitter<FilterpanelEvent>;
   host: HTMLElement;
+  filterpanel: HTMLElement | undefined;
+  filterpanelSlot: HTMLElement | null;
+  filterpanelFocustrap: FocusTrap | undefined;
   overlay: HTMLDivElement | undefined;
-  overlaySlot: HTMLDivElement | null | undefined;
-  trap: focusTrap.FocusTrap | undefined;
+  overlaySlot: HTMLDivElement | null;
+  overlayFocustrap: FocusTrap | undefined;
   shrinkMain: () => void;
   expandMain: () => void;
   updateFocusTrap(): void;
@@ -17,6 +26,8 @@ export declare class ViewerGrid {
   componentDidLoad(): void;
   componentDidUpdate(): void;
   disconnectedCallback(): void;
+  handleFilterpanelApply(mouseEvent: MouseEvent): void;
+  handleFilterpanelCancel(mouseEvent: MouseEvent): void;
   render(): any;
 }
 export {};

package/dist/types/components/viewer-grid/viewer-grid.template.d.ts

@@ -1,3 +1,3 @@
 import { ViewerGrid } from "@dso-toolkit/sources";
 import { TemplateResult } from "lit-html";
-export declare function viewerGridTemplate({ main, map, overlay, noOverlay, overlayOpen, closeOverlay, }: ViewerGrid<TemplateResult>): TemplateResult<1>;
+export declare function viewerGridTemplate({ filterpanel, main, map, overlay, noOverlay, filterpanelOpen, overlayOpen, filterpanelApply, filterpanelCancel, closeOverlay, }: ViewerGrid<TemplateResult>): TemplateResult<1>;

package/dist/types/components.d.ts

@@ -11,9 +11,10 @@ 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";
 export namespace Components {
     interface DsoAlert {
         /**
@@ -34,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[];
     }
@@ -136,6 +137,8 @@ export namespace Components {
     interface DsoIcon {
         "icon"?: string;
     }
+    interface DsoImageOverlay {
+    }
     interface DsoInfo {
         "active"?: boolean;
         "fixed"?: boolean;
@@ -161,7 +164,7 @@ export namespace Components {
         "overlays": Overlay[];
     }
     interface DsoOzonContent {
-        "content": string;
+        "content": string | undefined;
     }
     interface DsoProgressBar {
         "max": number;
@@ -183,6 +186,7 @@ export namespace Components {
         "invalid"?: boolean;
         "name"?: string;
         "required"?: boolean;
+        "toggleInfo": (active?: boolean | undefined) => Promise<void>;
         "type": 'checkbox' | 'radio';
         "value": string;
     }
@@ -233,6 +237,7 @@ export namespace Components {
         "collection": TreeViewItem[];
     }
     interface DsoViewerGrid {
+        "filterpanelOpen": boolean;
         "overlayOpen": boolean;
     }
 }
@@ -303,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: {
@@ -399,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;
@@ -447,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[];
     }
@@ -557,6 +569,8 @@ declare namespace LocalJSX {
     interface DsoIcon {
         "icon"?: string;
     }
+    interface DsoImageOverlay {
+    }
     interface DsoInfo {
         "active"?: boolean;
         "fixed"?: boolean;
@@ -589,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;
@@ -667,7 +681,10 @@ declare namespace LocalJSX {
         "onOpenItem"?: (event: CustomEvent<TreeViewItem[]>) => void;
     }
     interface DsoViewerGrid {
+        "filterpanelOpen"?: boolean;
         "onCloseOverlay"?: (event: CustomEvent<MouseEvent | KeyboardEvent>) => void;
+        "onFilterpanelApply"?: (event: CustomEvent<FilterpanelEvent>) => void;
+        "onFilterpanelCancel"?: (event: CustomEvent<FilterpanelEvent>) => void;
         "overlayOpen"?: boolean;
     }
     interface IntrinsicElements {
@@ -682,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;
@@ -713,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.1.0",
+  "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';
-  }
-}