@dso-toolkit/core 51.2.0 → 51.3.0

package/dist/dso-toolkit/{p-abbcbe6a.entry.js → p-1f0672f2.entry.js}

@@ -1 +1 @@
-import{h as o,r as n,f as t,F as e,H as r,a as s}from"./p-8f35c8f8.js";import{d as i}from"./p-1805f5b0.js";var a={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},c={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},d=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],u={CSS:{},springs:{}};function h(o,n,t){return Math.min(Math.max(o,n),t)}function l(o,n){return o.indexOf(n)>-1}function f(o,n){return o.apply(null,n)}var v={arr:function(o){return Array.isArray(o)},obj:function(o){return l(Object.prototype.toString.call(o),"Object")},pth:function(o){return v.obj(o)&&o.hasOwnProperty("totalLength")},svg:function(o){return o instanceof SVGElement},inp:function(o){return o instanceof HTMLInputElement},dom:function(o){return o.nodeType||v.svg(o)},str:function(o){return"string"==typeof o},fnc:function(o){return"function"==typeof o},und:function(o){return void 0===o},nil:function(o){return v.und(o)||null===o},hex:function(o){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(o)},rgb:function(o){return/^rgb/.test(o)},hsl:function(o){return/^hsl/.test(o)},col:function(o){return v.hex(o)||v.rgb(o)||v.hsl(o)},key:function(o){return!a.hasOwnProperty(o)&&!c.hasOwnProperty(o)&&"targets"!==o&&"keyframes"!==o}};function p(o){var n=/\(([^)]+)\)/.exec(o);return n?n[1].split(",").map((function(o){return parseFloat(o)})):[]}function b(o,n){var t=p(o),e=h(v.und(t[0])?1:t[0],.1,100),r=h(v.und(t[1])?100:t[1],.1,100),s=h(v.und(t[2])?10:t[2],.1,100),i=h(v.und(t[3])?0:t[3],.1,100),a=Math.sqrt(r/e),c=s/(2*Math.sqrt(r*e)),d=c<1?a*Math.sqrt(1-c*c):0,l=c<1?(c*a-i)/d:-i+a;function f(o){var t=n?n*o/1e3:o;return t=c<1?Math.exp(-t*c*a)*(1*Math.cos(d*t)+l*Math.sin(d*t)):(1+l*t)*Math.exp(-t*a),0===o||1===o?o:1-t}return n?f:function(){var n=u.springs[o];if(n)return n;for(var t=1/6,e=0,r=0;;)if(1===f(e+=t)){if(++r>=16)break}else r=0;var s=e*t*1e3;return u.springs[o]=s,s}}function m(o){return void 0===o&&(o=10),function(n){return Math.ceil(h(n,1e-6,1)*o)*(1/o)}}var g,y,w=function(){var o=.1;function n(o,n){return 1-3*n+3*o}function t(o,n){return 3*n-6*o}function e(o){return 3*o}function r(o,r,s){return((n(r,s)*o+t(r,s))*o+e(r))*o}function s(o,r,s){return 3*n(r,s)*o*o+2*t(r,s)*o+e(r)}return function(n,t,e,i){if(0<=n&&n<=1&&0<=e&&e<=1){var a=new Float32Array(11);if(n!==t||e!==i)for(var c=0;c<11;++c)a[c]=r(c*o,n,e);return function(c){return n===t&&e===i||0===c||1===c?c:r(function(t){for(var i=0,c=1;10!==c&&a[c]<=t;++c)i+=o;--c;var d=i+(t-a[c])/(a[c+1]-a[c])*o,u=s(d,n,e);return u>=.001?function(o,n,t,e){for(var i=0;i<4;++i){var a=s(n,t,e);if(0===a)return n;n-=(r(n,t,e)-o)/a}return n}(t,d,n,e):0===u?d:function(o,n,t,e,s){var i,a,c=0;do{(i=r(a=n+(t-n)/2,e,s)-o)>0?t=a:n=a}while(Math.abs(i)>1e-7&&++c<10);return a}(t,i,i+o,n,e)}(c),t,i)}}}}(),x=(g={linear:function(){return function(o){return o}}},y={Sine:function(){return function(o){return 1-Math.cos(o*Math.PI/2)}},Circ:function(){return function(o){return 1-Math.sqrt(1-o*o)}},Back:function(){return function(o){return o*o*(3*o-2)}},Bounce:function(){return function(o){for(var n,t=4;o<((n=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*n-2)/22-o,2)}},Elastic:function(o,n){void 0===o&&(o=1),void 0===n&&(n=.5);var t=h(o,1,10),e=h(n,.1,2);return function(o){return 0===o||1===o?o:-t*Math.pow(2,10*(o-1))*Math.sin((o-1-e/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/e)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach((function(o,n){y[o]=function(){return function(o){return Math.pow(o,n+2)}}})),Object.keys(y).forEach((function(o){var n=y[o];g["easeIn"+o]=n,g["easeOut"+o]=function(o,t){return function(e){return 1-n(o,t)(1-e)}},g["easeInOut"+o]=function(o,t){return function(e){return e<.5?n(o,t)(2*e)/2:1-n(o,t)(-2*e+2)/2}},g["easeOutIn"+o]=function(o,t){return function(e){return e<.5?(1-n(o,t)(1-2*e))/2:(n(o,t)(2*e-1)+1)/2}}})),g);function M(o,n){if(v.fnc(o))return o;var t=o.split("(")[0],e=x[t],r=p(o);switch(t){case"spring":return b(o,n);case"cubicBezier":return f(w,r);case"steps":return f(m,r);default:return f(e,r)}}function k(o){try{return document.querySelectorAll(o)}catch(o){return}}function C(o,n){for(var t=o.length,e=arguments.length>=2?arguments[1]:void 0,r=[],s=0;s<t;s++)if(s in o){var i=o[s];n.call(e,i,s,o)&&r.push(i)}return r}function F(o){return o.reduce((function(o,n){return o.concat(v.arr(n)?F(n):n)}),[])}function A(o){return v.arr(o)?o:(v.str(o)&&(o=k(o)||o),o instanceof NodeList||o instanceof HTMLCollection?[].slice.call(o):[o])}function O(o,n){return o.some((function(o){return o===n}))}function I(o){var n={};for(var t in o)n[t]=o[t];return n}function j(o,n){var t=I(o);for(var e in o)t[e]=n.hasOwnProperty(e)?n[e]:o[e];return t}function B(o,n){var t=I(o);for(var e in n)t[e]=v.und(o[e])?n[e]:o[e];return t}function z(o){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(o);if(n)return n[1]}function E(o,n){return v.fnc(o)?o(n.target,n.id,n.total):o}function L(o,n){return o.getAttribute(n)}function S(o,n,t){if(O([t,"deg","rad","turn"],z(n)))return n;var e=u.CSS[n+t];if(!v.und(e))return e;var r=document.createElement(o.tagName),s=o.parentNode&&o.parentNode!==document?o.parentNode:document.body;s.appendChild(r),r.style.position="absolute",r.style.width=100+t;var i=100/r.offsetWidth;s.removeChild(r);var a=i*parseFloat(n);return u.CSS[n+t]=a,a}function N(o,n,t){if(n in o.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=o.style[n]||getComputedStyle(o).getPropertyValue(e)||"0";return t?S(o,r,t):r}}function $(o,n){return v.dom(o)&&!v.inp(o)&&(!v.nil(L(o,n))||v.svg(o)&&o[n])?"attribute":v.dom(o)&&O(d,n)?"transform":v.dom(o)&&"transform"!==n&&N(o,n)?"css":null!=o[n]?"object":void 0}function H(o){if(v.dom(o)){for(var n,t=o.style.transform||"",e=/(\w+)\(([^)]*)\)/g,r=new Map;n=e.exec(t);)r.set(n[1],n[2]);return r}}function D(o,n,t,e){switch($(o,n)){case"transform":return function(o,n,t,e){var r=l(n,"scale")?1:0+function(o){return l(o,"translate")||"perspective"===o?"px":l(o,"rotate")||l(o,"skew")?"deg":void 0}(n),s=H(o).get(n)||r;return t&&(t.transforms.list.set(n,s),t.transforms.last=n),e?S(o,s,e):s}(o,n,e,t);case"css":return N(o,n,t);case"attribute":return L(o,n);default:return o[n]||0}}function X(o,n){var t=/^(\*=|\+=|-=)/.exec(o);if(!t)return o;var e=z(o)||0,r=parseFloat(n),s=parseFloat(o.replace(t[0],""));switch(t[0][0]){case"+":return r+s+e;case"-":return r-s+e;case"*":return r*s+e}}function Y(o,n){if(v.col(o))return function(o){return v.rgb(o)?(t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(n=o))?"rgba("+t[1]+",1)":n:v.hex(o)?function(o){var n=o.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(o,n,t,e){return n+n+t+t+e+e})),t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return"rgba("+parseInt(t[1],16)+","+parseInt(t[2],16)+","+parseInt(t[3],16)+",1)"}(o):v.hsl(o)?function(o){var n,t,e,r=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(o)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(o),s=parseInt(r[1],10)/360,i=parseInt(r[2],10)/100,a=parseInt(r[3],10)/100,c=r[4]||1;function d(o,n,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?o+6*(n-o)*t:t<.5?n:t<2/3?o+(n-o)*(2/3-t)*6:o}if(0==i)n=t=e=a;else{var u=a<.5?a*(1+i):a+i-a*i,h=2*a-u;n=d(h,u,s+1/3),t=d(h,u,s),e=d(h,u,s-1/3)}return"rgba("+255*n+","+255*t+","+255*e+","+c+")"}(o):void 0;var n,t}(o);if(/\s/g.test(o))return o;var t=z(o),e=t?o.substr(0,o.length-t.length):o;return n?e+n:e}function Z(o,n){return Math.sqrt(Math.pow(n.x-o.x,2)+Math.pow(n.y-o.y,2))}function Q(o){for(var n,t=o.points,e=0,r=0;r<t.numberOfItems;r++){var s=t.getItem(r);r>0&&(e+=Z(n,s)),n=s}return e}function T(o){if(o.getTotalLength)return o.getTotalLength();switch(o.tagName.toLowerCase()){case"circle":return function(o){return 2*Math.PI*L(o,"r")}(o);case"rect":return function(o){return 2*L(o,"width")+2*L(o,"height")}(o);case"line":return function(o){return Z({x:L(o,"x1"),y:L(o,"y1")},{x:L(o,"x2"),y:L(o,"y2")})}(o);case"polyline":return Q(o);case"polygon":return function(o){var n=o.points;return Q(o)+Z(n.getItem(n.numberOfItems-1),n.getItem(0))}(o)}}function V(o,n){var t=n||{},e=t.el||function(o){for(var n=o.parentNode;v.svg(n)&&v.svg(n.parentNode);)n=n.parentNode;return n}(o),r=e.getBoundingClientRect(),s=L(e,"viewBox"),i=r.width,a=r.height,c=t.viewBox||(s?s.split(" "):[0,0,i,a]);return{el:e,viewBox:c,x:c[0]/1,y:c[1]/1,w:i,h:a,vW:c[2],vH:c[3]}}function W(o,n,t){function e(t){return void 0===t&&(t=0),o.el.getPointAtLength(n+t>=1?n+t:0)}var r=V(o.el,o.svg),s=e(),i=e(-1),a=e(1),c=t?1:r.w/r.vW,d=t?1:r.h/r.vH;switch(o.property){case"x":return(s.x-r.x)*c;case"y":return(s.y-r.y)*d;case"angle":return 180*Math.atan2(a.y-i.y,a.x-i.x)/Math.PI}}function q(o,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,e=Y(v.pth(o)?o.totalLength:o,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:v.str(o)||n?e.split(t):[]}}function P(o){return C(o?F(v.arr(o)?o.map(A):A(o)):[],(function(o,n,t){return t.indexOf(o)===n}))}function R(o){var n=P(o);return n.map((function(o,t){return{target:o,id:t,total:n.length,transforms:{list:H(o)}}}))}function U(o,n){var t=I(n);if(/^spring/.test(t.easing)&&(t.duration=b(t.easing)),v.arr(o)){var e=o.length;2!==e||v.obj(o[0])?v.fnc(n.duration)||(t.duration=n.duration/e):o={value:o}}var r=v.arr(o)?o:[o];return r.map((function(o,t){var e=v.obj(o)&&!v.pth(o)?o:{value:o};return v.und(e.delay)&&(e.delay=t?0:n.delay),v.und(e.endDelay)&&(e.endDelay=t===r.length-1?n.endDelay:0),e})).map((function(o){return B(o,t)}))}var _={css:function(o,n,t){return o.style[n]=t},attribute:function(o,n,t){return o.setAttribute(n,t)},object:function(o,n,t){return o[n]=t},transform:function(o,n,t,e,r){if(e.list.set(n,t),n===e.last||r){var s="";e.list.forEach((function(o,n){s+=n+"("+o+") "})),o.style.transform=s}}};function G(o,n){R(o).forEach((function(o){for(var t in n){var e=E(n[t],o),r=o.target,s=z(e),i=D(r,t,s,o),a=X(Y(e,s||z(i)),i),c=$(r,t);_[c](r,t,a,o.transforms,!0)}}))}function J(o,n){return C(F(o.map((function(o){return n.map((function(n){return function(o,n){var t=$(o.target,n.name);if(t){var e=function(o,n){var t;return o.tweens.map((function(e){var r=function(o,n){var t={};for(var e in o){var r=E(o[e],n);v.arr(r)&&1===(r=r.map((function(o){return E(o,n)}))).length&&(r=r[0]),t[e]=r}return t.duration=parseFloat(t.duration),t.delay=parseFloat(t.delay),t}(e,n),s=r.value,i=v.arr(s)?s[1]:s,a=z(i),c=D(n.target,o.name,a,n),d=t?t.to.original:c,u=v.arr(s)?s[0]:d,h=z(u)||z(c),l=a||h;return v.und(i)&&(i=d),r.from=q(u,l),r.to=q(X(i,u),l),r.start=t?t.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=M(r.easing,r.duration),r.isPath=v.pth(s),r.isPathTargetInsideSVG=r.isPath&&v.svg(n.target),r.isColor=v.col(r.from.original),r.isColor&&(r.round=1),t=r,r}))}(n,o),r=e[e.length-1];return{type:t,property:n.name,animatable:o,tweens:e,duration:r.end,delay:e[0].delay,endDelay:r.endDelay}}}(o,n)}))}))),(function(o){return!v.und(o)}))}function K(o,n){var t=o.length,e=function(o){return o.timelineOffset?o.timelineOffset:0},r={};return r.duration=t?Math.max.apply(Math,o.map((function(o){return e(o)+o.duration}))):n.duration,r.delay=t?Math.min.apply(Math,o.map((function(o){return e(o)+o.delay}))):n.delay,r.endDelay=t?r.duration-Math.max.apply(Math,o.map((function(o){return e(o)+o.duration-o.endDelay}))):n.endDelay,r}var oo=0,no=[],to=function(){var o;function n(t){for(var e=no.length,r=0;r<e;){var s=no[r];s.paused?(no.splice(r,1),e--):(s.tick(t),r++)}o=r>0?requestAnimationFrame(n):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",(function(){ro.suspendWhenDocumentHidden&&(eo()?o=cancelAnimationFrame(o):(no.forEach((function(o){return o._onDocumentVisibility()})),to()))})),function(){o||eo()&&ro.suspendWhenDocumentHidden||!(no.length>0)||(o=requestAnimationFrame(n))}}();function eo(){return!!document&&document.hidden}function ro(o){void 0===o&&(o={});var n,t=0,e=0,r=0,s=0,i=null;function d(o){var n=window.Promise&&new Promise((function(o){return i=o}));return o.finished=n,n}var u=function(o){var n=j(a,o),t=j(c,o),e=function(o,n){var t=[],e=n.keyframes;for(var r in e&&(n=B(function(o){for(var n=C(F(o.map((function(o){return Object.keys(o)}))),(function(o){return v.key(o)})).reduce((function(o,n){return o.indexOf(n)<0&&o.push(n),o}),[]),t={},e=function(e){var r=n[e];t[r]=o.map((function(o){var n={};for(var t in o)v.key(t)?t==r&&(n.value=o[t]):n[t]=o[t];return n}))},r=0;r<n.length;r++)e(r);return t}(e),n)),n)v.key(r)&&t.push({name:r,tweens:U(n[r],o)});return t}(t,o),r=R(o.targets),s=J(r,e),i=K(s,t),d=oo;return oo++,B(n,{id:d,children:[],animatables:r,animations:s,duration:i.duration,delay:i.delay,endDelay:i.endDelay})}(o);function l(){var o=u.direction;"alternate"!==o&&(u.direction="normal"!==o?"normal":"reverse"),u.reversed=!u.reversed,n.forEach((function(o){return o.reversed=u.reversed}))}function f(o){return u.reversed?u.duration-o:o}function p(){t=0,e=f(u.currentTime)*(1/ro.speed)}function b(o,n){n&&n.seek(o-n.timelineOffset)}function m(o){for(var n=0,t=u.animations,e=t.length;n<e;){var r=t[n],s=r.animatable,i=r.tweens,a=i.length-1,c=i[a];a&&(c=C(i,(function(n){return o<n.end}))[0]||c);for(var d=h(o-c.start-c.delay,0,c.duration)/c.duration,l=isNaN(d)?1:c.easing(d),f=c.to.strings,v=c.round,p=[],b=c.to.numbers.length,m=void 0,g=0;g<b;g++){var y=void 0,w=c.to.numbers[g],x=c.from.numbers[g]||0;y=c.isPath?W(c.value,l*w,c.isPathTargetInsideSVG):x+l*(w-x),v&&(c.isColor&&g>2||(y=Math.round(y*v)/v)),p.push(y)}var M=f.length;if(M){m=f[0];for(var k=0;k<M;k++){var F=f[k+1],A=p[k];isNaN(A)||(m+=F?A+F:A+" ")}}else m=p[0];_[r.type](s.target,r.property,m,s.transforms),r.currentValue=m,n++}}function g(o){u[o]&&!u.passThrough&&u[o](u)}function y(o){var a=u.duration,c=u.delay,v=a-u.endDelay,p=f(o);u.progress=h(p/a*100,0,100),u.reversePlayback=p<u.currentTime,n&&function(o){if(u.reversePlayback)for(var t=s;t--;)b(o,n[t]);else for(var e=0;e<s;e++)b(o,n[e])}(p),!u.began&&u.currentTime>0&&(u.began=!0,g("begin")),!u.loopBegan&&u.currentTime>0&&(u.loopBegan=!0,g("loopBegin")),p<=c&&0!==u.currentTime&&m(0),(p>=v&&u.currentTime!==a||!a)&&m(a),p>c&&p<v?(u.changeBegan||(u.changeBegan=!0,u.changeCompleted=!1,g("changeBegin")),g("change"),m(p)):u.changeBegan&&(u.changeCompleted=!0,u.changeBegan=!1,g("changeComplete")),u.currentTime=h(p,0,a),u.began&&g("update"),o>=a&&(e=0,u.remaining&&!0!==u.remaining&&u.remaining--,u.remaining?(t=r,g("loopComplete"),u.loopBegan=!1,"alternate"===u.direction&&l()):(u.paused=!0,u.completed||(u.completed=!0,g("loopComplete"),g("complete"),!u.passThrough&&"Promise"in window&&(i(),d(u)))))}return d(u),u.reset=function(){var o=u.direction;u.passThrough=!1,u.currentTime=0,u.progress=0,u.paused=!0,u.began=!1,u.loopBegan=!1,u.changeBegan=!1,u.completed=!1,u.changeCompleted=!1,u.reversePlayback=!1,u.reversed="reverse"===o,u.remaining=u.loop;for(var t=s=(n=u.children).length;t--;)u.children[t].reset();(u.reversed&&!0!==u.loop||"alternate"===o&&1===u.loop)&&u.remaining++,m(u.reversed?u.duration:0)},u._onDocumentVisibility=p,u.set=function(o,n){return G(o,n),u},u.tick=function(o){r=o,t||(t=r),y((r+(e-t))*ro.speed)},u.seek=function(o){y(f(o))},u.pause=function(){u.paused=!0,p()},u.play=function(){u.paused&&(u.completed&&u.reset(),u.paused=!1,no.push(u),p(),to())},u.reverse=function(){l(),u.completed=!u.reversed,p()},u.restart=function(){u.reset(),u.play()},u.remove=function(o){io(P(o),u)},u.reset(),u.autoplay&&u.play(),u}function so(o,n){for(var t=n.length;t--;)O(o,n[t].animatable.target)&&n.splice(t,1)}function io(o,n){var t=n.animations,e=n.children;so(o,t);for(var r=e.length;r--;){var s=e[r],i=s.animations;so(o,i),i.length||s.children.length||e.splice(r,1)}t.length||e.length||n.pause()}ro.version="3.2.1",ro.speed=1,ro.suspendWhenDocumentHidden=!0,ro.running=no,ro.remove=function(o){for(var n=P(o),t=no.length;t--;)io(n,no[t])},ro.get=D,ro.set=G,ro.convertPx=S,ro.path=function(o,n){var t=v.str(o)?k(o)[0]:o,e=n||100;return function(o){return{property:o,el:t,svg:V(t),totalLength:T(t)*(e/100)}}},ro.setDashoffset=function(o){var n=T(o);return o.setAttribute("stroke-dasharray",n),n},ro.stagger=function(o,n){void 0===n&&(n={});var t=n.direction||"normal",e=n.easing?M(n.easing):null,r=n.grid,s=n.axis,i=n.from||0,a="first"===i,c="center"===i,d="last"===i,u=v.arr(o),h=u?parseFloat(o[0]):parseFloat(o),l=u?parseFloat(o[1]):0,f=z(u?o[1]:o)||0,p=n.start||0+(u?h:0),b=[],m=0;return function(o,n,v){if(a&&(i=0),c&&(i=(v-1)/2),d&&(i=v-1),!b.length){for(var g=0;g<v;g++){if(r){var y=c?(r[0]-1)/2:i%r[0],w=c?(r[1]-1)/2:Math.floor(i/r[0]),x=y-g%r[0],M=w-Math.floor(g/r[0]),k=Math.sqrt(x*x+M*M);"x"===s&&(k=-x),"y"===s&&(k=-M),b.push(k)}else b.push(Math.abs(i-g));m=Math.max.apply(Math,b)}e&&(b=b.map((function(o){return e(o/m)*m}))),"reverse"===t&&(b=b.map((function(o){return s?o<0?-1*o:-o:Math.abs(m-o)})))}return p+(u?(l-h)/m:h)*(Math.round(100*b[n])/100)+f}},ro.timeline=function(o){void 0===o&&(o={});var n=ro(o);return n.duration=0,n.add=function(t,e){var r=no.indexOf(n),s=n.children;function i(o){o.passThrough=!0}r>-1&&no.splice(r,1);for(var a=0;a<s.length;a++)i(s[a]);var d=B(t,j(c,o));d.targets=d.targets||o.targets;var u=n.duration;d.autoplay=!1,d.direction=n.direction,d.timelineOffset=v.und(e)?u:X(e,u),i(n),n.seek(d.timelineOffset);var h=ro(d);i(h),s.push(h);var l=K(s,o);return n.delay=l.delay,n.endDelay=l.endDelay,n.duration=l.duration,n.seek(0),n.reset(),n.autoplay&&n.play(),n},n},ro.easing=M,ro.penner=x,ro.random=function(o,n){return Math.floor(Math.random()*(n-o+1))+o};const ao={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"},co=({handleUrl:n,onClick:t,open:e},r)=>n?o("a",{href:n,onClick:t,"aria-expanded":e?"true":"false"},r):o("button",{type:"button",onClick:t,"aria-expanded":e?"true":"false"},r),uo=({heading:n,ref:t},e)=>{switch(n){default:case"h2":return o("h2",{ref:t,class:"dso-section-handle"},e);case"h3":return o("h3",{ref:t,class:"dso-section-handle"},e);case"h4":return o("h4",{ref:t,class:"dso-section-handle"},e);case"h5":return o("h5",{ref:t,class:"dso-section-handle"},e)}},ho=({state:n})=>"error"===n?o("dso-icon",{icon:"status-error"}):"danger"===n?o("dso-icon",{icon:"status-danger"}):"success"===n?o("dso-icon",{icon:"status-success"}):"info"===n?o("dso-icon",{icon:"status-info"}):"warning"===n?o("dso-icon",{icon:"status-warning"}):void 0,lo=({state:n,icon:t,attachmentCount:e})=>n?o(ho,{state:n}):e?o("dso-attachments-counter",{count:e}):t?o("dso-icon",{icon:t}):void 0,fo=class{constructor(o){n(this,o),this.handleTitle=void 0,this.heading="h2",this.handleUrl=void 0,this.state=void 0,this.attachmentCount=void 0,this.icon=void 0,this.status=void 0,this.open=!1,this.hasNestedSection=!1}toggleOpen(){this.activateAnimation()}componentWillLoad(){const o=this.host.parentElement;var n;this.hasNestedSection=null!==this.host.querySelector("dso-accordion"),(n=o)instanceof HTMLElement&&"getState"in n&&(this.accordion=o,o.getState().then((o=>{this.accordionState=o,t(this.host)}))),this.prepareAnimationResizeObserver()}componentDidLoad(){var o,n;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".dso-section-body-content");t&&(null===(n=this.resizeObserver)||void 0===n||n.observe(t))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}async toggleSection(o=!0){var n;await(null===(n=this.accordion)||void 0===n?void 0:n.toggleSection(this.host).then((async()=>{o&&await this.scrollIntoViewWhenNeeded(!0)})))}async scrollSectionIntoView(){await this.scrollIntoViewWhenNeeded(!1)}async scrollIntoViewWhenNeeded(o){var n,t,e;fo.scrollCandidate=void 0;const r=null===(n=this.sectionBody)||void 0===n?void 0:n.getBoundingClientRect(),s=null===(t=this.sectionHeading)||void 0===t?void 0:t.getBoundingClientRect();if(!r||!s||!this.accordionState)return;if((()=>{var n;const t=this.host.offsetTop+s.height+(this.open&&null!==(n=this.bodyHeight)&&void 0!==n?n:0);return o&&(t>document.documentElement.scrollHeight||this.accordionState.allowMultipleOpen)})())return void(fo.scrollCandidate=this.host);const i=s.top+s.height+(this.open&&null!==(e=this.bodyHeight)&&void 0!==e?e:0);if(i>window.innerHeight){const o=i-s.top,n=o>window.innerHeight;window.scrollTo({top:n?this.host.offsetTop:this.host.offsetTop-(window.innerHeight-o),behavior:"smooth"})}else s.top<0&&window.scrollTo({top:this.host.offsetTop,behavior:"smooth"})}async toggle(o){var n;null==o||o.preventDefault(),null===(n=this.accordion)||void 0===n||n.toggleSection(this.host,o).then((async o=>{o&&await this.scrollIntoViewWhenNeeded(!0)}))}render(){var n;const{variant:t,reverseAlign:s}=null!==(n=this.accordionState)&&void 0!==n?n:{},i=!!(this.status||this.state||this.icon||this.attachmentCount);return o(r,{class:{"dso-accordion-section":!0,["dso-accordion-"+t]:!0,"dso-nested-accordion":this.hasNestedSection,"dso-accordion-reverse-align":null!=s&&s},hidden:!t},o(uo,{heading:this.heading,ref:o=>this.sectionHeading=o},o(co,{handleUrl:this.handleUrl,onClick:async o=>await this.toggle(o),open:this.open},s?o(e,null,i&&o("div",{class:"dso-section-handle-addons"},o(lo,{icon:this.icon})),o("span",null,this.handleTitle),o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"})):o(e,null,o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.state&&o("span",{class:"sr-only"},ao[this.state]),o("span",null,this.handleTitle),i&&o("div",{class:"dso-section-handle-addons"},this.status&&o("span",{class:"dso-status"},this.status),o(lo,{state:this.state,icon:this.icon,attachmentCount:this.attachmentCount}))))),o("div",{class:{"dso-section-body":!0,"dso-animate-ready":!!this.animeInstance},ref:o=>this.sectionBody=o,"aria-hidden":this.open?"false":"true"},o("div",{class:"dso-section-body-content"},o("slot",null))))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(i((([o])=>{const n=o.target.getBoundingClientRect().height;this.bodyHeight!==n&&(this.bodyHeight=n,this.instantiateAnimation())}),150))}instantiateAnimation(){this.animeInstance=ro({targets:this.sectionBody,height:4,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:!1,direction:"normal",changeComplete:async()=>{var o;null===(o=this.accordion)||void 0===o||o.animationEnd(this.host),fo.scrollCandidate===this.host&&(fo.scrollCandidate=void 0,await this.scrollSectionIntoView())},begin:()=>{this.sectionBody&&this.open&&(this.sectionBody.style.visibility="",this.sectionBody.style.position="",this.sectionBody.style.bottom="")},complete:()=>{this.sectionBody&&(this.sectionBody.style.height="",this.open||(this.sectionBody.style.visibility="hidden",this.sectionBody.style.position="absolute",this.sectionBody.style.bottom="100%"))}}),this.open||(this.animeInstance.reverse(),this.animeInstance.play()),this.sectionBody&&(this.sectionBody.style.height="")}activateAnimation(){this.animeInstance&&(this.animeInstance.progress>0&&this.animeInstance.progress<100?this.animeInstance.reverse():this.open?(this.animeInstance.direction="reverse",this.animeInstance.play()):(this.animeInstance.direction="normal",this.animeInstance.play()))}get host(){return s(this)}static get watchers(){return{open:["toggleOpen"]}}};fo.style="*,*::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}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]) .dso-section-body{position:inherit;visibility:inherit}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px;overflow-y:hidden}.dso-section-body:not(.dso-animate-ready){position:absolute;visibility:hidden}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open])>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open])>.dso-section-handle a,:host(.dso-accordion-default[open])>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open])>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open])>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5;color:#191919}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-conclusion.dso-nested-accordion[open]){background-color:#fff}";export{fo as dso_accordion_section}
+import{h as o,r as n,f as t,F as e,H as r,g as s}from"./p-98fd1658.js";import{d as i}from"./p-1805f5b0.js";var a={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},c={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},d=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],u={CSS:{},springs:{}};function h(o,n,t){return Math.min(Math.max(o,n),t)}function l(o,n){return o.indexOf(n)>-1}function f(o,n){return o.apply(null,n)}var v={arr:function(o){return Array.isArray(o)},obj:function(o){return l(Object.prototype.toString.call(o),"Object")},pth:function(o){return v.obj(o)&&o.hasOwnProperty("totalLength")},svg:function(o){return o instanceof SVGElement},inp:function(o){return o instanceof HTMLInputElement},dom:function(o){return o.nodeType||v.svg(o)},str:function(o){return"string"==typeof o},fnc:function(o){return"function"==typeof o},und:function(o){return void 0===o},nil:function(o){return v.und(o)||null===o},hex:function(o){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(o)},rgb:function(o){return/^rgb/.test(o)},hsl:function(o){return/^hsl/.test(o)},col:function(o){return v.hex(o)||v.rgb(o)||v.hsl(o)},key:function(o){return!a.hasOwnProperty(o)&&!c.hasOwnProperty(o)&&"targets"!==o&&"keyframes"!==o}};function p(o){var n=/\(([^)]+)\)/.exec(o);return n?n[1].split(",").map((function(o){return parseFloat(o)})):[]}function b(o,n){var t=p(o),e=h(v.und(t[0])?1:t[0],.1,100),r=h(v.und(t[1])?100:t[1],.1,100),s=h(v.und(t[2])?10:t[2],.1,100),i=h(v.und(t[3])?0:t[3],.1,100),a=Math.sqrt(r/e),c=s/(2*Math.sqrt(r*e)),d=c<1?a*Math.sqrt(1-c*c):0,l=c<1?(c*a-i)/d:-i+a;function f(o){var t=n?n*o/1e3:o;return t=c<1?Math.exp(-t*c*a)*(1*Math.cos(d*t)+l*Math.sin(d*t)):(1+l*t)*Math.exp(-t*a),0===o||1===o?o:1-t}return n?f:function(){var n=u.springs[o];if(n)return n;for(var t=1/6,e=0,r=0;;)if(1===f(e+=t)){if(++r>=16)break}else r=0;var s=e*t*1e3;return u.springs[o]=s,s}}function m(o){return void 0===o&&(o=10),function(n){return Math.ceil(h(n,1e-6,1)*o)*(1/o)}}var g,y,w=function(){var o=.1;function n(o,n){return 1-3*n+3*o}function t(o,n){return 3*n-6*o}function e(o){return 3*o}function r(o,r,s){return((n(r,s)*o+t(r,s))*o+e(r))*o}function s(o,r,s){return 3*n(r,s)*o*o+2*t(r,s)*o+e(r)}return function(n,t,e,i){if(0<=n&&n<=1&&0<=e&&e<=1){var a=new Float32Array(11);if(n!==t||e!==i)for(var c=0;c<11;++c)a[c]=r(c*o,n,e);return function(c){return n===t&&e===i||0===c||1===c?c:r(function(t){for(var i=0,c=1;10!==c&&a[c]<=t;++c)i+=o;--c;var d=i+(t-a[c])/(a[c+1]-a[c])*o,u=s(d,n,e);return u>=.001?function(o,n,t,e){for(var i=0;i<4;++i){var a=s(n,t,e);if(0===a)return n;n-=(r(n,t,e)-o)/a}return n}(t,d,n,e):0===u?d:function(o,n,t,e,s){var i,a,c=0;do{(i=r(a=n+(t-n)/2,e,s)-o)>0?t=a:n=a}while(Math.abs(i)>1e-7&&++c<10);return a}(t,i,i+o,n,e)}(c),t,i)}}}}(),x=(g={linear:function(){return function(o){return o}}},y={Sine:function(){return function(o){return 1-Math.cos(o*Math.PI/2)}},Circ:function(){return function(o){return 1-Math.sqrt(1-o*o)}},Back:function(){return function(o){return o*o*(3*o-2)}},Bounce:function(){return function(o){for(var n,t=4;o<((n=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*n-2)/22-o,2)}},Elastic:function(o,n){void 0===o&&(o=1),void 0===n&&(n=.5);var t=h(o,1,10),e=h(n,.1,2);return function(o){return 0===o||1===o?o:-t*Math.pow(2,10*(o-1))*Math.sin((o-1-e/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/e)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach((function(o,n){y[o]=function(){return function(o){return Math.pow(o,n+2)}}})),Object.keys(y).forEach((function(o){var n=y[o];g["easeIn"+o]=n,g["easeOut"+o]=function(o,t){return function(e){return 1-n(o,t)(1-e)}},g["easeInOut"+o]=function(o,t){return function(e){return e<.5?n(o,t)(2*e)/2:1-n(o,t)(-2*e+2)/2}},g["easeOutIn"+o]=function(o,t){return function(e){return e<.5?(1-n(o,t)(1-2*e))/2:(n(o,t)(2*e-1)+1)/2}}})),g);function M(o,n){if(v.fnc(o))return o;var t=o.split("(")[0],e=x[t],r=p(o);switch(t){case"spring":return b(o,n);case"cubicBezier":return f(w,r);case"steps":return f(m,r);default:return f(e,r)}}function k(o){try{return document.querySelectorAll(o)}catch(o){return}}function C(o,n){for(var t=o.length,e=arguments.length>=2?arguments[1]:void 0,r=[],s=0;s<t;s++)if(s in o){var i=o[s];n.call(e,i,s,o)&&r.push(i)}return r}function F(o){return o.reduce((function(o,n){return o.concat(v.arr(n)?F(n):n)}),[])}function A(o){return v.arr(o)?o:(v.str(o)&&(o=k(o)||o),o instanceof NodeList||o instanceof HTMLCollection?[].slice.call(o):[o])}function O(o,n){return o.some((function(o){return o===n}))}function I(o){var n={};for(var t in o)n[t]=o[t];return n}function j(o,n){var t=I(o);for(var e in o)t[e]=n.hasOwnProperty(e)?n[e]:o[e];return t}function B(o,n){var t=I(o);for(var e in n)t[e]=v.und(o[e])?n[e]:o[e];return t}function z(o){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(o);if(n)return n[1]}function E(o,n){return v.fnc(o)?o(n.target,n.id,n.total):o}function L(o,n){return o.getAttribute(n)}function S(o,n,t){if(O([t,"deg","rad","turn"],z(n)))return n;var e=u.CSS[n+t];if(!v.und(e))return e;var r=document.createElement(o.tagName),s=o.parentNode&&o.parentNode!==document?o.parentNode:document.body;s.appendChild(r),r.style.position="absolute",r.style.width=100+t;var i=100/r.offsetWidth;s.removeChild(r);var a=i*parseFloat(n);return u.CSS[n+t]=a,a}function N(o,n,t){if(n in o.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),r=o.style[n]||getComputedStyle(o).getPropertyValue(e)||"0";return t?S(o,r,t):r}}function $(o,n){return v.dom(o)&&!v.inp(o)&&(!v.nil(L(o,n))||v.svg(o)&&o[n])?"attribute":v.dom(o)&&O(d,n)?"transform":v.dom(o)&&"transform"!==n&&N(o,n)?"css":null!=o[n]?"object":void 0}function H(o){if(v.dom(o)){for(var n,t=o.style.transform||"",e=/(\w+)\(([^)]*)\)/g,r=new Map;n=e.exec(t);)r.set(n[1],n[2]);return r}}function D(o,n,t,e){switch($(o,n)){case"transform":return function(o,n,t,e){var r=l(n,"scale")?1:0+function(o){return l(o,"translate")||"perspective"===o?"px":l(o,"rotate")||l(o,"skew")?"deg":void 0}(n),s=H(o).get(n)||r;return t&&(t.transforms.list.set(n,s),t.transforms.last=n),e?S(o,s,e):s}(o,n,e,t);case"css":return N(o,n,t);case"attribute":return L(o,n);default:return o[n]||0}}function X(o,n){var t=/^(\*=|\+=|-=)/.exec(o);if(!t)return o;var e=z(o)||0,r=parseFloat(n),s=parseFloat(o.replace(t[0],""));switch(t[0][0]){case"+":return r+s+e;case"-":return r-s+e;case"*":return r*s+e}}function Y(o,n){if(v.col(o))return function(o){return v.rgb(o)?(t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(n=o))?"rgba("+t[1]+",1)":n:v.hex(o)?function(o){var n=o.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(o,n,t,e){return n+n+t+t+e+e})),t=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return"rgba("+parseInt(t[1],16)+","+parseInt(t[2],16)+","+parseInt(t[3],16)+",1)"}(o):v.hsl(o)?function(o){var n,t,e,r=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(o)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(o),s=parseInt(r[1],10)/360,i=parseInt(r[2],10)/100,a=parseInt(r[3],10)/100,c=r[4]||1;function d(o,n,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?o+6*(n-o)*t:t<.5?n:t<2/3?o+(n-o)*(2/3-t)*6:o}if(0==i)n=t=e=a;else{var u=a<.5?a*(1+i):a+i-a*i,h=2*a-u;n=d(h,u,s+1/3),t=d(h,u,s),e=d(h,u,s-1/3)}return"rgba("+255*n+","+255*t+","+255*e+","+c+")"}(o):void 0;var n,t}(o);if(/\s/g.test(o))return o;var t=z(o),e=t?o.substr(0,o.length-t.length):o;return n?e+n:e}function Z(o,n){return Math.sqrt(Math.pow(n.x-o.x,2)+Math.pow(n.y-o.y,2))}function Q(o){for(var n,t=o.points,e=0,r=0;r<t.numberOfItems;r++){var s=t.getItem(r);r>0&&(e+=Z(n,s)),n=s}return e}function T(o){if(o.getTotalLength)return o.getTotalLength();switch(o.tagName.toLowerCase()){case"circle":return function(o){return 2*Math.PI*L(o,"r")}(o);case"rect":return function(o){return 2*L(o,"width")+2*L(o,"height")}(o);case"line":return function(o){return Z({x:L(o,"x1"),y:L(o,"y1")},{x:L(o,"x2"),y:L(o,"y2")})}(o);case"polyline":return Q(o);case"polygon":return function(o){var n=o.points;return Q(o)+Z(n.getItem(n.numberOfItems-1),n.getItem(0))}(o)}}function V(o,n){var t=n||{},e=t.el||function(o){for(var n=o.parentNode;v.svg(n)&&v.svg(n.parentNode);)n=n.parentNode;return n}(o),r=e.getBoundingClientRect(),s=L(e,"viewBox"),i=r.width,a=r.height,c=t.viewBox||(s?s.split(" "):[0,0,i,a]);return{el:e,viewBox:c,x:c[0]/1,y:c[1]/1,w:i,h:a,vW:c[2],vH:c[3]}}function W(o,n,t){function e(t){return void 0===t&&(t=0),o.el.getPointAtLength(n+t>=1?n+t:0)}var r=V(o.el,o.svg),s=e(),i=e(-1),a=e(1),c=t?1:r.w/r.vW,d=t?1:r.h/r.vH;switch(o.property){case"x":return(s.x-r.x)*c;case"y":return(s.y-r.y)*d;case"angle":return 180*Math.atan2(a.y-i.y,a.x-i.x)/Math.PI}}function q(o,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,e=Y(v.pth(o)?o.totalLength:o,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:v.str(o)||n?e.split(t):[]}}function P(o){return C(o?F(v.arr(o)?o.map(A):A(o)):[],(function(o,n,t){return t.indexOf(o)===n}))}function R(o){var n=P(o);return n.map((function(o,t){return{target:o,id:t,total:n.length,transforms:{list:H(o)}}}))}function U(o,n){var t=I(n);if(/^spring/.test(t.easing)&&(t.duration=b(t.easing)),v.arr(o)){var e=o.length;2!==e||v.obj(o[0])?v.fnc(n.duration)||(t.duration=n.duration/e):o={value:o}}var r=v.arr(o)?o:[o];return r.map((function(o,t){var e=v.obj(o)&&!v.pth(o)?o:{value:o};return v.und(e.delay)&&(e.delay=t?0:n.delay),v.und(e.endDelay)&&(e.endDelay=t===r.length-1?n.endDelay:0),e})).map((function(o){return B(o,t)}))}var _={css:function(o,n,t){return o.style[n]=t},attribute:function(o,n,t){return o.setAttribute(n,t)},object:function(o,n,t){return o[n]=t},transform:function(o,n,t,e,r){if(e.list.set(n,t),n===e.last||r){var s="";e.list.forEach((function(o,n){s+=n+"("+o+") "})),o.style.transform=s}}};function G(o,n){R(o).forEach((function(o){for(var t in n){var e=E(n[t],o),r=o.target,s=z(e),i=D(r,t,s,o),a=X(Y(e,s||z(i)),i),c=$(r,t);_[c](r,t,a,o.transforms,!0)}}))}function J(o,n){return C(F(o.map((function(o){return n.map((function(n){return function(o,n){var t=$(o.target,n.name);if(t){var e=function(o,n){var t;return o.tweens.map((function(e){var r=function(o,n){var t={};for(var e in o){var r=E(o[e],n);v.arr(r)&&1===(r=r.map((function(o){return E(o,n)}))).length&&(r=r[0]),t[e]=r}return t.duration=parseFloat(t.duration),t.delay=parseFloat(t.delay),t}(e,n),s=r.value,i=v.arr(s)?s[1]:s,a=z(i),c=D(n.target,o.name,a,n),d=t?t.to.original:c,u=v.arr(s)?s[0]:d,h=z(u)||z(c),l=a||h;return v.und(i)&&(i=d),r.from=q(u,l),r.to=q(X(i,u),l),r.start=t?t.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=M(r.easing,r.duration),r.isPath=v.pth(s),r.isPathTargetInsideSVG=r.isPath&&v.svg(n.target),r.isColor=v.col(r.from.original),r.isColor&&(r.round=1),t=r,r}))}(n,o),r=e[e.length-1];return{type:t,property:n.name,animatable:o,tweens:e,duration:r.end,delay:e[0].delay,endDelay:r.endDelay}}}(o,n)}))}))),(function(o){return!v.und(o)}))}function K(o,n){var t=o.length,e=function(o){return o.timelineOffset?o.timelineOffset:0},r={};return r.duration=t?Math.max.apply(Math,o.map((function(o){return e(o)+o.duration}))):n.duration,r.delay=t?Math.min.apply(Math,o.map((function(o){return e(o)+o.delay}))):n.delay,r.endDelay=t?r.duration-Math.max.apply(Math,o.map((function(o){return e(o)+o.duration-o.endDelay}))):n.endDelay,r}var oo=0,no=[],to=function(){var o;function n(t){for(var e=no.length,r=0;r<e;){var s=no[r];s.paused?(no.splice(r,1),e--):(s.tick(t),r++)}o=r>0?requestAnimationFrame(n):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",(function(){ro.suspendWhenDocumentHidden&&(eo()?o=cancelAnimationFrame(o):(no.forEach((function(o){return o._onDocumentVisibility()})),to()))})),function(){o||eo()&&ro.suspendWhenDocumentHidden||!(no.length>0)||(o=requestAnimationFrame(n))}}();function eo(){return!!document&&document.hidden}function ro(o){void 0===o&&(o={});var n,t=0,e=0,r=0,s=0,i=null;function d(o){var n=window.Promise&&new Promise((function(o){return i=o}));return o.finished=n,n}var u=function(o){var n=j(a,o),t=j(c,o),e=function(o,n){var t=[],e=n.keyframes;for(var r in e&&(n=B(function(o){for(var n=C(F(o.map((function(o){return Object.keys(o)}))),(function(o){return v.key(o)})).reduce((function(o,n){return o.indexOf(n)<0&&o.push(n),o}),[]),t={},e=function(e){var r=n[e];t[r]=o.map((function(o){var n={};for(var t in o)v.key(t)?t==r&&(n.value=o[t]):n[t]=o[t];return n}))},r=0;r<n.length;r++)e(r);return t}(e),n)),n)v.key(r)&&t.push({name:r,tweens:U(n[r],o)});return t}(t,o),r=R(o.targets),s=J(r,e),i=K(s,t),d=oo;return oo++,B(n,{id:d,children:[],animatables:r,animations:s,duration:i.duration,delay:i.delay,endDelay:i.endDelay})}(o);function l(){var o=u.direction;"alternate"!==o&&(u.direction="normal"!==o?"normal":"reverse"),u.reversed=!u.reversed,n.forEach((function(o){return o.reversed=u.reversed}))}function f(o){return u.reversed?u.duration-o:o}function p(){t=0,e=f(u.currentTime)*(1/ro.speed)}function b(o,n){n&&n.seek(o-n.timelineOffset)}function m(o){for(var n=0,t=u.animations,e=t.length;n<e;){var r=t[n],s=r.animatable,i=r.tweens,a=i.length-1,c=i[a];a&&(c=C(i,(function(n){return o<n.end}))[0]||c);for(var d=h(o-c.start-c.delay,0,c.duration)/c.duration,l=isNaN(d)?1:c.easing(d),f=c.to.strings,v=c.round,p=[],b=c.to.numbers.length,m=void 0,g=0;g<b;g++){var y=void 0,w=c.to.numbers[g],x=c.from.numbers[g]||0;y=c.isPath?W(c.value,l*w,c.isPathTargetInsideSVG):x+l*(w-x),v&&(c.isColor&&g>2||(y=Math.round(y*v)/v)),p.push(y)}var M=f.length;if(M){m=f[0];for(var k=0;k<M;k++){var F=f[k+1],A=p[k];isNaN(A)||(m+=F?A+F:A+" ")}}else m=p[0];_[r.type](s.target,r.property,m,s.transforms),r.currentValue=m,n++}}function g(o){u[o]&&!u.passThrough&&u[o](u)}function y(o){var a=u.duration,c=u.delay,v=a-u.endDelay,p=f(o);u.progress=h(p/a*100,0,100),u.reversePlayback=p<u.currentTime,n&&function(o){if(u.reversePlayback)for(var t=s;t--;)b(o,n[t]);else for(var e=0;e<s;e++)b(o,n[e])}(p),!u.began&&u.currentTime>0&&(u.began=!0,g("begin")),!u.loopBegan&&u.currentTime>0&&(u.loopBegan=!0,g("loopBegin")),p<=c&&0!==u.currentTime&&m(0),(p>=v&&u.currentTime!==a||!a)&&m(a),p>c&&p<v?(u.changeBegan||(u.changeBegan=!0,u.changeCompleted=!1,g("changeBegin")),g("change"),m(p)):u.changeBegan&&(u.changeCompleted=!0,u.changeBegan=!1,g("changeComplete")),u.currentTime=h(p,0,a),u.began&&g("update"),o>=a&&(e=0,u.remaining&&!0!==u.remaining&&u.remaining--,u.remaining?(t=r,g("loopComplete"),u.loopBegan=!1,"alternate"===u.direction&&l()):(u.paused=!0,u.completed||(u.completed=!0,g("loopComplete"),g("complete"),!u.passThrough&&"Promise"in window&&(i(),d(u)))))}return d(u),u.reset=function(){var o=u.direction;u.passThrough=!1,u.currentTime=0,u.progress=0,u.paused=!0,u.began=!1,u.loopBegan=!1,u.changeBegan=!1,u.completed=!1,u.changeCompleted=!1,u.reversePlayback=!1,u.reversed="reverse"===o,u.remaining=u.loop;for(var t=s=(n=u.children).length;t--;)u.children[t].reset();(u.reversed&&!0!==u.loop||"alternate"===o&&1===u.loop)&&u.remaining++,m(u.reversed?u.duration:0)},u._onDocumentVisibility=p,u.set=function(o,n){return G(o,n),u},u.tick=function(o){r=o,t||(t=r),y((r+(e-t))*ro.speed)},u.seek=function(o){y(f(o))},u.pause=function(){u.paused=!0,p()},u.play=function(){u.paused&&(u.completed&&u.reset(),u.paused=!1,no.push(u),p(),to())},u.reverse=function(){l(),u.completed=!u.reversed,p()},u.restart=function(){u.reset(),u.play()},u.remove=function(o){io(P(o),u)},u.reset(),u.autoplay&&u.play(),u}function so(o,n){for(var t=n.length;t--;)O(o,n[t].animatable.target)&&n.splice(t,1)}function io(o,n){var t=n.animations,e=n.children;so(o,t);for(var r=e.length;r--;){var s=e[r],i=s.animations;so(o,i),i.length||s.children.length||e.splice(r,1)}t.length||e.length||n.pause()}ro.version="3.2.1",ro.speed=1,ro.suspendWhenDocumentHidden=!0,ro.running=no,ro.remove=function(o){for(var n=P(o),t=no.length;t--;)io(n,no[t])},ro.get=D,ro.set=G,ro.convertPx=S,ro.path=function(o,n){var t=v.str(o)?k(o)[0]:o,e=n||100;return function(o){return{property:o,el:t,svg:V(t),totalLength:T(t)*(e/100)}}},ro.setDashoffset=function(o){var n=T(o);return o.setAttribute("stroke-dasharray",n),n},ro.stagger=function(o,n){void 0===n&&(n={});var t=n.direction||"normal",e=n.easing?M(n.easing):null,r=n.grid,s=n.axis,i=n.from||0,a="first"===i,c="center"===i,d="last"===i,u=v.arr(o),h=u?parseFloat(o[0]):parseFloat(o),l=u?parseFloat(o[1]):0,f=z(u?o[1]:o)||0,p=n.start||0+(u?h:0),b=[],m=0;return function(o,n,v){if(a&&(i=0),c&&(i=(v-1)/2),d&&(i=v-1),!b.length){for(var g=0;g<v;g++){if(r){var y=c?(r[0]-1)/2:i%r[0],w=c?(r[1]-1)/2:Math.floor(i/r[0]),x=y-g%r[0],M=w-Math.floor(g/r[0]),k=Math.sqrt(x*x+M*M);"x"===s&&(k=-x),"y"===s&&(k=-M),b.push(k)}else b.push(Math.abs(i-g));m=Math.max.apply(Math,b)}e&&(b=b.map((function(o){return e(o/m)*m}))),"reverse"===t&&(b=b.map((function(o){return s?o<0?-1*o:-o:Math.abs(m-o)})))}return p+(u?(l-h)/m:h)*(Math.round(100*b[n])/100)+f}},ro.timeline=function(o){void 0===o&&(o={});var n=ro(o);return n.duration=0,n.add=function(t,e){var r=no.indexOf(n),s=n.children;function i(o){o.passThrough=!0}r>-1&&no.splice(r,1);for(var a=0;a<s.length;a++)i(s[a]);var d=B(t,j(c,o));d.targets=d.targets||o.targets;var u=n.duration;d.autoplay=!1,d.direction=n.direction,d.timelineOffset=v.und(e)?u:X(e,u),i(n),n.seek(d.timelineOffset);var h=ro(d);i(h),s.push(h);var l=K(s,o);return n.delay=l.delay,n.endDelay=l.endDelay,n.duration=l.duration,n.seek(0),n.reset(),n.autoplay&&n.play(),n},n},ro.easing=M,ro.penner=x,ro.random=function(o,n){return Math.floor(Math.random()*(n-o+1))+o};const ao={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"},co=({handleUrl:n,onClick:t,open:e},r)=>n?o("a",{href:n,onClick:t,"aria-expanded":e?"true":"false"},r):o("button",{type:"button",onClick:t,"aria-expanded":e?"true":"false"},r),uo=({heading:n,ref:t},e)=>{switch(n){default:case"h2":return o("h2",{ref:t,class:"dso-section-handle"},e);case"h3":return o("h3",{ref:t,class:"dso-section-handle"},e);case"h4":return o("h4",{ref:t,class:"dso-section-handle"},e);case"h5":return o("h5",{ref:t,class:"dso-section-handle"},e)}},ho=({state:n})=>"error"===n?o("dso-icon",{icon:"status-error"}):"danger"===n?o("dso-icon",{icon:"status-danger"}):"success"===n?o("dso-icon",{icon:"status-success"}):"info"===n?o("dso-icon",{icon:"status-info"}):"warning"===n?o("dso-icon",{icon:"status-warning"}):void 0,lo=({state:n,icon:t,attachmentCount:e})=>n?o(ho,{state:n}):e?o("dso-attachments-counter",{count:e}):t?o("dso-icon",{icon:t}):void 0,fo=class{constructor(o){n(this,o),this.handleTitle=void 0,this.heading="h2",this.handleUrl=void 0,this.state=void 0,this.attachmentCount=void 0,this.icon=void 0,this.status=void 0,this.open=!1,this.hasNestedSection=!1}toggleOpen(){this.activateAnimation()}componentWillLoad(){const o=this.host.parentElement;var n;this.hasNestedSection=null!==this.host.querySelector("dso-accordion"),(n=o)instanceof HTMLElement&&"getState"in n&&(this.accordion=o,o.getState().then((o=>{this.accordionState=o,t(this.host)}))),this.prepareAnimationResizeObserver()}componentDidLoad(){var o,n;const t=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".dso-section-body-content");t&&(null===(n=this.resizeObserver)||void 0===n||n.observe(t))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}async toggleSection(o=!0){var n;await(null===(n=this.accordion)||void 0===n?void 0:n.toggleSection(this.host).then((async()=>{o&&await this.scrollIntoViewWhenNeeded(!0)})))}async scrollSectionIntoView(){await this.scrollIntoViewWhenNeeded(!1)}async scrollIntoViewWhenNeeded(o){var n,t,e;fo.scrollCandidate=void 0;const r=null===(n=this.sectionBody)||void 0===n?void 0:n.getBoundingClientRect(),s=null===(t=this.sectionHeading)||void 0===t?void 0:t.getBoundingClientRect();if(!r||!s||!this.accordionState)return;if((()=>{var n;const t=this.host.offsetTop+s.height+(this.open&&null!==(n=this.bodyHeight)&&void 0!==n?n:0);return o&&(t>document.documentElement.scrollHeight||this.accordionState.allowMultipleOpen)})())return void(fo.scrollCandidate=this.host);const i=s.top+s.height+(this.open&&null!==(e=this.bodyHeight)&&void 0!==e?e:0);if(i>window.innerHeight){const o=i-s.top,n=o>window.innerHeight;window.scrollTo({top:n?this.host.offsetTop:this.host.offsetTop-(window.innerHeight-o),behavior:"smooth"})}else s.top<0&&window.scrollTo({top:this.host.offsetTop,behavior:"smooth"})}async toggle(o){var n;null==o||o.preventDefault(),null===(n=this.accordion)||void 0===n||n.toggleSection(this.host,o).then((async o=>{o&&await this.scrollIntoViewWhenNeeded(!0)}))}render(){var n;const{variant:t,reverseAlign:s}=null!==(n=this.accordionState)&&void 0!==n?n:{},i=!!(this.status||this.state||this.icon||this.attachmentCount);return o(r,{class:{"dso-accordion-section":!0,["dso-accordion-"+t]:!0,"dso-nested-accordion":this.hasNestedSection,"dso-accordion-reverse-align":null!=s&&s},hidden:!t},o(uo,{heading:this.heading,ref:o=>this.sectionHeading=o},o(co,{handleUrl:this.handleUrl,onClick:async o=>await this.toggle(o),open:this.open},s?o(e,null,i&&o("div",{class:"dso-section-handle-addons"},o(lo,{icon:this.icon})),o("span",null,this.handleTitle),o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"})):o(e,null,o("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.state&&o("span",{class:"sr-only"},ao[this.state]),o("span",null,this.handleTitle),i&&o("div",{class:"dso-section-handle-addons"},this.status&&o("span",{class:"dso-status"},this.status),o(lo,{state:this.state,icon:this.icon,attachmentCount:this.attachmentCount}))))),o("div",{class:{"dso-section-body":!0,"dso-animate-ready":!!this.animeInstance},ref:o=>this.sectionBody=o,"aria-hidden":this.open?"false":"true"},o("div",{class:"dso-section-body-content"},o("slot",null))))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(i((([o])=>{const n=o.target.getBoundingClientRect().height;this.bodyHeight!==n&&(this.bodyHeight=n,this.instantiateAnimation())}),150))}instantiateAnimation(){this.animeInstance=ro({targets:this.sectionBody,height:4,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:!1,direction:"normal",changeComplete:async()=>{var o;null===(o=this.accordion)||void 0===o||o.animationEnd(this.host),fo.scrollCandidate===this.host&&(fo.scrollCandidate=void 0,await this.scrollSectionIntoView())},begin:()=>{this.sectionBody&&this.open&&(this.sectionBody.style.visibility="",this.sectionBody.style.position="",this.sectionBody.style.bottom="")},complete:()=>{this.sectionBody&&(this.sectionBody.style.height="",this.open||(this.sectionBody.style.visibility="hidden",this.sectionBody.style.position="absolute",this.sectionBody.style.bottom="100%"))}}),this.open||(this.animeInstance.reverse(),this.animeInstance.play()),this.sectionBody&&(this.sectionBody.style.height="")}activateAnimation(){this.animeInstance&&(this.animeInstance.progress>0&&this.animeInstance.progress<100?this.animeInstance.reverse():this.open?(this.animeInstance.direction="reverse",this.animeInstance.play()):(this.animeInstance.direction="normal",this.animeInstance.play()))}get host(){return s(this)}static get watchers(){return{open:["toggleOpen"]}}};fo.style="*,*::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}:host{display:block}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{font-weight:400;text-decoration:underline}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding:12px 16px 12px;text-align:start;width:100%;word-break:break-word}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-right:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-left:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-left:16px}:host([open]) .dso-section-body{position:inherit;visibility:inherit}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-top:0;margin-top:-4px;overflow-y:hidden}.dso-section-body:not(.dso-animate-ready){position:absolute;visibility:hidden}.dso-section-body .dso-section-body-content{padding:20px 16px 16px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-body{border:1px solid #8b4a6a;border-radius:0 0 4px 4px}:host(.dso-accordion-default[open])>.dso-section-handle{background-color:#8b4a6a;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}:host(.dso-accordion-default[open])>.dso-section-handle a,:host(.dso-accordion-default[open])>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open])>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open])>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-bottom:1px solid transparent;border-top:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-bottom:11px;padding-left:0;padding-top:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-left:32px;padding-top:0;padding-right:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-left:16px}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-left:16px;padding-right:0}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not(.dso-nested-accordion))>.dso-section-body{border-top:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body{padding-bottom:0}:host(.dso-accordion-compact.dso-nested-accordion[open])>.dso-section-body dso-accordion-section:last-child{border-bottom:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5;color:#191919}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button{color:#191919}:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion[open]:not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-conclusion.dso-nested-accordion[open]){background-color:#fff}";export{fo as dso_accordion_section}

package/dist/dso-toolkit/{p-c846d208.entry.js → p-22f9240a.entry.js}

@@ -1 +1 @@
-import{r as s,h as r,F as t}from"./p-8f35c8f8.js";const o=class{constructor(r){s(this,r),this.mode="list"}render(){return r(t,null,"list"===this.mode&&r("ul",{class:"dso-card-list"},r("slot",null)),"grid"===this.mode&&r("div",{class:"dso-card-grid"},r("slot",null)))}};o.style=":host .dso-card-list{padding-left:0;list-style:none;border-bottom:1px solid #ccc;margin-top:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr}";export{o as dso_card_container}
+import{r as s,h as r,F as t}from"./p-98fd1658.js";const o=class{constructor(r){s(this,r),this.mode="list"}render(){return r(t,null,"list"===this.mode&&r("ul",{class:"dso-card-list"},r("slot",null)),"grid"===this.mode&&r("div",{class:"dso-card-grid"},r("slot",null)))}};o.style=":host .dso-card-list{padding-left:0;list-style:none;border-bottom:1px solid #ccc;margin-top:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr}";export{o as dso_card_container}

package/dist/dso-toolkit/p-2af58b20.entry.js

@@ -0,0 +1 @@
+import{r as s,c as o,h as d,F as e,g as a}from"./p-98fd1658.js";import{c as i}from"./p-6a1980b4.js";import{d as r}from"./p-1805f5b0.js";import{i as t}from"./p-33df9903.js";const n=class{constructor(e){s(this,e),this.dsoHeaderClick=o(this,"dsoHeaderClick",7),this.onWindowResize=r((()=>{this.setDropDownMenu(),this.setOverflowMenu()}),100),this.MenuItem=s=>d("li",{class:s.active?"dso-active":void 0},d("a",{href:s.url,"aria-current":s.active?"page":void 0,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:s})},s.label)),this.mainMenu=[],this.useDropDownMenu="auto",this.authStatus="none",this.loginUrl=void 0,this.logoutUrl=void 0,this.userProfileName=void 0,this.userProfileUrl=void 0,this.userHomeUrl=void 0,this.showDropDown=void 0,this.hasSubLogo=!1,this.overflowMenuItems=0}clickHandler(s,o,d){var e,a;this.dsoHeaderClick.emit({originalEvent:s,isModifiedEvent:t(s),type:o,menuItem:null==d?void 0:d.menuItem,url:null!==(e=null==d?void 0:d.url)&&void 0!==e?e:null===(a=null==d?void 0:d.menuItem)||void 0===a?void 0:a.url})}setShowDropDown(s){"auto"!==s?this.showDropDown="always"===s:this.setDropDownMenu()}componentWillLoad(){this.hasSubLogo=null!==this.host.querySelector("*[slot = 'sub-logo']")}shrinkMenuToFit(){this.wrapper&&this.nav&&(this.wrapper.clientWidth>=this.nav.clientWidth||this.mainMenu&&this.overflowMenuItems>=this.mainMenu.length||this.overflowMenuItems++)}componentDidRender(){this.showDropDown||window.setTimeout((()=>this.shrinkMenuToFit()),0)}componentDidLoad(){this.setShowDropDown(this.useDropDownMenu)}setOverflowMenu(){this.showDropDown||(0===this.overflowMenuItems?this.shrinkMenuToFit():this.overflowMenuItems=0)}setDropDownMenu(){"auto"===this.useDropDownMenu&&(this.showDropDown=window.innerWidth<992)}connectedCallback(){window.addEventListener("resize",this.onWindowResize)}disconnectedCallback(){window.removeEventListener("resize",this.onWindowResize)}render(){if(void 0!==this.showDropDown)return d(e,null,d("div",{class:i("dso-header",{"use-drop-down":this.showDropDown,"has-sub-logo":this.hasSubLogo}),ref:s=>this.wrapper=s},d("div",{class:"logo-container"},d("div",{class:"logo"},d("slot",{name:"logo"})),d("div",{class:"sub-logo"},d("slot",{name:"sub-logo"}))),this.showDropDown&&this.mainMenu&&this.mainMenu.length>0&&d("div",{class:"dropdown"},d("dso-dropdown-menu",{"dropdown-align":"right"},d("button",{type:"button",slot:"toggle"},d("span",null,"Menu")),d("div",{class:"dso-dropdown-options"},d("ul",null,this.mainMenu.map(this.MenuItem),this.userHomeUrl&&d("li",null,d("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},"Mijn Omgevingsloket")),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&d("li",null,d("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName,d("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&d("li",null,this.loginUrl?d("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):d("button",{type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),"loggedIn"===this.authStatus&&d("li",null,this.logoutUrl?d("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):d("button",{type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen")))))),!this.showDropDown&&d(e,null,d("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&d("div",{class:"profile"},d("span",{class:"profile-label"},"Welkom:"),d("a",{href:this.userProfileUrl,onClick:s=>this.clickHandler(s,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&d("div",{class:"login"},this.loginUrl?d("a",{href:this.loginUrl,onClick:s=>this.clickHandler(s,"login",{url:this.loginUrl})},"Inloggen"):d("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"login")},"Inloggen")),"loggedIn"===this.authStatus&&d("div",{class:"logout"},this.logoutUrl?d("a",{href:this.logoutUrl,onClick:s=>this.clickHandler(s,"logout",{url:this.logoutUrl})},"Uitloggen"):d("button",{class:"dso-tertiary",type:"button",onClick:s=>this.clickHandler(s,"logout")},"Uitloggen"))),(this.mainMenu&&this.mainMenu.length>0||this.userHomeUrl)&&d("nav",{class:"dso-navbar"},d("ul",{class:"dso-nav dso-nav-main",ref:s=>this.nav=s},this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o<this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem),this.overflowMenuItems>0&&d("li",null,d("dso-dropdown-menu",{"dropdown-align":"left"},d("button",{type:"button",slot:"toggle"},d("span",null,"Meer")),d("div",{class:"dso-dropdown-options"},d("ul",null,this.mainMenu&&this.mainMenu.filter(((s,o)=>this.mainMenu&&o>=this.mainMenu.length-this.overflowMenuItems)).map(this.MenuItem))))),this.userHomeUrl&&d("li",{class:"menu-user-home"},d("a",{href:this.userHomeUrl,onClick:s=>this.clickHandler(s,"userHome",{url:this.userHomeUrl})},d("dso-icon",{icon:"user-line"}),"Mijn Omgevingsloket")))))))}get host(){return a(this)}static get watchers(){return{useDropDownMenu:["setShowDropDown"]}}};n.style=".sc-dso-header-h{display:block}.dso-header.sc-dso-header{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}@media screen and (min-width: 768px){.dso-header.sc-dso-header{align-items:center}}@media screen and (max-width: 991px){.dso-header.use-drop-down.sc-dso-header{flex-wrap:nowrap}}.dso-header.sc-dso-header .dso-nav.sc-dso-header{border:0}.logo-container.sc-dso-header{display:flex;flex-wrap:wrap;gap:0 24px;padding-bottom:16px;padding-top:16px}.login.sc-dso-header .dso-tertiary.sc-dso-header,.logout.sc-dso-header .dso-tertiary.sc-dso-header{cursor:pointer;font-family:Asap, sans-serif;font-weight:600;vertical-align:text-bottom}.profile.sc-dso-header a.sc-dso-header,.logout.sc-dso-header a.sc-dso-header,.login.sc-dso-header a.sc-dso-header{text-decoration:none;color:#39870c;font-weight:600}.profile.sc-dso-header a.sc-dso-header:hover,.profile.sc-dso-header a.sc-dso-header:focus,.logout.sc-dso-header a.sc-dso-header:hover,.logout.sc-dso-header a.sc-dso-header:focus,.login.sc-dso-header a.sc-dso-header:hover,.login.sc-dso-header a.sc-dso-header:focus{text-decoration:none}.profile.sc-dso-header a.sc-dso-header:active,.logout.sc-dso-header a.sc-dso-header:active,.login.sc-dso-header a.sc-dso-header:active{text-decoration:underline}.dso-header-session.sc-dso-header{display:flex;margin-left:auto}.dso-header-session.sc-dso-header .profile.sc-dso-header a.sc-dso-header{margin-left:8px}.dso-header-session.sc-dso-header .profile.sc-dso-header+.logout.sc-dso-header{border-left:3px solid #ccc;margin-left:16px;padding-left:16px}.dso-navbar.sc-dso-header{flex-basis:100%}.dso-navbar.sc-dso-header .dso-dropdown-options.sc-dso-header{border-top:1px solid #ccc}dso-dropdown-menu.sc-dso-header button.sc-dso-header{align-items:flex-end;background-color:transparent;border:0;display:flex;font-family:Asap, sans-serif;padding-right:32px}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{border:0;border-radius:0}@media screen and (min-width: 768px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:375px}}@media screen and (max-width: 767px){dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{width:100%}}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header{color:#275937;font-size:1.25rem;padding:16px;white-space:pre-wrap}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:focus{color:#fff}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header a.sc-dso-header:hover{background-color:#fff;color:#275937;text-decoration:underline}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.dso-active.sc-dso-header a.sc-dso-header{font-weight:600}dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header ul.sc-dso-header li.sc-dso-header+li.sc-dso-header{border-top:1px solid #ccc}.dropdown.sc-dso-header{margin-left:auto}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{position:static}@media screen and (max-width: 767px){.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header{margin-top:28px}}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{right:0;top:100%}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{color:#39870c;font-size:16px;font-weight:600;line-height:normal;position:relative}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:50%;transform:translateY(-50%)}.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dropdown.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.sc-dso-header{align-items:end;column-gap:32px;display:flex;list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.dso-nav.sc-dso-header>li.sc-dso-header{margin-bottom:4px}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header{display:block}.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.sc-dso-header>li.sc-dso-header>a.sc-dso-header:visited{color:#275937}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header{margin-bottom:0}.dso-nav.sc-dso-header>li.dso-active.sc-dso-header>a.sc-dso-header,.dso-nav.sc-dso-header>li.is-active.sc-dso-header>a.sc-dso-header{border-bottom:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main.sc-dso-header{display:flex !important}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header{text-decoration:none;font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;white-space:nowrap}.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:focus,.dso-nav.dso-nav-main.sc-dso-header>li.sc-dso-header>a.sc-dso-header:active{text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header .dso-dropdown-options.sc-dso-header{left:-1rem;top:calc(100% + 3px)}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header{font-size:1.25em;line-height:1;margin-top:8px;padding:16px 0;align-items:center;color:#275937;padding-right:32px}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:hover,.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main.sc-dso-header dso-dropdown-menu.sc-dso-header button.sc-dso-header::after{margin-left:8px;position:absolute;right:0px;top:auto;transform:none}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header{margin-left:auto}.dso-nav.sc-dso-header .menu-user-home.sc-dso-header dso-icon.sc-dso-header{height:1em;margin-right:8px;position:relative;top:-2px;width:1.2em}";export{n as dso_header}

