@dso-toolkit/core 100.3.1 → 101.0.0

package/dist/cjs/{wrap-wijzigactie.functional-component-DodUwf7_.js → wrap-wijzigactie.functional-component-D1UjZ36u.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 
 const WrapWijzigactie = ({ wijzigactie, class: className }, children) => {
     if (wijzigactie === "voegtoe") {

package/dist/collection/collection-manifest.json

@@ -59,6 +59,7 @@
     "components/pagination/pagination.js",
     "components/panel/panel.js",
     "components/plekinfo-card/plekinfo-card.js",
+    "components/plekinfo-card/plekinfo-card-item/plekinfo-card-item.js",
     "components/progress-indicator/progress-indicator.js",
     "components/project-item/project-item.js",
     "components/renvooi/renvooi.js",
@@ -76,12 +77,13 @@
     "components/tabs/components/tab.js",
     "components/tijdreis-banner/tijdreis-banner.js",
     "components/tree-view/tree-view.js",
+    "components/truncate/truncate.js",
     "components/viewer-grid/viewer-grid.js"
   ],
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.5",
+    "version": "4.44.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/accordion/accordion.css

@@ -16,4 +16,10 @@
 ::slotted(dso-accordion-section.dso-accordion-compact:last-child),
 ::slotted(dso-accordion-section.dso-accordion-compact-black:last-child) {
   border-block-end: 1px solid #ccc;
+}
+
+:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact:last-child),
+:host(:last-child) ::slotted(dso-accordion-section.dso-accordion-compact-black:last-child) {
+  border-block-end: var(--_dso-accordion-compact-border-block-end, 1px solid #ccc);
+  margin-block-end: var(--_dso-accordion-compact-margin-block-end, 0) !important;
 }

package/dist/collection/components/accordion/accordion.js

@@ -1,5 +1,8 @@
 import { Host, h } from "@stencil/core";
 import { createStore } from "@stencil/store";
+/**
+ * @slot - A slot for the accordion sections.
+ */
 export class Accordion {
     constructor() {
         const { state } = createStore({
@@ -35,7 +38,7 @@ export class Accordion {
         return this.accordionState;
     }
     render() {
-        return (h(Host, { key: '9488887d4b47c470a237c25e369b013eeeb55ef9' }, h("slot", { key: '7c6ef21c22e84d486f3d71230b042f0119a89388' })));
+        return (h(Host, { key: '24d301d68d8a8f9bc8171015be8ca949ab94f9de' }, h("slot", { key: '94e9afa5ceb61e0a8a48f5de2012e3f974e0c703' })));
     }
     static get is() { return "dso-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/accordion/components/accordion-section.css

@@ -117,10 +117,25 @@
   border-block-start: 0;
 }
 .dso-section-body .dso-section-body-content {
+  --_dso-accordion-compact-border-block-end: initial;
+  --_dso-accordion-compact-margin-block-end: initial;
+  --_dso-card-container-list-border-block-end: initial;
+  --_dso-card-container-list-margin-block-end: initial;
   padding-block: 20px 16px;
   padding-inline: 16px;
 }
 
+::slotted([slot=badge]) {
+  margin-inline: 8px !important;
+}
+
+:host(:is(.dso-accordion-compact, .dso-accordion-compact-black)) ::slotted(:not([slot]):last-child) {
+  --_dso-accordion-compact-border-block-end: 0 !important;
+  --_dso-accordion-compact-margin-block-end: -16px !important;
+  --_dso-card-container-list-border-block-end: 0 !important;
+  --_dso-card-container-list-margin-block-end: -16px !important;
+}
+
 :host(.dso-accordion-default) {
   border: 1px solid #8b4a6a;
   border-radius: 4px;
@@ -227,9 +242,6 @@
 :host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false])) > .dso-section-body {
   padding-block-end: 0;
 }
-:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false])) > .dso-section-body dso-accordion-section:last-child {
-  border-block-end: 0;
-}
 
 :host(.dso-accordion-compact-black) .dso-section-handle {
   border-block-end: 1px solid transparent;
@@ -373,9 +385,6 @@
 :host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false])) > .dso-section-body {
   padding-block-end: 0;
 }
-:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false])) > .dso-section-body dso-accordion-section:last-child {
-  border-block-end: 0;
-}
 
 :host(.dso-accordion-conclusion) .dso-section-handle {
   background-color: #f2f2f2;

package/dist/collection/components/accordion/components/accordion-section.js

@@ -50,6 +50,13 @@ const HandleStateIcon = ({ state }) => {
         return h("dso-icon", { icon: "status-warning" });
     }
 };
