@dso-toolkit/core 100.3.0 → 100.4.0

package/dist/bundle/{p-CiFTQ7lb.js → p-DtUeWj74.js}

@@ -3,7 +3,7 @@ const BUILD = /* dso-toolkit */ { allRenderFn: true, appendChildSlotFix: false,
 const Env = /* dso-toolkit */ {};
 
 /*
- Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -140,7 +140,9 @@ var setErrorHandler = (handler) => customError = handler;
 
 // src/client/client-load-module.ts
 var cmpModules = /* @__PURE__ */ new Map();
+var failedLoadAttempts = /* @__PURE__ */ new Map();
 var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  var _a;
   const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
   const bundleId = cmpMeta.$lazyBundleId$;
   if (BUILD.isDev && typeof bundleId !== "string") {
@@ -155,21 +157,28 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   if (module) {
     return module[exportName];
   }
+  const retryCount = (_a = failedLoadAttempts.get(bundleId)) != null ? _a : 0;
+  const cacheBustParams = [
+    retryCount > 0 ? `s-retry=${retryCount}` : "",
+    BUILD.hotModuleReplacement && hmrVersionId ? `s-hmr=${hmrVersionId}` : ""
+  ].filter(Boolean).join("&");
   /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
   return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${BUILD.hotModuleReplacement && hmrVersionId ? "?s-hmr=" + hmrVersionId : ""}`
+    `./${bundleId}.entry.js${cacheBustParams ? "?" + cacheBustParams : ""}`
   ).then(
     (importedModule) => {
       if (!BUILD.hotModuleReplacement) {
+        failedLoadAttempts.delete(bundleId);
         cmpModules.set(bundleId, importedModule);
       }
       return importedModule[exportName];
     },
     (e) => {
+      failedLoadAttempts.set(bundleId, retryCount + 1);
       consoleError(e, hostRef.$hostElement$);
     }
   );
@@ -200,6 +209,8 @@ var DEFAULT_DOC_DATA = {
 };
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var MAX_LAZY_LOAD_RETRIES = 3;
+var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
 var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
   "formAssociatedCallback",
   "formResetCallback",
@@ -259,6 +270,10 @@ var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
 var queueDomWritesLow = [];
+var scheduleFlush = () => {
+  var _a;
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+};
 var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
   if (!queuePending) {
@@ -266,7 +281,7 @@ var queueTask = (queue, write) => (cb) => {
     if (write && plt.$flags$ & 4 /* queueSync */) {
       nextTick(flush);
     } else {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -310,14 +325,14 @@ var flush = () => {
       queueDomWrites.length = 0;
     }
     if (queuePending = queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length > 0) {
-      plt.raf(flush);
+      scheduleFlush();
     } else {
       queueCongestion = 0;
     }
   } else {
     consume(queueDomWrites);
     if (queuePending = queueDomReads.length > 0) {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -402,7 +417,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
   }
   return slottedNodes;
 }
@@ -749,13 +764,13 @@ var patchChildSlotNodes = (elm) => {
   patchHostOriginalAccessor("firstChild", elm);
   Object.defineProperty(elm, "firstChild", {
     get() {
-      return this.childNodes[0];
+      return this.childNodes[0] || null;
     }
   });
   patchHostOriginalAccessor("lastChild", elm);
   Object.defineProperty(elm, "lastChild", {
     get() {
-      return this.childNodes[this.childNodes.length - 1];
+      return this.childNodes[this.childNodes.length - 1] || null;
     }
   });
   patchHostOriginalAccessor("childNodes", elm);
@@ -786,7 +801,7 @@ var patchNextSibling = (node) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index + 1];
+        return parentNodes[index + 1] || null;
       }
       return this.__nextSibling;
     }
@@ -801,7 +816,7 @@ var patchNextElementSibling = (element) => {
       const parentEles = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
       const index = parentEles == null ? void 0 : parentEles.indexOf(this);
       if (parentEles && index > -1) {
-        return parentEles[index + 1];
+        return parentEles[index + 1] || null;
       }
       return this.__nextElementSibling;
     }
@@ -816,7 +831,7 @@ var patchPreviousSibling = (node) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousSibling;
     }
@@ -831,7 +846,7 @@ var patchPreviousElementSibling = (element) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousElementSibling;
     }
@@ -1150,10 +1165,15 @@ var h = (nodeName, vnodeData, ...children) => {
       } else if (child != null && typeof child !== "boolean") {
         if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
           child = String(child);
-        } else if (BUILD.isDev && typeof nodeName !== "function" && child.$flags$ === void 0) {
-          consoleDevError(`vNode passed as children has unexpected type.
+        } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
+          if (BUILD.isDev) {
+            consoleDevError(`vNode passed as children has unexpected type.
 Make sure it's using the correct h() function.
 Empty objects can also be the cause, look for JSX comments that became objects.`);
+          } else {
+            consoleError("Invalid vNode child");
+          }
+          continue;
         }
         if (simple && lastSimple) {
           vNodeChildren[vNodeChildren.length - 1].$text$ += child;
@@ -2423,7 +2443,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       }
     }
     if (newValue == null || newValue === false) {
-      if (newValue !== false || elm.getAttribute(memberName) === "") {
+      if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
         if (BUILD.vdomXlink && xlink) {
           elm.removeAttributeNS(XLINK_NS, memberName);
         } else {
@@ -2440,6 +2460,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   }
 };
+var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
+var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
 var parseClassListRegex = /\s/;
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
@@ -2851,7 +2873,10 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
+        // `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
+        // would trivially "match" on every re-render and force pointless re-insertion.
+        (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -2924,7 +2949,7 @@ var insertBefore = (parent, newNode, reference, isInitialLoad) => {
       return newNode;
     }
   }
-  if (parent != null && parent.__insertBefore) {
+  if (BUILD.slotRelocation && (parent == null ? void 0 : parent.__insertBefore)) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -3127,7 +3152,7 @@ var attachToAncestor = (hostRef, ancestorComponent) => {
   }
 };
 var scheduleUpdate = (hostRef, isInitialLoad) => {
-  if (BUILD.taskQueue && BUILD.updatable) {
+  if (BUILD.updatable) {
     hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
   }
   if (BUILD.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {
@@ -3197,7 +3222,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
   if (BUILD.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   if (BUILD.hydrateServerSide) {
     await callRender(hostRef, instance, elm, isInitialLoad);
@@ -3206,7 +3231,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   if (BUILD.isDev) {
     hostRef.$renderCount$ = hostRef.$renderCount$ === void 0 ? 1 : hostRef.$renderCount$ + 1;
-    hostRef.$flags$ &= -1025 /* devOnRender */;
+    hostRef.$flags$ &= -2049 /* devOnRender */;
   }
   if (BUILD.hydrateServerSide) {
     try {
@@ -3246,12 +3271,11 @@ var renderingRef = null;
 var callRender = (hostRef, instance, elm, isInitialLoad) => {
   const allRenderFn = BUILD.allRenderFn ? true : false;
   const lazyLoad = BUILD.lazyLoad ? true : false;
-  const taskQueue = BUILD.taskQueue ? true : false;
   const updatable = BUILD.updatable ? true : false;
   try {
     renderingRef = instance;
     instance = allRenderFn ? instance.render() : instance.render && instance.render();
-    if (updatable && taskQueue) {
+    if (updatable) {
       hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
     }
     if (updatable || lazyLoad) {
@@ -3287,11 +3311,11 @@ var postUpdateComponent = (hostRef) => {
   const instance = BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
   const ancestorComponent = hostRef.$ancestorComponent$;
   if (BUILD.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   safeCall(instance, "componentDidRender", void 0, elm);
   if (BUILD.isDev) {
-    hostRef.$flags$ &= -1025 /* devOnRender */;
+    hostRef.$flags$ &= -2049 /* devOnRender */;
   }
   emitLifecycleEvent(elm, "componentDidRender");
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
@@ -3300,11 +3324,11 @@ var postUpdateComponent = (hostRef) => {
       addHydratedFlag(elm);
     }
     if (BUILD.isDev) {
-      hostRef.$flags$ |= 2048 /* devOnDidLoad */;
+      hostRef.$flags$ |= 4096 /* devOnDidLoad */;
     }
     safeCall(instance, "componentDidLoad", void 0, elm);
     if (BUILD.isDev) {
-      hostRef.$flags$ &= -2049 /* devOnDidLoad */;
+      hostRef.$flags$ &= -4097 /* devOnDidLoad */;
     }
     emitLifecycleEvent(elm, "componentDidLoad");
     endPostUpdate();
@@ -3316,11 +3340,11 @@ var postUpdateComponent = (hostRef) => {
     }
   } else {
     if (BUILD.isDev) {
-      hostRef.$flags$ |= 1024 /* devOnRender */;
+      hostRef.$flags$ |= 2048 /* devOnRender */;
     }
     safeCall(instance, "componentDidUpdate", void 0, elm);
     if (BUILD.isDev) {
-      hostRef.$flags$ &= -1025 /* devOnRender */;
+      hostRef.$flags$ &= -2049 /* devOnRender */;
     }
     emitLifecycleEvent(elm, "componentDidUpdate");
     endPostUpdate();
@@ -3452,7 +3476,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       }
     }
     if (BUILD.isDev) {
-      if (hostRef.$flags$ & 1024 /* devOnRender */) {
+      if (hostRef.$flags$ & 2048 /* devOnRender */) {
         consoleDevWarn(
           `The state/prop "${propName}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,
           "\nElement",
@@ -3462,7 +3486,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
           "\nOld value",
           oldVal
         );
-      } else if (hostRef.$flags$ & 2048 /* devOnDidLoad */) {
+      } else if (hostRef.$flags$ & 4096 /* devOnDidLoad */) {
         consoleDevWarn(
           `The state/prop "${propName}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,
           "\nElement",
@@ -3510,6 +3534,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 };
 
 // src/runtime/proxy-component.ts
+var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
@@ -3721,7 +3746,13 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
+          const propMemberFlags = propFlags ? propFlags[1][0] : 0;
+          const isBooleanTarget = propMemberFlags & 4 /* Boolean */;
+          if (BUILD.reflect && propMemberFlags & 512 /* ReflectAttr */ && propMemberFlags & 8 /* Any */ && // a complex value is never written to an attribute, so a change while the prop holds
+          // one is always external
+          !isComplexType(this[propName]) && reflectedAttrValue(this[propName]) === newValue) {
+            return;
+          }
           const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
           if (isBooleanTarget) {
             newValue = newValue === null || newValue === "false" ? false : true;
@@ -3753,10 +3784,12 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
 
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  var _a;
   let Cstr;
   try {
     if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
       hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      hostRef.$flags$ &= -1025 /* hasFailedLoad */;
       const bundleId = cmpMeta.$lazyBundleId$;
       if (BUILD.lazyLoad && bundleId) {
         const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
@@ -3771,6 +3804,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
           Cstr = CstrImport;
         }
         if (!Cstr) {
+          hostRef.$flags$ &= -33 /* hasInitializedComponent */;
+          hostRef.$loadRetryCount$ = ((_a = hostRef.$loadRetryCount$) != null ? _a : 0) + 1;
+          if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
+            hostRef.$flags$ |= 1024 /* hasFailedLoad */;
+          }
           throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
         }
         if (BUILD.member && !Cstr.isProxied) {
@@ -3848,7 +3886,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
     }
-    if (BUILD.asyncLoading && hostRef.$onReadyResolve$) {
+    if (BUILD.asyncLoading && hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
       hostRef.$onReadyResolve$(elm);
     }
   }
@@ -3920,6 +3958,8 @@ var connectedCallback = (elm) => {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
+        setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
@@ -3975,6 +4015,9 @@ var defineCustomElement = (Cstr, compactMeta) => {
   );
 };
 var proxyCustomElement = (Cstr, compactMeta) => {
+  if (BUILD.profile && performance.mark && performance.getEntriesByName("st:app:start", "mark").length === 0) {
+    performance.mark("st:app:start");
+  }
   const cmpMeta = {
     $flags$: compactMeta[0],
     $tagName$: compactMeta[1]
@@ -4217,7 +4260,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         disconnectedCallback() {
           plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
+          nextTick(() => {
             var _a3;
             const hostRef = getHostRef(this);
             if (!hostRef) {

package/dist/bundle/{p-ZSFwKURq.js → p-Dtkoi4Xj.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, f as forceUpdate, h, t as transformTag } from './p-CiFTQ7lb.js';
+import { p as proxyCustomElement, H, f as forceUpdate, h, t as transformTag } from './p-DtUeWj74.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 
 const buttonGroupCss = () => `*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}.container{display:inline-flex;border-radius:4px}.container.has-map-buttons{box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ccc;gap:1px;--_dso-icon-button-map-box-shadow:0}::slotted(*){margin:0 !important}:host([direction=row]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-end-start-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-end-start-radius:0}:host([direction=row]) ::slotted(:not(:last-child)){border-start-end-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-start-end-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-inline-end-width:0}:host([direction=row]) ::slotted(.dso-secondary){margin-inline-start:-1px !important}:host([direction=column]) .container{flex-direction:column}:host([direction=column]) ::slotted(*){text-align:center !important}:host([direction=column]) ::slotted(:not(:first-child)){border-start-start-radius:0 !important;border-start-end-radius:0 !important;--_dso-icon-button-border-start-start-radius:0;--_dso-icon-button-border-start-end-radius:0}:host([direction=column]) ::slotted(:not(:last-child)){border-end-start-radius:0 !important;border-end-end-radius:0 !important;--_dso-icon-button-border-end-start-radius:0;--_dso-icon-button-border-end-end-radius:0;--_dso-icon-button-border-block-end-width:0}:host([direction=column]) ::slotted(.dso-secondary){margin-block-start:-1px !important}::slotted(:focus-visible){z-index:1 !important}::slotted(.dso-map){box-shadow:none !important}`;
@@ -35,7 +35,7 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
         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' })));
     }
     get host() { return this; }
     static get style() { return buttonGroupCss(); }

package/dist/bundle/{p-DjR55R0Z.js → p-d1IkgLLm.js}

@@ -1,4 +1,4 @@
-import { h } from './p-CiFTQ7lb.js';
+import { h } from './p-DtUeWj74.js';
 
 const WrapWijzigactie = ({ wijzigactie, class: className }, children) => {
     if (wijzigactie === "voegtoe") {

package/dist/bundle/{p-GK7sI8Gb.js → p-uUZVT-Ex.js}

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-CiFTQ7lb.js';
+import { p as proxyCustomElement, H, d as createEvent, h, t as transformTag } from './p-DtUeWj74.js';
 import { c as clsx } from './p-ChV9xqsO.js';
 
-const scrollableCss = () => `:host{display:block;block-size:100%;overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
+const scrollableCss = () => `:host{display:block;block-size:var(--_dso-scrollable-block-size, 100%);overflow-y:hidden;border-radius:var(--_dso-scrollable-border-radius, 0)}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:hidden;padding-inline:var(--_dso-scrollable-container-padding-inline, 0);padding-block:var(--_dso-scrollable-container-padding-block, 0);border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1;border-end-start-radius:var(--_dso-scrollable-container-border-end-start-radius, 0);border-end-end-radius:var(--_dso-scrollable-container-border-end-end-radius, 0)}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom,.dso-shadow-container .dso-scroll-container.dso-scroll-top,.dso-shadow-container .dso-scroll-container.dso-scroll-middle{overflow-y:auto}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}`;
 
 // Accumulate resized targets in a Set and flush once per animation frame.
 const pendingTargets = new Set();
@@ -115,9 +115,9 @@ const Scrollable = /*@__PURE__*/ proxyCustomElement(class Scrollable extends H {
         this.slottedElements.forEach((element) => resizeObserver.unobserve(element));
     }
     render() {
-        return (h("div", { key: 'ba20c551e9039dfaf75e22f3aa2a0c830fc37190', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: '7740920d51a271d395c5f1ef27edff8eb0bc24ed', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
+        return (h("div", { key: '274bcedecaffc230d15a2fa9269dc0c642f80a8b', ref: (el) => (this.shadowContainerDiv = el), class: "dso-shadow-container" }, h("div", { key: 'e3bd6322a428e44451c1d50368ae51f58e7edc18', ref: (el) => (this.scrollContainerDiv = el), class: clsx("dso-scroll-container", {
                 [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== "noScroll",
-            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, h("slot", { key: 'ecce8833067ef456a5d998cb387ef0cd40aff02a' }))));
+            }), onScroll: () => this._setScrollState(), tabIndex: this._preventFocus ? -1 : undefined }, h("slot", { key: 'f98ac76b8e6c297ac747eb8cd541d6c22da582cc' }))));
     }
     get host() { return this; }
     static get style() { return scrollableCss(); }

package/dist/bundle/{p-CCOI5nUo.js → p-xDSTG4OU.js}

@@ -918,6 +918,10 @@ class LanguageUtil {
     this.options = options;
     this.supportedLngs = this.options.supportedLngs || false;
     this.logger = baseLogger.create('languageUtils');
+    this.resolveHierarchyCache = {};
+  }
+  clearCache() {
+    this.resolveHierarchyCache = {};
   }
   getScriptPartFromCode(code) {
     code = getCleanedCode(code);
@@ -998,6 +1002,25 @@ class LanguageUtil {
     return found || [];
   }
   toResolveHierarchy(code, fallbackCode) {
+    const fallbackLng = this.options.fallbackLng;
+    const fallbackLngKey = Array.isArray(fallbackLng) ? fallbackLng.join('|') : fallbackLng;
+    if (fallbackLngKey !== this._cachedFallbackLng) {
+      this.resolveHierarchyCache = {};
+      this._cachedFallbackLng = fallbackLngKey;
+    }
+    const hasCacheableFallback = fallbackCode === undefined || fallbackCode === false || isString(fallbackCode);
+    const usesUncacheableOptionsFallback = fallbackCode === undefined && typeof this.options.fallbackLng === 'function';
+    const cacheable = isString(code) && hasCacheableFallback && !usesUncacheableOptionsFallback;
+    let cacheKey = null;
+    if (cacheable) {
+      let fallbackCacheKey;
+      if (fallbackCode === undefined) fallbackCacheKey = 'undefined';else if (fallbackCode === false) fallbackCacheKey = 'boolean:false';else fallbackCacheKey = `string:${fallbackCode}`;
+      cacheKey = `${code.length}:${code}|${fallbackCacheKey}`;
+    }
+    if (cacheKey !== null) {
+      const cached = this.resolveHierarchyCache[cacheKey];
+      if (cached !== undefined) return cached.slice();
+    }
     const fallbackCodes = this.getFallbackCodes((fallbackCode === false ? [] : fallbackCode) || this.options.fallbackLng || [], code);
     const codes = [];
     const addCode = c => {
@@ -1018,6 +1041,10 @@ class LanguageUtil {
     fallbackCodes.forEach(fc => {
       if (!codes.includes(fc)) addCode(this.formatLanguageCode(fc));
     });
+    if (cacheKey !== null) {
+      this.resolveHierarchyCache[cacheKey] = codes;
+      return codes.slice();
+    }
     return codes;
   }
 }
@@ -1294,7 +1321,7 @@ class Interpolator {
           interpolationkey: match[1].trim()
         }), value.trim());
       }
-      str = str.replace(match[0], value);
+      str = str.replace(match[0], regexSafe(makeString(value)));
       this.regexp.lastIndex = 0;
     }
     return str;

package/dist/cjs/{annotation-body-H_YdGRBP.js → annotation-body-CCYWAvBu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 
 const AnnotationBody = ({ symbol, title, data, active, dsoActiveChange, }) => (index.h("div", { class: "annotation-body" }, symbol && index.h("div", { class: "annotation-symbol" }, symbol), index.h("div", { class: "annotation-info" }, index.h("p", { class: "annotation-title" }, title), data && index.h("p", { class: "annotation-data" }, data)), dsoActiveChange && (index.h("div", { class: "annotation-control" }, index.h("dso-slide-toggle", { accessibleLabel: "Toon op kaart", checked: active, onDsoActiveChange: (e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e }) })))));
 

package/dist/cjs/{annotation-list-renvooi-values-DnvYPhrD.js → annotation-list-renvooi-values-UnGybDbb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 
 const AnnotationListRenvooiValues = ({ values }) => {
     return (index.h(index.Fragment, null, values?.map((v, i) => (index.h(index.Fragment, null, i > 0 && ", ", index.h("dso-renvooi", { value: v }))))));

package/dist/cjs/{annotation-watcher-DXLGEmn8.js → annotation-watcher-D9lm8RSy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 
 const AnnotationGewijzigdeLocatie = () => (index.h("dso-label", { class: "gewijzigde-locatie", status: "warning", compact: true }, "gewijzigde locatie"));