@dso-toolkit/core 100.3.1 → 100.4.0

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

@@ -1,13 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { ViewerGridActiveTabSwitchEvent, ViewerGridChangeSizeAnimationEndEvent, ViewerGridChangeSizeEvent, ViewerGridCloseFilterPanelEvent, ViewerGridCloseOverlayEvent, ViewerGridMainToggleEvent, ViewerGridPanelSize, ViewerGridTab } from "./viewer-grid.interfaces";
 /**
- * @slot top-bar - Een slot die bovenaan de viewer over de hele breedte kan worden gevuld met bijv een banner.
- * @slot main
- * @slot map
- * @slot legend - Een slot die kan worden gevuld met een legend component.
- * @slot filter-panel
- * @slot overlay
- * @slot document-panel
+ * @slot top-bar - An optional slot to place content above the main viewer grid layout.
+ * @slot map - A slot for the map content displayed within the map area.
+ * @slot legend - An optional slot to place legend content in the map area.
  */
 export declare class ViewerGrid {
     private mediaCondition;

package/dist/types/components.d.ts

@@ -341,9 +341,6 @@ export namespace Components {
          */
         "wijzigactie"?: AnnotationWijzigactie;
     }
-    /**
-     * Dit component wordt voor een Omgevingsnorm en Omgevingswaarde gebruikt.
-     */
     interface DsoAnnotationOmgevingsnormwaarde {
         /**
           * Een optionele boolean die aangeeft of de annotatie actief is.
@@ -1906,9 +1903,6 @@ declare global {
     interface HTMLDsoAnnotationOmgevingsnormwaardeElementEventMap {
         "dsoActiveChange": AnnotationActiveChangeEvent;
     }
-    /**
-     * Dit component wordt voor een Omgevingsnorm en Omgevingswaarde gebruikt.
-     */
     interface HTMLDsoAnnotationOmgevingsnormwaardeElement extends Components.DsoAnnotationOmgevingsnormwaarde, HTMLStencilElement {
         addEventListener<K extends keyof HTMLDsoAnnotationOmgevingsnormwaardeElementEventMap>(type: K, listener: (this: HTMLDsoAnnotationOmgevingsnormwaardeElement, ev: DsoAnnotationOmgevingsnormwaardeCustomEvent<HTMLDsoAnnotationOmgevingsnormwaardeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2947,7 +2941,7 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K]?: never };
 
     interface DsoAccordion {
         /**
@@ -3211,9 +3205,6 @@ declare namespace LocalJSX {
          */
         "wijzigactie"?: AnnotationWijzigactie;
     }
-    /**
-     * Dit component wordt voor een Omgevingsnorm en Omgevingswaarde gebruikt.
-     */
     interface DsoAnnotationOmgevingsnormwaarde {
         /**
           * Een optionele boolean die aangeeft of de annotatie actief is.
@@ -5200,9 +5191,6 @@ declare module "@stencil/core" {
             "dso-annotation-gebiedsaanwijzing": LocalJSX.IntrinsicElements["dso-annotation-gebiedsaanwijzing"] & JSXBase.HTMLAttributes<HTMLDsoAnnotationGebiedsaanwijzingElement>;
             "dso-annotation-kaart": LocalJSX.IntrinsicElements["dso-annotation-kaart"] & JSXBase.HTMLAttributes<HTMLDsoAnnotationKaartElement>;
             "dso-annotation-locatie": LocalJSX.IntrinsicElements["dso-annotation-locatie"] & JSXBase.HTMLAttributes<HTMLDsoAnnotationLocatieElement>;
-            /**
-             * Dit component wordt voor een Omgevingsnorm en Omgevingswaarde gebruikt.
-             */
             "dso-annotation-omgevingsnormwaarde": LocalJSX.IntrinsicElements["dso-annotation-omgevingsnormwaarde"] & JSXBase.HTMLAttributes<HTMLDsoAnnotationOmgevingsnormwaardeElement>;
             "dso-attachments-counter": LocalJSX.IntrinsicElements["dso-attachments-counter"] & JSXBase.HTMLAttributes<HTMLDsoAttachmentsCounterElement>;
             "dso-autosuggest": LocalJSX.IntrinsicElements["dso-autosuggest"] & JSXBase.HTMLAttributes<HTMLDsoAutosuggestElement>;

package/dist/types/functional-components/tooltip/toggletip.controller.d.ts

@@ -0,0 +1,31 @@
+import { TooltipPlacement } from "./tooltip.interfaces";
+export interface ToggletipControllerOptions {
+    getReferenceElement: () => HTMLElement | undefined;
+    getTipElement: () => HTMLElement | undefined;
+    getTipArrowElement: () => HTMLElement | undefined;
+    getRestrictContentElement?: () => HTMLElement | undefined;
+    getPlacement: () => TooltipPlacement;
+}
+/**
+ * Shared controller for the positioning, showing, and hiding of a Toggletip.
+ */
+export declare class ToggletipController {
+    private options;
+    private cleanUpFunction;
+    constructor(options: ToggletipControllerOptions);
+    /**
+     * Position the Toggletip and show or hide it based on the `active` parameter.
+     *
+     * Intended to be called from `componentDidRender`.
+     *
+     * @param active Whether the Toggletip should be active.
+     */
+    update(active: boolean): void;
+    dispose(): void;
+    private cleanUpToggletip;
+}
+/**
+ * Determines whether an event originated outside `host`, based on `event.composedPath()`.
+ * Used for outside-dismiss handling of a Toggletip.
+ */
+export declare function isEventOutside(host: Element, event: Event): boolean;

package/dist/types/functional-components/tooltip/tooltip.controller.d.ts

@@ -0,0 +1,30 @@
+import { TooltipPlacement } from "./tooltip.interfaces";
+export interface TooltipControllerOptions {
+    getReferenceElement: () => HTMLElement | undefined;
+    getTipElement: () => HTMLElement | undefined;
+    getTipArrowElement: () => HTMLElement | undefined;
+    getPlacement: () => TooltipPlacement;
+    /** Delay in ms before the tooltip is shown. Defaults to 0 (no delay). */
+    showDelay?: number;
+}
+/**
+ * Shared controller for the positioning, showing, and hiding of a Tooltip.
+ */
+export declare class TooltipController {
+    private options;
+    private cleanUpFunction;
+    private tooltipTimeout?;
+    private lastClickTime;
+    constructor(options: TooltipControllerOptions);
+    /**
+     * Registers a click to suppress the tooltip from (re)appearing within showDelay milliseconds after a click on the
+     * reference element.
+     */
+    notifyClick(): void;
+    show(): void;
+    hide(): void;
+    dispose(): void;
+    private doShow;
+    private clearShowTimeout;
+    private cleanUpTooltip;
+}

package/dist/types/stencil-public-runtime.d.ts

@@ -1008,6 +1008,7 @@ export declare namespace JSXBase {
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
+        closedby?: 'any' | 'closerequest' | 'none';
     }
     interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1045,6 +1046,8 @@ export declare namespace JSXBase {
         allowtransparency?: string | boolean;
         frameBorder?: number | string;
         frameborder?: number | string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1067,6 +1070,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1166,6 +1171,8 @@ export declare namespace JSXBase {
     }
     interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
         as?: string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         href?: string;
         hrefLang?: string;
         hreflang?: string;
@@ -1289,6 +1296,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         defer?: boolean;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         integrity?: string;
         nonce?: string;
@@ -1404,7 +1413,10 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        translate?: 'yes' | 'no' | (string & {});
         popover?: string | null;
+        focusgroup?: string;
+        focusgroupstart?: boolean;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/loader/index.d.ts

@@ -8,7 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 /**
  * @deprecated
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "100.3.1",
+  "version": "100.4.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -16,19 +16,19 @@
   ],
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@stencil/core": "4.43.5",
+    "@stencil/core": "4.44.2",
     "@stencil/store": "^2.2.4",
     "clsx": "^2.1.1",
+    "dso-toolkit": "100.4.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^8.2.2",
-    "i18next": "^26.3.6",
+    "i18next": "^26.4.2",
     "tabbable": "^6.5.0",
-    "uuid": "^14.0.1",
-    "dso-toolkit": "100.3.1"
+    "uuid": "^14.0.2"
   },
   "devDependencies": {
     "@stencil/angular-output-target": "^1.4.1",
-    "@stencil/react-output-target": "^1.6.1",
+    "@stencil/react-output-target": "^1.6.2",
     "@stencil/sass": "^3.3.3",
     "@types/debounce": "^1.2.4",
     "@types/lodash.kebabcase": "^4.1.9",
@@ -36,8 +36,8 @@
     "@types/lodash.samplesize": "^4.2.9",
     "@types/node": "^24.13.3",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "concurrently": "^10.0.4",
+    "@types/react-dom": "^19.2.7",
+    "concurrently": "^10.0.5",
     "debounce": "^3.0.0",
     "lodash.kebabcase": "^4.1.1",
     "lodash.random": "^3.2.0",
@@ -47,11 +47,11 @@
     "react-dom": "^19.2.8",
     "rimraf": "^6.1.3",
     "stencil-inline-svg": "^1.1.0",
-    "tsx": "^4.23.12",
+    "tsx": "^4.23.13",
     "typescript": "~5.9.3"
   },
   "peerDependencies": {
-    "dso-toolkit": "100.3.1"
+    "dso-toolkit": "100.4.0"
   },
   "nx": {
     "includedScripts": []

package/dist/dso-toolkit/p-0fb7714e.entry.js

@@ -1 +0,0 @@
-import{r as i,d as s,h as n,a as e,g as t}from"./p-CieBNbUH.js";const o=class{constructor(n){i(this,n),this.dsoClose=s(this,"dsoClose",3),this.overlay=!1,this.overlayActive=!1,this.syncOverlayActive=()=>{this.overlayActive=this.overlay&&(this.mediaQueryList?.matches??!1)},this.handleDialogClick=i=>{if(!this.dialogElement||i.target!==this.dialogElement)return;const{left:s,right:n,top:e,bottom:t}=this.dialogElement.getBoundingClientRect();(i.clientX<s||i.clientX>n||i.clientY<e||i.clientY>t)&&this.dsoClose.emit({originalEvent:i})},this.handleDialogCancel=i=>{i.preventDefault(),this.dsoClose.emit({originalEvent:i})},this.handleDialogClose=i=>{this.dsoClose.emit({originalEvent:i}),this.overlayActive&&this.dialogElement&&!this.dialogElement.open&&this.dialogElement.showModal()}}overlayWatcher(){this.syncOverlayActive()}connectedCallback(){this.mediaQueryList=window.matchMedia("(min-width: 768px)"),this.mediaQueryList.addEventListener("change",this.syncOverlayActive),this.syncOverlayActive()}disconnectedCallback(){this.mediaQueryList?.removeEventListener("change",this.syncOverlayActive),this.mediaQueryList=void 0,this.stopObserving()}componentDidRender(){this.overlayActive?(this.dialogElement&&!this.dialogElement.open&&this.dialogElement.showModal(),this.positionOverlay(),this.startObserving()):this.stopObserving()}positionOverlay(){const i=this.host.parentElement;if(!i?.classList.contains("row"))return void console.warn('Grid Column: overlay requires the column to be a direct child of a "row" element');const s=i.getBoundingClientRect(),n=this.host.getBoundingClientRect(),e=parseFloat(getComputedStyle(this.host).paddingInlineStart)||0;this.host.style.setProperty("--_dso-grid-column-overlay-inset-block-start",`${n.top+window.scrollY}px`),this.host.style.setProperty("--_dso-grid-column-overlay-inset-inline-start",`${s.left+window.scrollX+e}px`),this.host.style.setProperty("--_dso-grid-column-overlay-inline-size",s.width-2*e+"px")}startObserving(){this.resizeObserver||(this.resizeObserver=new ResizeObserver((()=>this.positionOverlay())),this.resizeObserver.observe(document.body),this.resizeObserver.observe(this.host),this.host.parentElement&&this.resizeObserver.observe(this.host.parentElement))}stopObserving(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}render(){return n(e,{key:"e02e6fcc5aa1c2e279c36cfab5bf661df6099c49"},this.overlayActive?n("dialog",{class:"grid-column-content",ref:i=>this.dialogElement=i,onClick:this.handleDialogClick,onCancel:this.handleDialogCancel,onClose:this.handleDialogClose},n("slot",null)):n("div",{class:"grid-column-content"},n("slot",null)))}get host(){return t(this)}static get watchers(){return{overlay:[{overlayWatcher:0}]}}};o.style=":host{display:block;position:relative;min-block-size:1px;padding-inline-end:16px;padding-inline-start:16px;float:inline-start;inline-size:100%}:host([columns~=xs-1]){inline-size:8.3333333333%}:host([columns~=xs-2]){inline-size:16.6666666667%}:host([columns~=xs-3]){inline-size:25%}:host([columns~=xs-4]){inline-size:33.3333333333%}:host([columns~=xs-5]){inline-size:41.6666666667%}:host([columns~=xs-6]){inline-size:50%}:host([columns~=xs-7]){inline-size:58.3333333333%}:host([columns~=xs-8]){inline-size:66.6666666667%}:host([columns~=xs-9]){inline-size:75%}:host([columns~=xs-10]){inline-size:83.3333333333%}:host([columns~=xs-11]){inline-size:91.6666666667%}:host([columns~=xs-12]){inline-size:100%}@media (min-width: 768px){:host([columns~=sm-1]){inline-size:8.3333333333%}}@media (min-width: 768px){:host([columns~=sm-2]){inline-size:16.6666666667%}}@media (min-width: 768px){:host([columns~=sm-3]){inline-size:25%}}@media (min-width: 768px){:host([columns~=sm-4]){inline-size:33.3333333333%}}@media (min-width: 768px){:host([columns~=sm-5]){inline-size:41.6666666667%}}@media (min-width: 768px){:host([columns~=sm-6]){inline-size:50%}}@media (min-width: 768px){:host([columns~=sm-7]){inline-size:58.3333333333%}}@media (min-width: 768px){:host([columns~=sm-8]){inline-size:66.6666666667%}}@media (min-width: 768px){:host([columns~=sm-9]){inline-size:75%}}@media (min-width: 768px){:host([columns~=sm-10]){inline-size:83.3333333333%}}@media (min-width: 768px){:host([columns~=sm-11]){inline-size:91.6666666667%}}@media (min-width: 768px){:host([columns~=sm-12]){inline-size:100%}}@media (min-width: 992px){:host([columns~=md-1]){inline-size:8.3333333333%}}@media (min-width: 992px){:host([columns~=md-2]){inline-size:16.6666666667%}}@media (min-width: 992px){:host([columns~=md-3]){inline-size:25%}}@media (min-width: 992px){:host([columns~=md-4]){inline-size:33.3333333333%}}@media (min-width: 992px){:host([columns~=md-5]){inline-size:41.6666666667%}}@media (min-width: 992px){:host([columns~=md-6]){inline-size:50%}}@media (min-width: 992px){:host([columns~=md-7]){inline-size:58.3333333333%}}@media (min-width: 992px){:host([columns~=md-8]){inline-size:66.6666666667%}}@media (min-width: 992px){:host([columns~=md-9]){inline-size:75%}}@media (min-width: 992px){:host([columns~=md-10]){inline-size:83.3333333333%}}@media (min-width: 992px){:host([columns~=md-11]){inline-size:91.6666666667%}}@media (min-width: 992px){:host([columns~=md-12]){inline-size:100%}}@media (min-width: 1200px){:host([columns~=lg-1]){inline-size:8.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-2]){inline-size:16.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-3]){inline-size:25%}}@media (min-width: 1200px){:host([columns~=lg-4]){inline-size:33.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-5]){inline-size:41.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-6]){inline-size:50%}}@media (min-width: 1200px){:host([columns~=lg-7]){inline-size:58.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-8]){inline-size:66.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-9]){inline-size:75%}}@media (min-width: 1200px){:host([columns~=lg-10]){inline-size:83.3333333333%}}@media (min-width: 1200px){:host([columns~=lg-11]){inline-size:91.6666666667%}}@media (min-width: 1200px){:host([columns~=lg-12]){inline-size:100%}}dialog.grid-column-content{position:absolute;inset-block-start:var(--_dso-grid-column-overlay-inset-block-start);inset-inline-start:var(--_dso-grid-column-overlay-inset-inline-start);inline-size:var(--_dso-grid-column-overlay-inline-size);max-inline-size:none;max-block-size:none;margin:0;border:0;padding:0;background-color:#fff}dialog.grid-column-content::backdrop{background-color:rgba(255, 255, 255, 0.6)}";export{o as dso_grid_column}

package/dist/dso-toolkit/p-55668cd5.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,d as i,a as s,g as a}from"./p-CieBNbUH.js";import{c as n}from"./p-ChV9xqsO.js";const o=class{constructor(t){e(this,t)}render(){return t("span",{key:"b7b1425fdec7a04d7d3d8033e1dab4a6558dd243",class:"dso-attachments"},this.count," ",t("span",{key:"49cc2044e4d15a2c95fb5964dfa0e7e2ab9742e7",class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{key:"ca45d55df1238a8270e9473cf2f85b9a724a260f",icon:"paperclip"}))}};o.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";const r=class{constructor(t){e(this,t),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation||(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return t(s,{key:"27aa43cd7a129ede2ac42e1f36957be51497bb80","aria-hidden":this.open?"false":"true",class:n({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},t("div",{key:"b9e104e23b5eeceebd860c607cb9c68dc1506184",class:"slot-container"},t("slot",{key:"d623667f451248271ebf78ee7896a51936e4c0cd"})))}get host(){return a(this)}static get watchers(){return{open:[{toggleOpen:0}]}}};r.style=":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block}*,*::after,*::before{box-sizing:border-box}";export{o as dso_attachments_counter,r as dso_expandable}