package/dist/dso-toolkit/{p-427f6d90.entry.js → p-3914ad70.entry.js}

@@ -1 +1 @@
-import{r as o,c as i,h as s,H as t}from"./p-8f35c8f8.js";import{c as n}from"./p-6a1980b4.js";const e=class{constructor(s){o(this,s),this.dsoToggle=i(this,"dsoToggle",7),this.active=void 0,this.hover=!1,this.secondary=void 0,this.label="Toelichting bij optie"}async setFocus(){var o;null===(o=this.button)||void 0===o||o.focus()}handleToggle(o){this.active=!this.active,this.dsoToggle.emit({originalEvent:o,active:this.active})}render(){return s(t,{onMouseenter:()=>this.hover=!0,onMouseleave:()=>this.hover=!1},s("button",{type:"button",class:n("btn",{"dso-open":!!this.active,"dso-info-secondary":!!this.secondary}),"aria-expanded":"boolean"==typeof this.active?this.active.toString():void 0,onClick:o=>this.handleToggle(o),ref:o=>this.button=o},s("dso-icon",{icon:this.active||this.hover?"info-active":"info"}),s("span",{class:"sr-only"},this.label)))}};e.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}button{background-color:transparent;color:#39870c;border:0;margin-left:8px;padding:0;cursor:pointer;vertical-align:top}button.dso-info-secondary{color:#666}dso-icon{display:block}";export{e as dso_info_button}
+import{r as o,c as i,h as s,H as t}from"./p-98fd1658.js";import{c as n}from"./p-6a1980b4.js";const e=class{constructor(s){o(this,s),this.dsoToggle=i(this,"dsoToggle",7),this.active=void 0,this.hover=!1,this.secondary=void 0,this.label="Toelichting bij optie"}async setFocus(){var o;null===(o=this.button)||void 0===o||o.focus()}handleToggle(o){this.active=!this.active,this.dsoToggle.emit({originalEvent:o,active:this.active})}render(){return s(t,{onMouseenter:()=>this.hover=!0,onMouseleave:()=>this.hover=!1},s("button",{type:"button",class:n("btn",{"dso-open":!!this.active,"dso-info-secondary":!!this.secondary}),"aria-expanded":"boolean"==typeof this.active?this.active.toString():void 0,onClick:o=>this.handleToggle(o),ref:o=>this.button=o},s("dso-icon",{icon:this.active||this.hover?"info-active":"info"}),s("span",{class:"sr-only"},this.label)))}};e.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}button{background-color:transparent;color:#39870c;border:0;margin-left:8px;padding:0;cursor:pointer;vertical-align:top}button.dso-info-secondary{color:#666}dso-icon{display:block}";export{e as dso_info_button}

package/dist/dso-toolkit/{p-67c4987c.entry.js → p-43f3d736.entry.js}

@@ -1 +1 @@
-import{r as n,h as t,F as e}from"./p-8f35c8f8.js";import{c as o}from"./p-57ceabab.js";import"./p-3635427a.js";const r=class{constructor(t){n(this,t),this.iframeLoaded=!1,this.openClick=()=>{this.visibility="visible",this.slideState="open",setTimeout((()=>{this.isOpen="open"})),this.loadIframe||setTimeout((()=>{this.loadIframe=!0}),500)},this.closeClick=()=>{this.isOpen="close",this.slideState="close",setTimeout((()=>{this.visibility="hidden"}),500)},this.label="Hulp nodig",this.url=void 0,this.visibility="hidden",this.isOpen="close",this.slideState="close",this.loadIframe=!1}watchUrl(n){"open"===this.isOpen&&this.iframeUrl!==n&&(this.iframeUrl=n)}watchIsOpen(n){const t=document.querySelector("body");"open"===n?(null==t||t.style.setProperty("overflow","hidden"),this.iframeUrl!==this.url&&(this.iframeUrl=this.url)):null==t||t.style.removeProperty("overflow")}keyDownListener(n){"Escape"===n.key&&"open"===this.isOpen&&this.closeClick()}createTrap(){var n,t;this.panelWrapperElement&&(this.trap=o(this.panelWrapperElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0},setReturnFocus:null!==(n=this.openButtonElement)&&void 0!==n&&n,initialFocus:null!==(t=this.closeButtonElement)&&void 0!==t&&t}).activate())}componentDidRender(){var n;"open"===this.isOpen&&this.iframeLoaded&&!this.trap?this.createTrap():"close"===this.isOpen&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":"open"===this.isOpen?"true":"false","aria-haspopup":"dialog","aria-controls":"dso-panel-wrapper",ref:n=>this.openButtonElement=n},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{id:"dso-panel-wrapper",class:`wrapper ${this.visibility}`,"aria-label":"helpcentrum",role:"dialog",ref:n=>this.panelWrapperElement=n},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.iframeUrl,tabindex:"0",onLoad:()=>{this.createTrap(),this.iframeLoaded=!0}}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":"open"===this.isOpen?"true":"false","aria-controls":"dso-panel-wrapper",ref:n=>this.closeButtonElement=n},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"sluiten"))))}static get watchers(){return{url:["watchUrl"],isOpen:["watchIsOpen"]}}};r.style=":host {\n  display: block;\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.wrapper {\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n}\n.wrapper.visible {\n  visibility: visible;\n}\n\n.dimscreen {\n  background-color: #000;\n  height: 100%;\n  opacity: 0.4;\n  width: 100%;\n}\n\n.open-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: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  bottom: 16px;\n  font-family: Asap, sans-serif;\n  position: fixed;\n  right: 16px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.open-button:focus, .open-button:focus-visible {\n  outline-offset: 2px;\n}\n.open-button:active {\n  outline: 0;\n}\n.open-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open-button:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\n.open-button[disabled], .open-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.open-button.btn-sm {\n  line-height: 1rem;\n}\n.open-button.btn-sm dso-icon,\n.open-button.btn-sm svg.di, .open-button.btn-sm.extern::after, .open-button.btn-sm.download::after, .open-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open-button dso-icon,\n.open-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.open-button span + dso-icon,\n.open-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.open-button.dso-spinner-left[disabled], .open-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open-button.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: %23fff; 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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open-button.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: %23fff; 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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open-button:hover {\n  cursor: pointer;\n}\n.open-button.open {\n  display: none;\n}\n\n.close-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: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border-right: 0;\n  border-top: 0;\n  border-radius: 0 0 0 8px;\n  height: 40px;\n  min-width: 40px;\n  padding: 0;\n  position: fixed;\n  right: 0;\n  width: 40px;\n  top: 0;\n}\n.close-button:focus, .close-button:focus-visible {\n  outline-offset: 2px;\n}\n.close-button:active {\n  outline: 0;\n}\n.close-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close-button[disabled], .close-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close-button.btn-sm {\n  line-height: 1rem;\n}\n.close-button.btn-sm dso-icon,\n.close-button.btn-sm svg.di, .close-button.btn-sm.extern::after, .close-button.btn-sm.download::after, .close-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon,\n.close-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.close-button span + dso-icon,\n.close-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.close-button.dso-spinner-left[disabled], .close-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close-button.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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon {\n  margin-left: 0;\n  margin-right: 0;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.close-button:hover, .close-button:active, .close-button:focus {\n  cursor: pointer;\n}\n.close-button.close {\n  display: none;\n}\n\n.iframe-container {\n  background-color: #fff;\n  border: 0;\n  border-left: 1px solid #ccc;\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  transition: right 0.5s;\n}\n@media screen and (max-width: 480px) {\n  .iframe-container {\n    right: -320px;\n    width: 320px;\n  }\n}\n@media screen and (min-width: 481px) and (max-width: 767px) {\n  .iframe-container {\n    right: -480px;\n    width: 480px;\n  }\n}\n@media screen and (min-width: 768px) {\n  .iframe-container {\n    right: -640px;\n    width: 640px;\n  }\n}\n.iframe-container.open {\n  right: 0;\n}\n\niframe {\n  border: 0;\n  height: 100%;\n  width: 100%;\n}";export{r as dso_helpcenter_panel}
+import{r as n,h as t,F as e}from"./p-98fd1658.js";import{c as o}from"./p-57ceabab.js";import"./p-3635427a.js";const r=class{constructor(t){n(this,t),this.iframeLoaded=!1,this.openClick=()=>{this.visibility="visible",this.slideState="open",setTimeout((()=>{this.isOpen="open"})),this.loadIframe||setTimeout((()=>{this.loadIframe=!0}),500)},this.closeClick=()=>{this.isOpen="close",this.slideState="close",setTimeout((()=>{this.visibility="hidden"}),500)},this.label="Hulp nodig",this.url=void 0,this.visibility="hidden",this.isOpen="close",this.slideState="close",this.loadIframe=!1}watchUrl(n){"open"===this.isOpen&&this.iframeUrl!==n&&(this.iframeUrl=n)}watchIsOpen(n){const t=document.querySelector("body");"open"===n?(null==t||t.style.setProperty("overflow","hidden"),this.iframeUrl!==this.url&&(this.iframeUrl=this.url)):null==t||t.style.removeProperty("overflow")}keyDownListener(n){"Escape"===n.key&&"open"===this.isOpen&&this.closeClick()}createTrap(){var n,t;this.panelWrapperElement&&(this.trap=o(this.panelWrapperElement,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:!0},setReturnFocus:null!==(n=this.openButtonElement)&&void 0!==n&&n,initialFocus:null!==(t=this.closeButtonElement)&&void 0!==t&&t}).activate())}componentDidRender(){var n;"open"===this.isOpen&&this.iframeLoaded&&!this.trap?this.createTrap():"close"===this.isOpen&&this.trap&&(null===(n=this.trap)||void 0===n||n.deactivate(),delete this.trap)}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":"open"===this.isOpen?"true":"false","aria-haspopup":"dialog","aria-controls":"dso-panel-wrapper",ref:n=>this.openButtonElement=n},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{id:"dso-panel-wrapper",class:`wrapper ${this.visibility}`,"aria-label":"helpcentrum",role:"dialog",ref:n=>this.panelWrapperElement=n},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.iframeUrl,tabindex:"0",onLoad:()=>{this.createTrap(),this.iframeLoaded=!0}}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":"open"===this.isOpen?"true":"false","aria-controls":"dso-panel-wrapper",ref:n=>this.closeButtonElement=n},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"sluiten"))))}static get watchers(){return{url:["watchUrl"],isOpen:["watchIsOpen"]}}};r.style=":host {\n  display: block;\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.wrapper {\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n}\n.wrapper.visible {\n  visibility: visible;\n}\n\n.dimscreen {\n  background-color: #000;\n  height: 100%;\n  opacity: 0.4;\n  width: 100%;\n}\n\n.open-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: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  bottom: 16px;\n  font-family: Asap, sans-serif;\n  position: fixed;\n  right: 16px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.open-button:focus, .open-button:focus-visible {\n  outline-offset: 2px;\n}\n.open-button:active {\n  outline: 0;\n}\n.open-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open-button:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\n.open-button[disabled], .open-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.open-button.btn-sm {\n  line-height: 1rem;\n}\n.open-button.btn-sm dso-icon,\n.open-button.btn-sm svg.di, .open-button.btn-sm.extern::after, .open-button.btn-sm.download::after, .open-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open-button dso-icon,\n.open-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.open-button span + dso-icon,\n.open-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.open-button.dso-spinner-left[disabled], .open-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open-button.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: %23fff; 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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open-button.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: %23fff; 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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open-button:hover {\n  cursor: pointer;\n}\n.open-button.open {\n  display: none;\n}\n\n.close-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: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border-right: 0;\n  border-top: 0;\n  border-radius: 0 0 0 8px;\n  height: 40px;\n  min-width: 40px;\n  padding: 0;\n  position: fixed;\n  right: 0;\n  width: 40px;\n  top: 0;\n}\n.close-button:focus, .close-button:focus-visible {\n  outline-offset: 2px;\n}\n.close-button:active {\n  outline: 0;\n}\n.close-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close-button[disabled], .close-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close-button.btn-sm {\n  line-height: 1rem;\n}\n.close-button.btn-sm dso-icon,\n.close-button.btn-sm svg.di, .close-button.btn-sm.extern::after, .close-button.btn-sm.download::after, .close-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon,\n.close-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.close-button span + dso-icon,\n.close-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.close-button.dso-spinner-left[disabled], .close-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close-button.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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon {\n  margin-left: 0;\n  margin-right: 0;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.close-button:hover, .close-button:active, .close-button:focus {\n  cursor: pointer;\n}\n.close-button.close {\n  display: none;\n}\n\n.iframe-container {\n  background-color: #fff;\n  border: 0;\n  border-left: 1px solid #ccc;\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  transition: right 0.5s;\n}\n@media screen and (max-width: 480px) {\n  .iframe-container {\n    right: -320px;\n    width: 320px;\n  }\n}\n@media screen and (min-width: 481px) and (max-width: 767px) {\n  .iframe-container {\n    right: -480px;\n    width: 480px;\n  }\n}\n@media screen and (min-width: 768px) {\n  .iframe-container {\n    right: -640px;\n    width: 640px;\n  }\n}\n.iframe-container.open {\n  right: 0;\n}\n\niframe {\n  border: 0;\n  height: 100%;\n  width: 100%;\n}";export{r as dso_helpcenter_panel}

