@dso-toolkit/core 48.0.0 → 49.0.0

package/dist/dso-toolkit/{p-ec5412aa.entry.js → p-d8ba8db6.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,x=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)}}}}(),M=(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 w(o,n){if(v.fnc(o))return o;var t=o.split("(")[0],e=M[t],r=p(o);switch(t){case"spring":return b(o,n);case"cubicBezier":return f(x,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 j(o){var n={};for(var t in o)n[t]=o[t];return n}function B(o,n){var t=j(o);for(var e in o)t[e]=n.hasOwnProperty(e)?n[e]:o[e];return t}function I(o,n){var t=j(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 $(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 N(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&&$(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(N(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 $(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 q(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 P(o,n,t){function e(t){return void 0===t&&(t=0),o.el.getPointAtLength(n+t>=1?n+t:0)}var r=q(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 R(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 U(o){return C(o?F(v.arr(o)?o.map(A):A(o)):[],(function(o,n,t){return t.indexOf(o)===n}))}function W(o){var n=U(o);return n.map((function(o,t){return{target:o,id:t,total:n.length,transforms:{list:H(o)}}}))}function _(o,n){var t=j(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 I(o,t)}))}var G={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 V(o,n){W(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=N(r,t);G[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=N(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=R(u,l),r.to=R(X(i,u),l),r.start=t?t.end:0,r.end=r.start+r.delay+r.duration+r.endDelay,r.easing=w(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=B(a,o),t=B(c,o),e=function(o,n){var t=[],e=n.keyframes;for(var r in e&&(n=I(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:_(n[r],o)});return t}(t,o),r=W(o.targets),s=J(r,e),i=K(s,t),d=oo;return oo++,I(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,x=c.to.numbers[g],M=c.from.numbers[g]||0;y=c.isPath?P(c.value,l*x,c.isPathTargetInsideSVG):M+l*(x-M),v&&(c.isColor&&g>2||(y=Math.round(y*v)/v)),p.push(y)}var w=f.length;if(w){m=f[0];for(var k=0;k<w;k++){var F=f[k+1],A=p[k];isNaN(A)||(m+=F?A+F:A+" ")}}else m=p[0];G[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 V(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(U(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=U(o),t=no.length;t--;)io(n,no[t])},ro.get=D,ro.set=V,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:q(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?w(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],x=c?(r[1]-1)/2:Math.floor(i/r[0]),M=y-g%r[0],w=x-Math.floor(g/r[0]),k=Math.sqrt(M*M+w*w);"x"===s&&(k=-M),"y"===s&&(k=-w),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=I(t,B(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=w,ro.penner=M,ro.random=function(o,n){return Math.floor(Math.random()*(n-o+1))+o};const ao={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"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},t)=>{switch(n){default:case"h2":return o("h2",{class:"dso-section-handle"},t);case"h3":return o("h3",{class:"dso-section-handle"},t);case"h4":return o("h4",{class:"dso-section-handle"},t);case"h5":return o("h5",{class:"dso-section-handle"},t)}},ho=({state:n})=>"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.startAnimationResizeObserver()}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(){var o;return null===(o=this.accordion)||void 0===o?void 0:o.toggleSection(this.host)}async toggle(o){var n;return null==o||o.preventDefault(),null===(n=this.accordion)||void 0===n?void 0:n.toggleSection(this.host,o)}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},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))))}startAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(i((([o])=>{this.bodyHeight!==o.contentRect.height&&(this.bodyHeight=o.contentRect.height,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",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{transform:rotate(0);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}: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,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:"},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})=>"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()=>{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{transform:rotate(0);transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1)}: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/esm/dso-accordion-section.entry.js

@@ -1323,17 +1323,17 @@ const HandleElement = ({ handleUrl, onClick, open }, children) => {
   return (h("button", { type: "button", onClick: onClick, "aria-expanded": open ? "true" : "false" }, children));
 };
 
-const Handle = ({ heading }, children) => {
+const Handle = ({ heading, ref }, children) => {
   switch (heading) {
     default:
     case "h2":
-      return h("h2", { class: "dso-section-handle" }, children);
+      return (h("h2", { ref: ref, class: "dso-section-handle" }, children));
     case "h3":
-      return h("h3", { class: "dso-section-handle" }, children);
+      return (h("h3", { ref: ref, class: "dso-section-handle" }, children));
     case "h4":
-      return h("h4", { class: "dso-section-handle" }, children);
+      return (h("h4", { ref: ref, class: "dso-section-handle" }, children));
     case "h5":
-      return h("h5", { class: "dso-section-handle" }, children);
+      return (h("h5", { ref: ref, class: "dso-section-handle" }, children));
   }
 };
 
@@ -1392,7 +1392,7 @@ const AccordionSection = class {
         forceUpdate(this.host);
       });
     }
-    this.startAnimationResizeObserver();
+    this.prepareAnimationResizeObserver();
   }
   componentDidLoad() {
     var _a, _b;
@@ -1405,15 +1405,65 @@ const AccordionSection = class {
     var _a;
     (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
-  /** Toggle this section */
-  async toggleSection() {
+  /** Toggle this section.
+   * @param scrollIntoView boolean - defaults to true
+   */
+  async toggleSection(scrollIntoView = true) {
     var _a;
-    return (_a = this.accordion) === null || _a === void 0 ? void 0 : _a.toggleSection(this.host);
+    await ((_a = this.accordion) === null || _a === void 0 ? void 0 : _a.toggleSection(this.host).then(async () => {
+      if (scrollIntoView) {
+        await this.scrollIntoViewWhenNeeded(true);
+      }
+    }));
+  }
+  /** Scroll this section into view when needed. */
+  async scrollSectionIntoView() {
+    await this.scrollIntoViewWhenNeeded(false);
+  }
+  async scrollIntoViewWhenNeeded(sectionToggled) {
+    var _a, _b, _c;
+    AccordionSection.scrollCandidate = undefined;
+    const bodyClientRect = (_a = this.sectionBody) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    const headingClientRect = (_b = this.sectionHeading) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+    if (!bodyClientRect || !headingClientRect || !this.accordionState) {
+      return;
+    }
+    const waitForAnimationBeforeScrolling = (state) => {
+      var _a;
+      const sectionBottomOffsetTop = this.host.offsetTop + headingClientRect.height + (this.open ? (_a = this.bodyHeight) !== null && _a !== void 0 ? _a : 0 : 0);
+      return (sectionToggled && (sectionBottomOffsetTop > document.documentElement.scrollHeight || state.allowMultipleOpen));
+    };
+    if (waitForAnimationBeforeScrolling(this.accordionState)) {
+      AccordionSection.scrollCandidate = this.host;
+      return;
+    }
+    // this y is relative to the top of the viewport.
+    const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? (_c = this.bodyHeight) !== null && _c !== void 0 ? _c : 0 : 0);
+    if (sectionBottomY > window.innerHeight) {
+      const expandedAccordionHeight = sectionBottomY - headingClientRect.top;
+      const shouldScrollToTopOfSection = expandedAccordionHeight > window.innerHeight;
+      window.scrollTo({
+        top: shouldScrollToTopOfSection
+          ? this.host.offsetTop
+          : this.host.offsetTop - (window.innerHeight - expandedAccordionHeight),
+        behavior: "smooth",
+      });
+    }
+    else if (headingClientRect.top < 0) {
+      window.scrollTo({
+        top: this.host.offsetTop,
+        behavior: "smooth",
+      });
+    }
   }
   async toggle(e) {
     var _a;
     e === null || e === void 0 ? void 0 : e.preventDefault();
-    return (_a = this.accordion) === null || _a === void 0 ? void 0 : _a.toggleSection(this.host, e);
+    (_a = this.accordion) === null || _a === void 0 ? void 0 : _a.toggleSection(this.host, e).then(async (isOpen) => {
+      if (isOpen) {
+        await this.scrollIntoViewWhenNeeded(true);
+      }
+    });
   }
   render() {
     var _a;
@@ -1424,12 +1474,14 @@ const AccordionSection = class {
         ["dso-accordion-" + variant]: true,
         "dso-nested-accordion": this.hasNestedSection,
         "dso-accordion-reverse-align": reverseAlign !== null && reverseAlign !== void 0 ? reverseAlign : false,
-      }, hidden: !variant }, h(Handle, { heading: this.heading }, h(HandleElement, { handleUrl: this.handleUrl, onClick: async (event) => await this.toggle(event), open: this.open }, reverseAlign ? (h(Fragment, null, hasAddons && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("span", null, this.handleTitle), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" }))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.state && h("span", { class: "sr-only" }, stateMap[this.state]), h("span", null, this.handleTitle), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.status && h("span", { class: "dso-status" }, this.status), h(HandleIcon, { state: this.state, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("div", { class: { "dso-section-body": true, "dso-animate-ready": !!this.animeInstance }, ref: (element) => (this.sectionBody = element), "aria-hidden": this.open ? "false" : "true" }, h("div", { class: "dso-section-body-content" }, h("slot", null)))));
+      }, hidden: !variant }, h(Handle, { heading: this.heading, ref: (element) => (this.sectionHeading = element) }, h(HandleElement, { handleUrl: this.handleUrl, onClick: async (event) => await this.toggle(event), open: this.open }, reverseAlign ? (h(Fragment, null, hasAddons && (h("div", { class: "dso-section-handle-addons" }, h(HandleIcon, { icon: this.icon }))), h("span", null, this.handleTitle), h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-down" }))) : (h(Fragment, null, h("dso-icon", { class: "dso-section-handle-chevron", icon: "chevron-right" }), this.state && h("span", { class: "sr-only" }, stateMap[this.state]), h("span", null, this.handleTitle), hasAddons && (h("div", { class: "dso-section-handle-addons" }, this.status && h("span", { class: "dso-status" }, this.status), h(HandleIcon, { state: this.state, icon: this.icon, attachmentCount: this.attachmentCount }))))))), h("div", { class: { "dso-section-body": true, "dso-animate-ready": !!this.animeInstance }, ref: (element) => (this.sectionBody = element), "aria-hidden": this.open ? "false" : "true" }, h("div", { class: "dso-section-body-content" }, h("slot", null)))));
   }
-  startAnimationResizeObserver() {
+  prepareAnimationResizeObserver() {
     this.resizeObserver = new ResizeObserver(debounce_1(([entry]) => {
-      if (this.bodyHeight !== entry.contentRect.height) {
-        this.bodyHeight = entry.contentRect.height;
+      // entry.contentRect does not include padding, so we use getBoundingClientRect.
+      const height = entry.target.getBoundingClientRect().height;
+      if (this.bodyHeight !== height) {
+        this.bodyHeight = height;
         this.instantiateAnimation();
       }
     }, 150));
@@ -1442,6 +1494,12 @@ const AccordionSection = class {
       duration: 260,
       autoplay: false,
       direction: "normal",
+      changeComplete: async () => {
+        if (AccordionSection.scrollCandidate === this.host) {
+          AccordionSection.scrollCandidate = undefined;
+          await this.scrollSectionIntoView();
+        }
+      },
       begin: () => {
         if (this.sectionBody) {
           if (this.open) {

package/dist/esm/dso-accordion.entry.js

@@ -203,6 +203,7 @@ const Accordion = class {
     const { state } = createStore({
       variant: this.variant || "default",
       reverseAlign: this.reverseAlign,
+      allowMultipleOpen: this.allowMultipleOpen,
     });
     this.accordionState = state;
   }
@@ -212,6 +213,9 @@ const Accordion = class {
   updateReverseAlign(reverseAlign) {
     this.accordionState.reverseAlign = reverseAlign;
   }
+  updateAllowMultipleOpen(allowMultipleOpen) {
+    this.accordionState.allowMultipleOpen = allowMultipleOpen;
+  }
   watchAllowMultiple(allowMultipleOpen) {
     if (!allowMultipleOpen) {
       const openSections = Array.from(this.host.querySelectorAll(":scope > dso-accordion-section[open]"));
@@ -223,7 +227,10 @@ const Accordion = class {
   async getState() {
     return this.accordionState;
   }
-  /** Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section. */
+  /** Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section.\
+   * returns `undefined` when no section is toggled.\
+   * returns `true` when the section is opened and `false` when the section is closed.
+   */
   async toggleSection(sectionElement, event) {
     const sections = Array.from(this.host.querySelectorAll(":scope > dso-accordion-section"));
     if (typeof sectionElement === "number") {
@@ -236,16 +243,17 @@ const Accordion = class {
     if (this.allowMultipleOpen) {
       this.controlOpenAttribute(sectionElement, !sectionIsOpen);
       this.emitToggleEvent(sectionElement, sections, event);
-      return;
+      return !sectionIsOpen;
     }
     if (sectionIsOpen) {
       this.controlOpenAttribute(sectionElement, false);
       this.emitToggleEvent(sectionElement, sections, event);
-      return;
+      return false;
     }
     await this.closeOpenSections();
     this.controlOpenAttribute(sectionElement, true);
     this.emitToggleEvent(sectionElement, sections, event);
+    return true;
   }
   /** Closes all sections belonging to this accordion. */
   async closeOpenSections() {
@@ -253,6 +261,18 @@ const Accordion = class {
     const openSections = sections.filter((s) => this.isSectionOpen(s));
     openSections.forEach((section) => this.controlOpenAttribute(section, false));
   }
+  // These checks are needed for a React timing issue.
+  componentWillLoad() {
+    if (this.accordionState.variant !== this.variant) {
+      this.accordionState.variant = this.variant || "default";
+    }
+    if (this.accordionState.reverseAlign !== this.reverseAlign) {
+      this.accordionState.reverseAlign = this.reverseAlign;
+    }
+    if (this.accordionState.allowMultipleOpen !== this.allowMultipleOpen) {
+      this.accordionState.allowMultipleOpen = this.allowMultipleOpen;
+    }
+  }
   render() {
     return (h(Host, { class: {
         "dso-accordion": true,
@@ -283,7 +303,7 @@ const Accordion = class {
   static get watchers() { return {
     "variant": ["updateVariant"],
     "reverseAlign": ["updateReverseAlign"],
-    "allowMultipleOpen": ["watchAllowMultiple"]
+    "allowMultipleOpen": ["updateAllowMultipleOpen", "watchAllowMultiple"]
   }; }
 };
 Accordion.style = accordionCss;

package/dist/esm/dso-toolkit.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-header",[[6,"dso-header",{"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-accordion-section",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"state":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"status":[1],"open":[1540],"hasNestedSection":[32],"toggleSection":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32],"notFound":[32],"showLoading":[32]},[[4,"click","onDocumentClick"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[513]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-header",[[6,"dso-header",{"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-accordion-section",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"state":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"status":[1],"open":[1540],"hasNestedSection":[32],"toggleSection":[64],"scrollSectionIntoView":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32],"notFound":[32],"showLoading":[32]},[[4,"click","onDocumentClick"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[513]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
 });

package/dist/esm/dso-tooltip.entry.js

@@ -1835,7 +1835,7 @@ var maxSize = {
 
 const tooltipCss = ":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";
 
-// Keep const in sync with $tooltip-transition-duration in @dso-toolkit/sources/tooltip.scss tooltip_root() mixin
+// Keep const in sync with $tooltip-transition-duration in dso-toolkit/src/components/tooltip/tooltip.scss tooltip_root() mixin
 const transitionDuration = 150;
 function hasOverflow(el) {
   const style = window.getComputedStyle(el);

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-header",[[6,"dso-header",{"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-accordion-section",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"state":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"status":[1],"open":[1540],"hasNestedSection":[32],"toggleSection":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32],"notFound":[32],"showLoading":[32]},[[4,"click","onDocumentClick"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[513]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
+  return bootstrapLazy([["dso-icon",[[1,"dso-icon",{"icon":[1]}]]],["dso-map-base-layers",[[1,"dso-map-base-layers",{"group":[1],"baseLayers":[16]}]]],["dso-map-overlays",[[1,"dso-map-overlays",{"group":[1],"overlays":[16]}]]],["dso-toggletip",[[1,"dso-toggletip",{"label":[1],"position":[1],"small":[4],"secondary":[4],"active":[32]}]]],["dso-header",[[6,"dso-header",{"mainMenu":[16],"useDropDownMenu":[1,"use-drop-down-menu"],"authStatus":[1,"auth-status"],"loginUrl":[1,"login-url"],"logoutUrl":[1,"logout-url"],"userProfileName":[1,"user-profile-name"],"userProfileUrl":[1,"user-profile-url"],"userHomeUrl":[1,"user-home-url"],"showDropDown":[32],"hasSubLogo":[32],"overflowMenuItems":[32]}]]],["dso-label",[[1,"dso-label",{"compact":[4],"removable":[4],"status":[1],"truncate":[4],"removeHover":[32],"removeFocus":[32],"textHover":[32],"textFocus":[32],"truncatedContent":[32],"labelText":[32]}]]],["dso-pagination",[[1,"dso-pagination",{"totalPages":[2,"total-pages"],"currentPage":[2,"current-page"],"formatHref":[16],"availablePositions":[32]},[[0,"dsoSizeChange","sizeChangeHandler"]]]]],["dso-tree-view",[[1,"dso-tree-view",{"collection":[16],"focusItem":[64]}]]],["dso-accordion-section",[[1,"dso-accordion-section",{"handleTitle":[1,"handle-title"],"heading":[1],"handleUrl":[1,"handle-url"],"state":[1],"attachmentCount":[2,"attachment-count"],"icon":[1],"status":[1],"open":[1540],"hasNestedSection":[32],"toggleSection":[64],"scrollSectionIntoView":[64]}]]],["dso-alert",[[1,"dso-alert",{"status":[1],"roleAlert":[4,"role-alert"]}]]],["dso-attachments-counter",[[1,"dso-attachments-counter",{"count":[2]}]]],["dso-autosuggest",[[6,"dso-autosuggest",{"suggestions":[16],"loading":[4],"loadingLabel":[1,"loading-label"],"loadingDelayed":[2,"loading-delayed"],"notFoundLabel":[1,"not-found-label"],"suggestOnFocus":[4,"suggest-on-focus"],"showSuggestions":[32],"selectedSuggestion":[32],"notFound":[32],"showLoading":[32]},[[4,"click","onDocumentClick"]]]]],["dso-date-picker",[[2,"dso-date-picker",{"name":[1],"identifier":[1],"disabled":[516],"role":[1],"direction":[1],"required":[4],"dsoAutofocus":[4,"dso-autofocus"],"value":[1537],"min":[1],"max":[1],"activeFocus":[32],"focusedDay":[32],"open":[32],"visible":[32],"setFocus":[64],"show":[64],"hide":[64]},[[6,"click","handleDocumentClick"]]]]],["dso-helpcenter-panel",[[1,"dso-helpcenter-panel",{"label":[1],"url":[1],"visibility":[32],"isOpen":[32],"slideState":[32],"loadIframe":[32]},[[8,"keydown","keyDownListener"]]]]],["dso-image-overlay",[[1,"dso-image-overlay",{"active":[32],"focused":[32],"zoomable":[32]},[[2,"load","loadListener"]]]]],["dso-map-controls",[[1,"dso-map-controls",{"open":[1540],"disableZoom":[1,"disable-zoom"],"hideContent":[32]}]]],["dso-modal",[[1,"dso-modal",{"modalTitle":[1,"modal-title"],"role":[1],"showCloseButton":[4,"show-close-button"],"ariaId":[32],"hasFooter":[32]}]]],["dso-table",[[1,"dso-table",{"noModal":[516,"no-modal"],"isResponsive":[516,"is-responsive"],"modalActive":[32],"placeholderHeight":[32]}]]],["dso-viewer-grid",[[1,"dso-viewer-grid",{"filterpanelOpen":[516,"filterpanel-open"],"overlayOpen":[516,"overlay-open"],"initialMainSize":[1,"initial-main-size"],"mainSize":[32]}]]],["dso-accordion",[[1,"dso-accordion",{"variant":[513],"reverseAlign":[516,"reverse-align"],"allowMultipleOpen":[516,"allow-multiple-open"],"getState":[64],"toggleSection":[64],"closeOpenSections":[64]}]]],["dso-badge",[[1,"dso-badge",{"status":[1]}]]],["dso-banner",[[1,"dso-banner",{"status":[513]}]]],["dso-card",[[1,"dso-card",{"isSelectable":[516,"is-selectable"],"hasImage":[516,"has-image"]}]]],["dso-card-container",[[1,"dso-card-container",{"mode":[513]}]]],["dso-highlight-box",[[1,"dso-highlight-box",{"yellow":[4],"border":[4],"white":[4],"dropShadow":[4,"drop-shadow"],"step":[2]}]]],["dso-ozon-content",[[6,"dso-ozon-content",{"content":[1],"inline":[516],"deleted":[516],"interactive":[520],"state":[32]}]]],["dso-progress-bar",[[1,"dso-progress-bar",{"progress":[2],"min":[2],"max":[2]}]]],["dso-dropdown-menu",[[1,"dso-dropdown-menu",{"open":[1540],"dropdownAlign":[1,"dropdown-align"],"checkable":[4]}]]],["dso-responsive-element",[[1,"dso-responsive-element",{"sizeAlias":[32],"sizeWidth":[32],"getSize":[64]}]]],["dso-progress-indicator",[[1,"dso-progress-indicator",{"label":[1],"size":[513],"block":[4]}]]],["dso-tooltip",[[1,"dso-tooltip",{"descriptive":[516],"position":[1],"strategy":[1],"noArrow":[4,"no-arrow"],"stateless":[4],"small":[4],"active":[1540],"hidden":[32],"activate":[64],"deactivate":[64]},[[0,"click","listenClick"]]]]],["dso-info-button",[[1,"dso-info-button",{"active":[1540],"secondary":[4],"label":[1],"hover":[32],"setFocus":[64]}]]],["dso-info_2",[[6,"dso-selectable",{"type":[1],"identifier":[1],"name":[1],"value":[1],"invalid":[4],"describedById":[1,"described-by-id"],"disabled":[4],"required":[4],"checked":[4],"indeterminate":[4],"infoFixed":[4,"info-fixed"],"infoActive":[32],"toggleInfo":[64]}],[1,"dso-info",{"fixed":[516],"active":[516]}]]]], options);
   });
 };
 

package/dist/types/components/accordion/accordion.d.ts

@@ -18,12 +18,17 @@ export declare class Accordion implements ComponentInterface, AccordionInterface
   dsoToggleSection: EventEmitter<AccordionSectionToggleEvent>;
   updateVariant(variant?: AccordionVariant): void;
   updateReverseAlign(reverseAlign: boolean): void;
+  updateAllowMultipleOpen(allowMultipleOpen: boolean): void;
   watchAllowMultiple(allowMultipleOpen: boolean): void;
   getState(): Promise<AccordionInternalState>;
-  /** Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section. */
-  toggleSection(sectionElement: HTMLElement | number, event?: MouseEvent): Promise<void>;
+  /** Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section.\
+   * returns `undefined` when no section is toggled.\
+   * returns `true` when the section is opened and `false` when the section is closed.
+   */
+  toggleSection(sectionElement: HTMLElement | number, event?: MouseEvent): Promise<undefined | boolean>;
   /** Closes all sections belonging to this accordion. */
   closeOpenSections(): Promise<void>;
+  componentWillLoad(): void;
   constructor();
   render(): any;
   private emitToggleEvent;

package/dist/types/components/accordion/accordion.interfaces.d.ts

@@ -2,10 +2,15 @@ export declare type AccordionVariant = "default" | "compact" | "conclusion";
 export interface AccordionInternalState {
   variant: AccordionVariant;
   reverseAlign: boolean;
+  allowMultipleOpen: boolean;
 }
 export interface AccordionInterface {
   getState(): Promise<AccordionInternalState>;
-  toggleSection(sectionElement: HTMLElement | number, event?: MouseEvent): Promise<void>;
+  /** Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section.\
+   * returns `undefined` when no section is tiggled.\
+   * returns `true` when the section is opened and `false` when the section is closed.
+   */
+  toggleSection(sectionElement: HTMLElement | number, event?: MouseEvent): Promise<undefined | boolean>;
 }
 export interface AccordionSectionToggleEvent {
   /** When the section is toggled by clicking in the header the `MouseEvent` is available. */

package/dist/types/components/accordion/components/accordion-section.d.ts

@@ -1,10 +1,12 @@
 import { ComponentInterface } from "../../../stencil-public-runtime";
 import { AccordionHeading, AccordionSectionState } from "./accordion-section.interfaces";
 export declare class AccordionSection implements ComponentInterface {
+  private static scrollCandidate?;
   private accordion?;
   private accordionState?;
   private animeInstance?;
   private sectionBody?;
+  private sectionHeading?;
   private resizeObserver?;
   private bodyHeight?;
   host: HTMLElement;
@@ -24,11 +26,16 @@ export declare class AccordionSection implements ComponentInterface {
   componentWillLoad(): void;
   componentDidLoad(): void;
   disconnectedCallback(): void;
-  /** Toggle this section */
-  toggleSection(): Promise<void>;
+  /** Toggle this section.
+   * @param scrollIntoView boolean - defaults to true
+   */
+  toggleSection(scrollIntoView?: boolean): Promise<void>;
+  /** Scroll this section into view when needed. */
+  scrollSectionIntoView(): Promise<void>;
+  private scrollIntoViewWhenNeeded;
   private toggle;
   render(): any;
-  private startAnimationResizeObserver;
+  private prepareAnimationResizeObserver;
   private instantiateAnimation;
   private activateAnimation;
 }

package/dist/types/components/accordion/components/handles/heading.handle.d.ts

@@ -2,4 +2,5 @@ import { FunctionalComponent } from "../../../../stencil-public-runtime";
 import { AccordionHeading } from "../accordion-section.interfaces";
 export declare const Handle: FunctionalComponent<{
   heading: AccordionHeading;
+  ref: (element: HTMLHeadingElement | undefined) => void;
 }>;

package/dist/types/components/tree-view/tree-item.d.ts

@@ -1,5 +1,5 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
-import { TreeViewItem } from "@dso-toolkit/sources";
+import { TreeViewItem } from "dso-toolkit";
 import { TreeView } from "./tree-view";
 interface TreeViewItemProps {
   owner: TreeView;

package/dist/types/components.d.ts

@@ -39,9 +39,9 @@ export namespace Components {
          */
         "reverseAlign": boolean;
         /**
-          * Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section.
+          * Toggle a section. Pass the `<dso-accordion-section>` element or the index of the section.\ returns `undefined` when no section is toggled.\ returns `true` when the section is opened and `false` when the section is closed.
          */
-        "toggleSection": (sectionElement: HTMLElement | number, event?: MouseEvent) => Promise<void>;
+        "toggleSection": (sectionElement: HTMLElement | number, event?: MouseEvent) => Promise<undefined | boolean>;
         "variant"?: AccordionVariant;
     }
     interface DsoAccordionSection {
@@ -57,15 +57,20 @@ export namespace Components {
         "heading": AccordionHeading;
         "icon"?: string;
         "open": boolean;
+        /**
+          * Scroll this section into view when needed.
+         */
+        "scrollSectionIntoView": () => Promise<void>;
         /**
           * `state` takes precedence over `attachmentCount` and `icon`
          */
         "state"?: AccordionSectionState;
         "status"?: string;
         /**
-          * Toggle this section
+          * Toggle this section.
+          * @param scrollIntoView boolean - defaults to true
          */
-        "toggleSection": () => Promise<void>;
+        "toggleSection": (scrollIntoView?: boolean) => Promise<void>;
     }
     interface DsoAlert {
         /**