@dso-toolkit/core 101.0.0 → 101.2.0

package/dist/esm/{index-2sI1K6K0.js → index-DRum3iIs.js}

@@ -3,7 +3,7 @@ const BUILD = /* dso-toolkit */ { allRenderFn: true, appendChildSlotFix: false,
 const Env = /* dso-toolkit */ {};
 
 /*
- Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.2 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -186,7 +186,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 
 // src/client/client-style.ts
 var styles = /* @__PURE__ */ new Map();
-var modeResolutionChain = [];
+var modeResolver = [];
 var setScopedSSR = (_opts) => {
 };
 var needsScopedSSR = () => false;
@@ -272,7 +272,7 @@ var queueDomWrites = [];
 var queueDomWritesLow = [];
 var scheduleFlush = () => {
   var _a;
-  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? setTimeout(flush, 16) : plt.raf(flush);
 };
 var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
@@ -2014,13 +2014,14 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
     }
   }).join(", ");
 };
+var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer") || selector.startsWith("@container");
 var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
   return processRules(cssText, (rule) => {
     let selector = rule.selector;
     let content = rule.content;
     if (rule.selector[0] !== "@") {
       selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
-    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+    } else if (isScopableAtRule(rule.selector)) {
       content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
     }
     const cssRule = {
@@ -2099,15 +2100,16 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
       rule.selector = placeholder + rule.selector;
       return rule;
     };
-    cssText = processRules(cssText, (rule) => {
+    const commentSelectors = (input) => processRules(input, (rule) => {
       if (rule.selector[0] !== "@") {
         return processCommentedSelector(rule);
-      } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
-        rule.content = processRules(rule.content, processCommentedSelector);
-        return rule;
+      }
+      if (isScopableAtRule(rule.selector)) {
+        rule.content = commentSelectors(rule.content);
       }
       return rule;
     });
+    cssText = commentSelectors(cssText);
   }
   const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId);
   cssText = [scoped.cssText, ...commentsWithHash].join("\n");
@@ -2125,8 +2127,11 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
 };
 
 // src/runtime/mode.ts
-var computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);
-var setMode = (handler) => modeResolutionChain.push(handler);
+var computeMode = (elm) => modeResolver.map((h2) => h2(elm)).find((m) => !!m);
+var setMode = (handler) => {
+  modeResolver.length = 0;
+  modeResolver.push(handler);
+};
 var getMode = (ref) => {
   var _a;
   return (_a = getHostRef(ref)) == null ? void 0 : _a.$modeName$;
@@ -2338,7 +2343,12 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       newClasses = [...new Set(newClasses)].filter((c) => c);
       classList.add(...newClasses);
     } else {
-      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      let removedClasses = oldClasses.filter((c) => c && !newClasses.includes(c));
+      if (BUILD.hydrateClientSide && initialRender && !(flags & 4 /* isHost */)) {
+        const ownClasses = getOwnHostClasses(elm);
+        removedClasses = removedClasses.filter((c) => !ownClasses.includes(c));
+      }
+      classList.remove(...removedClasses);
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     }
   } else if (BUILD.vdomStyle && memberName === "style") {
@@ -2463,6 +2473,18 @@ 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 getOwnHostClasses = (elm) => {
+  var _a, _b, _c;
+  const hostRef = getHostRef(elm);
+  if (!hostRef || !(hostRef.$flags$ & 2 /* hasRendered */)) {
+    return [];
+  }
+  const ownClasses = parseClassList((_b = (_a = hostRef.$vnode$) == null ? void 0 : _a.$attrs$) == null ? void 0 : _b.class);
+  if (BUILD.hydratedClass) {
+    ownClasses.push((_c = BUILD.hydratedSelectorName) != null ? _c : "hydrated");
+  }
+  return ownClasses;
+};
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
     value = value.baseVal;
@@ -2764,7 +2786,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (BUILD.vdomKey && idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -3535,6 +3557,19 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 
 // src/runtime/proxy-component.ts
 var reflectedAttrValue = (propValue) => propValue == null || propValue === false ? null : propValue === true ? "" : String(propValue);
+var replayPendingSetterValues = (hostRef, cmpMeta) => {
+  var _a;
+  const instance = hostRef.$lazyInstance$;
+  if (!instance) return;
+  for (const [memberName, [memberFlags]] of Object.entries((_a = cmpMeta.$members$) != null ? _a : {})) {
+    if (memberFlags & 4096 /* Setter */ && hostRef.$instanceValues$.has(memberName)) {
+      const pendingValue = hostRef.$instanceValues$.get(memberName);
+      if (instance[memberName] !== pendingValue) {
+        instance[memberName] = pendingValue;
+      }
+    }
+  }
+};
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
@@ -3591,9 +3626,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                   return getValue(this, memberName);
                 }
                 const ref = getHostRef(this);
-                const instance = ref ? ref.$lazyInstance$ : prototype;
-                if (!instance) return;
-                return instance[memberName];
+                if (!ref) return prototype[memberName];
+                return ref.$lazyInstance$ ? ref.$lazyInstance$[memberName] : getValue(this, memberName);
               }
               if (!BUILD.lazyLoad) {
                 return origGetter ? origGetter.apply(this) : getValue(this, memberName);
@@ -3647,33 +3681,22 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
             if (BUILD.lazyLoad) {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
-                if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$fetchedCbList$.push(() => {
-                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
-                      ref.$lazyInstance$[memberName] = newValue;
-                    }
-                  });
-                }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags,
+                BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
+              if (ref.$lazyInstance$) {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags,
-                  BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                );
+                ref.$lazyInstance$[memberName] = parsedValue;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
-              };
-              if (ref.$lazyInstance$) {
-                setterSetVal();
               } else {
-                ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
-                });
+                ref.$instanceValues$.set(memberName, parsedValue);
               }
             }
           }