package/dist/dso-toolkit/p-452c7fbb.entry.js

@@ -0,0 +1 @@
+import{r as o,h as r,H as s}from"./p-98fd1658.js";const e=class{constructor(r){o(this,r),this.open=void 0}render(){return r(s,{"aria-hidden":this.open?"false":"true"},r("slot",null))}};e.style=":host{display:none}:host([open]){display: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}";export{e as dso_expandable}

package/dist/dso-toolkit/{p-3b8cbd05.entry.js → p-494fe8e5.entry.js}

@@ -1 +1 @@
-import{r,h as s}from"./p-8f35c8f8.js";const o=class{constructor(s){r(this,s),this.progress=void 0,this.min=0,this.max=100}render(){const r=Math.round(this.progress);return s("div",{class:"progress"},s("span",{class:"progress-bar",role:"progressbar","aria-labelledby":"progress-bar-label","aria-valuenow":r,"aria-valuemin":this.min,"aria-valuemax":this.max},s("span",{style:{width:`${r}%`}})),s("span",{id:"progress-bar-label"},s("slot",null)))}};o.style=":host{display: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}.progress{margin-bottom:8px}.progress .progress-bar{background-color:#fff;border:1px solid #39870c;display:block;height:16px}.progress .progress-bar>span{background-color:#39870c;float:left;height:100%;width:0%}.progress .progress-bar+span{font-size:14px;margin-top:8px}";export{o as dso_progress_bar}
+import{r,h as s}from"./p-98fd1658.js";const o=class{constructor(s){r(this,s),this.progress=void 0,this.min=0,this.max=100}render(){const r=Math.round(this.progress);return s("div",{class:"progress"},s("span",{class:"progress-bar",role:"progressbar","aria-labelledby":"progress-bar-label","aria-valuenow":r,"aria-valuemin":this.min,"aria-valuemax":this.max},s("span",{style:{width:`${r}%`}})),s("span",{id:"progress-bar-label"},s("slot",null)))}};o.style=":host{display: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}.progress{margin-bottom:8px}.progress .progress-bar{background-color:#fff;border:1px solid #39870c;display:block;height:16px}.progress .progress-bar>span{background-color:#39870c;float:left;height:100%;width:0%}.progress .progress-bar+span{font-size:14px;margin-top:8px}";export{o as dso_progress_bar}

