@dso-toolkit/core 101.1.0 → 101.2.0

package/dist/cjs/dso-truncate.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BBx5yytN.js');
+var index = require('./index-nobQUdjz.js');
 var tooltip_controller = require('./tooltip.controller-Cvac0qe3.js');
-var tooltip_functionalComponent = require('./tooltip.functional-component-DOBjuEpE.js');
+var tooltip_functionalComponent = require('./tooltip.functional-component-Emx05bWV.js');
 require('./position-tooltip.function-DCOaqlbY.js');
 require('./floating-ui.dom-BKTTOpb1.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BBx5yytN.js');
+var index = require('./index-nobQUdjz.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var index$1 = require('./index-DMUCyuUA.js');
 

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

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

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

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

package/dist/cjs/{index-BBx5yytN.js → index-nobQUdjz.js}

@@ -5,7 +5,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 = {
@@ -188,7 +188,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;
@@ -274,7 +274,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);
@@ -2016,13 +2016,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 = {
@@ -2101,15 +2102,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");
@@ -2127,8 +2129,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$;
@@ -2340,7 +2345,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") {
@@ -2465,6 +2475,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;
@@ -2766,7 +2788,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;
@@ -3537,6 +3559,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;
@@ -3593,9 +3628,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);
@@ -3649,33 +3683,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);
               }
             }
           }
