@dso-toolkit/core 80.0.0 → 81.0.0

package/dist/esm/tooltip.functional-component-B6RTdaZw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.functional-component-B6RTdaZw.js","sources":["src/functional-components/tooltip/tooltip.functional-component.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\ninterface TooltipProps {\r\n  visible: boolean;\r\n  onAfterHidden: () => void;\r\n  tipElementRef: (ref: HTMLDivElement | undefined) => void;\r\n  tipArrowElementRef: (ref: HTMLSpanElement | undefined) => void;\r\n}\r\n\r\nexport const Tooltip: FunctionalComponent<TooltipProps> = (\r\n  { visible, onAfterHidden, tipElementRef, tipArrowElementRef },\r\n  children,\r\n) => (\r\n  <div\r\n    popover=\"manual\"\r\n    id=\"tooltip\"\r\n    class={clsx([\"dso-tooltip\", { visible }])}\r\n    ref={tipElementRef}\r\n    onTransitionEnd={(e) => {\r\n      e.stopPropagation();\r\n\r\n      if (e.propertyName === \"opacity\" && !visible) {\r\n        onAfterHidden();\r\n      }\r\n    }}\r\n  >\r\n    <span class=\"tooltip-arrow\" ref={tipArrowElementRef}></span>\r\n    <div class=\"tooltip-inner\">{children}</div>\r\n  </div>\r\n);\r\n"],"names":[],"mappings":";;;MAUa,OAAO,GAAsC,CACxD,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAC7D,QAAQ,MAER,CAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,SAAS,EACZ,KAAK,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,EACzC,GAAG,EAAE,aAAa,EAClB,eAAe,EAAE,CAAC,CAAC,KAAI;QACrB,CAAC,CAAC,eAAe,EAAE;QAEnB,IAAI,CAAC,CAAC,YAAY,KAAK,SAAS,IAAI,CAAC,OAAO,EAAE;AAC5C,YAAA,aAAa,EAAE;;KAElB,EAAA;AAED,IAAA,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,kBAAkB,EAAS,CAAA;IAC5D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAAE,QAAQ,CAAO,CACvC;;;;"}

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