@@ -3755,7 +3778,8 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
           }
           const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
           if (isBooleanTarget) {
-            newValue = newValue === null || newValue === "false" ? false : true;
+            const isFormAssociated = BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */);
+            newValue = newValue === null || newValue === "false" && !isFormAssociated ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
           if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
@@ -3831,6 +3855,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         if (BUILD.member) {
           hostRef.$flags$ &= -9 /* isConstructingInstance */;
+          replayPendingSetterValues(hostRef, cmpMeta);
         }
         if (BUILD.propChangeCallback) {
           hostRef.$flags$ |= 128 /* isWatchReady */;
@@ -4683,7 +4708,7 @@ var StencilCore = /*#__PURE__*/Object.freeze({
   jsxDEV: jsxDEV,
   jsxs: jsxs,
   loadModule: loadModule,
-  modeResolutionChain: modeResolutionChain,
+  modeResolver: modeResolver,
   needsScopedSSR: needsScopedSSR,
   nextTick: nextTick,
   normalizeWatchers: normalizeWatchers,

package/dist/esm/{index-LpJ181Xi.js → index-DwoAzq3s.js}

@@ -1,4 +1,4 @@
-import { S as StencilCore } from './index-2sI1K6K0.js';
+import { S as StencilCore } from './index-DRum3iIs.js';
 
 const appendToMap = (map, refsByValue, propName, value) => {
     let ref = refsByValue.get(value);

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-2sI1K6K0.js';
-export { s as setNonce } from './index-2sI1K6K0.js';
+import { b as bootstrapLazy } from './index-DRum3iIs.js';
+export { s as setNonce } from './index-DRum3iIs.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/{parse-wijzigactie-from-node.function-CrOTV1B6.js → parse-wijzigactie-from-node.function-CWi28sOz.js}

@@ -1,4 +1,4 @@
-import { h, F as Fragment } from './index-2sI1K6K0.js';
+import { h, F as Fragment } from './index-DRum3iIs.js';
 
 const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
     const result = mark(text);

package/dist/esm/{tooltip.functional-component-3fxPwYtA.js → tooltip.functional-component-CG73I6Pr.js}

@@ -1,4 +1,4 @@
-import { h } from './index-2sI1K6K0.js';
+import { h } from './index-DRum3iIs.js';
 
 const Tooltip = ({ id, tipElementRef, tipArrowElementRef }, children) => (h("div", { id: id, popover: "manual", class: "dso-tooltip", ref: tipElementRef }, h("span", { class: "tooltip-arrow", ref: tipArrowElementRef }), h("div", { class: "tooltip-inner" }, children)));
 

package/dist/esm/{wrap-wijzigactie.functional-component-C-ha4z-Y.js → wrap-wijzigactie.functional-component-D-6MhU03.js}

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

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

@@ -142,7 +142,7 @@ export declare class DocumentComponent implements ComponentInterface {
      */
     dsoTableOfContentsClick: EventEmitter<DocumentComponentTableOfContentsClickEvent>;
     /**
-     * Emitted when the user interacts with IntRef in Ozon Content
+     * Emitted when the user interacts with IntRef, ExtRef or ExtIoRef in Ozon Content
      */
     dsoOzonContentClick: EventEmitter<DocumentComponentOzonContentClickEvent>;
     /**

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

@@ -49,7 +49,8 @@ export declare class DocumentComponentDemo implements ComponentInterface {
      */
     ozonContentBegripResolver?: OzonContentBegripResolver;
     /**
-     * To demo the user interacting with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
+     * To demo the user interacting with Kop, IntRef, ExtRef, ExtIoRef or the Kenmerken en kaart button of IntIoRef in
+     * Ozon Content
      */
     dsotOzonContentClick: EventEmitter<DocumentComponentOzonContentClickEvent>;
     /**

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

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

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

@@ -8,7 +8,15 @@ export type OzonContentClickIntIoRefEvent = OzonContentClickBaseEvent<"IntIoRef"
 export type OzonContentClickIntRefEvent = OzonContentClickBaseEvent<"IntRef"> & {
     isModifiedEvent: boolean;
 };
-export type OzonContentClickEvent = OzonContentClickKopEvent | OzonContentClickIntRefEvent | OzonContentClickIntIoRefEvent;
+export type OzonContentClickExtRefEvent = OzonContentClickBaseEvent<"ExtRef"> & {
+    isModifiedEvent: boolean;
+    href: string | undefined;
+};
+export type OzonContentClickExtIoRefEvent = OzonContentClickBaseEvent<"ExtIoRef"> & {
+    isModifiedEvent: boolean;
+    href: string | undefined;
+};
+export type OzonContentClickEvent = OzonContentClickKopEvent | OzonContentClickIntRefEvent | OzonContentClickIntIoRefEvent | OzonContentClickExtRefEvent | OzonContentClickExtIoRefEvent;
 export type OzonContentInputType = XMLDocument | string;
 export interface OzonContentMarkItemHighlightEvent {
     text: string;

package/dist/types/components.d.ts

@@ -3542,7 +3542,7 @@ declare namespace LocalJSX {
          */
         "onDsoOpenToggle"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOpenToggleEvent>) => void;
         /**
-          * Emitted when the user interacts with IntRef in Ozon Content
+          * Emitted when the user interacts with IntRef, ExtRef or ExtIoRef in Ozon Content
          */
         "onDsoOzonContentClick"?: (event: DsoDocumentComponentCustomEvent<DocumentComponentOzonContentClickEvent>) => void;
         /**
@@ -4696,7 +4696,7 @@ declare namespace LocalJSX {
          */
         "mode"?: DocumentComponentMode;
         /**
-          * To demo the user interacting with Kop, IntRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
+          * To demo the user interacting with Kop, IntRef, ExtRef, ExtIoRef or the Kenmerken en kaart button of IntIoRef in Ozon Content
          */
         "onDsotOzonContentClick"?: (event: DsotDocumentComponentDemoCustomEvent<DocumentComponentOzonContentClickEvent>) => void;
         /**