@dso-toolkit/core 100.3.1 → 100.4.0

package/dist/cjs/dso-viewer-grid.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var index$1 = require('./index-DMUCyuUA.js');
 
@@ -217,9 +217,9 @@ const ViewerGrid = class {
     }
     render() {
         const tabs = viewerGridTabs.filter((tab) => tab !== "document" || this.documentPanelOpen);
-        return (index.h(index.Fragment, { key: 'c85d4274d1a9aba5a285d833f52fb0ad68911b25' }, index.h("slot", { key: 'c5a356770b7f516d71374c03068dd1f3f9065f33', name: "top-bar" }), index.h("div", { key: 'a5cee3ba2b72f2d0f5cea52cbc7223f060f2dd28', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '3b31f7dc2e64f3627b57dc311ff0ca0734aab160', class: "dso-navbar" }, index.h("ul", { key: '8b1ba2ea7e594cee26eef1f9a7a49507b8a2bbc2', class: "dso-nav dso-nav-sub" }, tabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (index.h(MainPanel, { key: '44a5bec90b78114a2893e16f64e14c71a9fb6887', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.tabView ? false : this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (index.h("div", { key: '098f18a60f5d25015756f7c989eb03dd61313b9b', class: "map-area" }, index.h("div", { key: 'e18af6341c8743e3876dddbdb92cf697df2eec2e', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: 'd1815a24fe67a4a6ea81954743aac35fb6dc8ec2', name: "map" })), index.h("slot", { key: '85d63cc24dbfe96834e0dbca45afe28086f65cd4', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
+        return (index.h(index.Fragment, { key: '6d9277b4004149dcb3858574a8a82af20d66ab3f' }, index.h("slot", { key: 'f147112c65bcbc87e9380756b53e4895a7d7d244', name: "top-bar" }), index.h("div", { key: 'b0f1cc547756c349a450751969ec4c9b7d906b06', class: "viewer-grid-columns" }, this.tabView && (index.h("nav", { key: '41bd44f717513b28bf2d2452c6167ff9e8be7ef0', class: "dso-navbar" }, index.h("ul", { key: '559d612bebddeeaba5d5967874efd8138fcd7171', class: "dso-nav dso-nav-sub" }, tabs.map((tab) => (index.h("li", { key: tab, class: clsx.clsx({ "dso-active": this.activeTab === tab }) }, index.h("button", { type: "button", class: "dso-tertiary", "aria-current": this.activeTab === tab ? "page" : undefined, onClick: () => this.switchActiveTab(tab) }, viewerGridTabLabelMap[tab]))))))), (!this.tabView || (this.tabView && this.activeTab === "search") || this.print) && (index.h(MainPanel, { key: 'eccbdaa6599ea2d1ab89a56c3b4b18a08864e3bf', tabView: this.tabView, mainSize: this.mainSize, documentPanelOpen: this.documentPanelOpen, mainPanelExpanded: this.mainPanelExpanded, mainPanelHidden: this.tabView ? false : this.mainPanelHidden, toggleMainPanel: this.toggleMainPanel, dsoMainSizeChangeAnimationEnd: this.dsoMainSizeChangeAnimationEnd, printFilterPanel: !this.tabView && this.filterPanelOpen && this.print ? this.renderFilterPanel() : undefined })), (!this.tabView || (this.tabView && this.activeTab === "search")) && !this.print && this.renderFilterPanel(), (!this.tabView || (this.tabView && this.activeTab === "map") || this.print) && (index.h("div", { key: '30f9f266b45dc388dff9acd5c823251cc61a845b', class: "map-area" }, index.h("div", { key: '109d0e4a900eeb73bcfc6010adca2ebff19045b0', class: "map", ref: (element) => (this.mapElement = element) }, index.h("slot", { key: 'eed36839ef0420e970f50671c6df5bcf350d41a9', name: "map" })), index.h("slot", { key: 'ef40b89cbd1bce703de261748ad5bdc2ed21b5fb', name: "legend" }))), ((!this.tabView && this.documentPanelOpen) ||
             (this.tabView && this.activeTab === "document" && this.documentPanelOpen) ||
-            this.print) && (index.h(DocumentPanel, { key: '0aef1d3dc9ce5bedd453cf28e31abbbece9bd64b', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: '9f483f77a593bce5a4cc543f2c18e3825eaee6f9', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
+            this.print) && (index.h(DocumentPanel, { key: '4489619e0bd57c813cb75ac4e498d77c378e1468', tabView: this.tabView, panelSize: this.documentPanelSize, shrinkDocumentPanel: this.shrinkDocumentPanel, expandDocumentPanel: this.expandDocumentPanel, dsoDocumentPanelSizeChangeAnimationEnd: this.dsoDocumentPanelSizeChangeAnimationEnd })), index.h(Overlay, { key: '47505c483c7dfa87d3f1845cd168cfc830cb9270', ref: (element) => (this.overlay = element), dsoCloseOverlay: (e) => this.dsoCloseOverlay.emit({ originalEvent: e }) }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dsot-document-component-demo.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 
 /**

package/dist/cjs/{i18n-DH0Su3jj.js → i18n-Bzut_vVm.js}

@@ -920,6 +920,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);
@@ -1000,6 +1004,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 => {
@@ -1020,6 +1043,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;
   }
 }
@@ -1296,7 +1323,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/{index-CfwUrDXc.js → index-BBx5yytN.js}

@@ -5,7 +5,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 = {
@@ -142,7 +142,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") {
@@ -157,21 +159,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$);
     }
   );
@@ -202,6 +211,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",
@@ -261,6 +272,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) {
@@ -268,7 +283,7 @@ var queueTask = (queue, write) => (cb) => {
     if (write && plt.$flags$ & 4 /* queueSync */) {
       nextTick(flush);
     } else {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -312,14 +327,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();
     }
   }
 };
@@ -404,7 +419,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;
 }
@@ -751,13 +766,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);
@@ -788,7 +803,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;
     }
@@ -803,7 +818,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;
     }
@@ -818,7 +833,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;
     }
@@ -833,7 +848,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;
     }
@@ -1152,10 +1167,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;
@@ -2425,7 +2445,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 {
@@ -2442,6 +2462,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) {
@@ -2853,7 +2875,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;
@@ -2926,7 +2951,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);
@@ -3129,7 +3154,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 */) {
@@ -3199,7 +3224,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);
@@ -3208,7 +3233,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 {
@@ -3248,12 +3273,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) {
@@ -3289,11 +3313,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 */)) {
@@ -3302,11 +3326,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();
@@ -3318,11 +3342,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();
@@ -3454,7 +3478,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",
@@ -3464,7 +3488,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",
@@ -3512,6 +3536,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;
@@ -3723,7 +3748,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;
@@ -3755,10 +3786,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);
@@ -3773,6 +3806,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) {
@@ -3850,7 +3888,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);
     }
   }
@@ -3922,6 +3960,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));
       }
