@dso-toolkit/core 51.2.0 → 51.3.0

package/dist/dso-toolkit/{p-06b4f78d.entry.js → p-b337f001.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as n,a as o}from"./p-8f35c8f8.js";import{c as r}from"./p-6a1980b4.js";var i="top",a="bottom",f="right",p="left",s=[i,a,f,p],u=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),c=[].concat(s,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var w=Math.max,g=Math.min,y=Math.round;function O(){var t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function j(){return!/^((?!chrome|android).)*safari/i.test(O())}function k(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&m(t)&&(r=t.offsetWidth>0&&y(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&y(o.height)/t.offsetHeight||1);var a=(v(t)?h(t):window).visualViewport,f=!j()&&n,p=(o.left+(f&&a?a.offsetLeft:0))/r,s=(o.top+(f&&a?a.offsetTop:0))/i,u=o.width/r,c=o.height/i;return{width:u,height:c,top:s,right:p+u,bottom:s+c,left:p,x:p,y:s}}function E(t){var e=k(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function M(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function S(t){return h(t).getComputedStyle(t)}function A(t){return["table","td","th"].indexOf(d(t))>=0}function L(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||L(t)}function T(t){return m(t)&&"fixed"!==S(t).position?t.offsetParent:null}function q(t){for(var e=h(t),n=T(t);n&&A(n)&&"static"===S(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===S(n).position)?e:n||function(t){var e=/firefox/i.test(O());if(/Trident/i.test(O())&&m(t)&&"fixed"===S(t).position)return null;var n=R(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=S(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function P(t,e,n){return w(t,g(e,n))}function B(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function W(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var D={top:"auto",right:"auto",bottom:"auto",left:"auto"};function I(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=u.x,x=void 0===b?0:b,w=u.y,g=void 0===w?0:w,O="function"==typeof v?v({x,y:g}):{x,y:g};x=O.x,g=O.y;var j=u.hasOwnProperty("x"),k=u.hasOwnProperty("y"),E=p,M=i,A=window;if(d){var R=q(n),T="clientHeight",z="clientWidth";R===h(n)&&"static"!==S(R=L(n)).position&&"absolute"===c&&(T="scrollHeight",z="scrollWidth"),R=R,(r===i||(r===p||r===f)&&"end"===s)&&(M=a,g-=(m&&R===A&&A.visualViewport?A.visualViewport.height:R[T])-o.height,g*=l?1:-1),r!==p&&(r!==i&&r!==a||"end"!==s)||(E=f,x-=(m&&R===A&&A.visualViewport?A.visualViewport.width:R[z])-o.width,x*=l?1:-1)}var P,B=Object.assign({position:c},d&&D),W=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:g}):{x,y:g};return x=W.x,g=W.y,Object.assign({},B,l?((P={})[M]=k?"0":"",P[E]=j?"0":"",P.transform=(A.devicePixelRatio||1)<=1?"translate("+x+"px, "+g+"px)":"translate3d("+x+"px, "+g+"px, 0)",P):((e={})[M]=k?g+"px":"",e[E]=j?x+"px":"",e.transform="",e))}var C={passive:!0},U={left:"right",right:"left",bottom:"top",top:"bottom"};function $(t){return t.replace(/left|right|bottom|top/g,(function(t){return U[t]}))}var _={start:"end",end:"start"};function F(t){return t.replace(/start|end/g,(function(t){return _[t]}))}function N(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function V(t){return k(L(t)).left+N(t).scrollLeft}function G(t){var e=S(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function J(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&G(t)?t:J(R(t))}function K(t,e){var n;void 0===e&&(e=[]);var o=J(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],G(o)?o:[]):o,f=e.concat(a);return r?f:f.concat(K(R(a)))}function Q(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function X(t,e,n){return"viewport"===e?Q(function(t,e){var n=h(t),o=L(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,f=0,p=0;if(r){i=r.width,a=r.height;var s=j();(s||!s&&"fixed"===e)&&(f=r.offsetLeft,p=r.offsetTop)}return{width:i,height:a,x:f+V(t),y:p}}(t,n)):v(e)?function(t,e){var n=k(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):Q(function(t){var e,n=L(t),o=N(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=w(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=w(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),f=-o.scrollLeft+V(t),p=-o.scrollTop;return"rtl"===S(r||n).direction&&(f+=w(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:f,y:p}}(L(t)))}function Y(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,u=r?H(r):null,c=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:c,y:n.y-o.height};break;case a:e={x:c,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case p:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?z(s):null;if(null!=d){var h="y"===d?"height":"width";switch(u){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function Z(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,p=void 0===r?t.strategy:r,u=e.boundary,c=void 0===u?"clippingParents":u,l=e.rootBoundary,h=void 0===l?"viewport":l,b=e.elementContext,x=void 0===b?"popper":b,y=e.altBoundary,O=void 0!==y&&y,j=e.padding,E=void 0===j?0:j,A=B("number"!=typeof E?E:W(E,s)),T=t.rects.popper,z=t.elements[O?"popper"===x?"reference":"popper":x],P=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=K(R(t)),n=["absolute","fixed"].indexOf(S(t).position)>=0&&m(t)?q(t):t;return v(n)?e.filter((function(t){return v(t)&&M(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=X(t,n,o);return e.top=w(r.top,e.top),e.right=g(r.right,e.right),e.bottom=g(r.bottom,e.bottom),e.left=w(r.left,e.left),e}),X(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(v(z)?z:z.contextElement||L(t.elements.popper),c,h,p),H=k(t.elements.reference),D=Y({reference:H,element:T,strategy:"absolute",placement:o}),I=Q(Object.assign({},T,D)),C="popper"===x?I:H,U={top:P.top-C.top+A.top,bottom:C.bottom-P.bottom+A.bottom,left:P.left-C.left+A.left,right:C.right-P.right+A.right},$=t.modifiersData.offset;if("popper"===x&&$){var _=$[o];Object.keys(U).forEach((function(t){var e=[f,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";U[t]+=_[n]*e}))}return U}function tt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,f=void 0===a?c:a,p=H(e.placement),l=p?i?u:u.filter((function(t){return H(t)===p})):s,d=l.filter((function(t){return f.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=Z(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function et(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function nt(t){return[i,f,a,p].some((function(e){return t[e]>=0}))}function ot(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),f=L(e),p=k(t,a,n),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||G(f))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:N(o)),m(e)?((u=k(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):f&&(u.x=V(f))),{x:p.left+s.scrollLeft-u.x,y:p.top+s.scrollTop-u.y,width:p.width,height:p.height}}function rt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var it={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function ft(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?it:o;return function(t,e,o){void 0===o&&(o=r);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},p=[],s=!1,u={state:f,setOptions:function(o){var i="function"==typeof o?o(f.options):o;c(),f.options=Object.assign({},r,f.options,i),f.scrollParents={reference:v(t)?K(t):t.contextElement?K(t.contextElement):[],popper:K(e)};var a,s,d=function(t){var e=rt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,f.options.modifiers),s=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return f.orderedModifiers=d.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:f,name:t.name,instance:u,options:void 0===e?{}:e});p.push(o||function(){})}})),u.update()},forceUpdate:function(){if(!s){var t=f.elements,e=t.reference,n=t.popper;if(at(e,n)){f.rects={reference:ot(e,q(n),"fixed"===f.options.strategy),popper:E(n)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<f.orderedModifiers.length;o++)if(!0!==f.reset){var r=f.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(f=i({state:f,options:void 0===a?{}:a,name:r.name,instance:u})||f)}else f.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){c(),s=!0}};if(!at(t,e))return u;function c(){p.forEach((function(t){return t()})),p=[]}return u.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),u}}var pt=ft({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,f=void 0===a||a,p=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,C)})),f&&p.addEventListener("resize",n.update,C),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,C)})),f&&p.removeEventListener("resize",n.update,C)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Y({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,f=n.roundOffsets,p=void 0===f||f,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,I(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:p})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,I(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:p})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];m(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});m(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=c.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[p,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],u=a[1];return s=s||0,u=(u||0)*r,[p,f].indexOf(o)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,r),t}),{}),s=a[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0===u||u,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,w=void 0===b||b,g=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&w?function(t){if("auto"===x(t))return[];var e=$(t);return[F(t),e,F(e)]}(y):[$(y)]),k=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?tt(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:w,allowedAutoPlacements:g}):n)}),[]),E=e.rects.reference,M=e.rects.popper,S=new Map,A=!0,L=k[0],R=0;R<k.length;R++){var T=k[R],q=x(T),z="start"===H(T),P=[i,a].indexOf(q)>=0,B=P?"width":"height",W=Z(e,{placement:T,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=P?z?f:p:z?a:i;E[B]>M[B]&&(D=$(D));var I=$(D),C=[];if(s&&C.push(W[q]<=0),c&&C.push(W[D]<=0,W[I]<=0),C.every((function(t){return t}))){L=T,A=!1;break}S.set(T,C)}if(A)for(var U=function(t){var e=k.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return L=e,"break"},_=w?3:1;_>0&&"break"!==U(_);_--);e.placement!==L&&(e.modifiersData[o]._skip=!0,e.placement=L,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0!==u&&u,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=Z(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,j=z(b),k="x"===j?"y":"x",M=e.modifiersData.popperOffsets,S=e.rects.reference,A=e.rects.popper,L="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,R="number"==typeof L?{mainAxis:L,altAxis:L}:Object.assign({mainAxis:0,altAxis:0},L),T=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(M){if(s){var W,D="y"===j?i:p,I="y"===j?a:f,C="y"===j?"height":"width",U=M[j],$=U+m[D],_=U-m[I],F=d?-A[C]/2:0,N="start"===y?S[C]:A[C],V="start"===y?-A[C]:-S[C],G=e.elements.arrow,J=d&&G?E(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],X=K[I],Y=P(0,S[C],J[C]),tt=O?S[C]/2-F-Y-Q-R.mainAxis:N-Y-Q-R.mainAxis,et=O?-S[C]/2+F+Y+X+R.mainAxis:V+Y+X+R.mainAxis,nt=e.elements.arrow&&q(e.elements.arrow),ot=null!=(W=null==T?void 0:T[j])?W:0,rt=U+et-ot,it=P(d?g($,U+tt-ot-(nt?"y"===j?nt.clientTop||0:nt.clientLeft||0:0)):$,U,d?w(_,rt):_);M[j]=it,B[j]=it-U}if(c){var at,ft=M[k],pt="y"===k?"height":"width",st=ft+m["x"===j?i:p],ut=ft-m["x"===j?a:f],ct=-1!==[i,p].indexOf(b),lt=null!=(at=null==T?void 0:T[k])?at:0,dt=ct?st:ft-S[pt]-A[pt]-lt+R.altAxis,ht=ct?ft+S[pt]+A[pt]-lt-R.altAxis:ut,vt=d&&ct?function(t,e,n){var o=P(t,e,n);return o>n?n:o}(dt,ft,ht):P(d?dt:st,ft,d?ht:ut);M[k]=vt,B[k]=vt-ft}e.modifiersData[o]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,u=n.elements.arrow,c=n.modifiersData.popperOffsets,l=x(n.placement),d=z(l),h=[p,f].indexOf(l)>=0?"height":"width";if(u&&c){var v=function(t,e){return B("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:W(t,s))}(r.padding,n),m=E(u),b="y"===d?i:p,w="y"===d?a:f,g=n.rects.reference[h]+n.rects.reference[d]-c[d]-n.rects.popper[h],y=c[d]-n.rects.reference[d],O=q(u),j=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,k=j/2-m[h]/2+(g/2-y/2),M=P(v[b],k,j-m[h]-v[w]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-k,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&M(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=Z(e,{elementContext:"reference"}),f=Z(e,{altBoundary:!0}),p=et(a,o),s=et(f,r,i),u=nt(p),c=nt(s);e.modifiersData[n]={referenceClippingOffsets:p,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}}]}),st={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=Z(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,f=e.rects.popper,p=f.width,s=f.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:p-o["left"===u?"left":"right"]-i,height:s-o["top"===u?"top":"bottom"]-a}}};function ut(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),o=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!==r.indexOf(n)||-1!==r.indexOf(o)}const ct=class{constructor(e){t(this,e),this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}},this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.stateless=void 0,this.small=void 0,this.active=!1,this.hidden=!0}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy||"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&ut(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(this.stateless||(null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),document.removeEventListener("keydown",this.keyDownListener)),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");if(!this.element.id)throw new Error("Unable to find reference tooltip has no [id] attribute.");this.target=this.getTarget(this.element.id),this.popper=pt(this.target,e,{placement:this.position,modifiers:[st,this.applyMaxSize]}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy(),!this.stateless&&this.target&&this.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.setStrategy(),this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden},role:"tooltip"},e("div",{class:r("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||void 0,class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(t){const e=this.element.getRootNode();if(!(e instanceof Document||e instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const n=e.querySelector(`[aria-describedBy="${t}`);if(!n)throw new Error(`Unable to find reference with aria-describedby ${t}`);return n}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};ct.style=":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";export{ct as dso_tooltip}
+import{r as t,h as e,H as n,g as o}from"./p-98fd1658.js";import{c as r}from"./p-6a1980b4.js";var i="top",a="bottom",f="right",p="left",s=[i,a,f,p],u=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),c=[].concat(s,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var w=Math.max,g=Math.min,y=Math.round;function O(){var t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function j(){return!/^((?!chrome|android).)*safari/i.test(O())}function k(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&m(t)&&(r=t.offsetWidth>0&&y(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&y(o.height)/t.offsetHeight||1);var a=(v(t)?h(t):window).visualViewport,f=!j()&&n,p=(o.left+(f&&a?a.offsetLeft:0))/r,s=(o.top+(f&&a?a.offsetTop:0))/i,u=o.width/r,c=o.height/i;return{width:u,height:c,top:s,right:p+u,bottom:s+c,left:p,x:p,y:s}}function E(t){var e=k(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function M(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function S(t){return h(t).getComputedStyle(t)}function A(t){return["table","td","th"].indexOf(d(t))>=0}function L(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||L(t)}function T(t){return m(t)&&"fixed"!==S(t).position?t.offsetParent:null}function q(t){for(var e=h(t),n=T(t);n&&A(n)&&"static"===S(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===S(n).position)?e:n||function(t){var e=/firefox/i.test(O());if(/Trident/i.test(O())&&m(t)&&"fixed"===S(t).position)return null;var n=R(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=S(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function P(t,e,n){return w(t,g(e,n))}function B(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function W(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var D={top:"auto",right:"auto",bottom:"auto",left:"auto"};function I(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=u.x,x=void 0===b?0:b,w=u.y,g=void 0===w?0:w,O="function"==typeof v?v({x,y:g}):{x,y:g};x=O.x,g=O.y;var j=u.hasOwnProperty("x"),k=u.hasOwnProperty("y"),E=p,M=i,A=window;if(d){var R=q(n),T="clientHeight",z="clientWidth";R===h(n)&&"static"!==S(R=L(n)).position&&"absolute"===c&&(T="scrollHeight",z="scrollWidth"),R=R,(r===i||(r===p||r===f)&&"end"===s)&&(M=a,g-=(m&&R===A&&A.visualViewport?A.visualViewport.height:R[T])-o.height,g*=l?1:-1),r!==p&&(r!==i&&r!==a||"end"!==s)||(E=f,x-=(m&&R===A&&A.visualViewport?A.visualViewport.width:R[z])-o.width,x*=l?1:-1)}var P,B=Object.assign({position:c},d&&D),W=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:g}):{x,y:g};return x=W.x,g=W.y,Object.assign({},B,l?((P={})[M]=k?"0":"",P[E]=j?"0":"",P.transform=(A.devicePixelRatio||1)<=1?"translate("+x+"px, "+g+"px)":"translate3d("+x+"px, "+g+"px, 0)",P):((e={})[M]=k?g+"px":"",e[E]=j?x+"px":"",e.transform="",e))}var C={passive:!0},U={left:"right",right:"left",bottom:"top",top:"bottom"};function $(t){return t.replace(/left|right|bottom|top/g,(function(t){return U[t]}))}var _={start:"end",end:"start"};function F(t){return t.replace(/start|end/g,(function(t){return _[t]}))}function N(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function V(t){return k(L(t)).left+N(t).scrollLeft}function G(t){var e=S(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function J(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&G(t)?t:J(R(t))}function K(t,e){var n;void 0===e&&(e=[]);var o=J(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],G(o)?o:[]):o,f=e.concat(a);return r?f:f.concat(K(R(a)))}function Q(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function X(t,e,n){return"viewport"===e?Q(function(t,e){var n=h(t),o=L(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,f=0,p=0;if(r){i=r.width,a=r.height;var s=j();(s||!s&&"fixed"===e)&&(f=r.offsetLeft,p=r.offsetTop)}return{width:i,height:a,x:f+V(t),y:p}}(t,n)):v(e)?function(t,e){var n=k(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):Q(function(t){var e,n=L(t),o=N(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=w(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=w(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),f=-o.scrollLeft+V(t),p=-o.scrollTop;return"rtl"===S(r||n).direction&&(f+=w(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:f,y:p}}(L(t)))}function Y(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,u=r?H(r):null,c=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:c,y:n.y-o.height};break;case a:e={x:c,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case p:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?z(s):null;if(null!=d){var h="y"===d?"height":"width";switch(u){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function Z(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,p=void 0===r?t.strategy:r,u=e.boundary,c=void 0===u?"clippingParents":u,l=e.rootBoundary,h=void 0===l?"viewport":l,b=e.elementContext,x=void 0===b?"popper":b,y=e.altBoundary,O=void 0!==y&&y,j=e.padding,E=void 0===j?0:j,A=B("number"!=typeof E?E:W(E,s)),T=t.rects.popper,z=t.elements[O?"popper"===x?"reference":"popper":x],P=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=K(R(t)),n=["absolute","fixed"].indexOf(S(t).position)>=0&&m(t)?q(t):t;return v(n)?e.filter((function(t){return v(t)&&M(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=X(t,n,o);return e.top=w(r.top,e.top),e.right=g(r.right,e.right),e.bottom=g(r.bottom,e.bottom),e.left=w(r.left,e.left),e}),X(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(v(z)?z:z.contextElement||L(t.elements.popper),c,h,p),H=k(t.elements.reference),D=Y({reference:H,element:T,strategy:"absolute",placement:o}),I=Q(Object.assign({},T,D)),C="popper"===x?I:H,U={top:P.top-C.top+A.top,bottom:C.bottom-P.bottom+A.bottom,left:P.left-C.left+A.left,right:C.right-P.right+A.right},$=t.modifiersData.offset;if("popper"===x&&$){var _=$[o];Object.keys(U).forEach((function(t){var e=[f,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";U[t]+=_[n]*e}))}return U}function tt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,f=void 0===a?c:a,p=H(e.placement),l=p?i?u:u.filter((function(t){return H(t)===p})):s,d=l.filter((function(t){return f.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=Z(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function et(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function nt(t){return[i,f,a,p].some((function(e){return t[e]>=0}))}function ot(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),f=L(e),p=k(t,a,n),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||G(f))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:N(o)),m(e)?((u=k(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):f&&(u.x=V(f))),{x:p.left+s.scrollLeft-u.x,y:p.top+s.scrollTop-u.y,width:p.width,height:p.height}}function rt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var it={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function ft(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?it:o;return function(t,e,o){void 0===o&&(o=r);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},p=[],s=!1,u={state:f,setOptions:function(o){var i="function"==typeof o?o(f.options):o;c(),f.options=Object.assign({},r,f.options,i),f.scrollParents={reference:v(t)?K(t):t.contextElement?K(t.contextElement):[],popper:K(e)};var a,s,d=function(t){var e=rt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,f.options.modifiers),s=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return f.orderedModifiers=d.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:f,name:t.name,instance:u,options:void 0===e?{}:e});p.push(o||function(){})}})),u.update()},forceUpdate:function(){if(!s){var t=f.elements,e=t.reference,n=t.popper;if(at(e,n)){f.rects={reference:ot(e,q(n),"fixed"===f.options.strategy),popper:E(n)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<f.orderedModifiers.length;o++)if(!0!==f.reset){var r=f.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(f=i({state:f,options:void 0===a?{}:a,name:r.name,instance:u})||f)}else f.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){c(),s=!0}};if(!at(t,e))return u;function c(){p.forEach((function(t){return t()})),p=[]}return u.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),u}}var pt=ft({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,f=void 0===a||a,p=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,C)})),f&&p.addEventListener("resize",n.update,C),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,C)})),f&&p.removeEventListener("resize",n.update,C)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Y({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,f=n.roundOffsets,p=void 0===f||f,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,I(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:p})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,I(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:p})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];m(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});m(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=c.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[p,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],u=a[1];return s=s||0,u=(u||0)*r,[p,f].indexOf(o)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,r),t}),{}),s=a[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0===u||u,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,w=void 0===b||b,g=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&w?function(t){if("auto"===x(t))return[];var e=$(t);return[F(t),e,F(e)]}(y):[$(y)]),k=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?tt(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:w,allowedAutoPlacements:g}):n)}),[]),E=e.rects.reference,M=e.rects.popper,S=new Map,A=!0,L=k[0],R=0;R<k.length;R++){var T=k[R],q=x(T),z="start"===H(T),P=[i,a].indexOf(q)>=0,B=P?"width":"height",W=Z(e,{placement:T,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=P?z?f:p:z?a:i;E[B]>M[B]&&(D=$(D));var I=$(D),C=[];if(s&&C.push(W[q]<=0),c&&C.push(W[D]<=0,W[I]<=0),C.every((function(t){return t}))){L=T,A=!1;break}S.set(T,C)}if(A)for(var U=function(t){var e=k.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return L=e,"break"},_=w?3:1;_>0&&"break"!==U(_);_--);e.placement!==L&&(e.modifiersData[o]._skip=!0,e.placement=L,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0!==u&&u,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=Z(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,j=z(b),k="x"===j?"y":"x",M=e.modifiersData.popperOffsets,S=e.rects.reference,A=e.rects.popper,L="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,R="number"==typeof L?{mainAxis:L,altAxis:L}:Object.assign({mainAxis:0,altAxis:0},L),T=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(M){if(s){var W,D="y"===j?i:p,I="y"===j?a:f,C="y"===j?"height":"width",U=M[j],$=U+m[D],_=U-m[I],F=d?-A[C]/2:0,N="start"===y?S[C]:A[C],V="start"===y?-A[C]:-S[C],G=e.elements.arrow,J=d&&G?E(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],X=K[I],Y=P(0,S[C],J[C]),tt=O?S[C]/2-F-Y-Q-R.mainAxis:N-Y-Q-R.mainAxis,et=O?-S[C]/2+F+Y+X+R.mainAxis:V+Y+X+R.mainAxis,nt=e.elements.arrow&&q(e.elements.arrow),ot=null!=(W=null==T?void 0:T[j])?W:0,rt=U+et-ot,it=P(d?g($,U+tt-ot-(nt?"y"===j?nt.clientTop||0:nt.clientLeft||0:0)):$,U,d?w(_,rt):_);M[j]=it,B[j]=it-U}if(c){var at,ft=M[k],pt="y"===k?"height":"width",st=ft+m["x"===j?i:p],ut=ft-m["x"===j?a:f],ct=-1!==[i,p].indexOf(b),lt=null!=(at=null==T?void 0:T[k])?at:0,dt=ct?st:ft-S[pt]-A[pt]-lt+R.altAxis,ht=ct?ft+S[pt]+A[pt]-lt-R.altAxis:ut,vt=d&&ct?function(t,e,n){var o=P(t,e,n);return o>n?n:o}(dt,ft,ht):P(d?dt:st,ft,d?ht:ut);M[k]=vt,B[k]=vt-ft}e.modifiersData[o]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,u=n.elements.arrow,c=n.modifiersData.popperOffsets,l=x(n.placement),d=z(l),h=[p,f].indexOf(l)>=0?"height":"width";if(u&&c){var v=function(t,e){return B("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:W(t,s))}(r.padding,n),m=E(u),b="y"===d?i:p,w="y"===d?a:f,g=n.rects.reference[h]+n.rects.reference[d]-c[d]-n.rects.popper[h],y=c[d]-n.rects.reference[d],O=q(u),j=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,k=j/2-m[h]/2+(g/2-y/2),M=P(v[b],k,j-m[h]-v[w]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-k,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&M(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=Z(e,{elementContext:"reference"}),f=Z(e,{altBoundary:!0}),p=et(a,o),s=et(f,r,i),u=nt(p),c=nt(s);e.modifiersData[n]={referenceClippingOffsets:p,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}}]}),st={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=Z(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,f=e.rects.popper,p=f.width,s=f.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:p-o["left"===u?"left":"right"]-i,height:s-o["top"===u?"top":"bottom"]-a}}};function ut(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),o=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!==r.indexOf(n)||-1!==r.indexOf(o)}const ct=class{constructor(e){t(this,e),this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}},this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.stateless=void 0,this.small=void 0,this.active=!1,this.hidden=!0}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy||"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&ut(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(this.stateless||(null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),document.removeEventListener("keydown",this.keyDownListener)),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");if(!this.element.id)throw new Error("Unable to find reference tooltip has no [id] attribute.");this.target=this.getTarget(this.element.id),this.popper=pt(this.target,e,{placement:this.position,modifiers:[st,this.applyMaxSize]}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy(),!this.stateless&&this.target&&this.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.setStrategy(),this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden},role:"tooltip"},e("div",{class:r("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||void 0,class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(t){const e=this.element.getRootNode();if(!(e instanceof Document||e instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const n=e.querySelector(`[aria-describedBy="${t}`);if(!n)throw new Error(`Unable to find reference with aria-describedby ${t}`);return n}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};ct.style=":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";export{ct as dso_tooltip}

package/dist/dso-toolkit/{p-6080bb9e.entry.js → p-ba0da696.entry.js}

@@ -1 +1 @@
-import{r as n,c as o,h as t}from"./p-8f35c8f8.js";import{c as e}from"./p-57ceabab.js";import{c as s}from"./p-6a1980b4.js";import"./p-3635427a.js";const i=class{constructor(t){n(this,t),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.manualInputWrapperElement=void 0,this.manualCount=void 0,this.label=void 0,this.sublabel=void 0,this.subcontent=void 0,this.count=void 0,this.min=void 0,this.max=void 0,this.checked=!1,this.disabled=!1}componentDidRender(){var n;void 0!==this.manualCount&&this.manualInputWrapperElement&&!this.trap?this.trap=e(this.manualInputWrapperElement,{escapeDeactivates:!0,setReturnFocus:!1,clickOutsideDeactivates:n=>(this.setCount(n),!0),onDeactivate:()=>this.stopManualCountInput(),onPostDeactivate:()=>{var n;return null===(n=this.manualInputButtonElement)||void 0===n?void 0:n.focus()}}).activate():void 0===this.manualCount&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}disconnectedCallback(){var n;null===(n=this.trap)||void 0===n||n.deactivate()}handleOnChange({target:n}){n instanceof HTMLInputElement&&(this.manualCount=n.valueAsNumber)}stepValue(n,o){if("number"==typeof this.count){const t="increment"===o?this.count+1:this.count-1;if(!1===this.isNewCountValid(t))return;this.dsoCountChange.emit({originalEvent:n,count:t})}}setCount(n){n.preventDefault(),"number"==typeof this.manualCount&&this.isNewCountValid(this.manualCount)&&(this.dsoCountChange.emit({originalEvent:n,count:this.manualCount}),this.stopManualCountInput())}handleSelectClick(n){n.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1})}startManualCountInput(){this.manualCount=this.count}stopManualCountInput(){this.manualCount=void 0}isNewCountValid(n){return void 0===this.min||void 0===this.max||!(n<Number(this.min)||n>Number(this.max))}render(){const n=void 0===this.manualCount,o=this.checked||void 0!==this.count&&this.count>0;return t("div",{class:s(["dso-btn-group",{"dso-disabled":this.disabled}])},t("div",{class:s(["dso-list-button",{"dso-selected":o,"dso-single-count":1===this.count}]),onClick:n=>this.handleSelectClick(n)},t("div",{class:"dso-selectable"},t("input",{id:"dso-list-button-checkbox",type:"checkbox",value:"list-button",name:"naam",checked:o,disabled:this.disabled,"aria-label":this.label}),t("label",{htmlFor:"dso-list-button-checkbox"},this.label)),this.sublabel&&t("span",{class:"dso-sublabel"},this.sublabel),this.subcontent&&t("span",{class:"dso-subcontent"},this.subcontent)),void 0!==this.count&&this.count>0&&t("div",{class:"dso-input-number"},void 0===this.manualCount&&this.count>1&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.min)||this.disabled,onClick:n=>this.stepValue(n,"decrement")},t("dso-icon",{icon:"minus-circle"}),t("span",{class:"sr-only"},"Aantal verlagen")),t("div",{class:"dso-input-wrapper"},void 0===this.manualCount&&this.count>1&&t("input",{class:"dso-input-step-counter",type:"number",tabIndex:-1,"aria-label":"Aantal",value:this.count,readOnly:!0}),t("form",{onSubmit:n=>this.setCount(n)},t("div",{ref:n=>this.manualInputWrapperElement=n},t("input",{class:s("form-control",{hidden:n}),type:"number","aria-label":"Aantal",value:this.manualCount,min:this.min,max:this.max,onInput:n=>this.handleOnChange(n)})),t("button",{class:s("dso-manual-input-button",{"sr-only":!n}),type:n?"button":"submit",disabled:this.disabled,onClick:()=>n&&this.startManualCountInput()},t("span",{class:"sr-only"},n?"Handmatig aantal invullen":"Zet waarde")))),n&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.max)||this.disabled,onClick:n=>this.stepValue(n,"increment")},t("dso-icon",{icon:"plus-circle"}),t("span",{class:"sr-only"},"Aantal verhogen"))))}};i.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-manual-input-button {\n  cursor: text;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n\n.dso-input-number:not(.form-group) {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n}\n.dso-input-number label {\n  width: 100%;\n}\n.dso-input-number .dso-input-step-counter {\n  align-self: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-block;\n  height: 1.5rem;\n  text-align: center;\n  width: 1.5rem;\n}\n.dso-input-number .dso-input-step-counter:focus, .dso-input-number .dso-input-step-counter:active {\n  outline: 0;\n}\n.dso-input-number .dso-input-step-counter::-webkit-outer-spin-button, .dso-input-number .dso-input-step-counter::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.dso-input-number .dso-input-step-counter[type=number] {\n  -moz-appearance: textfield;\n}\n\n.dso-btn-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-btn-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n  pointer-events: none;\n}\n.dso-btn-group > * {\n  border-radius: 0;\n}\n.dso-btn-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-btn-group > *:not(:first-child) {\n  border-left-style: none !important;\n}\n.dso-btn-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-btn-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-btn-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding: 0 16px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-btn-group > *:hover + .dso-input-number,\n.dso-btn-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 0 0 0 #39870c, inset -1px 0 0 0 #39870c, inset 1px 0 0 0 #39870c;\n  }\n}\n@media screen and (min-width: 768px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n  }\n}\n.dso-btn-group > *:active + .dso-input-number, .dso-btn-group > *:active + .dso-input-number:hover,\n.dso-btn-group > *.active + .dso-input-number,\n.dso-btn-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.disabled + .dso-input-number, .dso-btn-group > *.disabled + .dso-input-number:hover,\n.dso-btn-group > *[disabled] + .dso-input-number,\n.dso-btn-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-btn-group .dso-list-button {\n  padding-right: 15px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group {\n    flex-direction: column;\n  }\n  .dso-btn-group > *:first-child {\n    border-radius: 4px 4px 0 0;\n  }\n  .dso-btn-group > *:not(:first-child) {\n    border-left-style: solid !important;\n    border-top-style: none !important;\n  }\n  .dso-btn-group > *:last-child {\n    border-radius: 0 0 4px 4px;\n  }\n  .dso-btn-group > *:only-child {\n    border-radius: 4px;\n  }\n}\n\n.dso-selectable {\n  position: relative;\n  padding: 0 0 0 32px;\n}\n.dso-selectable .dso-selectable-options {\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 0;\n}\n.dso-selectable .dso-selectable-options li + li {\n  margin-top: 8px;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  height: 24px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  width: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-left: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  height: 20px;\n  left: 2px;\n  position: absolute;\n  top: 2px;\n  width: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  height: 18px;\n  left: 3px;\n  top: 3px;\n  width: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  height: 22px;\n  left: 1px;\n  top: 1px;\n  width: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-top-color: transparent;\n  border-width: 0 0 3px 3px;\n  height: 8px;\n  transform: rotate(-45deg);\n  width: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  height: 12px;\n  width: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  height: 12px;\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  width: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable > dso-info {\n  float: none;\n  margin: 8px 16px 0 -32px;\n  width: calc(100% + 32px);\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding: 15px 47px 15px 15px;\n  position: relative;\n  text-align: left;\n  white-space: normal;\n  width: 100%;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n.dso-list-button.dso-selected.dso-single-count {\n  border-right: 0;\n  box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  width: 100%;\n}\n.dso-list-button .dso-subcontent {\n  color: #666;\n  font-weight: 400;\n  padding: 16px 0 0 16px;\n}\n.dso-list-button .dso-subcontent mark {\n  background-color: transparent;\n  color: #666;\n  font-weight: 700;\n  padding: 0;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di,\n.dso-list-button .dso-count {\n  height: 24px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n  width: 24px;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di {\n  color: #39870c;\n  page-break-before: always;\n}\n.dso-list-button .dso-count {\n  font-weight: 700;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    width: 0;\n  }\n}\n.dso-list-button .dso-sublabel {\n  padding-left: 32px;\n}\n.dso-list-button .dso-subcontent {\n  padding-left: 48px;\n  padding-top: 8px;\n}\n\n.dso-list-button + .dso-list-button,\n.dso-list-button + .dso-btn-group,\n.dso-btn-group + .dso-list-button,\n.dso-btn-group + .dso-btn-group {\n  margin-top: 4px;\n}\n\n.dso-input-wrapper {\n  position: relative;\n}\n.dso-input-wrapper .form-control {\n  width: 9ch;\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: 40px;\n  padding: 6px 14px;\n  font-size: 1rem;\n  line-height: 1.5;\n  color: #191919;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #275937;\n  border-radius: 4px;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-control::-moz-placeholder {\n  color: #666;\n  opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n  color: #666;\n}\n.form-control::-webkit-input-placeholder {\n  color: #666;\n}\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n.form-control:focus {\n  border-color: #275937;\n  outline: 0;\n  box-shadow: inset 0 0 0 1px #275937;\n}\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\n  background-color: #fff;\n  opacity: 1;\n}\n.form-control[disabled], fieldset[disabled] .form-control {\n  cursor: default;\n}\n.form-control[disabled] {\n  border-color: #e5e5e5;\n  color: #999;\n}\n.form-control[readonly] {\n  border-width: 1px;\n}\n.form-control[type=text] {\n  line-height: 40px;\n}\n.form-control[size] {\n  width: auto;\n}\n\n.dso-manual-input-button[type=button] {\n  background-color: transparent;\n  border: 0;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.hidden {\n  display: none !important;\n}";export{i as dso_list_button}
+import{r as n,c as o,h as t}from"./p-98fd1658.js";import{c as e}from"./p-57ceabab.js";import{c as s}from"./p-6a1980b4.js";import"./p-3635427a.js";const i=class{constructor(t){n(this,t),this.dsoCountChange=o(this,"dsoCountChange",7),this.dsoSelectedChange=o(this,"dsoSelectedChange",7),this.manualInputWrapperElement=void 0,this.manualCount=void 0,this.label=void 0,this.sublabel=void 0,this.subcontent=void 0,this.count=void 0,this.min=void 0,this.max=void 0,this.checked=!1,this.disabled=!1}componentDidRender(){var n;void 0!==this.manualCount&&this.manualInputWrapperElement&&!this.trap?this.trap=e(this.manualInputWrapperElement,{escapeDeactivates:!0,setReturnFocus:!1,clickOutsideDeactivates:n=>(this.setCount(n),!0),onDeactivate:()=>this.stopManualCountInput(),onPostDeactivate:()=>{var n;return null===(n=this.manualInputButtonElement)||void 0===n?void 0:n.focus()}}).activate():void 0===this.manualCount&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}disconnectedCallback(){var n;null===(n=this.trap)||void 0===n||n.deactivate()}handleOnChange({target:n}){n instanceof HTMLInputElement&&(this.manualCount=n.valueAsNumber)}stepValue(n,o){if("number"==typeof this.count){const t="increment"===o?this.count+1:this.count-1;if(!1===this.isNewCountValid(t))return;this.dsoCountChange.emit({originalEvent:n,count:t})}}setCount(n){n.preventDefault(),"number"==typeof this.manualCount&&this.isNewCountValid(this.manualCount)&&(this.dsoCountChange.emit({originalEvent:n,count:this.manualCount}),this.stopManualCountInput())}handleSelectClick(n){n.preventDefault(),void 0===this.count?this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked}):this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1})}startManualCountInput(){this.manualCount=this.count}stopManualCountInput(){this.manualCount=void 0}isNewCountValid(n){return void 0===this.min||void 0===this.max||!(n<Number(this.min)||n>Number(this.max))}render(){const n=void 0===this.manualCount,o=this.checked||void 0!==this.count&&this.count>0;return t("div",{class:s(["dso-btn-group",{"dso-disabled":this.disabled}])},t("div",{class:s(["dso-list-button",{"dso-selected":o,"dso-single-count":1===this.count}]),onClick:n=>this.handleSelectClick(n)},t("div",{class:"dso-selectable"},t("input",{id:"dso-list-button-checkbox",type:"checkbox",value:"list-button",name:"naam",checked:o,disabled:this.disabled,"aria-label":this.label}),t("label",{htmlFor:"dso-list-button-checkbox"},this.label)),this.sublabel&&t("span",{class:"dso-sublabel"},this.sublabel),this.subcontent&&t("span",{class:"dso-subcontent"},this.subcontent)),void 0!==this.count&&this.count>0&&t("div",{class:"dso-input-number"},void 0===this.manualCount&&this.count>1&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.min)||this.disabled,onClick:n=>this.stepValue(n,"decrement")},t("dso-icon",{icon:"minus-circle"}),t("span",{class:"sr-only"},"Aantal verlagen")),t("div",{class:"dso-input-wrapper"},void 0===this.manualCount&&this.count>1&&t("input",{class:"dso-input-step-counter",type:"number",tabIndex:-1,"aria-label":"Aantal",value:this.count,readOnly:!0}),t("form",{onSubmit:n=>this.setCount(n)},t("div",{ref:n=>this.manualInputWrapperElement=n},t("input",{class:s("form-control",{hidden:n}),type:"number","aria-label":"Aantal",value:this.manualCount,min:this.min,max:this.max,onInput:n=>this.handleOnChange(n)})),t("button",{class:s("dso-manual-input-button",{"sr-only":!n}),type:n?"button":"submit",disabled:this.disabled,onClick:()=>n&&this.startManualCountInput()},t("span",{class:"sr-only"},n?"Handmatig aantal invullen":"Zet waarde")))),n&&t("button",{type:"button",class:"dso-tertiary",disabled:this.count===Number(this.max)||this.disabled,onClick:n=>this.stepValue(n,"increment")},t("dso-icon",{icon:"plus-circle"}),t("span",{class:"sr-only"},"Aantal verhogen"))))}};i.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-manual-input-button {\n  cursor: text;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  cursor: pointer;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #676cb0;\n}\n.dso-tertiary.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary svg.di + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon,\n.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-left: 8px;\n}\n.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-left: 4px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\n.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\n.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-left: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary svg.di,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n\n.dso-input-number:not(.form-group) {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n}\n.dso-input-number label {\n  width: 100%;\n}\n.dso-input-number .dso-input-step-counter {\n  align-self: center;\n  background-color: transparent;\n  border: 0;\n  display: inline-block;\n  height: 1.5rem;\n  text-align: center;\n  width: 1.5rem;\n}\n.dso-input-number .dso-input-step-counter:focus, .dso-input-number .dso-input-step-counter:active {\n  outline: 0;\n}\n.dso-input-number .dso-input-step-counter::-webkit-outer-spin-button, .dso-input-number .dso-input-step-counter::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.dso-input-number .dso-input-step-counter[type=number] {\n  -moz-appearance: textfield;\n}\n\n.dso-btn-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-btn-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n  pointer-events: none;\n}\n.dso-btn-group > * {\n  border-radius: 0;\n}\n.dso-btn-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-btn-group > *:not(:first-child) {\n  border-left-style: none !important;\n}\n.dso-btn-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-btn-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-btn-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding: 0 16px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-btn-group > *:hover + .dso-input-number,\n.dso-btn-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 0 0 0 #39870c, inset -1px 0 0 0 #39870c, inset 1px 0 0 0 #39870c;\n  }\n}\n@media screen and (min-width: 768px) {\n  .dso-btn-group > *.dso-selected + .dso-input-number {\n    box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n  }\n}\n.dso-btn-group > *:active + .dso-input-number, .dso-btn-group > *:active + .dso-input-number:hover,\n.dso-btn-group > *.active + .dso-input-number,\n.dso-btn-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-btn-group > *.disabled + .dso-input-number, .dso-btn-group > *.disabled + .dso-input-number:hover,\n.dso-btn-group > *[disabled] + .dso-input-number,\n.dso-btn-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-btn-group .dso-list-button {\n  padding-right: 15px;\n}\n@media screen and (max-width: 767px) {\n  .dso-btn-group {\n    flex-direction: column;\n  }\n  .dso-btn-group > *:first-child {\n    border-radius: 4px 4px 0 0;\n  }\n  .dso-btn-group > *:not(:first-child) {\n    border-left-style: solid !important;\n    border-top-style: none !important;\n  }\n  .dso-btn-group > *:last-child {\n    border-radius: 0 0 4px 4px;\n  }\n  .dso-btn-group > *:only-child {\n    border-radius: 4px;\n  }\n}\n\n.dso-selectable {\n  position: relative;\n  padding: 0 0 0 32px;\n}\n.dso-selectable .dso-selectable-options {\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 0;\n}\n.dso-selectable .dso-selectable-options li + li {\n  margin-top: 8px;\n}\n.dso-selectable label {\n  font-weight: 400;\n  line-height: 24px;\n  margin: 0;\n}\n.dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,\n.dso-selectable input[type=radio][disabled] + label::before,\n.dso-selectable input[type=radio][disabled]:active + label::before,\n.dso-selectable input[type=radio][disabled]:focus + label::before {\n  background-color: #fff;\n  box-shadow: 0 0 0 2px #e5e5e5;\n}\n.dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n  height: 24px;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  width: 24px;\n  z-index: 100;\n  zoom: 1;\n}\n@media (prefers-contrast: more) {\n  .dso-selectable input[type=checkbox],\n.dso-selectable input[type=radio] {\n    opacity: 1;\n  }\n}\n.dso-selectable input[type=checkbox]:not([disabled]),\n.dso-selectable input[type=radio]:not([disabled]) {\n  cursor: pointer;\n}\n.dso-selectable input[type=checkbox] + label,\n.dso-selectable input[type=radio] + label {\n  display: inline;\n  font-style: normal;\n  padding-left: 0;\n}\n.dso-selectable input[type=checkbox] + label::before,\n.dso-selectable input[type=radio] + label::before {\n  background: #fff;\n  border: 0;\n  box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);\n  content: \"\";\n  height: 20px;\n  left: 2px;\n  position: absolute;\n  top: 2px;\n  width: 20px;\n}\n.dso-selectable input[type=checkbox]:focus,\n.dso-selectable input[type=radio]:focus {\n  outline: 0;\n}\n.dso-selectable input[type=checkbox]:focus + label::before,\n.dso-selectable input[type=radio]:focus + label::before {\n  box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);\n  height: 18px;\n  left: 3px;\n  top: 3px;\n  width: 18px;\n}\n.dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,\n.dso-selectable input[type=radio]:active + label::before,\n.dso-selectable input[type=radio].active + label::before {\n  background-color: #ebf3e6;\n  box-shadow: 0 0 0 1px #275937;\n  height: 22px;\n  left: 1px;\n  top: 1px;\n  width: 22px;\n}\n.dso-selectable input[type=checkbox] + label::before {\n  border-radius: 4px;\n}\n.dso-selectable input[type=checkbox] + label::after {\n  background: transparent;\n  content: \"\";\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  zoom: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {\n  opacity: 1;\n}\n.dso-selectable input[type=checkbox]:checked + label::after {\n  border: solid;\n  border-color: var(--dso-selectable-color, #39870c);\n  border-top-color: transparent;\n  border-width: 0 0 3px 3px;\n  height: 8px;\n  transform: rotate(-45deg);\n  width: 13px;\n}\n.dso-selectable input[type=checkbox]:indeterminate + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  height: 12px;\n  width: 12px;\n}\n.dso-selectable input[type=radio] + label::before {\n  border-radius: 50%;\n}\n.dso-selectable input[type=radio] + label::after {\n  background-color: transparent;\n  border-radius: 50%;\n  content: \"\";\n  height: 12px;\n  left: 6px;\n  opacity: 0;\n  position: absolute;\n  top: 6px;\n  width: 12px;\n  zoom: 1;\n}\n.dso-selectable input[type=radio]:checked + label::after {\n  background-color: var(--dso-selectable-color, #39870c);\n  opacity: 1;\n}\n.dso-selectable > dso-info {\n  float: none;\n  margin: 8px 16px 0 -32px;\n  width: calc(100% + 32px);\n}\n.dso-selectable label {\n  font-weight: 700;\n}\n\n.dso-list-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding: 15px 47px 15px 15px;\n  position: relative;\n  text-align: left;\n  white-space: normal;\n  width: 100%;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n  opacity: 1;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n.dso-list-button.dso-selected.dso-single-count {\n  border-right: 0;\n  box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel {\n  font-weight: 400;\n  width: 100%;\n}\n.dso-list-button .dso-subcontent {\n  color: #666;\n  font-weight: 400;\n  padding: 16px 0 0 16px;\n}\n.dso-list-button .dso-subcontent mark {\n  background-color: transparent;\n  color: #666;\n  font-weight: 700;\n  padding: 0;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di,\n.dso-list-button .dso-count {\n  height: 24px;\n  position: absolute;\n  right: 15px;\n  top: 15px;\n  width: 24px;\n}\n.dso-list-button dso-icon,\n.dso-list-button svg.di {\n  color: #39870c;\n  page-break-before: always;\n}\n.dso-list-button .dso-count {\n  font-weight: 700;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    width: 0;\n  }\n}\n.dso-list-button .dso-sublabel {\n  padding-left: 32px;\n}\n.dso-list-button .dso-subcontent {\n  padding-left: 48px;\n  padding-top: 8px;\n}\n\n.dso-list-button + .dso-list-button,\n.dso-list-button + .dso-btn-group,\n.dso-btn-group + .dso-list-button,\n.dso-btn-group + .dso-btn-group {\n  margin-top: 4px;\n}\n\n.dso-input-wrapper {\n  position: relative;\n}\n.dso-input-wrapper .form-control {\n  width: 9ch;\n}\n\n.form-control {\n  display: block;\n  width: 100%;\n  height: 40px;\n  padding: 6px 14px;\n  font-size: 1rem;\n  line-height: 1.5;\n  color: #191919;\n  background-color: #fff;\n  background-image: none;\n  border: 1px solid #275937;\n  border-radius: 4px;\n  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;\n}\n.form-control::-moz-placeholder {\n  color: #666;\n  opacity: 1;\n}\n.form-control:-ms-input-placeholder {\n  color: #666;\n}\n.form-control::-webkit-input-placeholder {\n  color: #666;\n}\n.form-control::-ms-expand {\n  background-color: transparent;\n  border: 0;\n}\n.form-control:focus {\n  border-color: #275937;\n  outline: 0;\n  box-shadow: inset 0 0 0 1px #275937;\n}\n.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\n  background-color: #fff;\n  opacity: 1;\n}\n.form-control[disabled], fieldset[disabled] .form-control {\n  cursor: default;\n}\n.form-control[disabled] {\n  border-color: #e5e5e5;\n  color: #999;\n}\n.form-control[readonly] {\n  border-width: 1px;\n}\n.form-control[type=text] {\n  line-height: 40px;\n}\n.form-control[size] {\n  width: auto;\n}\n\n.dso-manual-input-button[type=button] {\n  background-color: transparent;\n  border: 0;\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.hidden {\n  display: none !important;\n}";export{i as dso_list_button}

package/dist/dso-toolkit/{p-520a2cdd.entry.js → p-c16ce11e.entry.js}

@@ -1 +1 @@
-import{h as n,F as o,r as t,c as e,H as s,a as c}from"./p-8f35c8f8.js";import{i as r}from"./p-3635427a.js";import{v as i}from"./p-5d7f4ff2.js";function d(n){return n instanceof Element?n.localName:n.nodeName.includes(":")?n.nodeName.substring(n.nodeName.indexOf(":")+1):n.nodeName}class l{constructor(){this.name="Al"}render(o,{mapNodeToJsx:t,path:e}){const s=e.some((n=>{const o=d(n);return"Al"===o||"Opschrift"===o})),c=t(o.childNodes);return s?n("span",{role:"paragraph"},c):n("p",null,c)}}class a{constructor(){this.name="Bron"}render(o,{mapNodeToJsx:t}){return n("span",{class:"dso-ozon-bron"},t(o.childNodes))}}class u{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}class h{constructor(){this.name=["ExtRef","ExtIoRef"]}render(o,{mapNodeToJsx:t}){const e=o.getAttribute("ExtIoRef"===o.tagName?"href":"ref");return n("a",{target:"_blank",rel:"noopener noreferrer",href:null!=e?e:void 0},n("span",{class:"sr-only"},"opent in nieuw venster "),t(o.childNodes))}}class p{constructor(){this.name=["<fallback>"]}render(o,{mapNodeToJsx:t}){return n("span",{class:`fallback od-${d(o)}`},t(o.childNodes))}}const g=({bijschrift:t,bron:e,mapNodeToJsx:s})=>n("span",{class:"figuur-bijschrift"},t&&t.inhoud&&s(t.inhoud),e&&n(o,null,(t?" ":"")+"(bron: ",s(e),")"));class f{constructor(){this.name=["Figuur"]}setImageDimensions(n,o){const{naturalHeight:t,naturalWidth:e}=n;n.height=t*(o/100),n.width=e*(o/100)}onImageLoad(n,o){n.target instanceof HTMLImageElement&&o&&this.setImageDimensions(n.target,o)}render(o,{mapNodeToJsx:t}){var e,s,c,r,i,l;const a=Array.from(o.childNodes),u=null===(e=a.find((n=>"Titel"===d(n))))||void 0===e?void 0:e.textContent,h=a.find((n=>"Bron"===d(n))),p=a.find((n=>"Illustratie"===d(n))),f=a.find((n=>"Bijschrift"===d(n)));if(p instanceof Element){const o={naam:p.getAttribute("naam"),breedte:p.getAttribute("breedte"),hoogte:p.getAttribute("hoogte"),uitlijning:p.getAttribute("uitlijning"),alt:p.getAttribute("alt"),schaal:p.getAttribute("schaal")},e=f instanceof Element?{inhoud:f.childNodes,locatie:null!==(s=f.getAttribute("locatie"))&&void 0!==s?s:"onder"}:void 0;return n("div",{class:"dso-ozon-figuur "+(e?`bijschrift-${e.locatie}`:"onder")},u&&n("span",{class:"figuur-titel"},u),"boven"===(null==e?void 0:e.locatie)&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}),n("dso-image-overlay",null,u&&n("div",{slot:"titel"},n("span",null,u)),n("img",{src:null!==(c=o.naam)&&void 0!==c?c:void 0,alt:null!==(l=null!==(i=null!==(r=o.alt)&&void 0!==r?r:u)&&void 0!==i?i:o.naam)&&void 0!==l?l:void 0,onLoad:n=>this.onImageLoad(n,Number(o.schaal))}),(e||h)&&n("div",{slot:"bijschrift"},n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))),("onder"===(null==e?void 0:e.locatie)||!e&&h)&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))}}}class m{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(o,{mapNodeToJsx:t}){return n("div",{class:"dso-rich-content"},t(o.childNodes))}}class z{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(o){var t,e,s,c;return n("img",{src:null!==(t=o.getAttribute("naam"))&&void 0!==t?t:void 0,alt:null!==(e=o.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=o.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=o.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class b{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(o,{mapNodeToJsx:t}){return"br"===o.localName?n("br",null):n(o.localName,null,t(o.childNodes))}}class v{constructor(){this.name="IntIoRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class x{constructor(){this.name="IntRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class y{constructor(){this.name="Lijst"}render(o,{mapNodeToJsx:t}){var e;const s=Array.from(o.childNodes),c=s.find((n=>"Lijstaanhef"===d(n))),r=s.find((n=>"Lijstsluiting"===d(n))),i=s.filter((n=>"Li"===d(n)));return n("div",{class:"dso-ozon-lijst od-Lijst"},c&&t(c),n("ul",{class:null!==(e=o.getAttribute("type"))&&void 0!==e?e:""},i.map((o=>{var e;const s=Array.from(o.childNodes),c=null===(e=s.find((n=>"LiNummer"===d(n))))||void 0===e?void 0:e.textContent;return n("li",{class:"od-Li"},c&&n("span",{class:"od-LiNummer"},c),t(s.filter((n=>"LiNummer"!==d(n)))))}))),r&&t(r))}}class w{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:c}){var r,i;const l=t.getAttribute("id");if(!l)return console.error("Noot node without id",t),n(o,null);const a=`dso-ozon-note-${l}`,u=null!==(i=null===(r=Array.from(t.childNodes).find((n=>"NootNummer"===d(n))))||void 0===r?void 0:r.textContent)&&void 0!==i?i:l;return n(o,null,n("sup",null,n("button",{type:"button",class:"toggle-note","aria-describedby":a,onClick:()=>null==c?void 0:c(s===l?void 0:l),onBlur:()=>null==c?void 0:c(void 0),"aria-expanded":s===l?"true":"false"},u)),n("dso-tooltip",{active:s===l,id:a,stateless:!0,descriptive:!0},n("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}class k{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}function j(n,o){const t=Array.from(o),e=function(n){return n.reduce(((n,o)=>{var t,e;const s=null!==(e=null===(t=o.getAttribute("colwidth"))||void 0===t?void 0:t.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return n+(isNaN(c)?0:c)}),0)}(t);return{totalWidth:e,count:n,columns:t.map(((n,o)=>{var t;const s=n.getAttribute("colnum");return{name:null!==(t=n.getAttribute("colname"))&&void 0!==t?t:"",number:s?parseInt(s,10):o+1,width:N(e,n)}}))}}function N(n,o){const t=o.getAttribute("colwidth");if(t){if("*"===t)return"100%";if(t.includes("*")||t.match(/^[\d+]$/)){const o=parseInt(t.replace(/[^0-9]/,""),10);return`${Math.round(o/n*100)}%`}return t}}const T=({colspecs:t})=>t.columns.length>0?n("colgroup",null,t.columns.map((o=>n("col",{style:{width:o.width}})))):n(o,null);function B({columns:n},o,t){const e=n.find((n=>n.name===o)),s=n.find((n=>n.name===t));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const E=({context:{mapNodeToJsx:o},colspecs:t,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:r}=function(n){return{moreRows:n.getAttribute("morerows"),nameStart:n.getAttribute("namest"),nameEnd:n.getAttribute("nameend")}}(e),i={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:t&&c&&r?B(t,c,r):void 0};return n("td",Object.assign({},i),o(e.childNodes))},C=({context:t,colspecs:e,rows:s})=>n(o,null,s.map((o=>n("tr",null,Array.from(o.children).map((o=>n(E,{cell:o,colspecs:e,context:t})))))));class A{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"],this.id=i()}render(o,t){const{caption:e,colspecs:s,headRows:c,bodyRows:r}=function(n){var o,t,e;const s=n.querySelector(":scope > tgroup"),c=null!==(o=null==s?void 0:s.getAttribute("cols"))&&void 0!==o?o:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(t=n.querySelector(":scope > title"))||void 0===t?void 0:t.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?j(r,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(n.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(n.querySelectorAll(":scope > tgroup > tbody > row"))}}(o),i=Array.from(o.childNodes).find((n=>"Bron"===d(n)));return n("dso-table",null,n("table",Object.assign({class:"table dso-table-vertical-lines"},i?{"aria-describedby":this.id}:{}),e&&n("caption",null,e),s&&n(T,{colspecs:s}),c.length>0&&n("thead",null,n(C,{rows:c,colspecs:s,context:t})),r.length>0&&n("tbody",null,n(C,{rows:r,colspecs:s,context:t}))),i&&n("div",{id:this.id},t.mapNodeToJsx(i)))}}class I{constructor(){this.name="#text"}render(t){return n(o,null,t.textContent)}}class L{constructor(){this.mappers=[new I,new u,new m,new k,new x,new h,new l,new b,new z,new w,new A,new v,new f,new y,new a],this.skip=this.mappers.reduce(((n,o)=>(o.handles&&n.push(...o.handles),n)),[]),this.fallbackNode=new p,this.domParser=new DOMParser}findMapper(n){var o;if(!this.skip.includes(n))return null!==(o=this.mappers.find((o=>Array.isArray(o.name)?o.name.includes(n):o.name===n)))&&void 0!==o?o:this.fallbackNode}mapNodeToJsx(t,e,s){var c;if(t instanceof NodeList)return n(o,null,Array.from(t).map((n=>this.mapNodeToJsx(n,e,s))));if(Array.isArray(t))return n(o,null,t.map((n=>this.mapNodeToJsx(n,e,s))));const r=d(t),i=this.findMapper(r);if(!i)return n(o,null);const l=null===(c=i.identify)||void 0===c?void 0:c.call(i,t),a=l?n=>e.setState(Object.assign(Object.assign({},e.state),{[l]:n})):void 0;return i.render(t,{mapNodeToJsx:n=>this.mapNodeToJsx(n,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:a,state:l?e.state[l]:void 0,path:s})}transform(n,o){return this.cache&&this.cache.xml===n||(this.cache={xml:n,document:this.domParser.parseFromString(n,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),o,[])}}const J=class{constructor(n){t(this,n),this.dsoAnchorClick=e(this,"dsoAnchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.mapper=new L,this.content=void 0,this.inline=!1,this.deleted=!1,this.interactive=!1,this.state={}}handleHostOnClick(n){(""===this.interactive||this.interactive)&&n.composedPath().find((n=>n===this.host||n instanceof HTMLElement&&r(n)))===this.host&&this.dsoClick.emit({originalEvent:n})}render(){var o;const t=this.mapper.transform(null!==(o=this.content)&&void 0!==o?o:"",{state:this.state,setState:n=>this.state=n,emitAnchorClick:this.dsoAnchorClick.emit});return this.deleted?n("section",null,n("slot",{name:"prefix"}),n("span",{class:"deleted-start"},"Begin verwijderd element"),t,n("span",{class:"deleted-end"},"Einde verwijderd element"),n("slot",{name:"suffix"})):n(s,{onClick:n=>this.handleHostOnClick(n)},n("slot",{name:"prefix"}),t,n("slot",{name:"suffix"}))}get host(){return c(this)}};J.style=".sc-dso-ozon-content-h:not([inline]) {\n  display: block;\n}\n\n[inline].sc-dso-ozon-content-h {\n  display: inline;\n}\n\n[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content {\n  text-decoration: line-through !important;\n}\n\n[interactive].sc-dso-ozon-content-h {\n  background-color: transparent;\n  color: #39870c;\n  text-decoration: underline;\n  cursor: pointer;\n  color: #275937;\n  font-weight: 600;\n  text-decoration: none;\n}\n[interactive].sc-dso-ozon-content-h:hover, [interactive].sc-dso-ozon-content-h:focus {\n  color: #676cb0;\n  text-decoration: underline;\n}\n[interactive].sc-dso-ozon-content-h:active {\n  text-decoration: none;\n}\n\n[interactive=sub].sc-dso-ozon-content-h {\n  color: #191919;\n}\n\n.deleted-start.sc-dso-ozon-content, .deleted-end.sc-dso-ozon-content {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\nbutton.toggle-note.sc-dso-ozon-content {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton.toggle-note.sc-dso-ozon-content:focus, button.toggle-note.sc-dso-ozon-content:focus-visible {\n  outline-offset: 2px;\n}\nbutton.toggle-note.sc-dso-ozon-content:active {\n  outline: 0;\n}\nbutton.toggle-note[disabled].sc-dso-ozon-content {\n  color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left.sc-dso-ozon-content, button.toggle-note[disabled].dso-spinner-right.sc-dso-ozon-content {\n  color: #39870c;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n  color: #676cb0;\n}\nbutton.toggle-note.btn-align.sc-dso-ozon-content {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\nbutton.toggle-note.dso-spinner-left.sc-dso-ozon-content::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\nbutton.toggle-note.dso-spinner-right.sc-dso-ozon-content::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.sc-dso-ozon-content {\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content svg.di.di-chevron-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-chevron-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-up.sc-dso-ozon-content {\n  margin-left: 4px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-left].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-right].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-up.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-left].sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-right].sc-dso-ozon-content {\n  margin-left: 0;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content {\n  vertical-align: middle;\n}\n\nspan[role=section].sc-dso-ozon-content, span[role=paragraph].sc-dso-ozon-content {\n  display: block;\n}\n\n.fallback.sc-dso-ozon-content {\n  display: block;\n}\n\n.od-Term.sc-dso-ozon-content {\n  font-weight: 700;\n}\n\n.od-Definitie.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  font-style: italic;\n}\n\n.od-Inhoud.sc-dso-ozon-content, .od-Inhoud.sc-dso-ozon-content > .od-Lijst.sc-dso-ozon-content, .od-IntIoRef.sc-dso-ozon-content, .od-Lidnr.sc-dso-ozon-content, .od-LiNr.sc-dso-ozon-content, .od-Opschrift.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  display: inline;\n}\n\n.od-Al.sc-dso-ozon-content {\n  margin-bottom: 0.75em;\n}\n\n.od-IntIoRef.sc-dso-ozon-content {\n  border-bottom: 1px dotted;\n}\n\n.dso-ozon-bron.sc-dso-ozon-content {\n  font-style: italic;\n  font-size: 0.75rem;\n}\n\n.dso-ozon-figuur.sc-dso-ozon-content {\n  margin-bottom: 16px;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-bottom: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-top: 0.25rem;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-titel.sc-dso-ozon-content {\n  color: #8b4a6a;\n  display: block;\n  font-weight: 500;\n  padding-bottom: 0.5rem;\n}\n\n.dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstaanhef.sc-dso-ozon-content, .dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstsluiting.sc-dso-ozon-content {\n  margin-bottom: 1rem;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content {\n  list-style: none;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content {\n  position: relative;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content > span.od-LiNummer.sc-dso-ozon-content {\n  position: absolute;\n  left: -44px;\n  text-align: right;\n  width: 40px;\n}\n\n.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content {\n  font-weight: 600;\n}\n\n.od-Kadertekst.sc-dso-ozon-content {\n  border: 1px solid #e5e5e5;\n  margin-bottom: 1rem;\n  padding: 1rem;\n}";export{J as dso_ozon_content}
+import{h as n,F as o,r as t,c as e,H as s,g as c}from"./p-98fd1658.js";import{i as r}from"./p-3635427a.js";import{v as i}from"./p-5d7f4ff2.js";function d(n){return n instanceof Element?n.localName:n.nodeName.includes(":")?n.nodeName.substring(n.nodeName.indexOf(":")+1):n.nodeName}class l{constructor(){this.name="Al"}render(o,{mapNodeToJsx:t,path:e}){const s=e.some((n=>{const o=d(n);return"Al"===o||"Opschrift"===o})),c=t(o.childNodes);return s?n("span",{role:"paragraph"},c):n("p",null,c)}}class a{constructor(){this.name="Bron"}render(o,{mapNodeToJsx:t}){return n("span",{class:"dso-ozon-bron"},t(o.childNodes))}}class u{constructor(){this.name="#document"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}class h{constructor(){this.name=["ExtRef","ExtIoRef"]}render(o,{mapNodeToJsx:t}){const e=o.getAttribute("ExtIoRef"===o.tagName?"href":"ref");return n("a",{target:"_blank",rel:"noopener noreferrer",href:null!=e?e:void 0},n("span",{class:"sr-only"},"opent in nieuw venster "),t(o.childNodes))}}class p{constructor(){this.name=["<fallback>"]}render(o,{mapNodeToJsx:t}){return n("span",{class:`fallback od-${d(o)}`},t(o.childNodes))}}const g=({bijschrift:t,bron:e,mapNodeToJsx:s})=>n("span",{class:"figuur-bijschrift"},t&&t.inhoud&&s(t.inhoud),e&&n(o,null,(t?" ":"")+"(bron: ",s(e),")"));class f{constructor(){this.name=["Figuur"]}setImageDimensions(n,o){const{naturalHeight:t,naturalWidth:e}=n;n.height=t*(o/100),n.width=e*(o/100)}onImageLoad(n,o){n.target instanceof HTMLImageElement&&o&&this.setImageDimensions(n.target,o)}render(o,{mapNodeToJsx:t}){var e,s,c,r,i,l;const a=Array.from(o.childNodes),u=null===(e=a.find((n=>"Titel"===d(n))))||void 0===e?void 0:e.textContent,h=a.find((n=>"Bron"===d(n))),p=a.find((n=>"Illustratie"===d(n))),f=a.find((n=>"Bijschrift"===d(n)));if(p instanceof Element){const o={naam:p.getAttribute("naam"),breedte:p.getAttribute("breedte"),hoogte:p.getAttribute("hoogte"),uitlijning:p.getAttribute("uitlijning"),alt:p.getAttribute("alt"),schaal:p.getAttribute("schaal")},e=f instanceof Element?{inhoud:f.childNodes,locatie:null!==(s=f.getAttribute("locatie"))&&void 0!==s?s:"onder"}:void 0;return n("div",{class:"dso-ozon-figuur "+(e?`bijschrift-${e.locatie}`:"onder")},u&&n("span",{class:"figuur-titel"},u),"boven"===(null==e?void 0:e.locatie)&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}),n("dso-image-overlay",null,u&&n("div",{slot:"titel"},n("span",null,u)),n("img",{src:null!==(c=o.naam)&&void 0!==c?c:void 0,alt:null!==(l=null!==(i=null!==(r=o.alt)&&void 0!==r?r:u)&&void 0!==i?i:o.naam)&&void 0!==l?l:void 0,onLoad:n=>this.onImageLoad(n,Number(o.schaal))}),(e||h)&&n("div",{slot:"bijschrift"},n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))),("onder"===(null==e?void 0:e.locatie)||!e&&h)&&n(g,{bijschrift:e,bron:h,mapNodeToJsx:t}))}}}class m{constructor(){this.name=["Inhoud","ContainerBlocksType","BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"]}render(o,{mapNodeToJsx:t}){return n("div",{class:"dso-rich-content"},t(o.childNodes))}}class z{constructor(){this.name=["InlineTekstAfbeelding","Illustratie"]}render(o){var t,e,s,c;return n("img",{src:null!==(t=o.getAttribute("naam"))&&void 0!==t?t:void 0,alt:null!==(e=o.getAttribute("naam"))&&void 0!==e?e:void 0,height:null!==(s=o.getAttribute("hoogte"))&&void 0!==s?s:void 0,width:null!==(c=o.getAttribute("breedte"))&&void 0!==c?c:void 0})}}class b{constructor(){this.name=["sub","sup","strong","b","u","i","br"]}render(o,{mapNodeToJsx:t}){return"br"===o.localName?n("br",null):n(o.localName,null,t(o.childNodes))}}class v{constructor(){this.name="IntIoRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class x{constructor(){this.name="IntRef"}render(o,{mapNodeToJsx:t,emitAnchorClick:e}){const s=o.getAttribute("ref");return s?n("a",{href:`#${s}`,onClick:n=>{n.preventDefault();const o=n.currentTarget;if(!(o instanceof HTMLAnchorElement))return;const{href:t}=o;e({node:this.name,href:t,documentComponent:s,originalEvent:n})}},t(o.childNodes)):t(o.childNodes)}}class y{constructor(){this.name="Lijst"}render(o,{mapNodeToJsx:t}){var e;const s=Array.from(o.childNodes),c=s.find((n=>"Lijstaanhef"===d(n))),r=s.find((n=>"Lijstsluiting"===d(n))),i=s.filter((n=>"Li"===d(n)));return n("div",{class:"dso-ozon-lijst od-Lijst"},c&&t(c),n("ul",{class:null!==(e=o.getAttribute("type"))&&void 0!==e?e:""},i.map((o=>{var e;const s=Array.from(o.childNodes),c=null===(e=s.find((n=>"LiNummer"===d(n))))||void 0===e?void 0:e.textContent;return n("li",{class:"od-Li"},c&&n("span",{class:"od-LiNummer"},c),t(s.filter((n=>"LiNummer"!==d(n)))))}))),r&&t(r))}}class w{constructor(){this.name="Noot",this.handles=["NootNummer"]}identify(){return"Noot"}render(t,{mapNodeToJsx:e,state:s,setState:c}){var r,i;const l=t.getAttribute("id");if(!l)return console.error("Noot node without id",t),n(o,null);const a=`dso-ozon-note-${l}`,u=null!==(i=null===(r=Array.from(t.childNodes).find((n=>"NootNummer"===d(n))))||void 0===r?void 0:r.textContent)&&void 0!==i?i:l;return n(o,null,n("sup",null,n("button",{type:"button",class:"toggle-note","aria-describedby":a,onClick:()=>null==c?void 0:c(s===l?void 0:l),onBlur:()=>null==c?void 0:c(void 0),"aria-expanded":s===l?"true":"false"},u)),n("dso-tooltip",{active:s===l,id:a,stateless:!0,descriptive:!0},n("span",{role:"section"},e(Array.from(t.querySelectorAll(":scope > Al"))))))}}class k{constructor(){this.name="Opschrift"}render(t,{mapNodeToJsx:e}){return n(o,null,e(t.childNodes))}}function j(n,o){const t=Array.from(o),e=function(n){return n.reduce(((n,o)=>{var t,e;const s=null!==(e=null===(t=o.getAttribute("colwidth"))||void 0===t?void 0:t.replace(/[^0-9]/,""))&&void 0!==e?e:"",c=parseInt(s,10);return n+(isNaN(c)?0:c)}),0)}(t);return{totalWidth:e,count:n,columns:t.map(((n,o)=>{var t;const s=n.getAttribute("colnum");return{name:null!==(t=n.getAttribute("colname"))&&void 0!==t?t:"",number:s?parseInt(s,10):o+1,width:N(e,n)}}))}}function N(n,o){const t=o.getAttribute("colwidth");if(t){if("*"===t)return"100%";if(t.includes("*")||t.match(/^[\d+]$/)){const o=parseInt(t.replace(/[^0-9]/,""),10);return`${Math.round(o/n*100)}%`}return t}}const T=({colspecs:t})=>t.columns.length>0?n("colgroup",null,t.columns.map((o=>n("col",{style:{width:o.width}})))):n(o,null);function B({columns:n},o,t){const e=n.find((n=>n.name===o)),s=n.find((n=>n.name===t));if(!e||!s)return;const c=s.number-e.number+1;return 1===c?void 0:c}const E=({context:{mapNodeToJsx:o},colspecs:t,cell:e})=>{const{moreRows:s,nameStart:c,nameEnd:r}=function(n){return{moreRows:n.getAttribute("morerows"),nameStart:n.getAttribute("namest"),nameEnd:n.getAttribute("nameend")}}(e),i={rowSpan:s?parseInt(s,10)+1:void 0,colSpan:t&&c&&r?B(t,c,r):void 0};return n("td",Object.assign({},i),o(e.childNodes))},C=({context:t,colspecs:e,rows:s})=>n(o,null,s.map((o=>n("tr",null,Array.from(o.children).map((o=>n(E,{cell:o,colspecs:e,context:t})))))));class A{constructor(){this.name="table",this.handles=["title","tgroup","colspec","thead","tbody","row","cell"],this.id=i()}render(o,t){const{caption:e,colspecs:s,headRows:c,bodyRows:r}=function(n){var o,t,e;const s=n.querySelector(":scope > tgroup"),c=null!==(o=null==s?void 0:s.getAttribute("cols"))&&void 0!==o?o:void 0,r=c?parseInt(c,10):void 0;return{caption:null!==(e=null===(t=n.querySelector(":scope > title"))||void 0===t?void 0:t.textContent)&&void 0!==e?e:void 0,colspecs:s&&r?j(r,s.querySelectorAll(":scope > colspec")):void 0,headRows:Array.from(n.querySelectorAll(":scope > tgroup > thead > row")),bodyRows:Array.from(n.querySelectorAll(":scope > tgroup > tbody > row"))}}(o),i=Array.from(o.childNodes).find((n=>"Bron"===d(n)));return n("dso-table",null,n("table",Object.assign({class:"table dso-table-vertical-lines"},i?{"aria-describedby":this.id}:{}),e&&n("caption",null,e),s&&n(T,{colspecs:s}),c.length>0&&n("thead",null,n(C,{rows:c,colspecs:s,context:t})),r.length>0&&n("tbody",null,n(C,{rows:r,colspecs:s,context:t}))),i&&n("div",{id:this.id},t.mapNodeToJsx(i)))}}class I{constructor(){this.name="#text"}render(t){return n(o,null,t.textContent)}}class L{constructor(){this.mappers=[new I,new u,new m,new k,new x,new h,new l,new b,new z,new w,new A,new v,new f,new y,new a],this.skip=this.mappers.reduce(((n,o)=>(o.handles&&n.push(...o.handles),n)),[]),this.fallbackNode=new p,this.domParser=new DOMParser}findMapper(n){var o;if(!this.skip.includes(n))return null!==(o=this.mappers.find((o=>Array.isArray(o.name)?o.name.includes(n):o.name===n)))&&void 0!==o?o:this.fallbackNode}mapNodeToJsx(t,e,s){var c;if(t instanceof NodeList)return n(o,null,Array.from(t).map((n=>this.mapNodeToJsx(n,e,s))));if(Array.isArray(t))return n(o,null,t.map((n=>this.mapNodeToJsx(n,e,s))));const r=d(t),i=this.findMapper(r);if(!i)return n(o,null);const l=null===(c=i.identify)||void 0===c?void 0:c.call(i,t),a=l?n=>e.setState(Object.assign(Object.assign({},e.state),{[l]:n})):void 0;return i.render(t,{mapNodeToJsx:n=>this.mapNodeToJsx(n,e,[...s,t]),emitAnchorClick:e.emitAnchorClick,setState:a,state:l?e.state[l]:void 0,path:s})}transform(n,o){return this.cache&&this.cache.xml===n||(this.cache={xml:n,document:this.domParser.parseFromString(n,"text/xml")}),this.mapNodeToJsx(this.cache.document.getRootNode(),o,[])}}const J=class{constructor(n){t(this,n),this.dsoAnchorClick=e(this,"dsoAnchorClick",7),this.dsoClick=e(this,"dsoClick",7),this.mapper=new L,this.content=void 0,this.inline=!1,this.deleted=!1,this.interactive=!1,this.state={}}handleHostOnClick(n){(""===this.interactive||this.interactive)&&n.composedPath().find((n=>n===this.host||n instanceof HTMLElement&&r(n)))===this.host&&this.dsoClick.emit({originalEvent:n})}render(){var o;const t=this.mapper.transform(null!==(o=this.content)&&void 0!==o?o:"",{state:this.state,setState:n=>this.state=n,emitAnchorClick:this.dsoAnchorClick.emit});return this.deleted?n("section",null,n("slot",{name:"prefix"}),n("span",{class:"deleted-start"},"Begin verwijderd element"),t,n("span",{class:"deleted-end"},"Einde verwijderd element"),n("slot",{name:"suffix"})):n(s,{onClick:n=>this.handleHostOnClick(n)},n("slot",{name:"prefix"}),t,n("slot",{name:"suffix"}))}get host(){return c(this)}};J.style=".sc-dso-ozon-content-h:not([inline]) {\n  display: block;\n}\n\n[inline].sc-dso-ozon-content-h {\n  display: inline;\n}\n\n[deleted].sc-dso-ozon-content-h *.sc-dso-ozon-content {\n  text-decoration: line-through !important;\n}\n\n[interactive].sc-dso-ozon-content-h {\n  background-color: transparent;\n  color: #39870c;\n  text-decoration: underline;\n  cursor: pointer;\n  color: #275937;\n  font-weight: 600;\n  text-decoration: none;\n}\n[interactive].sc-dso-ozon-content-h:hover, [interactive].sc-dso-ozon-content-h:focus {\n  color: #676cb0;\n  text-decoration: underline;\n}\n[interactive].sc-dso-ozon-content-h:active {\n  text-decoration: none;\n}\n\n[interactive=sub].sc-dso-ozon-content-h {\n  color: #191919;\n}\n\n.deleted-start.sc-dso-ozon-content, .deleted-end.sc-dso-ozon-content {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\nbutton.toggle-note.sc-dso-ozon-content {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton.toggle-note.sc-dso-ozon-content:focus, button.toggle-note.sc-dso-ozon-content:focus-visible {\n  outline-offset: 2px;\n}\nbutton.toggle-note.sc-dso-ozon-content:active {\n  outline: 0;\n}\nbutton.toggle-note[disabled].sc-dso-ozon-content {\n  color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left.sc-dso-ozon-content, button.toggle-note[disabled].dso-spinner-right.sc-dso-ozon-content {\n  color: #39870c;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton.toggle-note.sc-dso-ozon-content:not([disabled]):active {\n  color: #676cb0;\n}\nbutton.toggle-note.btn-align.sc-dso-ozon-content {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\nbutton.toggle-note.dso-spinner-left.sc-dso-ozon-content::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\nbutton.toggle-note.dso-spinner-right.sc-dso-ozon-content::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.sc-dso-ozon-content {\n  margin-left: 8px;\n}\nbutton.toggle-note.sc-dso-ozon-content svg.di.di-chevron-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-chevron-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-chevron-up.sc-dso-ozon-content {\n  margin-left: 4px;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-left].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content dso-icon[icon=chevron-right].sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-down.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content svg.di.di-angle-up.sc-dso-ozon-content + span.sc-dso-ozon-content:not(.sr-only), button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-down.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + svg.di.di-angle-up.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-left].sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content:not(.sr-only) + dso-icon[icon=chevron-right].sc-dso-ozon-content {\n  margin-left: 0;\n}\nbutton.toggle-note.sc-dso-ozon-content dso-icon.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content svg.di.sc-dso-ozon-content, button.toggle-note.sc-dso-ozon-content span.sc-dso-ozon-content {\n  vertical-align: middle;\n}\n\nspan[role=section].sc-dso-ozon-content, span[role=paragraph].sc-dso-ozon-content {\n  display: block;\n}\n\n.fallback.sc-dso-ozon-content {\n  display: block;\n}\n\n.od-Term.sc-dso-ozon-content {\n  font-weight: 700;\n}\n\n.od-Definitie.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  font-style: italic;\n}\n\n.od-Inhoud.sc-dso-ozon-content, .od-Inhoud.sc-dso-ozon-content > .od-Lijst.sc-dso-ozon-content, .od-IntIoRef.sc-dso-ozon-content, .od-Lidnr.sc-dso-ozon-content, .od-LiNr.sc-dso-ozon-content, .od-Opschrift.sc-dso-ozon-content, .od-Tussenkop.sc-dso-ozon-content {\n  display: inline;\n}\n\n.od-Al.sc-dso-ozon-content {\n  margin-bottom: 0.75em;\n}\n\n.od-IntIoRef.sc-dso-ozon-content {\n  border-bottom: 1px dotted;\n}\n\n.dso-ozon-bron.sc-dso-ozon-content {\n  font-style: italic;\n  font-size: 0.75rem;\n}\n\n.dso-ozon-figuur.sc-dso-ozon-content {\n  margin-bottom: 16px;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-bottom: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder.sc-dso-ozon-content .figuur-bijschrift.sc-dso-ozon-content {\n  padding-top: 0.25rem;\n}\n.dso-ozon-figuur.sc-dso-ozon-content .figuur-titel.sc-dso-ozon-content {\n  color: #8b4a6a;\n  display: block;\n  font-weight: 500;\n  padding-bottom: 0.5rem;\n}\n\n.dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstaanhef.sc-dso-ozon-content, .dso-ozon-lijst.sc-dso-ozon-content span.od-Lijstsluiting.sc-dso-ozon-content {\n  margin-bottom: 1rem;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content {\n  list-style: none;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content {\n  position: relative;\n}\n.dso-ozon-lijst.sc-dso-ozon-content ul.expliciet.sc-dso-ozon-content > .od-Li.sc-dso-ozon-content > span.od-LiNummer.sc-dso-ozon-content {\n  position: absolute;\n  left: -44px;\n  text-align: right;\n  width: 40px;\n}\n\n.od-Tabel.sc-dso-ozon-content thead.sc-dso-ozon-content {\n  font-weight: 600;\n}\n\n.od-Kadertekst.sc-dso-ozon-content {\n  border: 1px solid #e5e5e5;\n  margin-bottom: 1rem;\n  padding: 1rem;\n}";export{J as dso_ozon_content}

package/dist/dso-toolkit/p-c4c309b5.entry.js

@@ -0,0 +1 @@
+import{r as o,c as t,h as s,H as i,g as e}from"./p-98fd1658.js";import{c as l}from"./p-6a1980b4.js";const a=class{constructor(s){o(this,s),this.dsoRemoveClick=t(this,"dsoRemoveClick",7),this.mutationObserver=new MutationObserver((()=>{this.labelText=this.host.innerText,this.truncate&&this.truncateLabel()})),this.resizeObserver=new ResizeObserver((()=>this.truncateLabel())),this.keydownListenerActive=!1,this.keyDownListener=o=>{"Escape"===o.key&&(this.textHover=!1,this.textFocus=!1)},this.compact=void 0,this.removable=void 0,this.status=void 0,this.removeHover=void 0,this.removeFocus=void 0,this.truncate=void 0,this.textHover=void 0,this.textFocus=void 0,this.truncatedContent=void 0,this.labelText=void 0}watchTruncate(o){o?this.startTruncate():this.stopTruncate()}watchTooltipActive(){this.keydownListenerActive||!this.textHover&&!this.textFocus||(document.addEventListener("keydown",this.keyDownListener),this.keydownListenerActive=!0),this.textHover||this.textFocus||(document.removeEventListener("keydown",this.keyDownListener),this.keydownListenerActive=!1)}truncateLabel(){setTimeout((()=>{var o;this.labelContent&&(this.truncatedContent=(o=this.labelContent).scrollWidth>o.clientWidth?this.host.innerText:void 0)}))}componentDidLoad(){this.labelText=this.host.innerText,this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0}),this.truncate&&this.startTruncate()}disconnectedCallback(){var o;null===(o=this.mutationObserver)||void 0===o||o.disconnect(),this.stopTruncate()}startTruncate(){this.resizeObserver.observe(this.host),this.truncateLabel()}stopTruncate(){document.removeEventListener("keydown",this.keyDownListener),this.resizeObserver.unobserve(this.host),this.truncatedContent=void 0,this.keydownListenerActive=!1}render(){const o=this.status&&a.statusMap.get(this.status);return s(i,{"aria-roledescription":this.truncate&&this.truncatedContent?"Deze tekst is visueel afgekapt en wordt volledig zichtbaar bij focus.":void 0},s("span",{"aria-describedby":"toggle-anchor",class:l("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},s("slot",{name:"symbol"}),o&&s("span",{class:"sr-only"},o,": "),s("span",{class:l("dso-label-content",{"dso-truncate":!!this.truncate}),ref:o=>this.labelContent=o,tabindex:this.truncate&&this.truncatedContent?0:void 0,onMouseEnter:()=>this.textHover=!0,onMouseLeave:()=>this.textHover=!1,onFocus:()=>this.textFocus=!0,onBlur:()=>this.textFocus=!1},s("slot",null)),this.removable&&s("button",{type:"button",onClick:o=>this.dsoRemoveClick.emit(o),onMouseEnter:()=>this.removeHover=!0,onMouseLeave:()=>this.removeHover=!1,onFocus:()=>this.removeFocus=!0,onBlur:()=>this.removeFocus=!1},s("span",{class:"sr-only"},"Verwijder: ",this.labelText),s("dso-icon",{icon:"times"}))),s("dso-tooltip",{stateless:!0,id:"toggle-anchor",active:!!this.truncatedContent&&(this.textHover||this.textFocus),position:"top",strategy:"absolute"},this.truncatedContent))}get host(){return e(this)}static get watchers(){return{truncate:["watchTruncate"],textHover:["watchTooltipActive"],textFocus:["watchTooltipActive"]}}};a.statusMap=new Map([["info","Opmerking"],["success","Gelukt"],["warning","Waarschuwing"],["danger","Fout"]]),a.style=":host{display:inline-block;max-width:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{background-color:#f2f2f2;border-radius:4px;color:#191919;display:inline-block;line-height:1.5;max-width:100%;padding:4px 8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:right;font-size:1rem;margin-bottom:-4px;margin-left:8px;margin-right:-4px;margin-top:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label.dso-label-info{background-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;color:#fff}.dso-label.dso-label-error{background-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{background-color:#8b4a6a;color:#fff}.dso-label.dso-compact{padding:0 8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-width:calc(100% - 28px)}";export{a as dso_label}

package/dist/dso-toolkit/{p-655eff47.entry.js → p-c54ad578.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,F as e,a as h}from"./p-8f35c8f8.js";import{d as o}from"./p-1805f5b0.js";import{v as a}from"./p-5d7f4ff2.js";const n=class{constructor(i){t(this,i),this.dsoSelect=s(this,"dsoSelect",7),this.dsoChange=s(this,"dsoChange",7),this.dsoSearch=s(this,"dsoSearch",7),this.listboxId=a(),this.inputId=a(),this.labelId=a(),this.debouncedEmitValue=o((t=>{this.dsoChange.emit(t),this.debouncedShowLoading()}),200),this.debouncedShowLoading=o((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=t=>{if(!(t.target instanceof HTMLInputElement))throw new Error("event.target is not instanceof HTMLInputElement");this.showLoading=!this.loadingDelayed,this.inputValue=t.target.value,this.debouncedEmitValue(t.target.value.match(/(\S+)/g)?t.target.value:"")},this.onFocusIn=()=>{this.suggestOnFocus&&this.openSuggestions()},this.onKeyDown=t=>{if(!t.defaultPrevented&&!this.loading){switch(t.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}t.preventDefault()}},this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.loadingDelayed=void 0,this.notFoundLabel=void 0,this.suggestOnFocus=!1,this.showSuggestions=!1,this.selectedSuggestion=void 0,this.notFound=!1,this.showLoading=!1}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}onDocumentClick(t){(this.showSuggestions||this.notFound)&&this.listbox&&t.target instanceof Node&&!this.listbox.contains(t.target)&&this.input!==t.target&&this.closeSuggestions()}connectedCallback(){setTimeout((()=>{const t=this.host.querySelector('input[type="text"]');if(!(t instanceof HTMLInputElement))throw new ReferenceError("Mandatory text input not found");if(this.input=t,t.id?this.inputId=t.id:t.id=this.inputId,!this.input.labels||this.input.labels.length<1)throw new ReferenceError("Mandatory label for text input not found");const s=this.input.labels[0];s.id?this.labelId=s.id:s.id=this.labelId,this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-controls",this.listboxId),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)}))}disconnectedCallback(){var t,s,i;null===(t=this.input)||void 0===t||t.removeEventListener("input",this.onInput),null===(s=this.input)||void 0===s||s.removeEventListener("keydown",this.onKeyDown),null===(i=this.input)||void 0===i||i.removeEventListener("focusin",this.onFocusIn)}markTerms(t,s){if(!t||!s||0===s.length)return[""];const e=new RegExp(`(${function(t){if("string"!=typeof t)throw new TypeError("Expected a string");return t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(e).map((t=>t?e.test(t)?i("mark",null,t):1===s.length?i("span",null,t):this.markTerms(t,s.slice(1)):""))}selectSuggestion(t){var s;this.selectedSuggestion=t,null===(s=this.input)||void 0===s||s.setAttribute("aria-activedescendant",this.listboxItemId(t))}selectFirstSuggestion(){var t;this.suggestions&&(this.selectedSuggestion=this.suggestions[0],this.selectedSuggestion&&(null===(t=this.input)||void 0===t||t.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))))}selectLastSuggestion(){var t;this.suggestions&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&(null===(t=this.input)||void 0===t||t.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))))}selectNextSuggestion(){var t,s;if(!this.suggestions)return;const i=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=null!==(t=this.suggestions[i+1])&&void 0!==t?t:this.suggestions[0],this.selectedSuggestion&&(null===(s=this.input)||void 0===s||s.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion)))}selectPreviousSuggestion(){var t,s;if(!this.suggestions)return;const i=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=null!==(t=this.suggestions[i-1])&&void 0!==t?t:this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&(null===(s=this.input)||void 0===s||s.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion)))}resetSelectedSuggestion(){var t;this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,null===(t=this.input)||void 0===t||t.setAttribute("aria-activedescendant","")}openSuggestions(t){var s,i,e,h;this.showSuggestions=null!==(s=this.suggestions&&this.suggestions.length>0)&&void 0!==s&&s,this.notFound=null!==(e=0===(null===(i=this.suggestions)||void 0===i?void 0:i.length))&&void 0!==e&&e,null===(h=this.input)||void 0===h||h.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString()),this.showSuggestions&&"first"===t?this.selectFirstSuggestion():this.showSuggestions&&"last"===t&&this.selectLastSuggestion()}closeSuggestions(){var t;this.showSuggestions=!1,this.notFound=!1,null===(t=this.input)||void 0===t||t.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){var t;this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(null===(t=this.input)||void 0===t?void 0:t.value),this.closeSuggestions()}listboxItemId(t){return this.suggestions?`${this.inputId}-${this.suggestions.indexOf(t)+1}`:""}render(){var t,s;const h=null!==(s=null===(t=this.input)||void 0===t?void 0:t.value.split(" ").filter((t=>t)))&&void 0!==s?s:[];return i(e,null,i("slot",null),this.loading&&this.showLoading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):i("ul",{role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:t=>this.listbox=t,hidden:!this.showSuggestions&&!this.notFound},this.showSuggestions&&this.suggestions?this.suggestions.map((t=>i("li",{role:"option",id:this.listboxItemId(t),key:t.value,onMouseEnter:()=>this.selectSuggestion(t),onMouseLeave:()=>this.resetSelectedSuggestion(),onClick:()=>this.pickSelectedValue(),"aria-selected":(t===this.selectedSuggestion).toString(),"aria-label":t.value},i("span",{class:"value"},this.markTerms(t.value,h)),t.type?i("span",{class:"type"},t.type):void 0))):this.notFound?i("li",null,i("span",{class:"value"},this.notFoundLabel?i("span",null,this.notFoundLabel):this.markTerms(`${this.inputValue} is niet gevonden.`,h))):void 0))}get host(){return h(this)}static get watchers(){return{suggestions:["suggestionsWatcher"]}}};n.style=".sc-dso-autosuggest-h{display:block;position:relative}ul.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-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}.autosuggest-progress-box.sc-dso-autosuggest{padding:12px 8px}ul.sc-dso-autosuggest{padding:8px 0}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px 16px}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest{color:#666}";export{n as dso_autosuggest}
+import{r as t,c as s,h as i,F as e,g as h}from"./p-98fd1658.js";import{d as o}from"./p-1805f5b0.js";import{v as a}from"./p-5d7f4ff2.js";const n=class{constructor(i){t(this,i),this.dsoSelect=s(this,"dsoSelect",7),this.dsoChange=s(this,"dsoChange",7),this.dsoSearch=s(this,"dsoSearch",7),this.listboxId=a(),this.inputId=a(),this.labelId=a(),this.debouncedEmitValue=o((t=>{this.dsoChange.emit(t),this.debouncedShowLoading()}),200),this.debouncedShowLoading=o((()=>{this.inputValue&&(this.showLoading=!0)}),this.loadingDelayed),this.inputValue="",this.onInput=t=>{if(!(t.target instanceof HTMLInputElement))throw new Error("event.target is not instanceof HTMLInputElement");this.showLoading=!this.loadingDelayed,this.inputValue=t.target.value,this.debouncedEmitValue(t.target.value.match(/(\S+)/g)?t.target.value:"")},this.onFocusIn=()=>{this.suggestOnFocus&&this.openSuggestions()},this.onKeyDown=t=>{if(!t.defaultPrevented&&!this.loading){switch(t.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}t.preventDefault()}},this.suggestions=null,this.loading=!1,this.loadingLabel="Een moment geduld.",this.loadingDelayed=void 0,this.notFoundLabel=void 0,this.suggestOnFocus=!1,this.showSuggestions=!1,this.selectedSuggestion=void 0,this.notFound=!1,this.showLoading=!1}suggestionsWatcher(){this.resetSelectedSuggestion(),this.showSuggestions&&this.notFound||!this.inputValue?!this.showSuggestions&&!this.notFound||this.inputValue||this.closeSuggestions():this.openSuggestions()}onDocumentClick(t){(this.showSuggestions||this.notFound)&&this.listbox&&t.target instanceof Node&&!this.listbox.contains(t.target)&&this.input!==t.target&&this.closeSuggestions()}connectedCallback(){setTimeout((()=>{const t=this.host.querySelector('input[type="text"]');if(!(t instanceof HTMLInputElement))throw new ReferenceError("Mandatory text input not found");if(this.input=t,t.id?this.inputId=t.id:t.id=this.inputId,!this.input.labels||this.input.labels.length<1)throw new ReferenceError("Mandatory label for text input not found");const s=this.input.labels[0];s.id?this.labelId=s.id:s.id=this.labelId,this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-haspopup","listbox"),this.input.setAttribute("aria-controls",this.listboxId),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)}))}disconnectedCallback(){var t,s,i;null===(t=this.input)||void 0===t||t.removeEventListener("input",this.onInput),null===(s=this.input)||void 0===s||s.removeEventListener("keydown",this.onKeyDown),null===(i=this.input)||void 0===i||i.removeEventListener("focusin",this.onFocusIn)}markTerms(t,s){if(!t||!s||0===s.length)return[""];const e=new RegExp(`(${function(t){if("string"!=typeof t)throw new TypeError("Expected a string");return t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}(s[0])})`,"gi");return t.split(e).map((t=>t?e.test(t)?i("mark",null,t):1===s.length?i("span",null,t):this.markTerms(t,s.slice(1)):""))}selectSuggestion(t){var s;this.selectedSuggestion=t,null===(s=this.input)||void 0===s||s.setAttribute("aria-activedescendant",this.listboxItemId(t))}selectFirstSuggestion(){var t;this.suggestions&&(this.selectedSuggestion=this.suggestions[0],this.selectedSuggestion&&(null===(t=this.input)||void 0===t||t.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))))}selectLastSuggestion(){var t;this.suggestions&&(this.selectedSuggestion=this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&(null===(t=this.input)||void 0===t||t.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion))))}selectNextSuggestion(){var t,s;if(!this.suggestions)return;const i=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):-1;this.selectedSuggestion=null!==(t=this.suggestions[i+1])&&void 0!==t?t:this.suggestions[0],this.selectedSuggestion&&(null===(s=this.input)||void 0===s||s.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion)))}selectPreviousSuggestion(){var t,s;if(!this.suggestions)return;const i=this.selectedSuggestion?this.suggestions.indexOf(this.selectedSuggestion):0;this.selectedSuggestion=null!==(t=this.suggestions[i-1])&&void 0!==t?t:this.suggestions[this.suggestions.length-1],this.selectedSuggestion&&(null===(s=this.input)||void 0===s||s.setAttribute("aria-activedescendant",this.listboxItemId(this.selectedSuggestion)))}resetSelectedSuggestion(){var t;this.showLoading=!this.loadingDelayed,this.notFound=!1,this.selectedSuggestion=void 0,null===(t=this.input)||void 0===t||t.setAttribute("aria-activedescendant","")}openSuggestions(t){var s,i,e,h;this.showSuggestions=null!==(s=this.suggestions&&this.suggestions.length>0)&&void 0!==s&&s,this.notFound=null!==(e=0===(null===(i=this.suggestions)||void 0===i?void 0:i.length))&&void 0!==e&&e,null===(h=this.input)||void 0===h||h.setAttribute("aria-expanded",(this.showSuggestions||this.notFound).toString()),this.showSuggestions&&"first"===t?this.selectFirstSuggestion():this.showSuggestions&&"last"===t&&this.selectLastSuggestion()}closeSuggestions(){var t;this.showSuggestions=!1,this.notFound=!1,null===(t=this.input)||void 0===t||t.setAttribute("aria-expanded","false"),this.selectFirstSuggestion()}pickSelectedValue(){var t;this.selectedSuggestion&&this.showSuggestions?this.dsoSelect.emit(this.selectedSuggestion):this.dsoSearch.emit(null===(t=this.input)||void 0===t?void 0:t.value),this.closeSuggestions()}listboxItemId(t){return this.suggestions?`${this.inputId}-${this.suggestions.indexOf(t)+1}`:""}render(){var t,s;const h=null!==(s=null===(t=this.input)||void 0===t?void 0:t.value.split(" ").filter((t=>t)))&&void 0!==s?s:[];return i(e,null,i("slot",null),this.loading&&this.showLoading?i("div",{class:"autosuggest-progress-box"},i("dso-progress-indicator",{label:this.loadingLabel})):i("ul",{role:"listbox",id:this.listboxId,"aria-labelledby":this.labelId,ref:t=>this.listbox=t,hidden:!this.showSuggestions&&!this.notFound},this.showSuggestions&&this.suggestions?this.suggestions.map((t=>i("li",{role:"option",id:this.listboxItemId(t),key:t.value,onMouseEnter:()=>this.selectSuggestion(t),onMouseLeave:()=>this.resetSelectedSuggestion(),onClick:()=>this.pickSelectedValue(),"aria-selected":(t===this.selectedSuggestion).toString(),"aria-label":t.value},i("span",{class:"value"},this.markTerms(t.value,h)),t.type?i("span",{class:"type"},t.type):void 0))):this.notFound?i("li",null,i("span",{class:"value"},this.notFoundLabel?i("span",null,this.notFoundLabel):this.markTerms(`${this.inputValue} is niet gevonden.`,h))):void 0))}get host(){return h(this)}static get watchers(){return{suggestions:["suggestionsWatcher"]}}};n.style=".sc-dso-autosuggest-h{display:block;position:relative}ul.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-top:2px;padding:4px 0;position:absolute;left:0;right:0;top:100%;z-index:200}.autosuggest-progress-box.sc-dso-autosuggest{padding:12px 8px}ul.sc-dso-autosuggest{padding:8px 0}ul.sc-dso-autosuggest li.sc-dso-autosuggest{display:flex;justify-content:space-between;padding:4px 16px}li[aria-selected=true].sc-dso-autosuggest{cursor:pointer;background-color:#39870c}li[aria-selected=true].sc-dso-autosuggest,li[aria-selected=true].sc-dso-autosuggest .type.sc-dso-autosuggest{color:#fff}mark.sc-dso-autosuggest{font-weight:700;background-color:inherit;color:inherit;padding:0}.type.sc-dso-autosuggest{color:#666}";export{n as dso_autosuggest}

package/dist/dso-toolkit/{p-35687d62.entry.js → p-d4772fb0.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,F as i,a as h}from"./p-8f35c8f8.js";const o=class{constructor(s){t(this,s),this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{var s;t.defaultPrevented||"Escape"!==t.key||(this.close(),null===(s=this.infoButton)||void 0===s||s.setFocus(),t.preventDefault())},this.active=!1,this.label="Toelichting",this.position="right",this.small=void 0,this.secondary=void 0}render(){return s(i,null,s("dso-info-button",{"aria-describedby":"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary,ref:t=>this.infoButton=t}),s("dso-tooltip",{stateless:!0,descriptive:!0,id:"toggle",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return h(this)}};o.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}:host(:focus){outline:none}";export{o as dso_toggletip}
+import{r as t,h as s,F as i,g as h}from"./p-98fd1658.js";const o=class{constructor(s){t(this,s),this.click=()=>{this.active?this.close():this.open()},this.open=()=>{this.active=!0,this.host.addEventListener("keydown",this.keyDownListener),this.host.addEventListener("focusout",this.focusOutListener)},this.close=()=>{this.host.removeEventListener("focusout",this.focusOutListener),this.host.removeEventListener("keydown",this.keyDownListener),this.active=!1},this.focusOutListener=t=>{this.host.contains(t.relatedTarget)||this.close()},this.keyDownListener=t=>{var s;t.defaultPrevented||"Escape"!==t.key||(this.close(),null===(s=this.infoButton)||void 0===s||s.setFocus(),t.preventDefault())},this.active=!1,this.label="Toelichting",this.position="right",this.small=void 0,this.secondary=void 0}render(){return s(i,null,s("dso-info-button",{"aria-describedby":"toggle",onClick:this.click,label:this.label,active:this.active,secondary:this.secondary,ref:t=>this.infoButton=t}),s("dso-tooltip",{stateless:!0,descriptive:!0,id:"toggle",active:this.active,position:this.position,small:this.small},s("slot",null)))}get host(){return h(this)}};o.style="*,*::after,*::before{box-sizing:border-box}:host{display:inline-block}:host(:focus){outline:none}";export{o as dso_toggletip}

package/dist/dso-toolkit/{p-2fa96ac0.entry.js → p-d6ea8670.entry.js}

@@ -1 +1 @@
-import{r as o,h as t}from"./p-8f35c8f8.js";const s=class{constructor(t){o(this,t),this.count=void 0}render(){return t("span",{class:"dso-attachments"},this.count," ",t("span",{class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{icon:"paperclip"}))}};s.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";export{s as dso_attachments_counter}
+import{r as o,h as t}from"./p-98fd1658.js";const s=class{constructor(t){o(this,t),this.count=void 0}render(){return t("span",{class:"dso-attachments"},this.count," ",t("span",{class:"sr-only"},"bijlage",1!==this.count?"n":""),t("dso-icon",{icon:"paperclip"}))}};s.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-attachments{color:var(--dso-attachments-counter-color, #666);display:inline-block;font-weight:400;text-decoration:none;white-space:nowrap}";export{s as dso_attachments_counter}

package/dist/dso-toolkit/{p-ec25868b.entry.js → p-d987ef37.entry.js}

@@ -1 +1 @@
-import{r as s,c as i,h as t,H as e,a as l}from"./p-8f35c8f8.js";const a=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],h=class{constructor(t){s(this,t),this.dsoSizeChange=i(this,"dsoSizeChange",7),this.observer=new ResizeObserver((([s])=>{var i,t;const e=null!==(t=null===(i=a.find((i=>s.contentRect.width>=i.width)))||void 0===i?void 0:i.alias)&&void 0!==t?t:a[0].alias;this.sizeAlias=e,this.dsoSizeChange.emit(e)})),this.sizeAlias=a[0].alias,this.sizeWidth=0}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return t(e,{small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},t("slot",null))}get host(){return l(this)}};h.style=":host{display:block}";export{h as dso_responsive_element}
+import{r as s,c as i,h as t,H as e,g as l}from"./p-98fd1658.js";const a=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}],h=class{constructor(t){s(this,t),this.dsoSizeChange=i(this,"dsoSizeChange",7),this.observer=new ResizeObserver((([s])=>{var i,t;const e=null!==(t=null===(i=a.find((i=>s.contentRect.width>=i.width)))||void 0===i?void 0:i.alias)&&void 0!==t?t:a[0].alias;this.sizeAlias=e,this.dsoSizeChange.emit(e)})),this.sizeAlias=a[0].alias,this.sizeWidth=0}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return t(e,{small:"small"===this.sizeAlias,medium:"medium"===this.sizeAlias,large:"large"===this.sizeAlias},t("slot",null))}get host(){return l(this)}};h.style=":host{display:block}";export{h as dso_responsive_element}