package/dist/dso-toolkit/p-4b8535b7.js

@@ -0,0 +1 @@
+import{a as e,f as t}from"./p-98fd1658.js";const s=e=>!("isConnected"in e)||e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(s,r)=>{const c=((e,t=((e,t)=>e!==t))=>{const s=o(e);let n=new Map(Object.entries(null!=s?s:{}));const r={dispose:[],get:[],set:[],reset:[]},c=()=>{var t;n=new Map(Object.entries(null!==(t=o(e))&&void 0!==t?t:{})),r.reset.forEach((e=>e()))},u=e=>(r.get.forEach((t=>t(e))),n.get(e)),a=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),r.set.forEach((t=>t(e,s,o))))},i="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>u(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(a(t,s),!0)}),p=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:i,get:u,set:a,on:p,onChange:(t,s)=>{const n=p("set",((e,n)=>{e===t&&s(n)})),r=p("reset",(()=>s(o(e)[t])));return()=>{n(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(p("set",t.set)),t.get&&e.push(p("get",t.get)),t.reset&&e.push(p("reset",t.reset)),t.dispose&&e.push(p("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const t=n.get(e);r.set.forEach((s=>s(e,t,t)))}}})(s,r);return c.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)||n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),c};export{r as c}

package/dist/dso-toolkit/{p-ff72ee4c.entry.js → p-588bc4d7.entry.js}