+function isDsoBadgeComponent(element) {
+    return element?.tagName === "DSO-BADGE";
+}
+/**
+ * @slot - A slot for the main accordion sections.
+ * @slot badge - An optional slot to place a badge in the accordion section handle.
+ */
 export class AccordionSection {
     constructor() {
         /**
@@ -76,6 +83,12 @@ export class AccordionSection {
         this.active = false;
         this.hover = false;
         this.handleClick = (event) => {
+            const clickedInsideBadge = event
+                .composedPath()
+                .some((target) => target instanceof HTMLElement && isDsoBadgeComponent(target));
+            if (clickedInsideBadge) {
+                return;
+            }
             this.dsoToggleClick.emit({
                 originalEvent: event,
                 open: !this.open,
@@ -166,14 +179,14 @@ export class AccordionSection {
         const { variant, reverseAlign } = this.accordionState ?? {};
         const hasAddons = !!this.statusDescription || !!this.status || !!this.icon || !!this.attachmentCount;
         const showSlideToggle = this.activatable && variant === "compact-black" && !reverseAlign;
-        return (h(Host, { key: 'cae56878ce8416be1ccf78a195a3c97c59358d31', class: {
+        return (h(Host, { key: '7cf2263a6f27d53332ac1a3ccb94a6bb7c8f7dba', class: {
                 "dso-accordion-section": true,
                 ["dso-accordion-" + variant]: !!variant,
                 "dso-nested-accordion": this.hasNestedAccordion || this.containsNestedAccordion,
                 "dso-accordion-reverse-align": reverseAlign ?? false,
                 ["dso-accordion-wijzigactie-" + this.wijzigactie]: !!this.wijzigactie,
                 "dso-accordion-section-activate": showSlideToggle,
-            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h(Handle, { key: '5fc39b91afc542c2638d3f30f9a77366a89f51e6', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, h(HandleElement, { key: '454c5f764bbed3c919ff2d813d5b08b8f9582277', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, showSlideToggle: showSlideToggle, active: this.active, onActiveChange: this.handleActiveChange, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (h(Fragment, null, this.icon && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("dso-renvooi", { value: this.handleTitle }), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" })))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && h("span", { class: "sr-only" }, stateMap[this.status]), h("span", null, h("dso-renvooi", { value: this.handleTitle }), this.isNeutral && (h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-solid" : "info-outline" }))), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("dso-expandable", { key: 'bb68f6fe39f8e0914c820183549053f81291533a', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, h("div", { key: 'a37cff1991f990c39a4dda57e462fb45c9ef031a', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, h("slot", { key: '663e31fa990d6cefcba11fff305f25eaa376c025' })))));
+            }, hidden: !variant, onMouseenter: () => (this.hover = true), onMouseleave: () => (this.hover = false) }, h(Handle, { key: 'c9380a00f6692c074006a9324f8beb4ca9ed3c4c', heading: this.heading, ref: (element) => (this.sectionHeading = element) }, h(HandleElement, { key: 'c6e4dc18f78c64947ab1002911a0dd2221aedccf', handleUrl: this.handleUrl, onClick: this.handleClick, open: this.open, showSlideToggle: showSlideToggle, active: this.active, onActiveChange: this.handleActiveChange, handleElementRef: (e) => (this.handleElementRef = e) }, reverseAlign ? (h(Fragment, null, this.icon && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("span", null, h("dso-renvooi", { value: this.handleTitle }), h("slot", { name: "badge" })), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" })))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.status && h("span", { class: "sr-only" }, stateMap[this.status]), h("span", null, h("dso-renvooi", { value: this.handleTitle }), this.isNeutral && (h("dso-icon", { class: "info-icon", icon: this.open || this.hover ? "info-solid" : "info-outline" })), h("slot", { name: "badge" })), this.label && (h("dso-label", { status: this.labelStatus, compact: true }, this.label)), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.statusDescription && h("span", { class: "dso-status" }, this.statusDescription), h(HandleIcon, { state: this.status, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("dso-expandable", { key: 'fb65ef45b16d050c7a44b9c4ed54c5106bee0f39', class: "dso-section-body", open: this.open, enableAnimation: true, minimumHeight: this.isNeutral ? 0 : 4, onDsoExpandableAnimationStart: this.handleExpandableAnimationStart, onDsoExpandableAnimationEnd: this.handleExpandableAnimationEnd }, h("div", { key: '9be45955f04570b49de58a70f29321cdf2f7818f', class: "dso-section-body-content", ref: (element) => (this.sectionBody = element) }, h("slot", { key: '5316ff6d7696e9980bd5f601ef8c553e2057317d' })))));
     }
     static get is() { return "dso-accordion-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/action-list/action-list.js

@@ -1,7 +1,10 @@
 import { Host, h } from "@stencil/core";
+/**
+ * @slot - A slot for action list items.
+ */
 export class ActionList {
     render() {
-        return (h(Host, { key: '420035c23ceca58542a8d098fa92198bd520563a' }, h("h2", { key: 'd1ddb040ad32fc98eddbbe53f4dc197c644b1102' }, this.listTitle), h("ol", { key: 'a6d98f395738f743d5790bfa39de8ea51ca728bd', class: "dso-action-list-content" }, h("slot", { key: '0e606525e27ee30e69623b1437029e71ecc5dff2' }))));
+        return (h(Host, { key: 'dfe96b219b653bbe07abe788596e5201d979677f' }, h("h2", { key: '0eb6a73564937b25f7751c7dcf1c7adf79a588be' }, this.listTitle), h("ol", { key: '24e9a7a5a5ef0563d37551d014dd2bb183657d9f', class: "dso-action-list-content" }, h("slot", { key: '8cb0d6f7867bc5cbc5f135129782a7ade686bb04' }))));
     }
     static get is() { return "dso-action-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/action-list/components/action-list-item.js

@@ -1,4 +1,7 @@
 import { Host, h } from "@stencil/core";
+/**
+ * @slot - A slot for the main content body placed underneath the item title.
+ */
 export class ActionListItem {
     constructor() {
         /**
@@ -15,10 +18,10 @@ export class ActionListItem {
         this.divider = false;
     }
     render() {
-        return (h(Host, { key: 'b1c3db0071452b989a473547a99d014ba49fdd64', role: "listitem", class: {
+        return (h(Host, { key: '021d59845a21a0a6cc3a6fb00177da37532c39eb', role: "listitem", class: {
                 divider: this.divider,
                 "flow-line": this.flowLine,
-            } }, h("div", { key: '624a01adf7d382fd4951295c6b319becbe43ea9e', class: "dso-action-list-item" }, this.warning ? (h("dso-icon", { icon: "status-warning", "aria-hidden": "true" })) : (h("div", { class: "dso-step-counter", "aria-hidden": "true" }, this.step)), h("div", { key: '5f339ba18a93b07219a1c060a1d9047d2c4d3c76', class: "action-list-item-content" }, h("span", { key: '9c6912432f965af4275ed7c7d3dc8af1c80bc894', class: "sr-only" }, "Stap ", this.step, ": "), this.itemTitle && h("h3", { key: 'aa15b80007456ddd9e5a5bf2e1be2dd64af658c5' }, this.itemTitle), h("slot", { key: 'ea30de8a9146aa22eeb483ef0a55a721cef4ea8d' })))));
+            } }, h("div", { key: '7e2641bf6fc4bd8af6840b5dc5b1ed2e0b9c0fe3', class: "dso-action-list-item" }, this.warning ? (h("dso-icon", { icon: "status-warning", "aria-hidden": "true" })) : (h("div", { class: "dso-step-counter", "aria-hidden": "true" }, this.step)), h("div", { key: '734e4c29664e468e68dd940dfdac6f9a0969b41d', class: "action-list-item-content" }, h("span", { key: '5575eaab75942d9f2af64ced178a8bcf13603e0d', class: "sr-only" }, "Stap ", this.step, ": "), this.itemTitle && h("h3", { key: 'b83a36e54e40ea847e922c0ddbb47ece357978a3' }, this.itemTitle), h("slot", { key: '4d7213d7aaaac80eccef9940ba2d00145aa0621c' })))));
     }
     static get is() { return "dso-action-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/alert/alert.js

@@ -2,6 +2,9 @@ import { Fragment, h } from "@stencil/core";
 import { clsx } from "clsx";
 import { i18n } from "../../utils/i18n";
 import { translations } from "./alert.i18n";
+/**
+ * @slot - A slot for the main content body of the alert message.
+ */
 export class Alert {
     constructor() {
         /**
@@ -15,7 +18,7 @@ export class Alert {
         if (!isValidStatus) {
             console.warn(`Invalid status ${this.status}`);
         }
-        return (h("div", { key: '2f3804fc5cb8af7bb475beb0c1180167e12f0a29', class: clsx("alert", { [`alert-${this.status}`]: isValidStatus }, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, isValidStatus && (h(Fragment, null, !this.compact && (h("dso-icon", { key: '5157d1a6105065c9480eee40949f747d825b6963', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}`, "aria-hidden": "true" })), h("span", { key: '4f0e4edba075e4973828b013e1268d2bebbd2779', class: "sr-only" }, this.text(this.status), ":"))), h("slot", { key: '05793df0001cb3066913c67b1f1873a19e0cd805' }), this.closable && (h("dso-icon-button", { key: 'c662d10b9bcbd003dd3bd19d878c25224a6ef795', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
+        return (h("div", { key: 'd442da267a8983bc71ecd194250fe01f04cd9dab', class: clsx("alert", { [`alert-${this.status}`]: isValidStatus }, { "dso-compact": this.compact }), role: this.roleAlert ? "alert" : undefined }, isValidStatus && (h(Fragment, null, !this.compact && (h("dso-icon", { key: '6961871f69e99c778b7bee28e5fd458b4082eab9', class: "icon-status", icon: `status-${this.status === "info" ? "info-solid" : this.status}`, "aria-hidden": "true" })), h("span", { key: 'd016153d5e46460b68a8ba2d9a73d3e82dc8795e', class: "sr-only" }, this.text(this.status), ":"))), h("slot", { key: 'a5d90a9fd35f9b4178bfa7d13d13b5f52c0f3666' }), this.closable && (h("dso-icon-button", { key: '400cd28d62ff4d709cd9a32bb232a1f55fa5d4c9', label: this.text("close"), variant: "tertiary", icon: "cross", onDsoClick: (e) => this.dsoClose.emit({ originalEvent: e }) }))));
     }
     static get is() { return "dso-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/annotation/annotation-activiteit/annotation-activiteit.js

@@ -4,9 +4,6 @@ import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
 import { AnnotationListRenvooiValues } from "../annotation-list-renvooi-values";
 import { AnnotationSymbolSlot } from "../annotation-symbol-slot";
 import { watcher } from "../annotation-watcher";
-/**
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export class AnnotationActiviteit {
     constructor() {
         this.watcher = watcher(this.host);
@@ -19,7 +16,7 @@ export class AnnotationActiviteit {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: 'aadf536c8cac09a876e043471149bc827591aec4', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '1f1994f6b40d3de640db8b0d31b21954c0ca8fb6', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h("dso-renvooi", { value: this.naam }), data: h(Fragment, null, h("span", { class: "content" }, this.regelKwalificatie && (h(Fragment, null, h("dso-renvooi", { value: this.regelKwalificatie }), " ")), this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `, h(AnnotationListRenvooiValues, { values: this.locatieNoemers })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     static get is() { return "dso-annotation-activiteit"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/annotation/annotation-gebiedsaanwijzing/annotation-gebiedsaanwijzing.js

@@ -3,9 +3,6 @@ import { AnnotationBody } from "../annotation-body";
 import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
 import { AnnotationSymbolSlot } from "../annotation-symbol-slot";
 import { watcher } from "../annotation-watcher";
-/**
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export class AnnotationGebiedsaanwijzing {
     constructor() {
         this.watcher = watcher(this.host);
@@ -18,7 +15,7 @@ export class AnnotationGebiedsaanwijzing {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '00e27fbe56da61452aee7050c7076327e202aa41', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '7977d084eaa970de4f5123ac410679388e1a9327', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.naam })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     static get is() { return "dso-annotation-gebiedsaanwijzing"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/annotation/annotation-locatie/annotation-locatie.js

@@ -3,9 +3,6 @@ import { AnnotationBody } from "../annotation-body";
 import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
 import { AnnotationSymbolSlot } from "../annotation-symbol-slot";
 import { watcher } from "../annotation-watcher";
-/**
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export class AnnotationLocatie {
     constructor() {
         this.watcher = watcher(this.host);
@@ -18,7 +15,7 @@ export class AnnotationLocatie {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '2b422f0518dcf047a46cccdd2772d14beed5d484', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: '31c1814b37b8d5d3f38f4c09d65739bb64e455fa', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("span", { class: "content" }, h("dso-renvooi", { value: this.locatieNoemer })), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     static get is() { return "dso-annotation-locatie"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/annotation/annotation-omgevingsnormwaarde/annotation-omgevingsnormwaarde.js

@@ -4,11 +4,6 @@ import { AnnotationGewijzigdeLocatie } from "../annotation-gewijzigde-locatie";
 import { AnnotationListRenvooiValues } from "../annotation-list-renvooi-values";
 import { AnnotationSymbolSlot } from "../annotation-symbol-slot";
 import { watcher } from "../annotation-watcher";
-/**
- * Dit component wordt voor een Omgevingsnorm en Omgevingswaarde gebruikt.
- *
- * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.
- */
 export class AnnotationOmgevingsnormwaarde {
     constructor() {
         this.watcher = watcher(this.host);
@@ -21,7 +16,7 @@ export class AnnotationOmgevingsnormwaarde {
     }
     render() {
         const hasSymbool = this.watcher.hasSymbool();
-        return (h(AnnotationBody, { key: '50b77235d6190dc04eb44adf97be066d9dab45a1', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("dso-renvooi", { value: this.naam }), this.eenheid && (h(Fragment, null, " ", "(in ", h("dso-renvooi", { value: this.eenheid }), ")"))), data: h(Fragment, null, h("span", { class: "content" }, this.toelichting && h(Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (h(Fragment, null, ": ", h(AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
+        return (h(AnnotationBody, { key: 'fda01fda5064588690297137e76229623341dd8f', symbol: hasSymbool ? h(AnnotationSymbolSlot, null) : undefined, active: this.active || false, dsoActiveChange: this.dsoActiveChange, title: h(Fragment, null, h("dso-renvooi", { value: this.naam }), this.eenheid && (h(Fragment, null, " ", "(in ", h("dso-renvooi", { value: this.eenheid }), ")"))), data: h(Fragment, null, h("span", { class: "content" }, this.toelichting && h(Fragment, null, this.toelichting), this.waardes && this.waardes.length > 0 && (h(Fragment, null, ": ", h(AnnotationListRenvooiValues, { values: this.waardes })))), this.gewijzigdeLocatie && h(AnnotationGewijzigdeLocatie, null)) }));
     }
     static get is() { return "dso-annotation-omgevingsnormwaarde"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/autosuggest/autosuggest.js

@@ -23,6 +23,9 @@ function isFlat(suggestions) {
         suggestions.length > 0 &&
         suggestions.every((suggestion) => suggestion !== undefined && "value" in suggestion && suggestion.value !== undefined));
 }
+/**
+ * @slot - The input element to be enhanced with autosuggest functionality.
+ */
 export class Autosuggest {
     constructor() {
         /**
@@ -505,7 +508,7 @@ export class Autosuggest {
         else if (this.input) {
             this.input.removeAttribute("aria-controls");
         }
-        return (h(Fragment, null, h("slot", { key: 'e61b6aaa76d0051d0db1bf3a526d81be6a34bc4e' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element), _preventFocus: true }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element) }, (flat &&
+        return (h(Fragment, null, h("slot", { key: 'ee666573ff41dd5932180e345fa312eaa69e38f2' }), this.loading && this.showLoading ? (h("div", { class: "autosuggest-progress-box" }, h("dso-progress-indicator", { label: this.loadingLabel }))) : (showListbox && (h(Fragment, null, h("dso-scrollable", { class: "listbox-container", ref: (element) => (this.listboxContainer = element), _preventFocus: true }, h("div", { class: "listbox", role: "listbox", id: this.listboxId, "aria-labelledby": this.labelId, ref: (element) => (this.listbox = element) }, (flat &&
             this.showSuggestions &&
             this.suggestions &&
             this.suggestions.map((suggestion) => (h(Option, { id: this.listboxItemId(suggestion), mouseEnter: () => this.selectSuggestion(suggestion), mouseLeave: () => this.resetSelectedSuggestion(), click: this.onOptionClick, selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))) ||
@@ -517,7 +520,7 @@ export class Autosuggest {
                     return (h("div", { role: "group", class: "group", "aria-labelledby": groupLabelId }, h("div", { class: "group-label", role: "presentation", id: groupLabelId, ref: (element) => element && this.listboxItems.push(element) }, suggestionGroup.groupLabel), suggestionGroup.suggestions.map((suggestion) => (h(Option, { id: this.listboxGroupedItemId(suggestionGroup, suggestion), mouseEnter: () => this.selectSuggestion(suggestion, suggestionGroup), mouseLeave: () => this.resetSelectedSuggestion(), click: this.onOptionClick, selected: (suggestion === this.selectedSuggestion).toString(), suggestion: suggestion, ref: (element) => element && this.listboxItems.push(element), markedSuggestion: this.getMarkedSuggestions(suggestion) })))));
                 })) ||
             (this.notFound && (h("div", { class: "option" }, h("span", { class: "value" }, this.notFoundLabel ||
-                this.showInputValueNotFound(this.text("notFound", { inputValue: this.inputValue }))))))))))), h("div", { key: '8bc3ef5d5fe0cdf375c0d200f383f34340795553', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, showListbox || (this.loading && this.showLoading) ? this.getAutosuggestStatus() : undefined)));
+                this.showInputValueNotFound(this.text("notFound", { inputValue: this.inputValue }))))))))))), h("div", { key: 'da8db85e24f6c3d6e2d66d519dca30f6e8eb0f85', class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }, showListbox || (this.loading && this.showLoading) ? this.getAutosuggestStatus() : undefined)));
     }
     static get is() { return "dso-autosuggest"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/badge/badge.js

@@ -1,6 +1,7 @@
 import { Host, h } from "@stencil/core";
 import { clsx } from "clsx";
-import { positionTooltip } from "../../functional-components/tooltip/position-tooltip.function";
+import { ToggletipController } from "../../functional-components/tooltip/toggletip.controller";
+import { TooltipController } from "../../functional-components/tooltip/tooltip.controller";
 import { Tooltip } from "../../functional-components/tooltip/tooltip.functional-component";
 /**
  * @slot - The message inside the badge.
@@ -9,8 +10,20 @@ import { Tooltip } from "../../functional-components/tooltip/tooltip.functional-
  */
 export class Badge {
     constructor() {
-        this.lastClickTime = 0;
-        this.tooltipShowDelay = 500;
+        this.tooltipController = new TooltipController({
+            getReferenceElement: () => this.buttonElRef,
+            getTipElement: () => this.tooltipElRef,
+            getTipArrowElement: () => this.tooltipArrowElRef,
+            getPlacement: () => "top",
+            showDelay: 500,
+        });
+        this.toggletipController = new ToggletipController({
+            getReferenceElement: () => this.buttonElRef,
+            getTipElement: () => this.toggletipElRef,
+            getTipArrowElement: () => this.toggletipArrowElRef,
+            getRestrictContentElement: () => this.restrictContentElement,
+            getPlacement: () => this.toggletipPlacement,
+        });
         /**
          * The placement of the toggletip on click of the interactive Badge with Toggletip.
          */
@@ -18,38 +31,10 @@ export class Badge {
         this.toggletipActive = false;
         this.hasToggletip = false;
         this.handleShowTooltip = () => {
-            // Don't show the tooltip if the button is clicked within 500ms of the last click
-            if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {
-                return;
-            }
-            this.clearToolTipTimeout();
-            this.tooltipTimeout = window.setTimeout(() => {
-                if (!this.tooltipElRef?.isConnected) {
-                    return;
-                }
-                this.tooltipElRef?.showPopover();
-                if (!this.cleanUpFunctionTooltip && this.buttonElRef && this.tooltipElRef && this.tooltipArrowElRef) {
-                    this.cleanUpFunctionTooltip = positionTooltip({
-                        referenceElement: this.buttonElRef,
-                        tipRef: this.tooltipElRef,
-                        tipArrowRef: this.tooltipArrowElRef,
-                        placementTip: "top",
-                        topPositionSmallViewPort: false,
-                        halfMainAxisOffset: false,
-                        forceVisible: true,
-                    });
-                }
-            }, this.tooltipShowDelay);
+            this.tooltipController.show();
         };
         this.handleHideTooltip = () => {
-            this.clearToolTipTimeout();
-            if (this.tooltipElRef?.isConnected && this.tooltipElRef.matches(":popover-open")) {
-                this.tooltipElRef.hidePopover();
-            }
-            if (this.cleanUpFunctionTooltip) {
-                this.cleanUpFunctionTooltip();
-                this.cleanUpFunctionTooltip = undefined;
-            }
+            this.tooltipController.hide();
         };
         this.keyDownHandler = (event) => {
             if (!this.toggletipActive)
@@ -61,58 +46,21 @@ export class Badge {
         this.focusOutHandler = (event) => {
             if (!this.host.contains(event.relatedTarget)) {
                 this.toggletipActive = false;
-                this.toggletipElRef?.hidePopover();
-            }
-        };
-        this.clearToolTipTimeout = () => {
-            if (this.tooltipTimeout) {
-                clearTimeout(this.tooltipTimeout);
             }
         };
     }
     handleToggle() {
-        this.lastClickTime = Date.now();
+        this.tooltipController.notifyClick();
         this.toggletipActive = !this.toggletipActive;
         this.handleHideTooltip();
     }
-    cleanUpToggletip() {
-        this.cleanUpFunctionToggletip?.();
-        this.cleanUpFunctionToggletip = undefined;
-    }
-    cleanUpTooltip() {
-        this.clearToolTipTimeout();
-        this.cleanUpFunctionTooltip?.();
-        this.cleanUpFunctionTooltip = undefined;
-    }
     componentDidRender() {
         if (!this.hasToggletip) {
-            this.toggletipElRef?.hidePopover();
-            this.cleanUpToggletip();
-            this.cleanUpTooltip();
+            this.tooltipController.hide();
+            this.toggletipController.dispose();
             return;
         }
-        if (!this.cleanUpFunctionToggletip &&
-            this.toggletipActive &&
-            this.buttonElRef &&
-            this.toggletipElRef &&
-            this.toggletipArrowElRef) {
-            this.cleanUpFunctionToggletip = positionTooltip({
-                referenceElement: this.buttonElRef,
-                tipRef: this.toggletipElRef,
-                tipArrowRef: this.toggletipArrowElRef,
-                placementTip: this.toggletipPlacement,
-                restrictContentElement: this.restrictContentElement,
-            });
-        }
-        if (this.cleanUpFunctionToggletip) {
-            if (this.toggletipActive) {
-                this.toggletipElRef?.showPopover();
-            }
-            else {
-                this.toggletipElRef?.hidePopover();
-                this.cleanUpToggletip();
-            }
-        }
+        this.toggletipController.update(this.toggletipActive);
     }
     connectedCallback() {
         this.mutationObserver = new MutationObserver(() => {
@@ -124,13 +72,14 @@ export class Badge {
         });
     }
     disconnectedCallback() {
-        this.cleanUpToggletip();
+        this.toggletipController.dispose();
+        this.tooltipController.dispose();
         this.mutationObserver?.disconnect();
         delete this.mutationObserver;
     }
     render() {
-        return ((this.hasToggletip && (h(Host, { key: '8f56471d80c9118d52956e275dc5ff7ce237da90', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: '0958933c2fa529c9c6cce55165055d7c4dc1ea14', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '6490903670efe4464e7ad245277ed9072ad42743', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: '5b0a207e2a68200df54a48468e230cbe1091e61e' }))), h(Tooltip, { key: '2c4dc90b24bbff89a3b5138c76f526470f3baf49', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '72e2930db3e66ead2daafba967d626eeb0469d03', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'b30417c30e1527e8b2ca91acfdb06522d80aca46', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'afc649587d37a0bba4bfc7dc82337f1c0907e276', name: "toggletip" })))))) ||
-            (!this.hasToggletip && (h("span", { key: '72d0faf68371571cdab19dded4e90fc79944e860', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'd98f3b80cb9441f3f3ccb30b37dac286ed7ced56' })))));
+        return ((this.hasToggletip && (h(Host, { key: '42d1ac080484dc2715b74d35c5282f3967478d27', onKeyDown: this.keyDownHandler, onFocusout: this.focusOutHandler }, h("button", { key: 'e043590d457889fca4a98ce783a17d4e9358c8d0', ref: (el) => (this.buttonElRef = el), type: "button", "aria-label": this.label, class: "toggletip-button", onMouseEnter: this.handleShowTooltip, onMouseLeave: this.handleHideTooltip, onFocus: this.handleShowTooltip, onBlur: this.handleHideTooltip, onClick: () => this.handleToggle() }, h("span", { key: '7f0e34532c0837bc53277186279d01fcfce7ba88', class: clsx("dso-badge", "interactive", { [`badge-${this.status}`]: this.status }, { toggled: this.toggletipActive }) }, h("slot", { key: 'bb7204c453f0d6cd078e973e95b58da506c41710' }))), h(Tooltip, { key: '704344b00cf1f387f9090c4ba9e163697fa5f0b0', tipElementRef: (element) => (this.tooltipElRef = element), tipArrowElementRef: (element) => (this.tooltipArrowElRef = element) }, this.label), h(Tooltip, { key: '709f41ae5e01da24af80ce2483b338e6d77110be', tipElementRef: (element) => (this.toggletipElRef = element), tipArrowElementRef: (element) => (this.toggletipArrowElRef = element) }, h("dso-scrollable", { key: 'b05cf14b78d9b582929f9e44e52eeebef5f00255', ref: (element) => (this.restrictContentElement = element) }, h("slot", { key: 'ff2e0c00c8f0ca7a924d2689370c2be8fc65e787', name: "toggletip" })))))) ||
+            (!this.hasToggletip && (h("span", { key: '71cb4cddd7b542f0dbbf3d528a31049c118dabd5', class: clsx("dso-badge", { [`badge-${this.status}`]: this.status }) }, h("slot", { key: 'b0ac9999257dd171d0f48716d15752225b707c54' })))));
     }
     static get is() { return "dso-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/banner/banner.js

@@ -1,5 +1,8 @@
 import { h } from "@stencil/core";
 import { clsx } from "clsx";
+/**
+ * @slot - Content displayed inside the banner.
+ */
 export class Banner {
     constructor() {
         /**
@@ -20,9 +23,9 @@ export class Banner {
         };
     }
     render() {
-        return (h("section", { key: '106ac9196066d1ff5def3b53f0c5e044da597eae', class: clsx("dso-banner", `alert-${this.status}`, {
+        return (h("section", { key: '7e0d6b1add08c4bb3b55327f4c90eeb7b0037a7a', class: clsx("dso-banner", `alert-${this.status}`, {
                 "dso-compact": this.compact,
-            }), role: "alert" }, h("div", { key: '46dddb7338aafddb2ef131a151f44ebd48171188', class: clsx("banner-inner", { icon: this.icon }) }, (this.icon || !this.compact) && h("dso-icon", { key: 'b9d7a93ef95ed532be66b859ec75ee5321233ace', icon: this.statusIcons[this.status] }), h("slot", { key: '09d91905bcc8bdfb1e29bfad8722a15667a72667' }))));
+            }), role: "alert" }, h("div", { key: '1d32df1c907fa14755b86efd7572dae442d5d941', class: clsx("banner-inner", { icon: this.icon }) }, (this.icon || !this.compact) && h("dso-icon", { key: 'ebe70886a922d92d224045cfdb6b0a6b5a64c490', icon: this.statusIcons[this.status] }), h("slot", { key: '417d883f09f3a3bc2b704dd7aeaf84e3a899af39' }))));
     }
     static get is() { return "dso-banner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/button-group/button-group.js

@@ -1,5 +1,8 @@
 import { forceUpdate, h } from "@stencil/core";
 import { clsx } from "clsx";
+/**
+ * @slot - The buttons or elements to be grouped within the button group.
+ */
 export class ButtonGroup {
     constructor() {
         /**
@@ -27,7 +30,7 @@ export class ButtonGroup {
         return hasMapIconButton || hasMapClass;
     }
     render() {
-        return (h("div", { key: 'c14ecdbcac58f6e145a9de21d300d365790fa986', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: 'e8fa15a41bfe8cd3c2e13aab3e0aab0b629a0c08' })));
+        return (h("div", { key: '0137a811a5dc4a061007ff5b7fe049809edd2937', class: clsx("container", { "has-map-buttons": this.hasMapButton }), role: "group" }, h("slot", { key: '14accee73459a6d1347b915f323695db53d9d671' })));
     }
     static get is() { return "dso-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/card/card.js

@@ -3,7 +3,7 @@ import { isModifiedEvent } from "../../utils/is-modified-event";
 /**
  * @slot selectable - An optional slot to place a `Selectable` in.
  * @slot heading - A  slot to place the title of the card in.
- * @slot interactions - An optional slot for one or more `Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.
+ * @slot interactions - An optional slot for one or more `Button`s, `Icon Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.
  * @slot content - An optional slot to place `Rich Content` in.
  */
 export class Card {
@@ -29,8 +29,8 @@ export class Card {
     }
     render() {
         const isSelectable = this.selectableSlottedElement !== null;
-        return (h(Host, { key: '239305b16722e3ef5d1df2f5a34dc1c8bd6fa941', "is-selectable": isSelectable }, h("div", { key: 'dda09722c769d5a20efb3de4c7d03ef4e676c051', class: "dso-card-container" }, h("div", { key: 'ae42d84176d062922bdaebce517d984f36d3410c', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: '4734836c7971885e8ae84fb919a5aceaa9713f1c', name: "selectable" })), h("div", { key: '67035bf8eeb78bdf5ec00d5d5e63aaeb36600971', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '52ec88ae6644d176b676b38f3b5a3b8a4f18d8fb', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'b0a930073a356cc0a85e99a738f8d37aafbe490e', name: "heading" }), h("dso-icon", { key: '03f039eddd70c41ddb8d95cf133c0917a9073503', icon: "external-link" }), h("span", { key: '63f6fb7bc9ecf562015ae04825f43a8f5885c946', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
-            (this.mode === "download" && (h("a", { key: 'ca38710b591fad28865552b9603dd1e90254535d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '2e85110d0435a74373bcc8c46d2b88e21757e9d4', name: "heading" }), h("dso-icon", { key: '05101c81b6645297f6fe3b37312bc95f6d05c8bf', icon: "download" })))) || (h("a", { key: '6a02cb73fd4cff8d17bdad494fe047a13c93ba85', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'e5631df37f950eefad86d94040b7f0fc0ae720b8', name: "heading" }), h("dso-icon", { key: '05ba6344294489c0c9299490d126906920d173f9', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: '7e92b0ace856f9bcc586040cdd2b1c3eea8ca388', name: "interactions" })), h("div", { key: 'c994ab7a513a7cee91b1f4b236328224c465831f', class: "dso-card-content" }, h("slot", { key: 'ba532ccd9ccaa53dccacb6b5cd392bb042d20fcb', name: "content" })))));
+        return (h(Host, { key: '106df756cd8383136b238be0107f318c7f0b1457', "is-selectable": isSelectable }, h("div", { key: '763de98d5426a7047cf2793ad3acd5b305676884', class: "dso-card-container" }, h("div", { key: 'a2c89ba5a220d7e098193627ab9779f1269874c6', class: "dso-card-selectable", hidden: !isSelectable }, h("slot", { key: 'e2426f5ab8f36d946747befeaae0c435ddbecfdf', name: "selectable" })), h("div", { key: 'cc1051b1898c35d48a4337215b785fae6198c0a4', class: "dso-card-heading" }, (this.mode === "extern" && (h("a", { key: '48d1e463fe1c4bca63be68f4987106c3a9e8fa71', href: this.href, class: "heading-anchor", target: "_blank", rel: "noopener noreferrer", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'bdf715e2cf039ba2ba298b91b7d2dce2ee8a06c9', name: "heading" }), h("dso-icon", { key: 'cf42631e919b44eef3485c44e3fadfea559596c2', icon: "external-link" }), h("span", { key: 'dd25289f8e82d50106f89023ab8b44d106e8106b', class: "sr-only" }, "(Opent andere website in nieuw tabblad)")))) ||
+            (this.mode === "download" && (h("a", { key: '43eb6d4e7d7ae31d2b15f7191be77011b1599374', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: 'ff25a6a15671b0bd35be220791ed66f4bd419a7a', name: "heading" }), h("dso-icon", { key: '018c727bfdcd9b3a8be760328852fd5e631b2183', icon: "download" })))) || (h("a", { key: '02745c8de0b89a53959a53af6438d91a5c62933d', href: this.href, class: "heading-anchor", onClick: (e) => this.clickEventHandler(e) }, h("slot", { key: '39873da8243d03be0dfd5bc8c38e023382d0aef2', name: "heading" }), h("dso-icon", { key: 'f52a560ae21f299d5b1e87c0938282f3cb533f49', icon: "chevron-right" }))), this.interactionsSlottedElement !== null && h("slot", { key: 'd4a0e4f23487f6afb53e4062261ff4af028965a2', name: "interactions" })), h("div", { key: '7206aa3d66eed29fe5e821c9446ee8a54a39d99d', class: "dso-card-content" }, h("slot", { key: '7d2d9caf4da500c922a69e89eabce1422229acf9', name: "content" })))));
     }
     static get is() { return "dso-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/card-container/card-container.css

@@ -29,4 +29,9 @@
   :host .dso-card-grid {
     grid-template-columns: repeat(3, 1fr);
   }
+}
+
+:host(:last-child) .dso-card-list {
+  border-block-end: var(--_dso-card-container-list-border-block-end, 1px solid #ccc);
+  margin-block-end: var(--_dso-card-container-list-margin-block-end, 1em);
 }

package/dist/collection/components/card-container/card-container.js

@@ -1,4 +1,7 @@
 import { Fragment, h } from "@stencil/core";
+/**
+ * @slot - Cards to be displayed inside the container.
+ */
 export class CardContainer {
     constructor() {
         /**
@@ -7,7 +10,7 @@ export class CardContainer {
         this.mode = "list";
     }
     render() {
-        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: 'f8989755883a9c9c965a88756a6469684ca18cbc', class: "dso-card-list" }, h("slot", { key: '0c51362a275089916ae2ba11da1d850296869ff2' }))), this.mode === "grid" && (h("div", { key: '7f17c3ba5ef29157b52355b3a6f59418bbafc29f', class: "dso-card-grid" }, h("slot", { key: '3a94cef7389c8dfdf2761a858c1405ed2df10258' })))));
+        return (h(Fragment, null, this.mode === "list" && (h("ul", { key: 'd52f21b49b9b943187b6a73e55ca681ec96deb73', class: "dso-card-list" }, h("slot", { key: '219cf186ffb995e18a8275d640abc7ce1aa13baa' }))), this.mode === "grid" && (h("div", { key: 'cfa849d6de6f6675ad6e2d27b38d00cf072e090c', class: "dso-card-grid" }, h("slot", { key: '8d1c379c89bd3ee4e720dc93e26b3dd901b67db4' })))));
     }
     static get is() { return "dso-card-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/cursor-tooltip/cursor-tooltip.js

@@ -1,7 +1,10 @@
 import { Host, h } from "@stencil/core";
+/**
+ * @slot - Content to be displayed inside the cursor tooltip.
+ */
 export class CursorTooltip {
     render() {
-        return (h(Host, { key: '347627ca492963e1ab8a2e8cb74d75d757d524aa', class: "dso-cursor-tooltip" }, h("slot", { key: '6e7fd839fcf3f7ac9dd608598de54f4f4cb3ae06' })));
+        return (h(Host, { key: '50c4a5c22b73e08041720bdbe89e59255df98bc2', class: "dso-cursor-tooltip" }, h("slot", { key: '9b97e4490cac3a9cf6893eed6b786adbe88fed11' })));
     }
     static get is() { return "dso-cursor-tooltip"; }
     static get encapsulation() { return "shadow"; }