@@ -3757,7 +3780,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)) {
@@ -3833,6 +3857,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 */;
@@ -4685,7 +4710,7 @@ var StencilCore = /*#__PURE__*/Object.freeze({
   jsxDEV: jsxDEV,
   jsxs: jsxs,
   loadModule: loadModule,
-  modeResolutionChain: modeResolutionChain,
+  modeResolver: modeResolver,
   needsScopedSSR: needsScopedSSR,
   nextTick: nextTick,
   normalizeWatchers: normalizeWatchers,

package/dist/cjs/loader.cjs.js

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BBx5yytN.js');
+var index = require('./index-nobQUdjz.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-D1UjZ36u.js → wrap-wijzigactie.functional-component-C6vRVy2O.js}

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

package/dist/collection/collection-manifest.json

@@ -83,7 +83,7 @@
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.2",
+    "version": "4.45.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/autosuggest/autosuggest.css

@@ -4,6 +4,7 @@
 }
 
 .listbox-container {
+  container-type: inline-size;
   inset-inline: 0;
   inset-block-start: 100%;
   block-size: auto;
@@ -52,6 +53,11 @@
   display: flex;
   justify-content: space-between;
 }
+@container (max-width: 480px) {
+  .listbox .option .suggestion-row {
+    flex-direction: column;
+  }
+}
 .listbox .option:active {
   background-color: #275937;
 }
@@ -81,6 +87,11 @@ mark {
 .type {
   text-align: end;
 }
+@container (max-width: 480px) {
+  .type {
+    text-align: start;
+  }
+}
 
 .extra {
   font-size: 0.875rem;
@@ -88,4 +99,9 @@ mark {
 }
 .extra:not(:first-child) {
   text-align: end;
+}
+@container (max-width: 480px) {
+  .extra:not(:first-child) {
+    text-align: start;
+  }
 }

package/dist/components/dso-autosuggest.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as t,createEvent as i,h as e,Fragment as o,transformTag as h}from"@stencil/core/internal/client";import{d as n}from"./index3.js";import{i as a}from"./i18n.js";import{d as r}from"./icon.js";import{d as u}from"./progress-indicator.js";import{d as c}from"./scrollable.js";import{v as d}from"./v4.js";const l={en:{"dso-autosuggest":{notFound:"{{inputValue}} was not found."}},nl:{"dso-autosuggest":{notFound:"{{inputValue}} is niet gevonden."}}},g=({id:s,mouseEnter:t,mouseLeave:i,click:o,selected:h,suggestion:n,ref:a,markedSuggestion:r})=>e("div",{class:"option",role:"option",id:s,onMouseEnter:t,onMouseLeave:i,onClick:o,"aria-selected":h,"aria-label":n.value,ref:a},e("div",{class:"suggestion-row"},e("span",{class:"value"},r.value),r.type?e("span",{class:"type"},r.type):void 0),r.extras&&r.extras.map((s=>e("div",{class:"suggestion-row"},s.map((s=>e("span",{class:"extra"},s)))))));function p(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"groupLabel"in s&&void 0!==s.groupLabel&&"suggestions"in s&&s.suggestions.length>0))}function b(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"value"in s&&void 0!==s.value))}const f=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsoSelect=i(this,"dsoSelect",7),this.dsoChange=i(this,"dsoChange",7),this.dsoSearch=i(this,"dsoSearch",7),this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxItems=[],this.listboxId=d(),this.inputId=d(),this.labelId=d(),this.resizeObserver=new ResizeObserver(n((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150)),this.debouncedEmitValue=n((s=>{this.dsoChange.emit(s),this.debouncedShowLoading()}),200),this.debouncedShowLoading=n((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=s=>{s.target instanceof HTMLInputElement&&(this.showLoading=!this.loadingDelayed,this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:""))},this.onFocusIn=()=>{this.input?.select(),this.suggestions&&this.suggestions.length>1&&this.openSuggestions()},this.text=a((()=>this.host),l),this.onWindowResize=n((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150),this.onScrollend=()=>this.scheduleListboxContainerMaxBlockSizeUpdate(),this.onOptionClick=s=>{s.stopPropagation(),this.pickSelectedValue()},this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}handleSearchBarButtonKeydown(s){s.defaultPrevented||this.loading||"ArrowDown"!==s.key&&"ArrowUp"!==s.key||this.input&&s.target!==this.input&&this.isEventInOwnSearchBar(s)&&(s.preventDefault(),this.input.focus(),this.openSuggestions("ArrowDown"===s.key?"first":"last"))}isEventInOwnSearchBar(s){const t=this.host.closest(".dso-search-bar");return!!t&&s.composedPath().includes(t)}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target&&this.closeSuggestions()}componentDidRender(){this.scheduleListboxContainerMaxBlockSizeUpdate()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))return;if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)return;const t=this.input.labels[0];t?.id?this.labelId=t.id:t&&(t.id=this.labelId),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scrollend",this.onScrollend),this.resizeObserver.observe(this.host)}disconnectedCallback(){this.input?.removeEventListener("input",this.onInput),this.input?.removeEventListener("keydown",this.onKeyDown),this.input?.removeEventListener("focusin",this.onFocusIn),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scrollend",this.onScrollend),void 0!==this.listboxContainerMaxBlockSizeFrameId&&(cancelAnimationFrame(this.listboxContainerMaxBlockSizeFrameId),this.listboxContainerMaxBlockSizeFrameId=void 0),this.resizeObserver.disconnect()}scheduleListboxContainerMaxBlockSizeUpdate(){void 0===this.listboxContainerMaxBlockSizeFrameId&&(this.listboxContainerMaxBlockSizeFrameId=requestAnimationFrame((()=>{this.listboxContainerMaxBlockSizeFrameId=void 0,this.setListboxContainerMaxBlockSize()})))}setListboxContainerMaxBlockSize(){if(this.listboxContainer&&this.showSuggestions&&this.showSuggestions){let s=0;const t=this.listboxItems.length?Math.min(this.listboxItems.length,10):0;for(let i=0;i<t;i++)s+=this.listboxItems[i]?.getBoundingClientRect().height||0;const i=window.innerHeight-this.host.getBoundingClientRect().bottom,e=s+16+2;this.listboxContainer.style.setProperty("--_dso-autosuggest-max-block-size",(i<e||i<=s?i-16:e)+"px")}}showInputValueNotFound(s){return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],s))}handleMark(s,t,i,e){return this.processAutosuggestMarkItems(this.mark&&i?this.mark(s,t,i,e):this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],t))}markTerms(s,t){if(!t||!s||0===s.length||void 0===s[0])return[""];const i=RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(i).reduce(((t,e)=>(e?i.test(e)?t.push({mark:e}):1===s.length?t.push(e):t.push(...this.markTerms(s.slice(1),e)):t.push(e),t)),[])}processAutosuggestMarkItems(s){return 0===s.length?[""]:s.map((s=>"object"==typeof s?e("mark",null,s.mark):s))}selectSuggestion(s,t){this.selectedSuggestion=s,this.selectedSuggestionGroup=t,this.setAriaActiveDescendant()}selectFirstSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[0]),this.setAriaActiveDescendant(!0))}selectLastSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1]),this.setAriaActiveDescendant(!0))}selectNextSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectNextGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=this.suggestions[s+1]??this.suggestions[0]}this.setAriaActiveDescendant(!0)}}selectNextGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(s===this.selectedSuggestionGroup.suggestions.length-1){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s+1]??this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s+1]}else this.selectedSuggestionGroup=this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}selectPreviousSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectPreviousGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=this.suggestions[s-1]??this.suggestions[this.suggestions.length-1]}this.setAriaActiveDescendant(!0)}}selectPreviousGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(0===s){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s-1]??this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s-1]}else this.selectedSuggestionGroup=this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}get suggestionGroups(){return p(this.suggestions)?this.suggestions:[]}setAriaActiveDescendant(s=!1){if(this.selectedSuggestion){const t=this.selectedSuggestionGroup?this.listboxGroupedItemId(this.selectedSuggestionGroup,this.selectedSuggestion):this.listboxItemId(this.selectedSuggestion);if(this.input?.setAttribute("aria-activedescendant",t),s){const s=this.host.getRootNode();if(!(s instanceof Document||s instanceof ShadowRoot))return void console.warn("Autosuggest: rootNode is not instance of Document or ShadowRoot");s.querySelector("#"+t)?s.querySelector("#"+t)?.scrollIntoView({block:"nearest"}):console.warn(`Autosuggest: Element with id ${t} is not found in the DOM.`)}}}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,this.selectedSuggestionGroup=void 0,this.input?.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=(this.suggestions&&this.suggestions.length>0)??!1,this.notFound=(this.suggestions&&0===this.suggestions?.length)??!1,this.input?.setAttribute("aria-expanded",""+(this.showSuggestions||this.notFound)),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input?.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(this.input?.value),this.closeSuggestions()}listboxItemId(s){return this.suggestions?`${this.inputId}-${b(this.suggestions)&&this.suggestions.indexOf(s)+1}`:""}listboxGroupedItemId(s,t){return this.suggestions?`${this.inputId}-${this.suggestionGroups.indexOf(s)+1}-${s.suggestions.indexOf(t)+1}`:""}getMarkedChunkedExtras(s,t){return s.reduce(((s,t,i)=>{const e=Math.floor(i/2);return s[e]||(s[e]=[]),s[e]?.push(t),s}),[]).map(((s,i)=>s.map(((s,e)=>this.handleMark(t,s,"extra",2*i+e)))))}getMarkedSuggestions(s){return{value:this.handleMark(s,s.value,"value"),type:s.type?this.handleMark(s,s.type,"type"):void 0,extras:s.extras?this.getMarkedChunkedExtras(s.extras,s):void 0}}getAutosuggestStatus(){if(this.loading&&this.showLoading)return this.loadingLabel;if(this.notFound)return`"${this.inputValue}" is niet gevonden.`;let s=0;return b(this.suggestions)?s=this.suggestions.length:p(this.suggestions)&&(s=this.suggestions.reduce(((s,t)=>s+t.suggestions.length),0)),s+" resultaten gevonden."}render(){this.listboxItems=[];const s=this.showSuggestions||this.notFound,t=p(this.suggestions),i=b(this.suggestions);return s&&this.input?this.input.setAttribute("aria-controls",this.listboxId):this.input&&this.input.removeAttribute("aria-controls"),e(o,null,e("slot",{key:"ee666573ff41dd5932180e345fa312eaa69e38f2"}),this.loading&&this.showLoading?e("div",{class:"autosuggest-progress-box"},e("dso-progress-indicator",{label:this.loadingLabel})):s&&e(o,null,e("dso-scrollable",{class:"listbox-container",ref:s=>this.listboxContainer=s,_preventFocus:!0},e("div",{class:"listbox",role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s},i&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>e(g,{id:this.listboxItemId(s),mouseEnter:()=>this.selectSuggestion(s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:""+(s===this.selectedSuggestion),suggestion:s,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(s)})))||t&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>{const t=d();return e("div",{role:"group",class:"group","aria-labelledby":t},e("div",{class:"group-label",role:"presentation",id:t,ref:s=>s&&this.listboxItems.push(s)},s.groupLabel),s.suggestions.map((t=>e(g,{id:this.listboxGroupedItemId(s,t),mouseEnter:()=>this.selectSuggestion(t,s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:""+(t===this.selectedSuggestion),suggestion:t,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(t)}))))}))||this.notFound&&e("div",{class:"option"},e("span",{class:"value"},this.notFoundLabel||this.showInputValueNotFound(this.text("notFound",{inputValue:this.inputValue}))))))),e("div",{key:"da8db85e24f6c3d6e2d66d519dca30f6e8eb0f85",class:"sr-only","aria-live":"polite","aria-atomic":"true"},s||this.loading&&this.showLoading?this.getAutosuggestStatus():void 0))}get host(){return this}static get watchers(){return{suggestions:[{suggestionsWatcher:0}]}}static get style(){return".sc-dso-autosuggest-h{display:block;position:relative}.listbox-container.sc-dso-autosuggest{inset-inline:0;inset-block-start:100%;block-size:auto;max-block-size:var(--_dso-autosuggest-max-block-size);min-block-size:50px;overflow-y:auto;position:absolute;z-index:200}.listbox.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-block:0}.autosuggest-progress-box.sc-dso-autosuggest{padding-block:12px;padding-inline:8px}.listbox.sc-dso-autosuggest{padding-block:8px;padding-inline:0}.listbox.sc-dso-autosuggest .group.sc-dso-autosuggest:not(:first-child) .group-label.sc-dso-autosuggest{border-block-start:1px solid #b2b2b2;padding-block-start:12px}.listbox.sc-dso-autosuggest .group-label.sc-dso-autosuggest{color:#275937;font-weight:700;padding-block:4px;margin-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest{padding-block:4px;padding-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active{background-color:#275937}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .type.sc-dso-autosuggest,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .extra.sc-dso-autosuggest{color:#fff}.option[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#d7e7ce}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.type.sc-dso-autosuggest{text-align:end}.extra.sc-dso-autosuggest{font-size:0.875rem;line-height:1.3125rem}.extra.sc-dso-autosuggest:not(:first-child){text-align:end}"}},[262,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],mark:[16],showSuggestions:[32],selectedSuggestion:[32],selectedSuggestionGroup:[32],notFound:[32],showLoading:[32]},[[8,"keydown","handleSearchBarButtonKeydown"],[4,"click","onDocumentClick"]],{suggestions:[{suggestionsWatcher:0}]}]),m=f,x=function(){"undefined"!=typeof customElements&&["dso-autosuggest","dso-icon","dso-progress-indicator","dso-scrollable"].forEach((s=>{switch(s){case"dso-autosuggest":customElements.get(h(s))||customElements.define(h(s),f);break;case"dso-icon":customElements.get(h(s))||r();break;case"dso-progress-indicator":customElements.get(h(s))||u();break;case"dso-scrollable":customElements.get(h(s))||c()}}))};export{m as DsoAutosuggest,x as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as t,createEvent as i,h as e,Fragment as o,transformTag as h}from"@stencil/core/internal/client";import{d as n}from"./index3.js";import{i as a}from"./i18n.js";import{d as r}from"./icon.js";import{d as u}from"./progress-indicator.js";import{d as c}from"./scrollable.js";import{v as d}from"./v4.js";const g={en:{"dso-autosuggest":{notFound:"{{inputValue}} was not found."}},nl:{"dso-autosuggest":{notFound:"{{inputValue}} is niet gevonden."}}},l=({id:s,mouseEnter:t,mouseLeave:i,click:o,selected:h,suggestion:n,ref:a,markedSuggestion:r})=>e("div",{class:"option",role:"option",id:s,onMouseEnter:t,onMouseLeave:i,onClick:o,"aria-selected":h,"aria-label":n.value,ref:a},e("div",{class:"suggestion-row"},e("span",{class:"value"},r.value),r.type?e("span",{class:"type"},r.type):void 0),r.extras&&r.extras.map((s=>e("div",{class:"suggestion-row"},s.map((s=>e("span",{class:"extra"},s)))))));function p(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"groupLabel"in s&&void 0!==s.groupLabel&&"suggestions"in s&&s.suggestions.length>0))}function b(s){return!!s&&s.length>0&&s.every((s=>void 0!==s&&"value"in s&&void 0!==s.value))}const f=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.dsoSelect=i(this,"dsoSelect",7),this.dsoChange=i(this,"dsoChange",7),this.dsoSearch=i(this,"dsoSearch",7),this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.showSuggestions=!1,this.notFound=!1,this.showLoading=!1,this.listboxItems=[],this.listboxId=d(),this.inputId=d(),this.labelId=d(),this.resizeObserver=new ResizeObserver(n((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150)),this.debouncedEmitValue=n((s=>{this.dsoChange.emit(s),this.debouncedShowLoading()}),200),this.debouncedShowLoading=n((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=s=>{s.target instanceof HTMLInputElement&&(this.showLoading=!this.loadingDelayed,this.inputValue=s.target.value,this.debouncedEmitValue(s.target.value.match(/(\S+)/g)?s.target.value:""))},this.onFocusIn=()=>{this.input?.select(),this.suggestions&&this.suggestions.length>1&&this.openSuggestions()},this.text=a((()=>this.host),g),this.onWindowResize=n((()=>this.scheduleListboxContainerMaxBlockSizeUpdate()),150),this.onScrollend=()=>this.scheduleListboxContainerMaxBlockSizeUpdate(),this.onOptionClick=s=>{s.stopPropagation(),this.pickSelectedValue()},this.onKeyDown=s=>{if(!s.defaultPrevented&&!this.loading){switch(s.key){case"ArrowDown":this.showSuggestions?this.selectNextSuggestion():this.openSuggestions("first");break;case"ArrowUp":this.showSuggestions?this.selectPreviousSuggestion():this.openSuggestions("last");break;case"Tab":return void this.closeSuggestions();case"Escape":this.closeSuggestions();break;case"Enter":this.pickSelectedValue();break;default:return}s.preventDefault()}}}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}handleSearchBarButtonKeydown(s){s.defaultPrevented||this.loading||"ArrowDown"!==s.key&&"ArrowUp"!==s.key||this.input&&s.target!==this.input&&this.isEventInOwnSearchBar(s)&&(s.preventDefault(),this.input.focus(),this.openSuggestions("ArrowDown"===s.key?"first":"last"))}isEventInOwnSearchBar(s){const t=this.host.closest(".dso-search-bar");return!!t&&s.composedPath().includes(t)}onDocumentClick(s){(this.showSuggestions||this.notFound)&&this.listbox&&s.target instanceof Node&&!this.listbox.contains(s.target)&&this.input!==s.target&&this.closeSuggestions()}componentDidRender(){this.scheduleListboxContainerMaxBlockSizeUpdate()}connectedCallback(){const s=this.host.querySelector('input[type="text"]');if(!(s instanceof HTMLInputElement))return;if(this.input=s,s.id?this.inputId=s.id:s.id=this.inputId,!this.input.labels||this.input.labels.length<1)return;const t=this.input.labels[0];t?.id?this.labelId=t.id:t&&(t.id=this.labelId),this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-activedescendant",""),this.input.addEventListener("input",this.onInput),this.input.addEventListener("keydown",this.onKeyDown),this.input.addEventListener("focusin",this.onFocusIn),window.addEventListener("resize",this.onWindowResize),document.addEventListener("scrollend",this.onScrollend),this.resizeObserver.observe(this.host)}disconnectedCallback(){this.input?.removeEventListener("input",this.onInput),this.input?.removeEventListener("keydown",this.onKeyDown),this.input?.removeEventListener("focusin",this.onFocusIn),window.removeEventListener("resize",this.onWindowResize),document.removeEventListener("scrollend",this.onScrollend),void 0!==this.listboxContainerMaxBlockSizeFrameId&&(cancelAnimationFrame(this.listboxContainerMaxBlockSizeFrameId),this.listboxContainerMaxBlockSizeFrameId=void 0),this.resizeObserver.disconnect()}scheduleListboxContainerMaxBlockSizeUpdate(){void 0===this.listboxContainerMaxBlockSizeFrameId&&(this.listboxContainerMaxBlockSizeFrameId=requestAnimationFrame((()=>{this.listboxContainerMaxBlockSizeFrameId=void 0,this.setListboxContainerMaxBlockSize()})))}setListboxContainerMaxBlockSize(){if(this.listboxContainer&&this.showSuggestions&&this.showSuggestions){let s=0;const t=this.listboxItems.length?Math.min(this.listboxItems.length,10):0;for(let i=0;i<t;i++)s+=this.listboxItems[i]?.getBoundingClientRect().height||0;const i=window.innerHeight-this.host.getBoundingClientRect().bottom,e=s+16+2;this.listboxContainer.style.setProperty("--_dso-autosuggest-max-block-size",(i<e||i<=s?i-16:e)+"px")}}showInputValueNotFound(s){return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],s))}handleMark(s,t,i,e){return this.processAutosuggestMarkItems(this.mark&&i?this.mark(s,t,i,e):this.markTerms(this.input?.value.split(" ").filter((s=>s))??[],t))}markTerms(s,t){if(!t||!s||0===s.length||void 0===s[0])return[""];const i=RegExp(`(${function(s){if("string"!=typeof s)throw new TypeError("Expected a string");return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(i).reduce(((t,e)=>(e?i.test(e)?t.push({mark:e}):1===s.length?t.push(e):t.push(...this.markTerms(s.slice(1),e)):t.push(e),t)),[])}processAutosuggestMarkItems(s){return 0===s.length?[""]:s.map((s=>"object"==typeof s?e("mark",null,s.mark):s))}selectSuggestion(s,t){this.selectedSuggestion=s,this.selectedSuggestionGroup=t,this.setAriaActiveDescendant()}selectFirstSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[0]),this.setAriaActiveDescendant(!0))}selectLastSuggestion(){this.suggestions&&(p(this.suggestions)&&this.selectedSuggestionGroup?this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]:b(this.suggestions)&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1]),this.setAriaActiveDescendant(!0))}selectNextSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectNextGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=this.suggestions[s+1]??this.suggestions[0]}this.setAriaActiveDescendant(!0)}}selectNextGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(s===this.selectedSuggestionGroup.suggestions.length-1){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s+1]??this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s+1]}else this.selectedSuggestionGroup=this.suggestionGroups[0],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[0]}selectPreviousSuggestion(){if(this.suggestions){if(p(this.suggestions))this.selectPreviousGroupedSuggestion();else{const s=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=this.suggestions[s-1]??this.suggestions[this.suggestions.length-1]}this.setAriaActiveDescendant(!0)}}selectPreviousGroupedSuggestion(){if(this.suggestions)if(this.selectedSuggestionGroup){const s=this.selectedSuggestion?this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion):-1;if(0===s){const s=this.suggestionGroups.indexOf(this.selectedSuggestionGroup);this.selectedSuggestionGroup=this.suggestionGroups[s-1]??this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}else this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[s-1]}else this.selectedSuggestionGroup=this.suggestionGroups[this.suggestions.length-1],this.selectedSuggestion=this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length-1]}get suggestionGroups(){return p(this.suggestions)?this.suggestions:[]}setAriaActiveDescendant(s=!1){if(this.selectedSuggestion){const t=this.selectedSuggestionGroup?this.listboxGroupedItemId(this.selectedSuggestionGroup,this.selectedSuggestion):this.listboxItemId(this.selectedSuggestion);if(this.input?.setAttribute("aria-activedescendant",t),s){const s=this.host.getRootNode();if(!(s instanceof Document||s instanceof ShadowRoot))return void console.warn("Autosuggest: rootNode is not instance of Document or ShadowRoot");s.querySelector("#"+t)?s.querySelector("#"+t)?.scrollIntoView({block:"nearest"}):console.warn(`Autosuggest: Element with id ${t} is not found in the DOM.`)}}}resetSelectedSuggestion(){this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,this.selectedSuggestionGroup=void 0,this.input?.setAttribute("aria-activedescendant","")}openSuggestions(s){this.showSuggestions=(this.suggestions&&this.suggestions.length>0)??!1,this.notFound=(this.suggestions&&0===this.suggestions?.length)??!1,this.input?.setAttribute("aria-expanded",""+(this.showSuggestions||this.notFound)),this.showSuggestions&&"first"===s?this.selectFirstSuggestion():this.showSuggestions&&"last"===s&&this.selectLastSuggestion()}closeSuggestions(){this.showSuggestions=!1,this.notFound=!1,this.input?.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(this.input?.value),this.closeSuggestions()}listboxItemId(s){return this.suggestions?`${this.inputId}-${b(this.suggestions)&&this.suggestions.indexOf(s)+1}`:""}listboxGroupedItemId(s,t){return this.suggestions?`${this.inputId}-${this.suggestionGroups.indexOf(s)+1}-${s.suggestions.indexOf(t)+1}`:""}getMarkedChunkedExtras(s,t){return s.reduce(((s,t,i)=>{const e=Math.floor(i/2);return s[e]||(s[e]=[]),s[e]?.push(t),s}),[]).map(((s,i)=>s.map(((s,e)=>this.handleMark(t,s,"extra",2*i+e)))))}getMarkedSuggestions(s){return{value:this.handleMark(s,s.value,"value"),type:s.type?this.handleMark(s,s.type,"type"):void 0,extras:s.extras?this.getMarkedChunkedExtras(s.extras,s):void 0}}getAutosuggestStatus(){if(this.loading&&this.showLoading)return this.loadingLabel;if(this.notFound)return`"${this.inputValue}" is niet gevonden.`;let s=0;return b(this.suggestions)?s=this.suggestions.length:p(this.suggestions)&&(s=this.suggestions.reduce(((s,t)=>s+t.suggestions.length),0)),s+" resultaten gevonden."}render(){this.listboxItems=[];const s=this.showSuggestions||this.notFound,t=p(this.suggestions),i=b(this.suggestions);return s&&this.input?this.input.setAttribute("aria-controls",this.listboxId):this.input&&this.input.removeAttribute("aria-controls"),e(o,null,e("slot",{key:"ee666573ff41dd5932180e345fa312eaa69e38f2"}),this.loading&&this.showLoading?e("div",{class:"autosuggest-progress-box"},e("dso-progress-indicator",{label:this.loadingLabel})):s&&e(o,null,e("dso-scrollable",{class:"listbox-container",ref:s=>this.listboxContainer=s,_preventFocus:!0},e("div",{class:"listbox",role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:s=>this.listbox=s},i&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>e(l,{id:this.listboxItemId(s),mouseEnter:()=>this.selectSuggestion(s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:""+(s===this.selectedSuggestion),suggestion:s,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(s)})))||t&&this.showSuggestions&&this.suggestions&&this.suggestions.map((s=>{const t=d();return e("div",{role:"group",class:"group","aria-labelledby":t},e("div",{class:"group-label",role:"presentation",id:t,ref:s=>s&&this.listboxItems.push(s)},s.groupLabel),s.suggestions.map((t=>e(l,{id:this.listboxGroupedItemId(s,t),mouseEnter:()=>this.selectSuggestion(t,s),mouseLeave:()=>this.resetSelectedSuggestion(),click:this.onOptionClick,selected:""+(t===this.selectedSuggestion),suggestion:t,ref:s=>s&&this.listboxItems.push(s),markedSuggestion:this.getMarkedSuggestions(t)}))))}))||this.notFound&&e("div",{class:"option"},e("span",{class:"value"},this.notFoundLabel||this.showInputValueNotFound(this.text("notFound",{inputValue:this.inputValue}))))))),e("div",{key:"da8db85e24f6c3d6e2d66d519dca30f6e8eb0f85",class:"sr-only","aria-live":"polite","aria-atomic":"true"},s||this.loading&&this.showLoading?this.getAutosuggestStatus():void 0))}get host(){return this}static get watchers(){return{suggestions:[{suggestionsWatcher:0}]}}static get style(){return".sc-dso-autosuggest-h{display:block;position:relative}.listbox-container.sc-dso-autosuggest{container-type:inline-size;inset-inline:0;inset-block-start:100%;block-size:auto;max-block-size:var(--_dso-autosuggest-max-block-size);min-block-size:50px;overflow-y:auto;position:absolute;z-index:200}.listbox.sc-dso-autosuggest,.autosuggest-progress-box.sc-dso-autosuggest{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);list-style-type:none;margin-block:0}.autosuggest-progress-box.sc-dso-autosuggest{padding-block:12px;padding-inline:8px}.listbox.sc-dso-autosuggest{padding-block:8px;padding-inline:0}.listbox.sc-dso-autosuggest .group.sc-dso-autosuggest:not(:first-child) .group-label.sc-dso-autosuggest{border-block-start:1px solid #b2b2b2;padding-block-start:12px}.listbox.sc-dso-autosuggest .group-label.sc-dso-autosuggest{color:#275937;font-weight:700;padding-block:4px;margin-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest{padding-block:4px;padding-inline:16px}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{display:flex;justify-content:space-between}@container (max-width: 480px){.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest .suggestion-row.sc-dso-autosuggest{flex-direction:column}}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active{background-color:#275937}.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .type.sc-dso-autosuggest,.listbox.sc-dso-autosuggest .option.sc-dso-autosuggest:active .extra.sc-dso-autosuggest{color:#fff}.option[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#d7e7ce}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest,.extra.sc-dso-autosuggest{color:#666}.type.sc-dso-autosuggest{text-align:end}@container (max-width: 480px){.type.sc-dso-autosuggest{text-align:start}}.extra.sc-dso-autosuggest{font-size:0.875rem;line-height:1.3125rem}.extra.sc-dso-autosuggest:not(:first-child){text-align:end}@container (max-width: 480px){.extra.sc-dso-autosuggest:not(:first-child){text-align:start}}"}},[262,"dso-autosuggest",{suggestions:[16],loading:[4],loadingLabel:[1,"loading-label"],loadingDelayed:[2,"loading-delayed"],notFoundLabel:[1,"not-found-label"],mark:[16],showSuggestions:[32],selectedSuggestion:[32],selectedSuggestionGroup:[32],notFound:[32],showLoading:[32]},[[8,"keydown","handleSearchBarButtonKeydown"],[4,"click","onDocumentClick"]],{suggestions:[{suggestionsWatcher:0}]}]),x=f,m=function(){"undefined"!=typeof customElements&&["dso-autosuggest","dso-icon","dso-progress-indicator","dso-scrollable"].forEach((s=>{switch(s){case"dso-autosuggest":customElements.get(h(s))||customElements.define(h(s),f);break;case"dso-icon":customElements.get(h(s))||r();break;case"dso-progress-indicator":customElements.get(h(s))||u();break;case"dso-scrollable":customElements.get(h(s))||c()}}))};export{x as DsoAutosuggest,m as defineCustomElement}

package/dist/dso-toolkit/dso-toolkit.esm.js

@@ -1 +1 @@
-import{p as e,B as o,c as a,w as t,N as i,H as n,b as l}from"./p-2sI1K6K0.js";export{s as setNonce}from"./p-2sI1K6K0.js";import{g as d}from"./p-DQuL1Twl.js";var c=e=>{const o=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return o.call(this,e);const a=o.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&a.appendChild(t[e].cloneNode(!0));return a}};(()=>{o.isDev&&!o.isTesting&&a("Running in development mode."),o.cloneNodeFix&&c(n.prototype);const l=o.scriptDataOpts?t.document&&Array.from(t.document.querySelectorAll("script")).find((e=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===i)):null,s=import.meta.url,d=o.scriptDataOpts&&(l||{})["data-opts"]||{};return""!==s&&(d.resourcesUrl=new URL(".",s).href),e(d)})().then((async e=>(await d(),l(JSON.parse('[["p-0b1d6ae8",[[1,"dso-icon-button",{"icon":[513],"label":[513],"variant":[513],"tooltipPlacement":[513,"tooltip-placement"],"disabled":[516],"expanded":[516],"toggled":[516],"setFocus":[64]}],[1,"dso-icon",{"icon":[1]}]]],["p-83ab25e2",[[2,"dsot-document-component-demo",{"showCanvas":[516,"show-canvas"],"showBesluitversie":[4,"show-besluitversie"],"jsonFile":[1,"json-file"],"openDefault":[4,"open-default"],"mode":[513],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"response":[32],"document":[32],"openOrClosed":[32],"openedAnnotation":[32],"filtered":[32],"notApplicable":[32],"activeAnnotationSelectables":[32]},null,{"jsonFile":[{"jsonFileWatcher":0}],"openDefault":[{"openDefaultWatcher":0}]}]]],["p-1007fdd3",[[257,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"wijzigactie":[1],"heading":[1],"handleUrl":[1,"handle-url"],"status":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"statusDescription":[1,"status-description"],"open":[516],"hasNestedAccordion":[516,"has-nested-accordion"],"label":[1],"labelStatus":[1,"label-status"],"activatable":[516],"active":[516],"hover":[32],"focusHandle":[64]}]]],["p-7ff8aa45",[[17,"dso-advanced-select",{"options":[16],"active":[16],"activeHint":[1,"active-hint"],"open":[32]},[[8,"keydown","keyDownListener"]]]]],["p-d64bd153",[[1,"dso-annotation-activiteit",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"regelKwalificatie":[1,"regel-kwalificatie"],"locatieNoemers":[16],"regelKwalificatieVoorzetsel":[1,"regel-kwalificatie-voorzetsel"]}]]],["p-54036b31",[[1,"dso-annotation-gebiedsaanwijzing",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1]}]]],["p-a3003466",[[1,"dso-annotation-omgevingsnormwaarde",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"toelichting":[1],"waardes":[16],"eenheid":[1]}]]],["p-8e4964ac",[[257,"dso-list-button",{"label":[513],"sublabel":[513],"count":[514],"min":[520],"max":[520],"checked":[516],"disabled":[516],"subcontentPrefix":[513,"subcontent-prefix"]}]]],["p-25483f0a",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["p-29dc27dc",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["p-c15a3689",[[257,"dso-legend-item",{"disabled":[516],"disabledMessage":[513,"disabled-message"],"activatable":[516],"active":[516],"_mode":[513],"showOptions":[32]}]]],["p-26c32a38",[[257,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]},[[0,"transitionend","handleTransitionEnd"]],{"open":[{"watchOpen":0}]}]]],["p-ec2fc65e",[[257,"dso-project-item",{"label":[1]}]]],["p-b1fc14cc",[[1,"dso-annotation-kaart",{"wijzigactie":[513],"naam":[1],"href":[513]}]]],["p-6a68177b",[[262,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"mark":[16],"showSuggestions":[32],"selectedSuggestion":[32],"selectedSuggestionGroup":[32],"notFound":[32],"showLoading":[32]},[[8,"keydown","handleSearchBarButtonKeydown"],[4,"click","onDocumentClick"]],{"suggestions":[{"suggestionsWatcher":0}]}]]],["p-e3ba6480",[[257,"dso-legend",{"tabItems":[16]}]]],["p-6bc7de9b",[[1,"dso-survey-rating"]]],["p-5f6a6095",[[257,"dso-dropdown-menu",{"checkable":[6660],"label":[513],"variant":[513],"open":[32],"_getState":[64]},[[0,"dsoClick","dsoClickHandler"]]]]],["p-036e7b74",[[257,"dso-header",{"mainMenu":[16],"compact":[1],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"showHelp":[4,"show-help"],"helpUrl":[1,"help-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"userHomeActive":[4,"user-home-active"],"visibleMenuItemsCount":[32],"dropdownOptionsOffset":[32],"open":[32]},null,{"mainMenu":[{"mainMenuChanged":0}]}]]],["p-9b4dc3ef",[[257,"dso-legend-group",{"mode":[513]},null,{"mode":[{"handleModeChange":0}]}]]],["p-835cd682",[[1,"dso-mark-bar",{"value":[1],"label":[1],"current":[2],"totalCount":[2,"total-count"],"dsoFocus":[64]}]]],["p-6a99c0bb",[[257,"dso-onboarding-tip",{"placement":[1],"ready":[32],"popoverOpen":[32]}]]],["p-e4181a16",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-6bcf7a01",[[257,"dso-shopping-cart",{"mode":[513],"toggleable":[516]}]]],["p-e442fe62",[[257,"dso-shopping-cart-item",{"mode":[513],"warning":[516],"editable":[516],"removable":[516]}]]],["p-2a32cbeb",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["p-b26c5285",[[257,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["p-e3d0debf",[[257,"dso-banner",{"status":[513],"compact":[516],"icon":[516]}]]],["p-d0196ffd",[[257,"dso-card",{"href":[513],"mode":[513],"active":[516]}]]],["p-5901d652",[[257,"dso-document-card",{"href":[513],"active":[516]}]]],["p-bb0d9c4a",[[257,"dso-dropdown-menu-item",{"type":[513],"href":[513],"checked":[516],"_dsoFocus":[64]}]]],["p-8cbb00ac",[[257,"dso-history-item",{"type":[513],"href":[513],"current":[516]}]]],["p-3825c4e5",[[257,"dso-map-layer",{"activatable":[516],"active":[516],"wijzigactie":[513]}]]],["p-0ee52216",[[257,"dso-map-layer-object",{"active":[516],"wijzigactie":[513]}]]],["p-823c047d",[[257,"dso-map-message",{"variant":[513],"hasActions":[32],"showMessage":[32]}]]],["p-1c1b27c0",[[257,"dso-plekinfo-card",{"wijzigactie":[513],"href":[513],"targetBlank":[4,"target-blank"],"active":[516]}]]],["p-b8a0d3b9",[[257,"dso-plekinfo-card-item",{"wijzigactie":[513],"hasSublabel":[32],"hasMeta":[32]}]]],["p-08a7e828",[[1,"dso-skiplink",{"to":[513],"label":[513]}]]],["p-38616371",[[257,"dso-tijdreis-banner"]]],["p-aec8f591",[[257,"dso-accordion",{"variant":[6145],"reverseAlign":[6148,"reverse-align"],"_getState":[64]}]]],["p-d819abc5",[[257,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["p-13c27118",[[257,"dso-card-container",{"mode":[513]}]]],["p-a43a81a4",[[257,"dso-contact-information"]]],["p-c0735ea5",[[257,"dso-cursor-tooltip"]]],["p-0630c10c",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"required":[516],"invalid":[516],"describedBy":[1,"described-by"],"dsoAutofocus":[4,"dso-autofocus"],"value":[513],"min":[8],"max":[8]}]]],["p-b093e2f2",[[257,"dso-dropdown-menu-group",{"label":[513]}]]],["p-3ed9443d",[[257,"dso-grid-column",{"columns":[513],"overlay":[516],"overlayActive":[32]},null,{"overlay":[{"overlayWatcher":0}]}]]],["p-64331ac9",[[257,"dso-hero-image"]]],["p-3a6a1010",[[257,"dso-highlight-box",{"yellow":[516],"border":[516],"white":[516],"green":[516],"dropShadow":[516,"drop-shadow"],"step":[514]}]]],["p-4aa3ca6c",[[1,"dso-input-range",{"min":[514],"max":[514],"value":[514],"step":[514],"label":[513],"unit":[513],"description":[513]}]]],["p-e2c97b41",[[1,"dso-logo",{"name":[513],"logoUrl":[513,"logo-url"],"label":[513],"labelUrl":[513,"label-url"],"ribbon":[513]}]]],["p-fb8860e1",[[1,"dso-segmented-button",{"groupName":[513,"group-name"],"options":[16],"label":[513],"required":[516],"activeOption":[16]}]]],["p-4ec77050",[[257,"dso-tab",{"active":[516],"disabled":[516],"href":[1],"_dsoFocus":[64]}]]],["p-8f90718f",[[257,"dso-tabs"]]],["p-904250ca",[[257,"dso-viewer-grid",{"filterPanelTitle":[513,"filter-panel-title"],"filterPanelOpen":[516,"filter-panel-open"],"overlayOpen":[516,"overlay-open"],"documentPanelOpen":[516,"document-panel-open"],"print":[516],"mainSize":[513,"main-size"],"activeTab":[1,"active-tab"],"documentPanelSize":[513,"document-panel-size"],"mainPanelExpanded":[4,"main-panel-expanded"],"mainPanelHidden":[4,"main-panel-hidden"],"tabView":[32],"_checkMainPanelVisibility":[64]},null,{"documentPanelOpen":[{"documentPanelOpenWatcher":0}],"filterPanelOpen":[{"filterPanelOpenWatcher":0}],"overlayOpen":[{"overlayOpenWatcher":0}]}]]],["p-1f197259",[[257,"dso-button-group",{"direction":[513]}]]],["p-58c0e2ef",[[257,"dso-document-component",{"headingLevel":[514,"heading-level"],"kop":[6145],"inhoud":[6145],"open":[516],"filtered":[516],"notApplicable":[516,"not-applicable"],"badge":[513],"badgeStatus":[513,"badge-status"],"badgeTooltip":[513,"badge-tooltip"],"label":[513],"labelStatus":[513,"label-status"],"annotated":[516],"gereserveerd":[6145],"vervallen":[6145],"openAnnotation":[516,"open-annotation"],"alternativeTitle":[513,"alternative-title"],"type":[513],"wijzigactie":[513],"annotationsWijzigactie":[513,"annotations-wijzigactie"],"mark":[16],"recursiveToggle":[8,"recursive-toggle"],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"mode":[513],"href":[513]}],[1,"dso-annotation-locatie",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"locatieNoemer":[1,"locatie-noemer"]}]]],["p-6835e07d",[[1,"dso-attachments-counter",{"count":[514]}],[257,"dso-expandable",{"open":[516],"enableAnimation":[516,"enable-animation"],"minimumHeight":[2,"minimum-height"],"isClosed":[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{"open":[{"toggleOpen":0}]}]]],["p-9df806f0",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[516]}]]],["p-227620ac",[[257,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["p-b8a488af",[[257,"dso-truncate",{"truncated":[32]},[[4,"keydown","keyDownListener"]]]]],["p-5f2269ec",[[257,"dso-scrollable",{"_preventFocus":[4,"_prevent-focus"],"scrollPosition":[32],"_setScrollState":[64]}]]],["p-04844de1",[[1,"dso-modal",{"fullscreen":[516],"modalTitle":[1,"modal-title"],"dialogRole":[1,"dialog-role"],"returnFocus":[4,"return-focus"],"closable":[4],"ariaId":[32],"narrowView":[32]}]]],["p-9f214aa4",[[262,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"errormessage":[1],"labelledById":[1,"labelled-by-id"],"disabled":[4],"required":[4],"checked":[516],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]},null,{"indeterminate":[{"setIndeterminate":0}]}],[257,"dso-info",{"fixed":[516],"active":[516]}],[257,"dso-info-button",{"active":[516],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32],"setFocus":[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]]],["p-bc3eb1dd",[[1,"dso-ozon-content",{"content":[1],"inline":[516],"mark":[16],"urlResolver":[16],"begripResolver":[16],"annotated":[516],"state":[32]},null,{"content":[{"contentWatcher":0}]}],[257,"dso-alert",{"status":[513],"roleAlert":[4,"role-alert"],"compact":[516],"closable":[4]}],[257,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[32],"modalActive":[32],"placeholderHeight":[32]}],[257,"dso-image-overlay",{"wijzigactie":[1],"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]],[257,"dso-ozon-content-toggletip",{"icon":[513],"active":[32]},[[8,"click","handleWindowClick"]]],[257,"dso-panel",{"closeButtonLabel":[1,"close-button-label"],"emphasized":[4]}],[257,"dso-badge",{"status":[513],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32]}]]],["p-801a459f",[[1,"dso-renvooi",{"value":[1],"mark":[16]}],[257,"dso-label",{"compact":[516],"removable":[516],"status":[513],"truncate":[516],"removeHover":[32],"removeFocus":[32],"labelText":[32]},null,{"removable":[{"watchRemovable":0}]}],[262,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]]]'),e))));
+import{p as e,B as o,c as a,w as t,N as i,H as n,b as l}from"./p-DRum3iIs.js";export{s as setNonce}from"./p-DRum3iIs.js";import{g as d}from"./p-DQuL1Twl.js";var r=e=>{const o=e.cloneNode;e.cloneNode=function(e){if("TEMPLATE"===this.nodeName)return o.call(this,e);const a=o.call(this,!1),t=this.childNodes;if(e)for(let e=0;e<t.length;e++)2!==t[e].nodeType&&a.appendChild(t[e].cloneNode(!0));return a}};(()=>{o.isDev&&!o.isTesting&&a("Running in development mode."),o.cloneNodeFix&&r(n.prototype);const l=o.scriptDataOpts?t.document&&Array.from(t.document.querySelectorAll("script")).find((e=>new RegExp(`/${i}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===i)):null,s=import.meta.url,d=o.scriptDataOpts&&(l||{})["data-opts"]||{};return""!==s&&(d.resourcesUrl=new URL(".",s).href),e(d)})().then((async e=>(await d(),l(JSON.parse('[["p-586a9e1e",[[1,"dso-icon-button",{"icon":[513],"label":[513],"variant":[513],"tooltipPlacement":[513,"tooltip-placement"],"disabled":[516],"expanded":[516],"toggled":[516],"setFocus":[64]}],[1,"dso-icon",{"icon":[1]}]]],["p-b2a7d818",[[2,"dsot-document-component-demo",{"showCanvas":[516,"show-canvas"],"showBesluitversie":[4,"show-besluitversie"],"jsonFile":[1,"json-file"],"openDefault":[4,"open-default"],"mode":[513],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"response":[32],"document":[32],"openOrClosed":[32],"openedAnnotation":[32],"filtered":[32],"notApplicable":[32],"activeAnnotationSelectables":[32]},null,{"jsonFile":[{"jsonFileWatcher":0}],"openDefault":[{"openDefaultWatcher":0}]}]]],["p-d8651e64",[[257,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"wijzigactie":[1],"heading":[1],"handleUrl":[1,"handle-url"],"status":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"statusDescription":[1,"status-description"],"open":[516],"hasNestedAccordion":[516,"has-nested-accordion"],"label":[1],"labelStatus":[1,"label-status"],"activatable":[516],"active":[516],"hover":[32],"focusHandle":[64]}]]],["p-fa6555ca",[[17,"dso-advanced-select",{"options":[16],"active":[16],"activeHint":[1,"active-hint"],"open":[32]},[[8,"keydown","keyDownListener"]]]]],["p-13452ded",[[1,"dso-annotation-activiteit",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"regelKwalificatie":[1,"regel-kwalificatie"],"locatieNoemers":[16],"regelKwalificatieVoorzetsel":[1,"regel-kwalificatie-voorzetsel"]}]]],["p-f8c06305",[[1,"dso-annotation-gebiedsaanwijzing",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1]}]]],["p-83531650",[[1,"dso-annotation-omgevingsnormwaarde",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"naam":[1],"toelichting":[1],"waardes":[16],"eenheid":[1]}]]],["p-8bdbd2ef",[[257,"dso-list-button",{"label":[513],"sublabel":[513],"count":[514],"min":[520],"max":[520],"checked":[516],"disabled":[516],"subcontentPrefix":[513,"subcontent-prefix"]}]]],["p-62c543dc",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["p-203a8fe6",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["p-e2eef594",[[257,"dso-legend-item",{"disabled":[516],"disabledMessage":[513,"disabled-message"],"activatable":[516],"active":[516],"_mode":[513],"showOptions":[32]}]]],["p-933679e3",[[257,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32],"toggleVisibility":[64]},[[0,"transitionend","handleTransitionEnd"]],{"open":[{"watchOpen":0}]}]]],["p-4d1d9945",[[257,"dso-project-item",{"label":[1]}]]],["p-4a39ddbe",[[1,"dso-annotation-kaart",{"wijzigactie":[513],"naam":[1],"href":[513]}]]],["p-3ba34be2",[[262,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"mark":[16],"showSuggestions":[32],"selectedSuggestion":[32],"selectedSuggestionGroup":[32],"notFound":[32],"showLoading":[32]},[[8,"keydown","handleSearchBarButtonKeydown"],[4,"click","onDocumentClick"]],{"suggestions":[{"suggestionsWatcher":0}]}]]],["p-aef0052a",[[257,"dso-legend",{"tabItems":[16]}]]],["p-02bb4527",[[1,"dso-survey-rating"]]],["p-4a15a625",[[257,"dso-dropdown-menu",{"checkable":[6660],"label":[513],"variant":[513],"open":[32],"_getState":[64]},[[0,"dsoClick","dsoClickHandler"]]]]],["p-29edc9ad",[[257,"dso-header",{"mainMenu":[16],"compact":[1],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"showHelp":[4,"show-help"],"helpUrl":[1,"help-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"userHomeActive":[4,"user-home-active"],"visibleMenuItemsCount":[32],"dropdownOptionsOffset":[32],"open":[32]},null,{"mainMenu":[{"mainMenuChanged":0}]}]]],["p-b503325f",[[257,"dso-legend-group",{"mode":[513]},null,{"mode":[{"handleModeChange":0}]}]]],["p-bfc9427b",[[1,"dso-mark-bar",{"value":[1],"label":[1],"current":[2],"totalCount":[2,"total-count"],"dsoFocus":[64]}]]],["p-00a19755",[[257,"dso-onboarding-tip",{"placement":[1],"ready":[32],"popoverOpen":[32]}]]],["p-acb47b55",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["p-98710ef4",[[257,"dso-shopping-cart",{"mode":[513],"toggleable":[516]}]]],["p-49c11428",[[257,"dso-shopping-cart-item",{"mode":[513],"warning":[516],"editable":[516],"removable":[516]}]]],["p-a67c3462",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["p-54448391",[[257,"dso-action-list-item",{"step":[2],"itemTitle":[1,"item-title"],"flowLine":[4,"flow-line"],"warning":[4],"divider":[4]}]]],["p-55887adb",[[257,"dso-banner",{"status":[513],"compact":[516],"icon":[516]}]]],["p-5dd2c05d",[[257,"dso-card",{"href":[513],"mode":[513],"active":[516]}]]],["p-19db23e6",[[257,"dso-document-card",{"href":[513],"active":[516]}]]],["p-43dc5659",[[257,"dso-dropdown-menu-item",{"type":[513],"href":[513],"checked":[516],"_dsoFocus":[64]}]]],["p-0ae3842c",[[257,"dso-history-item",{"type":[513],"href":[513],"current":[516]}]]],["p-34f7bdc3",[[257,"dso-map-layer",{"activatable":[516],"active":[516],"wijzigactie":[513]}]]],["p-9d4d2f13",[[257,"dso-map-layer-object",{"active":[516],"wijzigactie":[513]}]]],["p-abc5cce2",[[257,"dso-map-message",{"variant":[513],"hasActions":[32],"showMessage":[32]}]]],["p-b79d615d",[[257,"dso-plekinfo-card",{"wijzigactie":[513],"href":[513],"targetBlank":[4,"target-blank"],"active":[516]}]]],["p-a2756401",[[257,"dso-plekinfo-card-item",{"wijzigactie":[513],"hasSublabel":[32],"hasMeta":[32]}]]],["p-41aa1f46",[[1,"dso-skiplink",{"to":[513],"label":[513]}]]],["p-29e65763",[[257,"dso-tijdreis-banner"]]],["p-c783db96",[[257,"dso-accordion",{"variant":[6145],"reverseAlign":[6148,"reverse-align"],"_getState":[64]}]]],["p-313ae4fd",[[257,"dso-action-list",{"listTitle":[1,"list-title"]}]]],["p-8b99c8d6",[[257,"dso-card-container",{"mode":[513]}]]],["p-2cb4f6f2",[[257,"dso-contact-information"]]],["p-08f2eeef",[[257,"dso-cursor-tooltip"]]],["p-9b048854",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"required":[516],"invalid":[516],"describedBy":[1,"described-by"],"dsoAutofocus":[4,"dso-autofocus"],"value":[513],"min":[8],"max":[8]}]]],["p-bfd42b60",[[257,"dso-dropdown-menu-group",{"label":[513]}]]],["p-06c3b3a3",[[257,"dso-grid-column",{"columns":[513],"overlay":[516],"overlayActive":[32]},null,{"overlay":[{"overlayWatcher":0}]}]]],["p-720b739f",[[257,"dso-hero-image"]]],["p-2dda5d7c",[[257,"dso-highlight-box",{"yellow":[516],"border":[516],"white":[516],"green":[516],"dropShadow":[516,"drop-shadow"],"step":[514]}]]],["p-463a7d51",[[1,"dso-input-range",{"min":[514],"max":[514],"value":[514],"step":[514],"label":[513],"unit":[513],"description":[513]}]]],["p-d60b7d93",[[1,"dso-logo",{"name":[513],"logoUrl":[513,"logo-url"],"label":[513],"labelUrl":[513,"label-url"],"ribbon":[513]}]]],["p-3ef40051",[[1,"dso-segmented-button",{"groupName":[513,"group-name"],"options":[16],"label":[513],"required":[516],"activeOption":[16]}]]],["p-effacc32",[[257,"dso-tab",{"active":[516],"disabled":[516],"href":[1],"_dsoFocus":[64]}]]],["p-3a741744",[[257,"dso-tabs"]]],["p-52e324cd",[[257,"dso-viewer-grid",{"filterPanelTitle":[513,"filter-panel-title"],"filterPanelOpen":[516,"filter-panel-open"],"overlayOpen":[516,"overlay-open"],"documentPanelOpen":[516,"document-panel-open"],"print":[516],"mainSize":[513,"main-size"],"activeTab":[1,"active-tab"],"documentPanelSize":[513,"document-panel-size"],"mainPanelExpanded":[4,"main-panel-expanded"],"mainPanelHidden":[4,"main-panel-hidden"],"tabView":[32],"_checkMainPanelVisibility":[64]},null,{"documentPanelOpen":[{"documentPanelOpenWatcher":0}],"filterPanelOpen":[{"filterPanelOpenWatcher":0}],"overlayOpen":[{"overlayOpenWatcher":0}]}]]],["p-c4272a9b",[[257,"dso-button-group",{"direction":[513]}]]],["p-9f03105d",[[257,"dso-document-component",{"headingLevel":[514,"heading-level"],"kop":[6145],"inhoud":[6145],"open":[516],"filtered":[516],"notApplicable":[516,"not-applicable"],"badge":[513],"badgeStatus":[513,"badge-status"],"badgeTooltip":[513,"badge-tooltip"],"label":[513],"labelStatus":[513,"label-status"],"annotated":[516],"gereserveerd":[6145],"vervallen":[6145],"openAnnotation":[516,"open-annotation"],"alternativeTitle":[513,"alternative-title"],"type":[513],"wijzigactie":[513],"annotationsWijzigactie":[513,"annotations-wijzigactie"],"mark":[16],"recursiveToggle":[8,"recursive-toggle"],"ozonContentUrlResolver":[16],"ozonContentBegripResolver":[16],"mode":[513],"href":[513]}],[1,"dso-annotation-locatie",{"wijzigactie":[513],"active":[516],"gewijzigdeLocatie":[516,"gewijzigde-locatie"],"locatieNoemer":[1,"locatie-noemer"]}]]],["p-a493e05a",[[1,"dso-attachments-counter",{"count":[514]}],[257,"dso-expandable",{"open":[516],"enableAnimation":[516,"enable-animation"],"minimumHeight":[2,"minimum-height"],"isClosed":[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{"open":[{"toggleOpen":0}]}]]],["p-bc97ac64",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[516]}]]],["p-ae3411b2",[[257,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["p-60035330",[[257,"dso-truncate",{"truncated":[32]},[[4,"keydown","keyDownListener"]]]]],["p-97b89bdd",[[257,"dso-scrollable",{"_preventFocus":[4,"_prevent-focus"],"scrollPosition":[32],"_setScrollState":[64]}]]],["p-0ac3a3de",[[1,"dso-modal",{"fullscreen":[516],"modalTitle":[1,"modal-title"],"dialogRole":[1,"dialog-role"],"returnFocus":[4,"return-focus"],"closable":[4],"ariaId":[32],"narrowView":[32]}]]],["p-4d5eeb56",[[262,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"errormessage":[1],"labelledById":[1,"labelled-by-id"],"disabled":[4],"required":[4],"checked":[516],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]},null,{"indeterminate":[{"setIndeterminate":0}]}],[257,"dso-info",{"fixed":[516],"active":[516]}],[257,"dso-info-button",{"active":[516],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32],"setFocus":[64]},[[6,"focusin","onDocumentFocusIn"],[7,"pointerdown","onDocumentPointerDown"]]]]],["p-df8236ac",[[1,"dso-ozon-content",{"content":[1],"inline":[516],"mark":[16],"urlResolver":[16],"begripResolver":[16],"annotated":[516],"state":[32]},null,{"content":[{"contentWatcher":0}]}],[257,"dso-alert",{"status":[513],"roleAlert":[4,"role-alert"],"compact":[516],"closable":[4]}],[257,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[32],"modalActive":[32],"placeholderHeight":[32]}],[257,"dso-image-overlay",{"wijzigactie":[1],"active":[32],"zoomable":[32]},[[2,"load","loadListener"]]],[257,"dso-ozon-content-toggletip",{"icon":[513],"active":[32]},[[8,"click","handleWindowClick"]]],[257,"dso-panel",{"closeButtonLabel":[1,"close-button-label"],"emphasized":[4]}],[257,"dso-badge",{"status":[513],"label":[513],"toggletipPlacement":[513,"toggletip-placement"],"toggletipActive":[32],"hasToggletip":[32]}]]],["p-eaf7254a",[[1,"dso-renvooi",{"value":[1],"mark":[16]}],[257,"dso-label",{"compact":[516],"removable":[516],"status":[513],"truncate":[516],"removeHover":[32],"removeFocus":[32],"labelText":[32]},null,{"removable":[{"watchRemovable":0}]}],[262,"dso-slide-toggle",{"checked":[4],"disabled":[4],"accessibleLabel":[1,"accessible-label"],"labelledbyId":[1,"labelledby-id"],"identifier":[1],"hasVisibleLabel":[32]}]]]]'),e))));

package/dist/dso-toolkit/{p-6a99c0bb.entry.js → p-00a19755.entry.js}

@@ -1 +1 @@
-import{r as o,d as r,f as t,h as e,a as n,g as i}from"./p-2sI1K6K0.js";import{p as a}from"./p-CcOMPHLg.js";import"./p-DMUqzLuy.js";const d=class{constructor(t){o(this,t),this.dsoClose=r(this,"dsoClose",7),this.placement="right",this.ready=!1,this.popoverOpen=!1,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.dsoClose.emit({originalEvent:o}))}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}componentDidRender(){if(this.host.isConnected){if(!this.popoverOpen){this.host.showPopover(),this.popoverOpen=!0;const o=this.host.shadowRoot?.querySelector(".onboarding-tip");this.hasOnboardingTipElement(o)&&d.setFocus(o)}!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement&&(this.cleanUp=a({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:`${this.placement}-start`,topPositionSmallViewPort:!0,halfMainAxisOffset:!0}))}}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver,this.popoverOpen&&(this.host.hidePopover(),this.popoverOpen=!1),this.cleanUp?.(),this.cleanUp=void 0}static setFocus(o){o&&o.focus()}hasOnboardingTipElement(o){return o instanceof HTMLElement}render(){const o=this.headingSlottedElement?.textContent;return e(n,{key:"bebcff828c7f3ce40c322d4546cdde7dff3812e2",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=!0},e("div",{key:"708a59016efc8069ef85a0e06feb71516b98dd18",role:"dialog",class:"onboarding-tip","aria-label":o,onKeyDown:this.blockEscapeKey,tabindex:-1},e("div",{key:"14b21c2c86457fc60709aca5e9aa9ed343786163",class:"onboarding-tip-inner"},e("div",{key:"683199993bf6993d96748a78e7c9b8c51fa78681",class:"onboarding-tip-content-wrapper"},null!==this.headingSlottedElement&&e("div",{key:"3654524691e0ccef4f11cd6ddb7be3043c1efbdc",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"36f25c3e2ef278b5f6f533fa325cb70d0beae0e6",icon:"light-bulb","aria-hidden":"true"}),e("slot",{key:"93801f55ee03843daee88de47d743ca3af5c2c33",name:"heading"})),e("dso-icon-button",{key:"53bda3abdf86e3335a2898841d9df280950c3c11",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),e("slot",{key:"5a486a2e8eee2e5a3f98ae15ee76563fce664b07"}))),e("div",{key:"d1987ab7e4216867e6b4112832be253283d6a07b",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o)return void console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const t=r.querySelector(`[aria-describedby="${o}"]`);if(t)return t;console.warn(`Unable to find reference element with aria-describedby ${o}`)}get host(){return i(this)}};d.style="*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:0.875rem;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}";export{d as dso_onboarding_tip}
+import{r as o,d as r,f as t,h as e,a as n,g as i}from"./p-DRum3iIs.js";import{p as a}from"./p-CcOMPHLg.js";import"./p-DMUqzLuy.js";const d=class{constructor(t){o(this,t),this.dsoClose=r(this,"dsoClose",7),this.placement="right",this.ready=!1,this.popoverOpen=!1,this.blockEscapeKey=o=>{"Escape"===o.key&&(o.preventDefault(),this.dsoClose.emit({originalEvent:o}))}}connectedCallback(){this.mutationObserver=new MutationObserver((()=>t(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}componentDidRender(){if(this.host.isConnected){if(!this.popoverOpen){this.host.showPopover(),this.popoverOpen=!0;const o=this.host.shadowRoot?.querySelector(".onboarding-tip");this.hasOnboardingTipElement(o)&&d.setFocus(o)}!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement&&(this.cleanUp=a({referenceElement:this.referenceElement,tipRef:this.host,tipArrowRef:this.tipArrowRef,placementTip:`${this.placement}-start`,topPositionSmallViewPort:!0,halfMainAxisOffset:!0}))}}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver,this.popoverOpen&&(this.host.hidePopover(),this.popoverOpen=!1),this.cleanUp?.(),this.cleanUp=void 0}static setFocus(o){o&&o.focus()}hasOnboardingTipElement(o){return o instanceof HTMLElement}render(){const o=this.headingSlottedElement?.textContent;return e(n,{key:"bebcff828c7f3ce40c322d4546cdde7dff3812e2",popover:"manual",ready:this.ready,onAnimationend:()=>this.ready=!0},e("div",{key:"708a59016efc8069ef85a0e06feb71516b98dd18",role:"dialog",class:"onboarding-tip","aria-label":o,onKeyDown:this.blockEscapeKey,tabindex:-1},e("div",{key:"14b21c2c86457fc60709aca5e9aa9ed343786163",class:"onboarding-tip-inner"},e("div",{key:"683199993bf6993d96748a78e7c9b8c51fa78681",class:"onboarding-tip-content-wrapper"},null!==this.headingSlottedElement&&e("div",{key:"3654524691e0ccef4f11cd6ddb7be3043c1efbdc",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"36f25c3e2ef278b5f6f533fa325cb70d0beae0e6",icon:"light-bulb","aria-hidden":"true"}),e("slot",{key:"93801f55ee03843daee88de47d743ca3af5c2c33",name:"heading"})),e("dso-icon-button",{key:"53bda3abdf86e3335a2898841d9df280950c3c11",class:"dso-close",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:o=>this.dsoClose.emit({originalEvent:o})}),e("slot",{key:"5a486a2e8eee2e5a3f98ae15ee76563fce664b07"}))),e("div",{key:"d1987ab7e4216867e6b4112832be253283d6a07b",class:"onboarding-tip-arrow",ref:o=>this.tipArrowRef=o})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const o=this.host.id;if(!o)return void console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");const r=this.host.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const t=r.querySelector(`[aria-describedby="${o}"]`);if(t)return t;console.warn(`Unable to find reference element with aria-describedby ${o}`)}get host(){return i(this)}};d.style="*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4));transition:visibility 400ms, opacity 400ms}:host(:not([ready])){opacity:1;animation:400ms ease-in 1 normal both fadeInOpacity}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:normal;word-spacing:normal;white-space:normal;font-size:0.875rem;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{position:absolute;inset-block-start:4px;inset-inline-end:4px}.onboarding-tip-inner{--_dso-link-color:#fff;--_dso-link-hover-color:#b2b2b2;--_dso-link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:calc(100vh - 10px);overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#2b5780;color:#fff}@media screen and (max-width: 991px){.onboarding-tip-inner{max-block-size:unset}}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}";export{d as dso_onboarding_tip}