@@ -1,6 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { OzonContentUrlResolver } from "../ozon-content/ozon-content.interfaces";
-import { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentMode, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentRecursiveToggleState, DocumentComponentTableOfContentsClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./document-component.interfaces";
+import { OzonContentBegripResolver, OzonContentUrlResolver } from "../ozon-content/ozon-content.interfaces";
+import { DocumentComponentAnnotationsWijzigactie, DocumentComponentInputType, DocumentComponentMarkFunction, DocumentComponentMarkItemHighlightEvent, DocumentComponentMode, DocumentComponentOpenToggleEvent, DocumentComponentOzonContentClickEvent, DocumentComponentRecursiveToggleEvent, DocumentComponentRecursiveToggleState, DocumentComponentTableOfContentsClickEvent, DocumentComponentToggleAnnotationEvent, DocumentComponentWijzigactie } from "./document-component.interfaces";
 /**
  * @part _annotation-container - private part, do not touch.
  * @part _children-container - private part, do not touch.
@@ -96,6 +96,10 @@ export declare class DocumentComponent implements ComponentInterface {
      * A UrlResolver that will be called for all STOP elements that render to HTML5 elements with external references.
      */
     ozonContentUrlResolver?: OzonContentUrlResolver;
+    /**
+     * A BegripResolver that will be called for STOP element "IntRef" with @scope="Begrip".
+     */
+    ozonContentBegripResolver?: OzonContentBegripResolver;
     /**
      * The mode of the Document Component. One of "document" or "table-of-contents". Defaults to "document"
      */
@@ -117,9 +121,9 @@ export declare class DocumentComponent implements ComponentInterface {
      */
     dsoTableOfContentsClick: EventEmitter<DocumentComponentTableOfContentsClickEvent>;
     /**
-     * Emitted when the user actives intRef or intIoRef anchors in Ozon Content
+     * Emitted when the user interacts with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
      */
-    dsoOzonContentAnchorClick: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;
+    dsoOzonContentClick: EventEmitter<DocumentComponentOzonContentClickEvent>;
     /**
      * Emitted when the user activates the annotation button.
      */
@@ -130,7 +134,6 @@ export declare class DocumentComponent implements ComponentInterface {
     dsoMarkItemHighlight: EventEmitter<DocumentComponentMarkItemHighlightEvent>;
     private get wijzigactieLabel();
     private handleHeadingClick;
-    private handleOzonContentAnchorClick;
     private handleOzonContentClick;
     private handleRecursiveToggleClick;
     private showOntwerpBadge;

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

@@ -1,5 +1,5 @@
 import { DsoOzonContentCustomEvent } from "../../components";
-import { OzonContentAnchorClickEvent, OzonContentText } from "../ozon-content/ozon-content.interfaces";
+import { OzonContentClickEvent, OzonContentText } from "../ozon-content/ozon-content.interfaces";
 export interface DocumentComponentOpenToggleEvent {
     originalEvent: Event;
     open: boolean;
@@ -9,9 +9,9 @@ export interface DocumentComponentToggleAnnotationEvent {
 }
 export type DocumentComponentWijzigactie = "voegtoe" | "verwijder" | "nieuweContainer" | "verwijderContainer";
 export type DocumentComponentAnnotationsWijzigactie = "voegtoe" | "verwijder";
-export interface DocumentComponentOzonContentAnchorClickEvent {
-    originalEvent: DsoOzonContentCustomEvent<OzonContentAnchorClickEvent>;
-    ozonContentAnchorClick: OzonContentAnchorClickEvent;
+export interface DocumentComponentOzonContentClickEvent {
+    originalEvent: DsoOzonContentCustomEvent<OzonContentClickEvent>;
+    ozonContentClick: OzonContentClickEvent;
 }
 export type DocumentComponentInputType = XMLDocument | string;
 type DocumentComponentSource = "kop" | "inhoud";

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

@@ -1,6 +1,6 @@
 import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { DocumentComponentInputType, OzonContentUrlResolver } from "../../components";
-import { DocumentComponentMode, DocumentComponentOzonContentAnchorClickEvent, DocumentComponentTableOfContentsClickEvent, DocumentComponentWijzigactie } from "../document-component/document-component.interfaces";
+import { DocumentComponentInputType, OzonContentBegripResolver, OzonContentUrlResolver } from "../../components";
+import { DocumentComponentMode, DocumentComponentOzonContentClickEvent, DocumentComponentTableOfContentsClickEvent, DocumentComponentWijzigactie } from "../document-component/document-component.interfaces";
 interface DocumentEmbedded {
     _embedded?: {
         ontwerpDocumentComponenten?: DocumentComponent[];
@@ -41,9 +41,13 @@ export declare class DocumentComponentDemo implements ComponentInterface {
      */
     ozonContentUrlResolver?: OzonContentUrlResolver;
     /**
-     * To demo user interacting with IntRef or IntIoRef elements.
+     * A BegripResolver that will be called for STOP element "IntRef" with @scope="Begrip".
      */
-    dsotOzonContentAnchorClick: EventEmitter<DocumentComponentOzonContentAnchorClickEvent>;
+    ozonContentBegripResolver?: OzonContentBegripResolver;
+    /**
+     * To demo the user interacting with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
+     */
+    dsotOzonContentClick: EventEmitter<DocumentComponentOzonContentClickEvent>;
     /**
      * To demo user interacting the heading in mode="table-of-contents".
      */
@@ -65,7 +69,7 @@ export declare class DocumentComponentDemo implements ComponentInterface {
     private handleOpenToggle;
     private handleAnnotationToggle;
     private handleSelectableChange;
-    private handleOzonContentAnchorClick;
+    private handleOzonContentClick;
     private handleTableOfContentsClick;
     private isCheckedSlideToggle;
     private hasFilteredChildren;

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

@@ -0,0 +1,20 @@
+import { ComponentInterface } from "../../../../stencil-public-runtime";
+export declare class ozonContentToggletip implements ComponentInterface {
+    host: HTMLDsoOzonContentToggletipElement;
+    /**
+     * The alias of the icon in the button.
+     */
+    icon?: string;
+    active: boolean;
+    showToggletip: boolean;
+    private container;
+    private tooltip;
+    private tooltipArrow;
+    private click;
+    private open;
+    private close;
+    private focusOutListener;
+    private keyDownListener;
+    componentDidRender(): void;
+    render(): any;
+}

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

@@ -2,5 +2,5 @@ import { OzonContentNodeContext } from "../ozon-content-node-context.interface";
 import { OzonContentNode } from "../ozon-content-node.interface";
 export declare class OzonContentIntIoRefNode implements OzonContentNode {
     name: string;
-    render(node: Element, { mapNodeToJsx, emitAnchorClick }: OzonContentNodeContext): any;
+    render(node: Element, { mapNodeToJsx, emitClick, urlResolver }: OzonContentNodeContext): any;
 }

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

@@ -2,5 +2,5 @@ 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;
+    render(node: Element, { mapNodeToJsx, emitClick, begripResolver, urlResolver }: OzonContentNodeContext): any;
 }

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

@@ -1,13 +1,13 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { OzonContentNodeState } from "./ozon-content-node-state.interface";
-import { OzonContentAnchorClickEvent, OzonContentClickEvent, OzonContentMarkFunction, OzonContentUrlResolver } from "./ozon-content.interfaces";
+import { OzonContentBegripResolver, OzonContentClickEvent, OzonContentMarkFunction, OzonContentUrlResolver } from "./ozon-content.interfaces";
 export interface OzonContentContext {
     state: OzonContentNodeState;
     inline: boolean;
     mark: OzonContentMarkFunction | undefined;
     setState(state: OzonContentNodeState): void;
-    emitAnchorClick: EventEmitter<OzonContentAnchorClickEvent>["emit"];
     emitClick: EventEmitter<OzonContentClickEvent>["emit"];
     emitMarkItemHighlight(text: string, ref: HTMLElement): void;
     urlResolver: OzonContentUrlResolver | undefined;
+    begripResolver: OzonContentBegripResolver | undefined;
 }

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

@@ -5,9 +5,7 @@ export declare class Mapper {
     private mappers;
     private skip;
     private fallbackNode;
-    private domParser?;
     private findMapper;
     mapNodeToJsx(node: Node | Node[] | NodeList, context: OzonContentContext, path: Node[]): JSX.Element;
     transform(input: OzonContentInputType | undefined, context: OzonContentContext): JSX.Element;
-    private inputToXmlDocument;
 }

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

@@ -1,14 +1,14 @@
 import { JSX } from "../../stencil-public-runtime";
-import { OzonContentAnchorClickEvent, OzonContentClickEvent, OzonContentMarkFunction, OzonContentUrlResolver } from "./ozon-content.interfaces";
+import { OzonContentBegripResolver, OzonContentClickEvent, OzonContentMarkFunction, OzonContentUrlResolver } from "./ozon-content.interfaces";
 export interface OzonContentNodeContext<T = unknown> {
     inline: boolean;
     path: Node[];
     mark: OzonContentMarkFunction | undefined;
     mapNodeToJsx(node: Node | Node[] | NodeList): JSX.Element;
-    emitAnchorClick(event: OzonContentAnchorClickEvent): void;
     emitClick(event: OzonContentClickEvent): void;
     state?: T;
     setState?(state: T): void;
     emitMarkItemHighlight(text: string, elementRef: HTMLElement): void;
     urlResolver: OzonContentUrlResolver | undefined;
+    begripResolver: OzonContentBegripResolver | undefined;
 }

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

@@ -1,6 +1,6 @@
 import { ComponentInterface, EventEmitter, JSX } from "../../stencil-public-runtime";
 import { OzonContentNodeState } from "./ozon-content-node-state.interface";
-import { OzonContentAnchorClickEvent, OzonContentClickEvent, OzonContentInputType, OzonContentMarkFunction, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./ozon-content.interfaces";
+import { OzonContentBegripResolver, OzonContentClickEvent, OzonContentInputType, OzonContentMarkFunction, OzonContentMarkItemHighlightEvent, OzonContentUrlResolver } from "./ozon-content.interfaces";
 export declare class OzonContent implements ComponentInterface {
     /**
      * The XML to be rendered.
@@ -19,13 +19,13 @@ export declare class OzonContent implements ComponentInterface {
      */
     urlResolver?: OzonContentUrlResolver;
     /**
-     * Emitted when an interactive element is clicked, except for <IntIoRef> and <IntRef>.
+     * A BegripResolver that will be called for STOP element "IntRef" with scope="Begrip".
      */
-    dsoClick: EventEmitter<OzonContentClickEvent>;
+    begripResolver?: OzonContentBegripResolver;
     /**
-     * Emitted when `<a>` that is created through <IntIoRef> or <IntRef> is clicked.
+     * Emitted when an interactive element is clicked.
      */
-    dsoAnchorClick: EventEmitter<OzonContentAnchorClickEvent>;
+    dsoClick: EventEmitter<OzonContentClickEvent>;
     /**
      * Emitted when a marked item is highlighted.
      */

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

@@ -1,17 +1,14 @@
-export interface OzonContentAnchorClickEvent {
-    /** Node type, eg: `IntRef` or `IntIoRef` */
-    node: string;
-    href: string;
-    documentComponent: string;
-    originalEvent: MouseEvent;
-}
-export type OzonContentClickEvent = OzonContentClickKopEvent;
 interface OzonContentClickBaseEvent<T extends string> {
     type: T;
     node: Element;
     originalEvent: MouseEvent;
 }
 export type OzonContentClickKopEvent = OzonContentClickBaseEvent<"Kop">;
+export type OzonContentClickIntIoRefEvent = OzonContentClickBaseEvent<"IntIoRef">;
+export type OzonContentClickIntRefEvent = OzonContentClickBaseEvent<"IntRef"> & {
+    isModifiedEvent: boolean;
+};
+export type OzonContentClickEvent = OzonContentClickKopEvent | OzonContentClickIntRefEvent | OzonContentClickIntIoRefEvent;
 export type OzonContentInputType = XMLDocument | string;
 export type OzonContentMarkFunction = (text: string) => OzonContentText[] | undefined;
 export type OzonContentText = OzonContentMarkItem | string;
@@ -26,6 +23,9 @@ export interface OzonContentMarkItemHighlightEvent {
 export type OzonContentWijzigActie = "voegtoe" | "verwijder";
 export interface OzonContentUrlResolver {
     (name: "Illustratie" | "InlineTekstAfbeelding", attribute: "naam", value: string | null, element: Element): string;
-    (name: "ExtIoRef" | "ExtRef", attribute: "ref", value: string | null, element: Element): string;
+    (name: "ExtIoRef" | "ExtRef" | "IntIoRef" | "IntRef", attribute: "ref", value: string | null, element: Element): string;
+}
+export interface OzonContentBegripResolver {
+    (ref: string | null, element: Element): XMLDocument | string | undefined;
 }
 export {};