@@ -1 +1 @@
-import{h as e,F as t,r as o,c as i}from"./p-8f35c8f8.js";import{c as n}from"./p-6a1980b4.js";const r=({owner:o,ancestors:i,item:s,index:a,level:l,setSize:c})=>{var d,h,p,u;return e("li",{key:s.id,class:n("tree-item",{"has-child":s.hasItems,"is-expanded":!!s.open&&!!(null===(d=s.items)||void 0===d?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},s.hasItems?e("div",{onClick:e=>o.itemClick(e,i,s)},e("dso-icon",{icon:s.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:n("tree-content",{active:s.active},{selected:s.selected}),tabindex:1===l&&0===a?0:-1,role:"treeitem","aria-expanded":s.hasItems?""+(!!s.open&&!!(null===(h=s.items)||void 0===h?void 0:h.length)):void 0,"aria-current":s.active?"true":void 0,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":s.loading?"true":void 0,"data-item-id":s.id,onClick:e=>o.itemClick(e,i,s)},s.selected&&e("span",{class:"sr-only"},"Resultaat: "),s.href?e("a",{href:s.href,tabindex:"-1"},s.label):e("span",null,s.label),null===(p=s.icons)||void 0===p?void 0:p.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),s.open&&e(t,null,s.hasItems&&!s.items&&s.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},null===(u=s.items)||void 0===u?void 0:u.map(((t,n,a)=>e(r,{owner:o,ancestors:[...i,s],item:t,index:n,level:l+1,setSize:a.length}))))))},s=class{constructor(e){o(this,e),this.dsoOpenItem=i(this,"dsoOpenItem",7),this.dsoCloseItem=i(this,"dsoCloseItem",7),this.dsoClickItem=i(this,"dsoClickItem",7),this.keyDownListener=e=>{if(e.defaultPrevented)return;const t=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(e.target instanceof HTMLParagraphElement&&t instanceof HTMLElement){switch(e.key){case"ArrowDown":s.moveFocus(t,e.target,"next");break;case"ArrowUp":s.moveFocus(t,e.target,"previous");break;case"ArrowRight":s.expandItemOrFocusChild(t,e.target);break;case"ArrowLeft":s.collapseItemOrFocusParent(t,e.target);break;case"End":s.moveFocus(t,e.target,"last");break;case"Home":s.moveFocus(t,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(1===(o=e.key).length&&o.match(/\S/)&&s.setFocusByFirstCharacter(t,e.target,e.key,e.shiftKey))break;return}var o;e.preventDefault()}},this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement))return;const i=e.target.closest(".tree-content");if(i){const n=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(!(i instanceof HTMLParagraphElement&&n instanceof HTMLElement))return;return s.setFocus(n,i),void this.dsoClickItem.emit({path:[...t,o],originalEvent:e})}o.open?this.dsoCloseItem.emit([...t,o]):this.dsoOpenItem.emit([...t,o])},this.collection=void 0}async focusItem(e){var t;const o=this.tree;if(!o||0===e.length)return!1;const i=e[e.length-1],n=Array.from(null!==(t=o.querySelectorAll("p"))&&void 0!==t?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset.itemId===i.id));return!!n&&(s.setFocus(o,n),!0)}static setFocus(e,t){t&&(Array.from(e.querySelectorAll("p")).filter((e=>0===e.tabIndex)).forEach((e=>e.tabIndex=-1)),t.tabIndex=0,t.focus())}static moveFocus(e,t,o){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let n=0;switch(o){case"first":n=0;break;case"previous":n=i.indexOf(t)-1;break;case"next":n=i.indexOf(t)+1;break;case"last":n=i.length-1}s.setFocus(e,i[n])}static expandItemOrFocusChild(e,t){var o;if("true"===(null==t?void 0:t.getAttribute("aria-expanded")))s.moveFocus(e,t,"next");else{const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}}static collapseItemOrFocusParent(e,t){var o,i,n;if("true"===(null==t?void 0:t.getAttribute("aria-expanded"))){const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}else{const o=null===(n=null===(i=null==t?void 0:t.parentElement)||void 0===i?void 0:i.parentElement)||void 0===n?void 0:n.previousElementSibling;o instanceof HTMLElement&&s.setFocus(e,o)}}static setFocusByFirstCharacter(e,t,o,i){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));i&&n.reverse();const r=n.indexOf(t);o=o.toLowerCase();let a=n.find(((e,t)=>{var i;return t>r&&(null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase().startsWith(o))}));return a||(a=n.find(((e,t)=>{var i;return t<r&&(null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase().startsWith(o))}))),!!a&&(s.setFocus(e,a),!0)}render(){var t;return e("div",{id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{role:"tree","aria-label":"Objectenboom"},null===(t=this.collection)||void 0===t?void 0:t.map(((t,o)=>e(r,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};s.style=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-left:0}:host ul[role=group]::before{border-left:1px solid #275937;content:"";height:8px;left:44px;position:absolute;top:0;width:0}:host li:not(.has-child)::before{border-top:1px solid #275937;content:"";height:0;left:12px;position:absolute;top:20px;width:16px}:host li:not(.has-child)::after{border-left:1px solid #275937;content:"";height:100%;left:12px;position:absolute;top:8px;width:0}:host li:not(.has-child):last-child::after{height:20px;top:0}:host li.has-child::before{border-top:1px solid #275937;content:"";height:0;left:24px;position:absolute;top:20px;width:4px}:host li.has-child:not(:last-child)::after{border-left:1px solid #275937;content:"";height:calc(100% - 24px);left:12px;position:absolute;top:32px;width:0}:host li.has-child.is-expanded:last-child::after{border-left:1px solid #275937;content:"";height:calc(100% - 32px);left:12px;position:absolute;top:32px;width:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin:8px 8px 8px 0;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0;max-width:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;margin-left:0.5em;vertical-align:text-bottom}*,*::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}';export{s as dso_tree_view}
+import{h as e,F as t,r as o,c as i}from"./p-98fd1658.js";import{c as n}from"./p-6a1980b4.js";const r=({owner:o,ancestors:i,item:s,index:a,level:l,setSize:c})=>{var d,h,p,u;return e("li",{key:s.id,class:n("tree-item",{"has-child":s.hasItems,"is-expanded":!!s.open&&!!(null===(d=s.items)||void 0===d?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},s.hasItems?e("div",{onClick:e=>o.itemClick(e,i,s)},e("dso-icon",{icon:s.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:n("tree-content",{active:s.active},{selected:s.selected}),tabindex:1===l&&0===a?0:-1,role:"treeitem","aria-expanded":s.hasItems?""+(!!s.open&&!!(null===(h=s.items)||void 0===h?void 0:h.length)):void 0,"aria-current":s.active?"true":void 0,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":s.loading?"true":void 0,"data-item-id":s.id,onClick:e=>o.itemClick(e,i,s)},s.selected&&e("span",{class:"sr-only"},"Resultaat: "),s.href?e("a",{href:s.href,tabindex:"-1"},s.label):e("span",null,s.label),null===(p=s.icons)||void 0===p?void 0:p.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),s.open&&e(t,null,s.hasItems&&!s.items&&s.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},null===(u=s.items)||void 0===u?void 0:u.map(((t,n,a)=>e(r,{owner:o,ancestors:[...i,s],item:t,index:n,level:l+1,setSize:a.length}))))))},s=class{constructor(e){o(this,e),this.dsoOpenItem=i(this,"dsoOpenItem",7),this.dsoCloseItem=i(this,"dsoCloseItem",7),this.dsoClickItem=i(this,"dsoClickItem",7),this.keyDownListener=e=>{if(e.defaultPrevented)return;const t=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(e.target instanceof HTMLParagraphElement&&t instanceof HTMLElement){switch(e.key){case"ArrowDown":s.moveFocus(t,e.target,"next");break;case"ArrowUp":s.moveFocus(t,e.target,"previous");break;case"ArrowRight":s.expandItemOrFocusChild(t,e.target);break;case"ArrowLeft":s.collapseItemOrFocusParent(t,e.target);break;case"End":s.moveFocus(t,e.target,"last");break;case"Home":s.moveFocus(t,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(1===(o=e.key).length&&o.match(/\S/)&&s.setFocusByFirstCharacter(t,e.target,e.key,e.shiftKey))break;return}var o;e.preventDefault()}},this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement))return;const i=e.target.closest(".tree-content");if(i){const n=e.composedPath().find((e=>e instanceof HTMLElement&&"dso-tree"===e.className));if(!(i instanceof HTMLParagraphElement&&n instanceof HTMLElement))return;return s.setFocus(n,i),void this.dsoClickItem.emit({path:[...t,o],originalEvent:e})}o.open?this.dsoCloseItem.emit([...t,o]):this.dsoOpenItem.emit([...t,o])},this.collection=void 0}async focusItem(e){var t;const o=this.tree;if(!o||0===e.length)return!1;const i=e[e.length-1],n=Array.from(null!==(t=o.querySelectorAll("p"))&&void 0!==t?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset.itemId===i.id));return!!n&&(s.setFocus(o,n),!0)}static setFocus(e,t){t&&(Array.from(e.querySelectorAll("p")).filter((e=>0===e.tabIndex)).forEach((e=>e.tabIndex=-1)),t.tabIndex=0,t.focus())}static moveFocus(e,t,o){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let n=0;switch(o){case"first":n=0;break;case"previous":n=i.indexOf(t)-1;break;case"next":n=i.indexOf(t)+1;break;case"last":n=i.length-1}s.setFocus(e,i[n])}static expandItemOrFocusChild(e,t){var o;if("true"===(null==t?void 0:t.getAttribute("aria-expanded")))s.moveFocus(e,t,"next");else{const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}}static collapseItemOrFocusParent(e,t){var o,i,n;if("true"===(null==t?void 0:t.getAttribute("aria-expanded"))){const e=null===(o=t.previousElementSibling)||void 0===o?void 0:o.firstElementChild;e instanceof HTMLElement&&e.click()}else{const o=null===(n=null===(i=null==t?void 0:t.parentElement)||void 0===i?void 0:i.parentElement)||void 0===n?void 0:n.previousElementSibling;o instanceof HTMLElement&&s.setFocus(e,o)}}static setFocusByFirstCharacter(e,t,o,i){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));i&&n.reverse();const r=n.indexOf(t);o=o.toLowerCase();let a=n.find(((e,t)=>{var i;return t>r&&(null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase().startsWith(o))}));return a||(a=n.find(((e,t)=>{var i;return t<r&&(null===(i=e.textContent)||void 0===i?void 0:i.toLowerCase().startsWith(o))}))),!!a&&(s.setFocus(e,a),!0)}render(){var t;return e("div",{id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{role:"tree","aria-label":"Objectenboom"},null===(t=this.collection)||void 0===t?void 0:t.map(((t,o)=>e(r,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};s.style=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-left:0}:host ul[role=group]::before{border-left:1px solid #275937;content:"";height:8px;left:44px;position:absolute;top:0;width:0}:host li:not(.has-child)::before{border-top:1px solid #275937;content:"";height:0;left:12px;position:absolute;top:20px;width:16px}:host li:not(.has-child)::after{border-left:1px solid #275937;content:"";height:100%;left:12px;position:absolute;top:8px;width:0}:host li:not(.has-child):last-child::after{height:20px;top:0}:host li.has-child::before{border-top:1px solid #275937;content:"";height:0;left:24px;position:absolute;top:20px;width:4px}:host li.has-child:not(:last-child)::after{border-left:1px solid #275937;content:"";height:calc(100% - 24px);left:12px;position:absolute;top:32px;width:0}:host li.has-child.is-expanded:last-child::after{border-left:1px solid #275937;content:"";height:calc(100% - 32px);left:12px;position:absolute;top:32px;width:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin:8px 8px 8px 0;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin:8px 0;max-width:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;margin-left:0.5em;vertical-align:text-bottom}*,*::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}';export{s as dso_tree_view}

package/dist/dso-toolkit/{p-c7ec6e6e.entry.js → p-5b7c0fa5.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,a as i}from"./p-8f35c8f8.js";import{c as h}from"./p-6a1980b4.js";const s=class{constructor(t){o(this,t),this.yellow=void 0,this.border=void 0,this.white=void 0,this.dropShadow=void 0,this.step=void 0}render(){var o;const i=this.step||!!this.element.querySelector("[slot=icon]"),s=h("dso-highlight-box",{"dso-yellow":this.yellow,"dso-border":this.border,"dso-white":this.white,"dso-drop-shadow":this.dropShadow,"dso-has-counter":i});return t("div",{class:s},i&&t("div",{class:"dso-step-counter"},null!==(o=this.step)&&void 0!==o?o:t("slot",{name:"icon"})),t("slot",null))}get element(){return i(this)}};s.style=":host{display:block}:host-context(.row.dso-equal-heights){height:100%;min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box{min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box.dso-has-counter{height:calc(100% - 48px)}:host-context(.row.dso-equal-heights)>.dso-highlight-box:not(.dso-has-counter){height:calc(100% - 16px)}*,*::after,*::before{box-sizing:border-box}.dso-highlight-box{background-color:#f2f2f2;margin-top:16px;padding:16px;margin-bottom:24px}.dso-highlight-box.dso-white{background-color:#fff}.dso-highlight-box.dso-yellow{background-color:#f8f6cc}.dso-highlight-box.dso-drop-shadow{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}.dso-highlight-box.dso-border{background-color:#fff;border:1px solid #ccc;padding:15px}.dso-highlight-box.dso-has-counter{margin-top:48px}.dso-highlight-box.dso-has-counter{padding-top:2.5rem;position:relative}.dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;height:2rem;left:16px;line-height:2rem;position:absolute;text-align:center;top:-1.5rem;width:2rem}.dso-highlight-box .dso-step-counter svg.di{height:1.5rem;margin-top:0.25rem;width:1.5rem}.dso-highlight-box>dso-icon{vertical-align:text-top}";export{s as dso_highlight_box}
+import{r as o,h as t,g as i}from"./p-98fd1658.js";import{c as h}from"./p-6a1980b4.js";const s=class{constructor(t){o(this,t),this.yellow=void 0,this.border=void 0,this.white=void 0,this.dropShadow=void 0,this.step=void 0}render(){var o;const i=this.step||!!this.element.querySelector("[slot=icon]"),s=h("dso-highlight-box",{"dso-yellow":this.yellow,"dso-border":this.border,"dso-white":this.white,"dso-drop-shadow":this.dropShadow,"dso-has-counter":i});return t("div",{class:s},i&&t("div",{class:"dso-step-counter"},null!==(o=this.step)&&void 0!==o?o:t("slot",{name:"icon"})),t("slot",null))}get element(){return i(this)}};s.style=":host{display:block}:host-context(.row.dso-equal-heights){height:100%;min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box{min-height:auto}:host-context(.row.dso-equal-heights)>.dso-highlight-box.dso-has-counter{height:calc(100% - 48px)}:host-context(.row.dso-equal-heights)>.dso-highlight-box:not(.dso-has-counter){height:calc(100% - 16px)}*,*::after,*::before{box-sizing:border-box}.dso-highlight-box{background-color:#f2f2f2;margin-top:16px;padding:16px;margin-bottom:24px}.dso-highlight-box.dso-white{background-color:#fff}.dso-highlight-box.dso-yellow{background-color:#f8f6cc}.dso-highlight-box.dso-drop-shadow{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}.dso-highlight-box.dso-border{background-color:#fff;border:1px solid #ccc;padding:15px}.dso-highlight-box.dso-has-counter{margin-top:48px}.dso-highlight-box.dso-has-counter{padding-top:2.5rem;position:relative}.dso-highlight-box .dso-step-counter{background-color:#275937;border:8px solid #79b929;border-radius:50%;box-sizing:content-box;color:#fff;font-size:1.25rem;font-weight:500;height:2rem;left:16px;line-height:2rem;position:absolute;text-align:center;top:-1.5rem;width:2rem}.dso-highlight-box .dso-step-counter svg.di{height:1.5rem;margin-top:0.25rem;width:1.5rem}.dso-highlight-box>dso-icon{vertical-align:text-top}";export{s as dso_highlight_box}

package/dist/dso-toolkit/p-67df25a7.entry.js

@@ -0,0 +1 @@
+import{h as e,r as t,c as n,F as i}from"./p-98fd1658.js";import{c as a}from"./p-6a1980b4.js";import{v as h}from"./p-5d7f4ff2.js";const o=({heading:t,ref:n,className:i},a)=>{switch(t){default:case"h2":return e("h2",{ref:n,class:i},a);case"h3":return e("h3",{ref:n,class:i},a);case"h4":return e("h4",{ref:n,class:i},a);case"h5":return e("h5",{ref:n,class:i},a);case"h6":return e("h6",{ref:n,class:i},a)}},s=class{constructor(e){t(this,e),this.dsoToggle=n(this,"dsoToggle",7),this.identifier=h(),this.open=void 0,this.heading="h2",this.color="default"}toggle(e){this.open=!this.open,this.dsoToggle.emit({originalEvent:e,open:this.open})}render(){const t=this.open?{open:!0}:{};return e(i,null,e("div",{class:a("expandable-heading","black"===this.color?"dso-expandable-heading-black":"")},e(o,{heading:this.heading},e("button",{type:"button","aria-expanded":this.open?"true":"false","aria-controls":this.identifier,onClick:e=>this.toggle(e)},e("dso-icon",{icon:this.open?"chevron-down":"chevron-right"}),e("slot",{name:"title"}))),e("slot",{name:"addons-start"}),e("div",{class:"addons-end"},e("slot",{name:"addons-end"}))),e("dso-expandable",Object.assign({id:this.identifier},t),e("slot",null)))}};s.style="h1,.h1,h2,.h2,h3,.h3{margin-bottom:16px;margin-top:24px}h1,.h1{line-height:1.25}h1{color:#275937;font-size:2rem;font-weight:700}h2,.h2{line-height:1.33}h2{color:#275937;font-size:1.5rem;font-weight:700}h3,.h3{line-height:1.2}h3{color:#275937;font-size:1.25rem;font-weight:600}h4,.h4,h5,.h5,h6,.h6{margin-bottom:16px;margin-top:12px}h4,.h4{line-height:1.5}h4{color:#275937;font-size:1rem;font-weight:600}h5,.h5{line-height:1.5}h5{color:#191919;font-size:1rem;font-weight:600}h6,.h6{line-height:1.5}:host{display: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}.expandable-heading{align-items:center;display:flex;margin-bottom:8px;margin-top:8px}.expandable-heading h2,.expandable-heading h3,.expandable-heading h4,.expandable-heading h5,.expandable-heading h6{font-size:1rem;margin-bottom:0;margin-right:8px;margin-top:0}.expandable-heading button{align-items:flex-start;cursor:pointer;background-color:transparent;border:0;color:inherit;display:flex;line-height:24px;font-size:inherit;font-weight:inherit;padding:0;text-align:left}.expandable-heading button>dso-icon{flex-shrink:0}.expandable-heading.dso-expandable-heading-black button{color:#000}dso-expandable{padding-left:24px}.addons-end{display:inline-block;margin-left:auto}";export{s as dso_expandable_heading}

package/dist/dso-toolkit/p-6cdc1acd.entry.js

@@ -0,0 +1 @@
+import{r as s,c as t,h as e,H as i,g as a}from"./p-98fd1658.js";import{c as n}from"./p-6a1980b4.js";import{i as o}from"./p-33df9903.js";const d=s=>s instanceof HTMLButtonElement||s instanceof HTMLAnchorElement||s instanceof HTMLInputElement||s.tagName.startsWith("DSO-TOGGLETIP"),r=class{constructor(e){s(this,e),this.dsoCardClicked=t(this,"dsoCardClicked",7),this.isSelectable=!1,this.hasImage=!1,this.clickable=!0}clickEventHandler(s){if(!(s.target instanceof HTMLElement&&this.clickable))return;let t=s.target;for(;t!==this.host&&null!==t;){if(d(t)||null===t)return;t=t.parentNode instanceof ShadowRoot&&t.parentNode.host instanceof HTMLElement?t.parentNode.host:t.parentElement}return this.dsoCardClicked.emit({originalEvent:s,isModifiedEvent:o(s)})}componentWillLoad(){this.isSelectable=null!==this.host.querySelector("*[slot = 'selectable']"),this.hasImage=null!==this.host.querySelector("*[slot = 'image']")}render(){return e(i,{class:n({"dso-not-clickable":!this.clickable}),onClick:s=>this.clickEventHandler(s)},e("div",{class:"dso-card-selectable",hidden:!this.isSelectable},e("slot",{name:"selectable"})),e("div",{class:"dso-card-image",hidden:!this.hasImage},e("slot",{name:"image"})),e("div",{class:"dso-card-heading"},e("slot",{name:"heading"}),e("slot",{name:"interactions"})),e("div",{class:"dso-card-content"},e("slot",{name:"content"})))}get host(){return a(this)}};r.style=":host .dso-card-selectable,:host .dso-card-image{grid-row:span 2}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host .dso-card-heading{align-items:center;display:flex;margin-bottom:8px}@media screen and (max-width: 480px){:host .dso-card-heading{flex-wrap:wrap}}:host .dso-card-image{margin-right:8px}";export{r as dso_card}

package/dist/dso-toolkit/{p-11176cb8.entry.js → p-82465cdc.entry.js}

@@ -1 +1 @@
-import{r as i,c as s,h as t,F as e,a as l}from"./p-8f35c8f8.js";import{v as r}from"./p-5d7f4ff2.js";const o=class{constructor(t){i(this,t),this.dsoActiveChange=s(this,"dsoActiveChange",7),this.checked=!1,this.disabled=!1,this.accessibleLabel=void 0,this.labelledbyId=void 0,this.hasVisibleLabel=void 0,this.identifier=r()}handleSwitch(i){this.dsoActiveChange.emit({originalEvent:i,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=null!==this.host.querySelector("*")}render(){return t(e,null,t("button",Object.assign({id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:i=>this.handleSwitch(i)},this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}),t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},t("g",{fill:"none","fill-rule":"evenodd"},t("rect",{width:"40",height:"20",fill:"currentColor",rx:"10"}),t("circle",{cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&t("label",{htmlFor:this.identifier},t("slot",null)))}get host(){return l(this)}};o.style="button.dso-slider{border:0;padding:0}button.dso-slider:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider svg rect{fill:#999;transition:fill 0.25s}button.dso-slider svg circle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true] svg rect{fill:#275937}button.dso-slider[aria-checked=true] svg circle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled] svg rect{fill:#ccc}button.dso-slider[disabled] svg circle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true] svg rect{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true] svg circle{fill:#e5e5e5}.dso-slider{border-radius:24px;display:inline-flex}.dso-slider:hover{cursor:pointer}";export{o as dso_slide_toggle}
+import{r as i,c as s,h as t,F as e,g as l}from"./p-98fd1658.js";import{v as r}from"./p-5d7f4ff2.js";const o=class{constructor(t){i(this,t),this.dsoActiveChange=s(this,"dsoActiveChange",7),this.checked=!1,this.disabled=!1,this.accessibleLabel=void 0,this.labelledbyId=void 0,this.hasVisibleLabel=void 0,this.identifier=r()}handleSwitch(i){this.dsoActiveChange.emit({originalEvent:i,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=null!==this.host.querySelector("*")}render(){return t(e,null,t("button",Object.assign({id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:i=>this.handleSwitch(i)},this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}),t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},t("g",{fill:"none","fill-rule":"evenodd"},t("rect",{width:"40",height:"20",fill:"currentColor",rx:"10"}),t("circle",{cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&t("label",{htmlFor:this.identifier},t("slot",null)))}get host(){return l(this)}};o.style="button.dso-slider{border:0;padding:0}button.dso-slider:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider svg rect{fill:#999;transition:fill 0.25s}button.dso-slider svg circle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true] svg rect{fill:#275937}button.dso-slider[aria-checked=true] svg circle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled] svg rect{fill:#ccc}button.dso-slider[disabled] svg circle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true] svg rect{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true] svg circle{fill:#e5e5e5}.dso-slider{border-radius:24px;display:inline-flex}.dso-slider:hover{cursor:pointer}";export{o as dso_slide_toggle}

package/dist/dso-toolkit/p-89b97fce.js

@@ -0,0 +1 @@
+import{c as t}from"./p-4b8535b7.js";class s{static get state(){return this._state||s.initializeStore(),this._state}static toggle(t){this._state[t]=!this._state[t]}static initializeStore(){const{state:i}=t({});s._state=i}}export{s as A}

package/dist/dso-toolkit/{p-8aa39e7f.entry.js → p-8de85ae7.entry.js}

@@ -1 +1 @@
-import{r,h as o}from"./p-8f35c8f8.js";import{c as t}from"./p-6a1980b4.js";const e=class{constructor(o){r(this,o),this.status=void 0,this.roleAlert=void 0}render(){const r=e.statusMap.get(this.status);if(!r)throw new Error(`Invalid status ${this.status}`);return o("div",{class:t("alert",`alert-${this.status}`),role:this.roleAlert?"alert":void 0},o("dso-icon",{icon:"status-"+this.status}),o("span",{class:"sr-only"},r,":"),o("slot",null))}};e.statusMap=new Map([["success","Gelukt"],["info","Opmerking"],["warning","Waarschuwing"],["error","Fout"]]),e.style=":host{display:block}:host(:not(:first-child)){margin-top:24px}*,*::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}.alert{border:1px solid transparent;line-height:1.5;margin-bottom:24px;min-height:64px;position:relative}@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}.alert:not(:first-child){margin-top:24px}.alert.alert-success{color:#191919;background-color:#e4f1d4;border-color:#e4f1d4}.alert.alert-error{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}.alert.alert-warning{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}.alert.alert-info{color:#191919;background-color:#e1ecf7;border-color:#e1ecf7}.alert dso-icon{left:15px;position:absolute;top:15px;height:32px;width:32px}";export{e as dso_alert}
+import{r,h as o}from"./p-98fd1658.js";import{c as t}from"./p-6a1980b4.js";const e=class{constructor(o){r(this,o),this.status=void 0,this.roleAlert=void 0}render(){const r=e.statusMap.get(this.status);if(!r)throw new Error(`Invalid status ${this.status}`);return o("div",{class:t("alert",`alert-${this.status}`),role:this.roleAlert?"alert":void 0},o("dso-icon",{icon:"status-"+this.status}),o("span",{class:"sr-only"},r,":"),o("slot",null))}};e.statusMap=new Map([["success","Gelukt"],["info","Opmerking"],["warning","Waarschuwing"],["error","Fout"]]),e.style=":host{display:block}:host(:not(:first-child)){margin-top:24px}*,*::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}.alert{border:1px solid transparent;line-height:1.5;margin-bottom:24px;min-height:64px;position:relative}@media screen and (min-width: 481px){.alert{padding:19px 16px 19px 63px}}@media screen and (max-width: 480px){.alert{padding:63px 16px 16px}}.alert:not(:first-child){margin-top:24px}.alert.alert-success{color:#191919;background-color:#e4f1d4;border-color:#e4f1d4}.alert.alert-error{color:#191919;background-color:#f5d8dc;border-color:#f5d8dc}.alert.alert-warning{color:#191919;background-color:#f8f6cc;border-color:#f8f6cc}.alert.alert-info{color:#191919;background-color:#e1ecf7;border-color:#e1ecf7}.alert dso-icon{left:15px;position:absolute;top:15px;height:32px;width:32px}";export{e as dso_alert}

package/dist/dso-toolkit/{p-8e9f6355.entry.js → p-96efc763.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,H as s,a as n}from"./p-8f35c8f8.js";import{d}from"./p-1805f5b0.js";import{c as e}from"./p-57ceabab.js";import{v as a}from"./p-5d7f4ff2.js";import"./p-3635427a.js";const r=class{constructor(t){o(this,t),this.labelledbyId=a(),this.noModal=!1,this.isResponsive=!1,this.modalActive=!1,this.placeholderHeight=void 0}startResponsiveBehavior(){var o;null===(o=this.resizeObserver)||void 0===o||o.observe(this.host)}componentWillLoad(){this.resizeObserver=new ResizeObserver(d((o=>this.setResponsiveTable(o)),200))}componentDidLoad(){this.startResponsiveBehavior()}componentDidRender(){this.setFocusTrap()}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}render(){var o,n;const d=null===(n=null===(o=this.host.querySelector(":scope > table > caption"))||void 0===o?void 0:o.textContent)||void 0===n?void 0:n.trim();return t(s,null,this.modalActive&&this.placeholderHeight&&t("div",{class:"dso-table-placeholder",style:{height:`${this.placeholderHeight}px`}}),this.modalActive&&t("div",{class:"dso-modal-overlay"}),t("div",{class:{"dso-modal":this.modalActive}},t("div",Object.assign({class:{"dso-dialog":this.modalActive,"dso-table-dialog":!0},ref:o=>this.focusTrapElement=o},this.modalActive?{"aria-labelledby":this.labelledbyId,role:"dialog"}:{}),(this.isResponsive||!this.noModal)&&t("div",{class:"dso-table-utilities",style:this.modalActive?{display:"none"}:void 0},this.isResponsive&&t("div",{class:"dso-responsive-message"},t("span",null,"beweeg de tabel van links naar rechts")),!this.noModal&&t("button",{type:"button",class:"dso-tertiary open-modal-button",ref:o=>this.buttonElement=o,onClick:()=>this.openModal()},t("span",{class:"sr-only"},"tabel ",null!=d?d:""," "),t("span",null,"vergroten"),t("dso-icon",{icon:"external-link"}))),this.modalActive&&t("div",{class:"dso-header"},t("h2",{id:this.labelledbyId,class:{"sr-only":!d}},d||"Uitvergrote tabel dialoog"),t("button",{type:"button",class:"dso-close",onClick:()=>this.closeModal()},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"Sluiten"))),t("div",{class:{"dso-body":this.modalActive,"dso-table-body":!0}},t("slot",null)))))}openModal(){this.placeholderHeight=this.host.clientHeight,this.modalActive=!0}closeModal(){this.placeholderHeight=void 0,this.modalActive=!1}setFocusTrap(){var o,t;this.modalActive&&this.focusTrapElement&&!this.trap?this.trap=e([this.host,this.focusTrapElement],{escapeDeactivates:!0,clickOutsideDeactivates:o=>!(o instanceof MouseEvent&&o.composedPath()[0]===this.focusTrapElement&&(this.closeModal(),1)),setReturnFocus:null!==(o=this.buttonElement)&&void 0!==o&&o,onDeactivate:()=>this.closeModal(),tabbableOptions:{getShadowRoot:!0}}).activate():!this.modalActive&&this.trap&&(null===(t=this.trap)||void 0===t||t.deactivate(),delete this.trap)}setResponsiveTable([o]){const t=o.target.querySelector("table");o&&t instanceof HTMLTableElement&&(this.isResponsive=Math.floor(t.getBoundingClientRect().width)>Math.floor(o.contentRect.width))}get host(){return n(this)}};r.style="@keyframes slideInFromTop {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host {\n  display: block;\n  margin-bottom: 24px;\n}\n\n.dso-header {\n  min-height: 32px;\n}\n.dso-header h2 {\n  color: #275937;\n  font-size: 1.5rem;\n  font-weight: 700;\n}\n.dso-header .dso-close {\n  color: #275937;\n}\n\n:host .dso-modal {\n  bottom: 0;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 530;\n  inset: 0px;\n  height: 100%;\n  position: fixed;\n  z-index: 530;\n}\n:host .dso-modal .dso-dialog {\n  animation: 1s ease-out 0s 1 slideInFromTop;\n  margin-top: 15vh;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 640px;\n  opacity: 1;\n  background-color: #fff;\n  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n}\n:host .dso-modal .dso-header {\n  border-bottom: 1px solid #ccc;\n  padding: 16px;\n  position: relative;\n}\n:host .dso-modal .dso-header h2 {\n  color: #275937;\n  margin: 0;\n  max-width: calc(100% - 24px);\n}\n:host .dso-modal .dso-header .dso-close {\n  background-color: transparent;\n  border: 0;\n  height: 32px;\n  padding: 0;\n  position: absolute;\n  right: 13px;\n  text-align: center;\n  top: 16px;\n  width: 32px;\n}\n:host .dso-modal .dso-body {\n  height: calc(100% - 96px - 1.5rem);\n  max-height: calc(70vh - 144px - 1.5em);\n  min-height: 1.5rem;\n  overflow-x: auto;\n  padding: 32px;\n}\n:host .dso-modal .dso-body p {\n  margin: 0 0 16px;\n}\n:host .dso-modal .dso-body ul,\n:host .dso-modal .dso-body ol {\n  margin-bottom: 16px;\n}\n:host .dso-modal .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\n:host .dso-modal .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {\n  padding-inline-start: 24px;\n}\n:host .dso-modal .dso-body pre {\n  margin: 0 0 16px;\n}\n:host .dso-modal .dso-body blockquote {\n  padding: 16px 24px;\n}\n:host .dso-modal .dso-body dso-highlight-box,\n:host .dso-modal .dso-body .dso-highlight-box {\n  margin-bottom: 24px;\n}\n:host .dso-modal .dso-body img {\n  height: auto;\n  max-width: 100%;\n}\n:host .dso-modal .dso-footer {\n  min-height: 80px;\n  padding: 0 32px 32px;\n  text-align: right;\n}\n@media screen and (max-width: 767px) {\n  :host .dso-modal .dso-footer .btn + .btn, :host .dso-modal .dso-footer .btn + .dso-primary, :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn, :host .dso-modal .dso-footer .dso-primary + .dso-primary, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn, :host .dso-modal .dso-footer .dso-secondary + .dso-primary, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn, :host .dso-modal .dso-footer .dso-tertiary + .dso-primary, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {\n    margin-left: 0;\n  }\n  :host .dso-modal .dso-footer button {\n    text-align: center;\n    width: 100%;\n  }\n  :host .dso-modal .dso-footer button + button {\n    margin-top: 8px;\n  }\n  :host .dso-modal .dso-footer button.dso-tertiary,\n:host .dso-modal .dso-footer button.dso-tertiary span, :host .dso-modal .dso-footer button.btn-link,\n:host .dso-modal .dso-footer button.btn-link span {\n    float: none;\n  }\n}\n@media screen and (min-width: 768px) {\n  :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .btn-default, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .btn-default, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .btn-default, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .btn-default {\n    margin-left: 16px;\n  }\n  :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .btn + .btn-link, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn-link, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn-link, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn-link {\n    margin-left: 0;\n  }\n}\n@media screen and (max-width: 767px) {\n  :host .dso-modal .dso-dialog {\n    max-width: 100%;\n    margin-top: 0;\n  }\n  :host .dso-modal .dso-footer .btn + .btn, :host .dso-modal .dso-footer .btn + .dso-primary, :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn, :host .dso-modal .dso-footer .dso-primary + .dso-primary, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn, :host .dso-modal .dso-footer .dso-secondary + .dso-primary, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn, :host .dso-modal .dso-footer .dso-tertiary + .dso-primary, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {\n    margin-left: 0;\n  }\n  :host .dso-modal .dso-footer button {\n    text-align: center;\n    width: 100%;\n  }\n  :host .dso-modal .dso-footer button + button {\n    margin-top: 8px;\n  }\n  :host .dso-modal .dso-footer button.dso-tertiary,\n:host .dso-modal .dso-footer button.dso-tertiary span, :host .dso-modal .dso-footer button.btn-link,\n:host .dso-modal .dso-footer button.btn-link span {\n    float: none;\n  }\n}\n\n.dso-modal .dso-dialog.dso-table-dialog {\n  margin-top: 1rem;\n  max-width: calc(100% - 2rem);\n}\n.dso-modal .dso-dialog.dso-table-dialog .dso-body {\n  max-height: calc(100vh - 112px - 1.5em - 2rem);\n}\n@media screen and (max-width: 767px) {\n  .dso-modal .dso-dialog.dso-table-dialog {\n    max-width: 100%;\n  }\n}\n\n:host([is-responsive]) .dso-table-body {\n  border: 1px solid #ccc;\n  margin-bottom: 0;\n  overflow-y: hidden;\n  width: 100%;\n}\n:host([is-responsive]) .dso-table-body.dso-body {\n  width: calc(100% - 64px);\n}\n\n.dso-table-utilities {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.dso-table-utilities .dso-responsive-message {\n  margin-bottom: 0;\n}\n.dso-table-utilities .dso-responsive-message:only-child {\n  width: 100%;\n}\n.dso-table-utilities .open-modal-button:only-child {\n  margin-left: auto;\n}\n\n.dso-responsive-message {\n  font-size: 0.8em;\n  margin-bottom: 8px;\n  position: relative;\n  text-align: center;\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.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-modal-overlay {\n  background-color: rgba(255, 255, 255, 0.8);\n  bottom: 0;\n  display: block;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 529;\n}\n\n.dso-table-placeholder {\n  box-shadow: inset 0 0 0 1px #ccc;\n  display: grid;\n  place-content: center;\n}";export{r as dso_table}
+import{r as o,h as t,H as s,g as n}from"./p-98fd1658.js";import{d}from"./p-1805f5b0.js";import{c as e}from"./p-57ceabab.js";import{v as a}from"./p-5d7f4ff2.js";import"./p-3635427a.js";const r=class{constructor(t){o(this,t),this.labelledbyId=a(),this.noModal=!1,this.isResponsive=!1,this.modalActive=!1,this.placeholderHeight=void 0}startResponsiveBehavior(){var o;null===(o=this.resizeObserver)||void 0===o||o.observe(this.host)}componentWillLoad(){this.resizeObserver=new ResizeObserver(d((o=>this.setResponsiveTable(o)),200))}componentDidLoad(){this.startResponsiveBehavior()}componentDidRender(){this.setFocusTrap()}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}render(){var o,n;const d=null===(n=null===(o=this.host.querySelector(":scope > table > caption"))||void 0===o?void 0:o.textContent)||void 0===n?void 0:n.trim();return t(s,null,this.modalActive&&this.placeholderHeight&&t("div",{class:"dso-table-placeholder",style:{height:`${this.placeholderHeight}px`}}),this.modalActive&&t("div",{class:"dso-modal-overlay"}),t("div",{class:{"dso-modal":this.modalActive}},t("div",Object.assign({class:{"dso-dialog":this.modalActive,"dso-table-dialog":!0},ref:o=>this.focusTrapElement=o},this.modalActive?{"aria-labelledby":this.labelledbyId,role:"dialog"}:{}),(this.isResponsive||!this.noModal)&&t("div",{class:"dso-table-utilities",style:this.modalActive?{display:"none"}:void 0},this.isResponsive&&t("div",{class:"dso-responsive-message"},t("span",null,"beweeg de tabel van links naar rechts")),!this.noModal&&t("button",{type:"button",class:"dso-tertiary open-modal-button",ref:o=>this.buttonElement=o,onClick:()=>this.openModal()},t("span",{class:"sr-only"},"tabel ",null!=d?d:""," "),t("span",null,"vergroten"),t("dso-icon",{icon:"external-link"}))),this.modalActive&&t("div",{class:"dso-header"},t("h2",{id:this.labelledbyId,class:{"sr-only":!d}},d||"Uitvergrote tabel dialoog"),t("button",{type:"button",class:"dso-close",onClick:()=>this.closeModal()},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"Sluiten"))),t("div",{class:{"dso-body":this.modalActive,"dso-table-body":!0}},t("slot",null)))))}openModal(){this.placeholderHeight=this.host.clientHeight,this.modalActive=!0}closeModal(){this.placeholderHeight=void 0,this.modalActive=!1}setFocusTrap(){var o,t;this.modalActive&&this.focusTrapElement&&!this.trap?this.trap=e([this.host,this.focusTrapElement],{escapeDeactivates:!0,clickOutsideDeactivates:o=>!(o instanceof MouseEvent&&o.composedPath()[0]===this.focusTrapElement&&(this.closeModal(),1)),setReturnFocus:null!==(o=this.buttonElement)&&void 0!==o&&o,onDeactivate:()=>this.closeModal(),tabbableOptions:{getShadowRoot:!0}}).activate():!this.modalActive&&this.trap&&(null===(t=this.trap)||void 0===t||t.deactivate(),delete this.trap)}setResponsiveTable([o]){const t=o.target.querySelector("table");o&&t instanceof HTMLTableElement&&(this.isResponsive=Math.floor(t.getBoundingClientRect().width)>Math.floor(o.contentRect.width))}get host(){return n(this)}};r.style="@keyframes slideInFromTop {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n:host {\n  display: block;\n  margin-bottom: 24px;\n}\n\n.dso-header {\n  min-height: 32px;\n}\n.dso-header h2 {\n  color: #275937;\n  font-size: 1.5rem;\n  font-weight: 700;\n}\n.dso-header .dso-close {\n  color: #275937;\n}\n\n:host .dso-modal {\n  bottom: 0;\n  height: 100%;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 530;\n  inset: 0px;\n  height: 100%;\n  position: fixed;\n  z-index: 530;\n}\n:host .dso-modal .dso-dialog {\n  animation: 1s ease-out 0s 1 slideInFromTop;\n  margin-top: 15vh;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 640px;\n  opacity: 1;\n  background-color: #fff;\n  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n}\n:host .dso-modal .dso-header {\n  border-bottom: 1px solid #ccc;\n  padding: 16px;\n  position: relative;\n}\n:host .dso-modal .dso-header h2 {\n  color: #275937;\n  margin: 0;\n  max-width: calc(100% - 24px);\n}\n:host .dso-modal .dso-header .dso-close {\n  background-color: transparent;\n  border: 0;\n  height: 32px;\n  padding: 0;\n  position: absolute;\n  right: 13px;\n  text-align: center;\n  top: 16px;\n  width: 32px;\n}\n:host .dso-modal .dso-body {\n  height: calc(100% - 96px - 1.5rem);\n  max-height: calc(70vh - 144px - 1.5em);\n  min-height: 1.5rem;\n  overflow-x: auto;\n  padding: 32px;\n}\n:host .dso-modal .dso-body p {\n  margin: 0 0 16px;\n}\n:host .dso-modal .dso-body ul,\n:host .dso-modal .dso-body ol {\n  margin-bottom: 16px;\n}\n:host .dso-modal .dso-body ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\n:host .dso-modal .dso-body ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {\n  padding-inline-start: 24px;\n}\n:host .dso-modal .dso-body pre {\n  margin: 0 0 16px;\n}\n:host .dso-modal .dso-body blockquote {\n  padding: 16px 24px;\n}\n:host .dso-modal .dso-body dso-highlight-box,\n:host .dso-modal .dso-body .dso-highlight-box {\n  margin-bottom: 24px;\n}\n:host .dso-modal .dso-body img {\n  height: auto;\n  max-width: 100%;\n}\n:host .dso-modal .dso-footer {\n  min-height: 80px;\n  padding: 0 32px 32px;\n  text-align: right;\n}\n@media screen and (max-width: 767px) {\n  :host .dso-modal .dso-footer .btn + .btn, :host .dso-modal .dso-footer .btn + .dso-primary, :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn, :host .dso-modal .dso-footer .dso-primary + .dso-primary, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn, :host .dso-modal .dso-footer .dso-secondary + .dso-primary, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn, :host .dso-modal .dso-footer .dso-tertiary + .dso-primary, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {\n    margin-left: 0;\n  }\n  :host .dso-modal .dso-footer button {\n    text-align: center;\n    width: 100%;\n  }\n  :host .dso-modal .dso-footer button + button {\n    margin-top: 8px;\n  }\n  :host .dso-modal .dso-footer button.dso-tertiary,\n:host .dso-modal .dso-footer button.dso-tertiary span, :host .dso-modal .dso-footer button.btn-link,\n:host .dso-modal .dso-footer button.btn-link span {\n    float: none;\n  }\n}\n@media screen and (min-width: 768px) {\n  :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .btn-default, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .btn-default, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .btn-default, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .btn-default {\n    margin-left: 16px;\n  }\n  :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .btn + .btn-link, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn-link, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn-link, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn-link {\n    margin-left: 0;\n  }\n}\n@media screen and (max-width: 767px) {\n  :host .dso-modal .dso-dialog {\n    max-width: 100%;\n    margin-top: 0;\n  }\n  :host .dso-modal .dso-footer .btn + .btn, :host .dso-modal .dso-footer .btn + .dso-primary, :host .dso-modal .dso-footer .btn + .dso-secondary, :host .dso-modal .dso-footer .btn + .dso-tertiary, :host .dso-modal .dso-footer .dso-primary + .btn, :host .dso-modal .dso-footer .dso-primary + .dso-primary, :host .dso-modal .dso-footer .dso-primary + .dso-secondary, :host .dso-modal .dso-footer .dso-primary + .dso-tertiary, :host .dso-modal .dso-footer .dso-secondary + .btn, :host .dso-modal .dso-footer .dso-secondary + .dso-primary, :host .dso-modal .dso-footer .dso-secondary + .dso-secondary, :host .dso-modal .dso-footer .dso-secondary + .dso-tertiary, :host .dso-modal .dso-footer .dso-tertiary + .btn, :host .dso-modal .dso-footer .dso-tertiary + .dso-primary, :host .dso-modal .dso-footer .dso-tertiary + .dso-secondary, :host .dso-modal .dso-footer .dso-tertiary + .dso-tertiary {\n    margin-left: 0;\n  }\n  :host .dso-modal .dso-footer button {\n    text-align: center;\n    width: 100%;\n  }\n  :host .dso-modal .dso-footer button + button {\n    margin-top: 8px;\n  }\n  :host .dso-modal .dso-footer button.dso-tertiary,\n:host .dso-modal .dso-footer button.dso-tertiary span, :host .dso-modal .dso-footer button.btn-link,\n:host .dso-modal .dso-footer button.btn-link span {\n    float: none;\n  }\n}\n\n.dso-modal .dso-dialog.dso-table-dialog {\n  margin-top: 1rem;\n  max-width: calc(100% - 2rem);\n}\n.dso-modal .dso-dialog.dso-table-dialog .dso-body {\n  max-height: calc(100vh - 112px - 1.5em - 2rem);\n}\n@media screen and (max-width: 767px) {\n  .dso-modal .dso-dialog.dso-table-dialog {\n    max-width: 100%;\n  }\n}\n\n:host([is-responsive]) .dso-table-body {\n  border: 1px solid #ccc;\n  margin-bottom: 0;\n  overflow-y: hidden;\n  width: 100%;\n}\n:host([is-responsive]) .dso-table-body.dso-body {\n  width: calc(100% - 64px);\n}\n\n.dso-table-utilities {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.dso-table-utilities .dso-responsive-message {\n  margin-bottom: 0;\n}\n.dso-table-utilities .dso-responsive-message:only-child {\n  width: 100%;\n}\n.dso-table-utilities .open-modal-button:only-child {\n  margin-left: auto;\n}\n\n.dso-responsive-message {\n  font-size: 0.8em;\n  margin-bottom: 8px;\n  position: relative;\n  text-align: center;\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.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-modal-overlay {\n  background-color: rgba(255, 255, 255, 0.8);\n  bottom: 0;\n  display: block;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 529;\n}\n\n.dso-table-placeholder {\n  box-shadow: inset 0 0 0 1px #ccc;\n  display: grid;\n  place-content: center;\n}";export{r as dso_table}

package/dist/dso-toolkit/{p-8f35c8f8.js → p-98fd1658.js}

@@ -1,2 +1,2 @@
 let e,t,n,l=!1,o=!1,s=!1,i=!1,r=null,c=!1;const f="http://www.w3.org/1999/xlink",a={},u=e=>"object"==(e=typeof e)||"function"===e,d=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,r=!1;const c=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!u(l))&&(l+=""),i&&r?c[c.length-1].t+=l:c.push(i?$(null,l):l),r=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,p);const a=$(e,null);return a.l=t,c.length>0&&(a.o=c),a.i=o,a.u=s,a},$=(e,t)=>({$:0,h:e,t,p:null,o:null,l:null,i:null,u:null}),h={},p={forEach:(e,t)=>e.map(y).forEach(t),map:(e,t)=>e.map(y).map(t).map(m)},y=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.h,vtext:e.t}),m=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),d(e.vtag,t,...e.vchildren||[])}const t=$(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},b=e=>re(e).m,w=(e,t,n)=>{const l=b(e);return{emit:e=>g(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},g=(e,t,n)=>{const l=me.ce(t,n);return e.dispatchEvent(l),l},v=new WeakMap,k=e=>"sc-"+e.g,j=(e,t,n,l,o,s)=>{if(n!==l){let i=ae(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=O(n),s=O(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=u(l);if((i||c&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(f,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(l=!0===l?"":l,a?e.setAttributeNS(f,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ae(pe,r)?r.slice(2):r[2]+t.slice(3),n&&me.rel(e,t,n,!1),l&&me.ael(e,t,l,!1)}},S=/\s/,O=e=>e?e.split(S):[],C=(e,t,n,l)=>{const o=11===t.p.nodeType&&t.p.host?t.p.host:t.p,s=e&&e.l||a,i=t.l||a;for(l in s)l in i||j(o,l,s[l],void 0,n,t.$);for(l in i)j(o,l,s[l],i[l],n,t.$)},M=(o,r,c,f)=>{const a=r.o[c];let u,d,$,h=0;if(l||(s=!0,"slot"===a.h&&(e&&f.classList.add(e+"-s"),a.$|=a.o?2:1)),null!==a.t)u=a.p=ye.createTextNode(a.t);else if(1&a.$)u=a.p=ye.createTextNode("");else{if(i||(i="svg"===a.h),u=a.p=ye.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&a.$?"slot-fb":a.h),i&&"foreignObject"===a.h&&(i=!1),C(null,a,i),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),a.o)for(h=0;h<a.o.length;++h)d=M(o,a,h,u),d&&u.appendChild(d);"svg"===a.h?i=!1:"foreignObject"===u.tagName&&(i=!0)}return u["s-hn"]=n,3&a.$&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=a.u||"",$=o&&o.o&&o.o[c],$&&$.h===a.h&&o.p&&x(o.p,!1)),u},x=(e,t)=>{me.$|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(L(o).insertBefore(o,E(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&x(o,t)}me.$&=-2},R=(e,t,l,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===n&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=M(null,l,s,e),r&&(o[s].p=r,c.insertBefore(r,E(t))))},P=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.p,A(l),o=!0,s["s-ol"]?s["s-ol"].remove():x(s,!0),s.remove())},T=(e,t)=>e.h===t.h&&("slot"===e.h?e.u===t.u:e.i===t.i),E=e=>e&&e["s-ol"]||e,L=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,N=(e,t)=>{const n=t.p=e.p,l=e.o,o=t.o,s=t.h,r=t.t;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||C(e,t,i),null!==l&&null!==o?((e,t,n,l)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],d=t[a],$=l.length-1,h=l[0],p=l[$];for(;i<=a&&r<=$;)if(null==u)u=t[++i];else if(null==d)d=t[--a];else if(null==h)h=l[++r];else if(null==p)p=l[--$];else if(T(u,h))N(u,h),u=t[++i],h=l[++r];else if(T(d,p))N(d,p),d=t[--a],p=l[--$];else if(T(u,p))"slot"!==u.h&&"slot"!==p.h||x(u.p.parentNode,!1),N(u,p),e.insertBefore(u.p,d.p.nextSibling),u=t[++i],p=l[--$];else if(T(d,h))"slot"!==u.h&&"slot"!==p.h||x(d.p.parentNode,!1),N(d,h),e.insertBefore(d.p,u.p),d=t[--a],h=l[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].i&&t[f].i===h.i){c=f;break}c>=0?(s=t[c],s.h!==h.h?o=M(t&&t[r],n,c,e):(N(s,h),t[c]=void 0,o=s.p),h=l[++r]):(o=M(t&&t[r],n,r,e),h=l[++r]),o&&L(u.p).insertBefore(o,E(u.p))}i>a?R(e,null==l[$+1]?null:l[$+1].p,n,l,r,$):r>$&&P(t,i,a)})(n,l,t,o):null!==o?(null!==e.t&&(n.textContent=""),R(n,null,t,o,0,o.length-1)):null!==l&&P(l,0,l.length-1),i&&"svg"===s&&(i=!1)):(c=n["s-cr"])?c.parentNode.textContent=r:e.t!==r&&(n.data=r)},D=e=>{const t=e.childNodes;let n,l,o,s,i,r;for(l=0,o=t.length;l<o;l++)if(n=t[l],1===n.nodeType){if(n["s-sr"])for(i=n["s-sn"],n.hidden=!1,s=0;s<o;s++)if(r=t[s].nodeType,t[s]["s-hn"]!==n["s-hn"]||""!==i){if(1===r&&i===t[s].getAttribute("slot")){n.hidden=!0;break}}else if(1===r||3===r&&""!==t[s].textContent.trim()){n.hidden=!0;break}D(n)}},F=[],U=e=>{let t,n,l,s,i,r,c=0;const f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],r=l.length-1;r>=0;r--)n=l[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(W(n,s)?(i=F.find((e=>e.v===n)),o=!0,n["s-sn"]=n["s-sn"]||s,i?i.k=t:F.push({k:t,v:n}),n["s-sr"]&&F.map((e=>{W(e.v,n["s-sn"])&&(i=F.find((e=>e.v===n)),i&&!e.k&&(e.k=i.k))}))):F.some((e=>e.v===n))||F.push({v:n}));1===t.nodeType&&U(t)}},W=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,A=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(A)},H=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},q=(e,t)=>{if(e.$|=16,!(4&e.$))return H(e,e.S),Ce((()=>V(e,t)));e.$|=512},V=(e,t)=>{const n=e.O;let l;return t&&(e.$|=256,e.C&&(e.C.map((([e,t])=>K(n,e,t))),e.C=null),l=K(n,"componentWillLoad")),Q(l,(()=>_(e,n,t)))},_=async(e,t,n)=>{const l=e.m,o=l["s-rc"];n&&(e=>{const t=e.M,n=e.m,l=t.$,o=((e,t)=>{let n=k(t);const l=he.get(n);if(e=11===e.nodeType?e:ye,l)if("string"==typeof l){let t,o=v.get(e=e.head||e);o||v.set(e,o=new Set),o.has(n)||(t=ye.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);z(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>G(e);0===t.length?n():(Promise.all(t).then(n),e.$|=4,t.length=0)}},z=(i,c)=>{try{r=c,c=c.render(),i.$&=-17,i.$|=2,((i,r)=>{const c=i.m,f=i.M,a=i.R||$(null,null),u=(e=>e&&e.h===h)(r)?r:d(null,null,r);if(n=c.tagName,f.P&&(u.l=u.l||{},f.P.map((([e,t])=>u.l[t]=c[e]))),u.h=null,u.$|=4,i.R=u,u.p=a.p=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],l=0!=(1&f.$),o=!1,N(a,u),me.$|=1,s){let e,t,n,l,o,s;U(u.p);let i=0;for(;i<F.length;i++)e=F[i],t=e.v,t["s-ol"]||(n=ye.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(i=0;i<F.length;i++)if(e=F[i],t=e.v,e.k){for(l=e.k.parentNode,o=e.k.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&D(u.p),me.$&=-2,F.length=0})(i,c)}catch(e){ue(e,i.m)}return r=null,null},B=()=>r,G=e=>{const t=e.m,n=e.O,l=e.S;K(n,"componentDidRender"),64&e.$?K(n,"componentDidUpdate"):(e.$|=64,X(t),K(n,"componentDidLoad"),e.T(t),l||J()),e.L(t),e.j&&(e.j(),e.j=void 0),512&e.$&&Oe((()=>q(e,!1))),e.$&=-517},I=e=>{{const t=re(e),n=t.m.isConnected;return n&&2==(18&t.$)&&q(t,!1),n}},J=()=>{X(ye.documentElement),Oe((()=>g(pe,"appload",{detail:{namespace:"dso-toolkit"}})))},K=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){ue(e)}},Q=(e,t)=>e&&e.then?e.then(t):t(),X=e=>e.classList.add("hydrated"),Y=(e,t,n)=>{if(t.N){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.N),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>re(this).F.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=re(e),s=o.m,i=o.F.get(t),r=o.$,c=o.O;if(n=((e,t)=>null==e||u(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.N[t][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.F.set(t,n),c)){if(l.D&&128&r){const e=l.D[t];e&&e.map((e=>{try{c[e](n,i,t)}catch(e){ue(e,s)}}))}2==(18&r)&&q(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=re(this);return n.U.then((()=>n.O[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){me.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.P.push([e,o]),o}))}}return e},Z=e=>{K(e,"connectedCallback")},ee=(e,t={})=>{const n=[],l=t.exclude||[],o=pe.customElements,s=ye.head,i=s.querySelector("meta[charset]"),r=ye.createElement("style"),c=[];let f,a=!0;Object.assign(me,t),me.W=new URL(t.resourcesUrl||"./",ye.baseURI).href,e.map((e=>{e[1].map((t=>{const s={$:t[0],g:t[1],N:t[2],A:t[3]};s.N=t[2],s.A=t[3],s.P=[],s.D={};const i=s.g,r=class extends HTMLElement{constructor(e){super(e),fe(e=this,s),1&s.$&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),a?c.push(this):me.jmp((()=>(e=>{if(0==(1&me.$)){const t=re(e),n=t.M,l=()=>{};if(1&t.$)ne(e,t,n.A),Z(t.O);else{t.$|=1,12&n.$&&(e=>{const t=e["s-cr"]=ye.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){H(t,t.S=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.$)){{if(t.$|=32,(o=$e(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.D=o.watchers,Y(o,n,2),o.isProxied=!0);const e=()=>{};t.$|=8;try{new o(t)}catch(e){ue(e)}t.$&=-9,t.$|=128,e(),Z(t.O)}if(o.style){let e=o.style;const t=k(n);if(!he.has(t)){const l=()=>{};((e,t,n)=>{let l=he.get(e);we&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,he.set(e,l)})(t,e,!!(1&n.$)),l()}}}const s=t.S,i=()=>q(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){me.jmp((()=>(()=>{if(0==(1&me.$)){const e=re(this),t=e.O;e.H&&(e.H.map((e=>e())),e.H=void 0),K(t,"disconnectedCallback")}})()))}componentOnReady(){return re(this).q}};s.V=e[0],l.includes(i)||o.get(i)||(n.push(i),o.define(i,Y(r,s,1)))}))})),r.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,i?i.nextSibling:s.firstChild),a=!1,c.length?c.map((e=>e.connectedCallback())):me.jmp((()=>f=setTimeout(J,30)))},te=(e,t)=>t,ne=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=oe(e,n),i=le(t,o),r=se(n);me.ael(s,l,i,r),(t.H=t.H||[]).push((()=>me.rel(s,l,i,r)))}))},le=(e,t)=>n=>{try{256&e.$?e.O[t](n):(e.C=e.C||[]).push([t,n])}catch(e){ue(e)}},oe=(e,t)=>4&t?ye:8&t?pe:e,se=e=>0!=(2&e),ie=new WeakMap,re=e=>ie.get(e),ce=(e,t)=>ie.set(t.O=e,t),fe=(e,t)=>{const n={$:0,m:e,M:t,F:new Map};return n.U=new Promise((e=>n.L=e)),n.q=new Promise((e=>n.T=e)),e["s-p"]=[],e["s-rc"]=[],ne(e,n,t.A),ie.set(e,n)},ae=(e,t)=>t in e,ue=(e,t)=>(0,console.error)(e,t),de=new Map,$e=e=>{const t=e.g.replace(/-/g,"_"),n=e.V,l=de.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(de.set(n,e),e[t])),ue)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},he=new Map,pe="undefined"!=typeof window?window:{},ye=pe.document||{head:{}},me={$:0,W:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},be=e=>Promise.resolve(e),we=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ge=[],ve=[],ke=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&me.$?Oe(Se):me.raf(Se))},je=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ue(e)}e.length=0},Se=()=>{je(ge),je(ve),(c=ge.length>0)&&me.raf(Se)},Oe=e=>be().then(e),Ce=ke(ve,!0);export{te as F,h as H,b as a,ee as b,w as c,I as f,B as g,d as h,be as p,ce as r}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},he=new Map,pe="undefined"!=typeof window?window:{},ye=pe.document||{head:{}},me={$:0,W:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},be=e=>Promise.resolve(e),we=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ge=[],ve=[],ke=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&me.$?Oe(Se):me.raf(Se))},je=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ue(e)}e.length=0},Se=()=>{je(ge),je(ve),(c=ge.length>0)&&me.raf(Se)},Oe=e=>be().then(e),Ce=ke(ve,!0);export{te as F,h as H,B as a,ee as b,w as c,I as f,b as g,d as h,be as p,ce as r}

package/dist/dso-toolkit/p-9b07b034.entry.js

@@ -0,0 +1 @@
+import{r as n,f as t,h as e,H as o,g as r}from"./p-98fd1658.js";import{d as s}from"./p-1805f5b0.js";import{c as i}from"./p-57ceabab.js";import"./p-3635427a.js";const a=class{constructor(t){n(this,t),this.titelSlot=null,this.bijschriftSlot=null,this.active=!1,this.zoomable=!1}loadListener(n){n.target instanceof HTMLImageElement&&this.setZoomable(n.target)}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']"),this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(s((()=>{const n=this.host.querySelector("img");n instanceof HTMLImageElement&&this.setZoomable(n)}),200)),this.mutationObserver=new MutationObserver((n=>{var e,o;t(this.host),"childList"===(null===(e=n[0])||void 0===e?void 0:e.type)&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),this.initZoomableImage())})),this.mutationObserver.observe(this.host,{attributes:!0,subtree:!0,attributeFilter:["src","alt"],childList:!0}),this.initZoomableImage()}disconnectedCallback(){var n,t,e;null===(n=this.trap)||void 0===n||n.deactivate(),null===(t=this.mutationObserver)||void 0===t||t.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}initZoomableImage(){var n;const t=this.host.querySelector("img");t instanceof HTMLImageElement&&(t.complete&&this.setZoomable(t),null===(n=this.resizeObserver)||void 0===n||n.observe(t))}setZoomable(n){const{width:t,naturalWidth:e,height:o,naturalHeight:r}=n;this.zoomable=t<e||o<r}render(){var n;const{src:t,alt:r}=null!==(n=this.host.querySelector("img"))&&void 0!==n?n:{};return e(o,{onClick:()=>{var n;return null===(n=this.buttonElement)||void 0===n?void 0:n.focus()}},this.active&&t&&r&&e("div",{class:"dimmer"},e("div",{class:"wrapper",ref:n=>this.wrapperElement=n},e("div",{class:"titel",hidden:!this.titelSlot},e("slot",{name:"titel"})),e("img",{src:t,alt:r}),e("button",{type:"button",class:"close",onClick:()=>this.active=!1},e("dso-icon",{icon:"times"}),e("span",null,"Sluiten")),e("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},e("slot",{name:"bijschrift"})))),e("slot",null),this.zoomable&&e("button",{type:"button",class:"open",ref:n=>this.buttonElement=n,onClick:()=>this.active=!0},e("dso-icon",{icon:"external-link"}),e("span",null,"Afbeelding vergroot weergeven")))}componentDidRender(){var n,t;this.active&&this.wrapperElement&&!this.trap?this.trap=i(this.wrapperElement,{escapeDeactivates:!0,clickOutsideDeactivates:n=>!(n instanceof MouseEvent&&n.composedPath()[0]===this.wrapperElement&&(this.active=!1,1)),setReturnFocus:null!==(n=this.buttonElement)&&void 0!==n&&n,onDeactivate:()=>this.active=!1}).activate():!this.active&&this.trap&&(null===(t=this.trap)||void 0===t||t.deactivate(),delete this.trap)}get host(){return r(this)}};a.style=":host {\n  display: inline-block;\n  position: relative;\n}\n\n:host(:hover) .open,\n.open:focus {\n  opacity: 1;\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n.open {\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: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  min-width: auto;\n  padding: 8px;\n  opacity: 0;\n  position: absolute;\n  right: 16px;\n  top: 16px;\n}\n.open:focus, .open:focus-visible {\n  outline-offset: 2px;\n}\n.open:active {\n  outline: 0;\n}\n.open:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open[disabled], .open[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.open.btn-sm {\n  line-height: 1rem;\n}\n.open.btn-sm dso-icon,\n.open.btn-sm svg.di, .open.btn-sm.extern::after, .open.btn-sm.download::after, .open.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open > span {\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.open.dso-spinner-left[disabled], .open.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.open.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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.open.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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n\n.dimmer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 19;\n  display: flex;\n  padding: 32px;\n  background-color: rgba(255, 255, 255, 0.8);\n  justify-content: center;\n}\n\n.wrapper {\n  align-self: center;\n  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n  line-height: 0;\n  outline: 4px solid #fff;\n  position: relative;\n  z-index: 20;\n}\n.wrapper .titel:not([hidden]) {\n  background-color: #fff;\n  font-weight: 700;\n  line-height: initial;\n  padding: 8px;\n  position: absolute;\n}\n.wrapper img {\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: calc(100vh - 64px);\n}\n.wrapper .figuur-bijschrift:not([hidden]) {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n  padding-bottom: 12px;\n  padding-top: 16px;\n}\n\n.close {\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: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  min-width: auto;\n  padding: 8px;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n}\n.close:focus, .close:focus-visible {\n  outline-offset: 2px;\n}\n.close:active {\n  outline: 0;\n}\n.close:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close[disabled], .close[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close.btn-sm {\n  line-height: 1rem;\n}\n.close.btn-sm dso-icon,\n.close.btn-sm svg.di, .close.btn-sm.extern::after, .close.btn-sm.download::after, .close.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close > span {\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.close.dso-spinner-left[disabled], .close.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close.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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close.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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}";export{a as dso_image_overlay}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,g as o}from"./p-98fd1658.js";import{c as n}from"./p-4b8535b7.js";const a=class{constructor(i){t(this,i),this.dsoToggleSection=s(this,"dsoToggleSection",7),this.dsoToggleSectionAnimationEnd=s(this,"dsoToggleSectionAnimationEnd",7),this.variant="default",this.reverseAlign=!1,this.allowMultipleOpen=!1;const{state:e}=n({variant:this.variant||"default",reverseAlign:this.reverseAlign,allowMultipleOpen:this.allowMultipleOpen});this.accordionState=e}updateVariant(t="default"){this.accordionState.variant=t||"default"}updateReverseAlign(t){this.accordionState.reverseAlign=t}updateAllowMultipleOpen(t){if(this.accordionState.allowMultipleOpen=t,!t){const t=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section[open]"));t.shift(),t.forEach((t=>this.controlOpenAttribute(t,!1)))}}async getState(){return this.accordionState}async toggleSection(t,s){const i=Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));if("number"==typeof t&&(t=i[t]),!(t instanceof HTMLElement&&i.includes(t)))return;const e=this.isSectionOpen(t);return this.allowMultipleOpen?(this.controlOpenAttribute(t,!e),this.emitToggleEvent(t,i,s),!e):e?(this.controlOpenAttribute(t,!1),this.emitToggleEvent(t,i,s),!1):(await this.closeOpenSections(),this.controlOpenAttribute(t,!0),this.emitToggleEvent(t,i,s),!0)}async animationEnd(t){this.dsoToggleSectionAnimationEnd.emit({section:{element:t,open:this.isSectionOpen(t)}})}async closeOpenSections(){Array.from(this.host.querySelectorAll(":scope > dso-accordion-section")).filter((t=>this.isSectionOpen(t))).forEach((t=>this.controlOpenAttribute(t,!1)))}componentWillLoad(){this.accordionState.variant!==this.variant&&(this.accordionState.variant=this.variant||"default"),this.accordionState.reverseAlign!==this.reverseAlign&&(this.accordionState.reverseAlign=this.reverseAlign),this.accordionState.allowMultipleOpen!==this.allowMultipleOpen&&(this.accordionState.allowMultipleOpen=this.allowMultipleOpen)}render(){return i(e,{class:{"dso-accordion":!0}},i("slot",null))}emitToggleEvent(t,s,i){this.dsoToggleSection.emit({originalEvent:i,section:{element:t,open:this.isSectionOpen(t)},sections:s})}isSectionOpen(t){return"string"==typeof t.getAttribute("open")}controlOpenAttribute(t,s){s?t.setAttribute("open",""):t.removeAttribute("open")}get host(){return o(this)}static get watchers(){return{variant:["updateVariant"],reverseAlign:["updateReverseAlign"],allowMultipleOpen:["updateAllowMultipleOpen"]}}};a.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}";export{a as dso_accordion}