@@ -3977,6 +4017,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]
@@ -4219,7 +4262,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         disconnectedCallback() {
           plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
+          nextTick(() => {
             var _a3;
             const hostRef = getHostRef(this);
             if (!hostRef) {

package/dist/cjs/{index-EngjN4P3.js → index-DZPLxT1W.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 
 const appendToMap = (map, refsByValue, propName, value) => {
     let ref = refsByValue.get(value);

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{parse-wijzigactie-from-node.function-B2dUQ7Rf.js → parse-wijzigactie-from-node.function-CYUDdIa0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 
 const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
     const result = mark(text);

package/dist/cjs/toggletip.controller-BB-Voe-Z.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var positionTooltip_function = require('./position-tooltip.function-DCOaqlbY.js');
+
+/**
+ * Shared controller for the positioning, showing, and hiding of a Toggletip.
+ */
+class ToggletipController {
+    constructor(options) {
+        this.options = options;
+    }
+    /**
+     * 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) {
+        const tipRef = this.options.getTipElement();
+        if (!this.cleanUpFunction && active) {
+            const referenceElement = this.options.getReferenceElement();
+            const tipArrowRef = this.options.getTipArrowElement();
+            if (referenceElement && tipRef && tipArrowRef) {
+                this.cleanUpFunction = positionTooltip_function.positionTooltip({
+                    referenceElement,
+                    tipRef,
+                    tipArrowRef,
+                    placementTip: this.options.getPlacement(),
+                    restrictContentElement: this.options.getRestrictContentElement?.(),
+                });
+            }
+        }
+        if (this.cleanUpFunction) {
+            if (active) {
+                tipRef?.showPopover();
+            }
+            else {
+                if (tipRef?.isConnected && tipRef.matches(":popover-open")) {
+                    tipRef?.hidePopover();
+                }
+                this.cleanUpToggletip();
+            }
+        }
+    }
+    dispose() {
+        this.cleanUpToggletip();
+    }
+    cleanUpToggletip() {
+        this.cleanUpFunction?.();
+        this.cleanUpFunction = undefined;
+    }
+}
+/**
+ * Determines whether an event originated outside `host`, based on `event.composedPath()`.
+ * Used for outside-dismiss handling of a Toggletip.
+ */
+function isEventOutside(host, event) {
+    return !event.composedPath().includes(host);
+}
+
+exports.ToggletipController = ToggletipController;
+exports.isEventOutside = isEventOutside;

package/dist/cjs/tooltip.controller-Cvac0qe3.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var positionTooltip_function = require('./position-tooltip.function-DCOaqlbY.js');
+
+/**
+ * Shared controller for the positioning, showing, and hiding of a Tooltip.
+ */
+class TooltipController {
+    constructor(options) {
+        this.options = options;
+        this.lastClickTime = 0;
+        this.doShow = () => {
+            const tipRef = this.options.getTipElement();
+            if (!tipRef?.isConnected) {
+                return;
+            }
+            tipRef.showPopover();
+            if (!this.cleanUpFunction) {
+                const referenceElement = this.options.getReferenceElement();
+                const tipArrowRef = this.options.getTipArrowElement();
+                if (referenceElement && tipArrowRef) {
+                    this.cleanUpFunction = positionTooltip_function.positionTooltip({
+                        referenceElement,
+                        tipRef,
+                        tipArrowRef,
+                        placementTip: this.options.getPlacement(),
+                        topPositionSmallViewPort: false,
+                        halfMainAxisOffset: false,
+                        forceVisible: true,
+                    });
+                }
+            }
+        };
+    }
+    /**
+     * Registers a click to suppress the tooltip from (re)appearing within showDelay milliseconds after a click on the
+     * reference element.
+     */
+    notifyClick() {
+        this.lastClickTime = Date.now();
+    }
+    show() {
+        const { showDelay = 0 } = this.options;
+        this.clearShowTimeout();
+        if (Date.now() - this.lastClickTime < showDelay) {
+            return;
+        }
+        if (showDelay > 0) {
+            this.tooltipTimeout = window.setTimeout(this.doShow, showDelay);
+        }
+        else {
+            this.doShow();
+        }
+    }
+    hide() {
+        this.clearShowTimeout();
+        const tipRef = this.options.getTipElement();
+        if (tipRef?.isConnected && tipRef.matches(":popover-open")) {
+            tipRef.hidePopover();
+        }
+        this.cleanUpTooltip();
+    }
+    dispose() {
+        this.clearShowTimeout();
+        this.cleanUpTooltip();
+    }
+    clearShowTimeout() {
+        if (this.tooltipTimeout) {
+            clearTimeout(this.tooltipTimeout);
+        }
+    }
+    cleanUpTooltip() {
+        this.cleanUpFunction?.();
+        this.cleanUpFunction = undefined;
+    }
+}
+
+exports.TooltipController = TooltipController;

package/dist/cjs/{tooltip.functional-component-BEcuvKwS.js → tooltip.functional-component-DOBjuEpE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CfwUrDXc.js');
+var index = require('./index-BBx5yytN.js');
 
 const Tooltip = ({ id, tipElementRef, tipArrowElementRef }, children) => (index.h("div", { id: id, popover: "manual", class: "dso-tooltip", ref: tipElementRef }, index.h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), index.h("div", { class: "tooltip-inner" }, children)));
 

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") {