npm - @dso-toolkit/core - Versions diffs - 99.3.0 → 99.4.0 - Mend

@dso-toolkit/core 99.3.0 → 99.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (421) hide show

package/dist/components/dso-tooltip.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,h as n,Host as i,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";import{d as a}from"./index3.js";var s="top",c="bottom",f="right",u="left",l="auto",d=[s,c,f,u],p="start",h="end",v="viewport",b="popper",m=d.reduce((function(t,e){return t.concat([e+"-"+p,e+"-"+h])}),[]),y=[].concat(d,[l]).reduce((function(t,e){return t.concat([e,e+"-"+p,e+"-"+h])}),[]),w="beforeWrite",x=["beforeRead","read","afterRead","beforeMain","main","afterMain",w,"write","afterWrite"];function g(t){return t?(t.nodeName\|\|"").toLowerCase():null}function O(t){if(null==t)return window;if(""+t!="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView\|\|window}return t}function k(t){return t instanceof O(t).Element\|\|t instanceof Element}function j(t){return t instanceof O(t).HTMLElement\|\|t instanceof HTMLElement}function E(t){return"undefined"!=typeof ShadowRoot&&(t instanceof O(t).ShadowRoot\|\|t instanceof ShadowRoot)}function z(t){return t.split("-")[0]}var M=Math.max,S=Math.min,T=Math.round;function P(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function A(){return!/^((?!chrome\|android).)safari/i.test(P())}function L(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&j(t)&&(r=t.offsetWidth>0&&T(i.width)/t.offsetWidth\|\|1,o=t.offsetHeight>0&&T(i.height)/t.offsetHeight\|\|1);var a=(k(t)?O(t):window).visualViewport,s=!A()&&n,c=(i.left+(s&&a?a.offsetLeft:0))/r,f=(i.top+(s&&a?a.offsetTop:0))/o,u=i.width/r,l=i.height/o;return{width:u,height:l,top:f,right:c+u,bottom:f+l,left:c,x:c,y:f}}function R(t){var e=L(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function q(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&E(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode\|\|i.host}while(i)}return!1}function B(t){return O(t).getComputedStyle(t)}function W(t){return["table","td","th"].indexOf(g(t))>=0}function C(t){return((k(t)?t.ownerDocument:t.document)\|\|window.document).documentElement}function H(t){return"html"===g(t)?t:t.assignedSlot\|\|t.parentNode\|\|(E(t)?t.host:null)\|\|C(t)}function D(t){return j(t)&&"fixed"!==B(t).position?t.offsetParent:null}function I(t){for(var e=O(t),n=D(t);n&&W(n)&&"static"===B(n).position;)n=D(n);return n&&("html"===g(n)\|\|"body"===g(n)&&"static"===B(n).position)?e:n\|\|function(t){var e=/firefox/i.test(P());if(/Trident/i.test(P())&&j(t)&&"fixed"===B(t).position)return null;var n=H(t);for(E(n)&&(n=n.host);j(n)&&["html","body"].indexOf(g(n))<0;){var i=B(n);if("none"!==i.transform\|\|"none"!==i.perspective\|\|"paint"===i.contain\|\|-1!==["transform","perspective"].indexOf(i.willChange)\|\|e&&"filter"===i.willChange\|\|e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)\|\|e}function U(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function _(t,e,n){return M(t,S(e,n))}function F(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function N(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function V(t){return t.split("-")[1]}var G={top:"auto",right:"auto",bottom:"auto",left:"auto"};function J(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,l=t.position,d=t.gpuAcceleration,p=t.adaptive,v=t.roundOffsets,b=t.isFixed,m=a.x,y=void 0===m?0:m,w=a.y,x=void 0===w?0:w,g="function"==typeof v?v({x:y,y:x}):{x:y,y:x};y=g.x,x=g.y;var k=a.hasOwnProperty("x"),j=a.hasOwnProperty("y"),E=u,z=s,M=window;if(p){var S=I(n),P="clientHeight",A="clientWidth";S===O(n)&&"static"!==B(S=C(n)).position&&"absolute"===l&&(P="scrollHeight",A="scrollWidth"),(r===s\|\|(r===u\|\|r===f)&&o===h)&&(z=c,x-=(b&&S===M&&M.visualViewport?M.visualViewport.height:S[P])-i.height,x=d?1:-1),r!==u&&(r!==s&&r!==c\|\|o!==h)\|\|(E=f,y-=(b&&S===M&&M.visualViewport?M.visualViewport.width:S[A])-i.width,y=d?1:-1)}var L,R=Object.assign({position:l},p&&G),q=!0===v?function(t,e){var n=t.y,i=e.devicePixelRatio\|\|1;return{x:T(t.xi)/i\|\|0,y:T(ni)/i\|\|0}}({x:y,y:x},O(n)):{x:y,y:x};return y=q.x,x=q.y,Object.assign({},R,d?((L={})[z]=j?"0":"",L[E]=k?"0":"",L.transform=(M.devicePixelRatio\|\|1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",L):((e={})[z]=j?x+"px":"",e[E]=k?y+"px":"",e.transform="",e))}var K={passive:!0},Q={left:"right",right:"left",bottom:"top",top:"bottom"};function X(t){return t.replace(/left\|right\|bottom\|top/g,(function(t){return Q[t]}))}var Y={start:"end",end:"start"};function Z(t){return t.replace(/start\|end/g,(function(t){return Y[t]}))}function $(t){var e=O(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function tt(t){return L(C(t)).left+$(t).scrollLeft}function et(t){var e=B(t);return/auto\|scroll\|overlay\|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function nt(t){return["html","body","#document"].indexOf(g(t))>=0?t.ownerDocument.body:j(t)&&et(t)?t:nt(H(t))}function it(t,e){var n;void 0===e&&(e=[]);var i=nt(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=O(i),a=r?[o].concat(o.visualViewport\|\|[],et(i)?i:[]):i,s=e.concat(a);return r?s:s.concat(it(H(a)))}function rt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ot(t,e,n){return e===v?rt(function(t,e){var n=O(t),i=C(t),r=n.visualViewport,o=i.clientWidth,a=i.clientHeight,s=0,c=0;if(r){o=r.width,a=r.height;var f=A();(f\|\|!f&&"fixed"===e)&&(s=r.offsetLeft,c=r.offsetTop)}return{width:o,height:a,x:s+tt(t),y:c}}(t,n)):k(e)?function(t,e){var n=L(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):rt(function(t){var e,n=C(t),i=$(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=M(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=M(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-i.scrollLeft+tt(t),c=-i.scrollTop;return"rtl"===B(r\|\|n).direction&&(s+=M(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:c}}(C(t)))}function at(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?z(r):null,a=r?V(r):null,l=n.x+n.width/2-i.width/2,d=n.y+n.height/2-i.height/2;switch(o){case s:e={x:l,y:n.y-i.height};break;case c:e={x:l,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:d};break;case u:e={x:n.x-i.width,y:d};break;default:e={x:n.x,y:n.y}}var v=o?U(o):null;if(null!=v){var b="y"===v?"height":"width";switch(a){case p:e[v]=e[v]-(n[b]/2-i[b]/2);break;case h:e[v]=e[v]+(n[b]/2-i[b]/2)}}return e}function st(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,u=void 0===a?"clippingParents":a,l=e.rootBoundary,p=void 0===l?v:l,h=e.elementContext,m=void 0===h?b:h,y=e.altBoundary,w=void 0!==y&&y,x=e.padding,O=void 0===x?0:x,E=F("number"!=typeof O?O:N(O,d)),z=t.rects.popper,T=t.elements[w?m===b?"reference":b:m],P=function(t,e,n,i){var r="clippingParents"===e?function(t){var e=it(H(t)),n=["absolute","fixed"].indexOf(B(t).position)>=0&&j(t)?I(t):t;return k(n)?e.filter((function(t){return k(t)&&q(t,n)&&"body"!==g(t)})):[]}(t):[].concat(e),o=[].concat(r,[n]),a=o.reduce((function(e,n){var r=ot(t,n,i);return e.top=M(r.top,e.top),e.right=S(r.right,e.right),e.bottom=S(r.bottom,e.bottom),e.left=M(r.left,e.left),e}),ot(t,o[0],i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(k(T)?T:T.contextElement\|\|C(t.elements.popper),u,p,o),A=L(t.elements.reference),R=at({reference:A,element:z,placement:i}),W=rt(Object.assign({},z,R)),D=m===b?W:A,U={top:P.top-D.top+E.top,bottom:D.bottom-P.bottom+E.bottom,left:P.left-D.left+E.left,right:D.right-P.right+E.right},_=t.modifiersData.offset;if(m===b&&_){var V=_[i];Object.keys(U).forEach((function(t){var e=[f,c].indexOf(t)>=0?1:-1;U[t]+=V[[s,c].indexOf(t)>=0?"y":"x"]e}))}return U}function ct(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?y:a,c=V(e.placement),f=c?o?m:m.filter((function(t){return V(t)===c})):d,u=f.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=f);var l=u.reduce((function(e,o){return e[o]=st(t,{placement:o,boundary:n,rootBoundary:i,padding:r})[z(o)],e}),{});return Object.keys(l).sort((function(t,e){return l[t]-l[e]}))}var ft={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r\|\|r,a=n.altAxis,d=void 0===a\|\|a,h=n.fallbackPlacements,v=n.padding,b=n.boundary,m=n.rootBoundary,y=n.altBoundary,w=n.flipVariations,x=void 0===w\|\|w,g=n.allowedAutoPlacements,O=e.options.placement,k=z(O),j=h\|\|(k!==O&&x?function(t){if(z(t)===l)return[];var e=X(t);return[Z(t),e,Z(e)]}(O):[X(O)]),E=[O].concat(j).reduce((function(t,n){return t.concat(z(n)===l?ct(e,{placement:n,boundary:b,rootBoundary:m,padding:v,flipVariations:x,allowedAutoPlacements:g}):n)}),[]),M=e.rects.reference,S=e.rects.popper,T=new Map,P=!0,A=E[0],L=0;L<E.length;L++){var R=E[L],q=z(R),B=V(R)===p,W=[s,c].indexOf(q)>=0,C=W?"width":"height",H=st(e,{placement:R,boundary:b,rootBoundary:m,altBoundary:y,padding:v}),D=W?B?f:u:B?c:s;M[C]>S[C]&&(D=X(D));var I=X(D),U=[];if(o&&U.push(H[q]<=0),d&&U.push(H[D]<=0,H[I]<=0),U.every((function(t){return t}))){A=R,P=!1;break}T.set(R,U)}if(P)for(var _=function(t){var e=E.find((function(e){var n=T.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=x?3:1;F>0&&"break"!==_(F);F--);e.placement!==A&&(e.modifiersData[i]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ut(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function lt(t){return[s,f,c,u].some((function(e){return t[e]>=0}))}function dt(t,e,n){void 0===n&&(n=!1);var i=j(e),r=j(e)&&function(t){var e=t.getBoundingClientRect(),n=T(e.width)/t.offsetWidth\|\|1,i=T(e.height)/t.offsetHeight\|\|1;return 1!==n\|\|1!==i}(e),o=C(e),a=L(t,r,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(i\|\|!i&&!n)&&(("body"!==g(e)\|\|et(o))&&(s=function(t){return t!==O(t)&&j(t)?function(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}(t):$(t)}(e)),j(e)?((c=L(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):o&&(c.x=tt(o))),{x:a.left+s.scrollLeft-c.x,y:a.top+s.scrollTop-c.y,width:a.width,height:a.height}}function pt(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires\|\|[],t.requiresIfExists\|\|[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)\|\|r(t)})),i}function ht(t){var e;return function(){return e\|\|(e=new Promise((function(n){Promise.resolve().then((function(){e=void 0,n(t())}))}))),e}}var vt={placement:"bottom",modifiers:[],strategy:"absolute"};function bt(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function mt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,r=void 0===i?vt:i;return function(t,e,i){void 0===i&&(i=r);var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},vt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},a=[],s=!1,c={state:o,setOptions:function(i){var s="function"==typeof i?i(o.options):i;f(),o.options=Object.assign({},r,o.options,s),o.scrollParents={reference:k(t)?it(t):t.contextElement?it(t.contextElement):[],popper:it(e)};var u=function(t){var e=pt(t);return x.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}(function(t){var e=t.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{});return Object.keys(e).map((function(t){return e[t]}))}([].concat(n,o.options.modifiers)));return o.orderedModifiers=u.filter((function(t){return t.enabled})),o.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:o,name:t.name,instance:c,options:void 0===e?{}:e});a.push(i\|\|function(){})}})),c.update()},forceUpdate:function(){if(!s){var t=o.elements,e=t.reference,n=t.popper;if(bt(e,n)){o.rects={reference:dt(e,I(n),"fixed"===o.options.strategy),popper:R(n)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++)if(!0!==o.reset){var r=o.orderedModifiers[i],a=r.fn,f=r.options;"function"==typeof a&&(o=a({state:o,options:void 0===f?{}:f,name:r.name,instance:c})\|\|o)}else o.reset=!1,i=-1}}},update:ht((function(){return new Promise((function(t){c.forceUpdate(),t(o)}))})),destroy:function(){f(),s=!0}};if(!bt(t,e))return c;function f(){a.forEach((function(t){return t()})),a=[]}return c.setOptions(i).then((function(t){!s&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var yt=mt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r\|\|r,a=i.resize,s=void 0===a\|\|a,c=O(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&f.forEach((function(t){t.addEventListener("scroll",n.update,K)})),s&&c.addEventListener("resize",n.update,K),function(){o&&f.forEach((function(t){t.removeEventListener("scroll",n.update,K)})),s&&c.removeEventListener("resize",n.update,K)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=at({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i\|\|i,o=n.adaptive,a=void 0===o\|\|o,s=n.roundOffsets,c=void 0===s\|\|s,f={placement:z(e.placement),variation:V(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,J(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,J(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]\|\|{},i=e.attributes[t]\|\|{},r=e.elements[t];j(r)&&g(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]\|\|{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});j(i)&&g(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,o=y.reduce((function(t,n){return t[n]=function(t,e,n){var i=z(t),r=[u,s].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=o[0],c=o[1];return a=a\|\|0,c=(c\|\|0)r,[u,f].indexOf(i)>=0?{x:c,y:a}:{x:a,y:c}}(n,e.rects,r),t}),{}),a=o[e.placement],c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=o}},ft,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r\|\|r,a=n.altAxis,l=void 0!==a&&a,d=n.tether,h=void 0===d\|\|d,v=n.tetherOffset,b=void 0===v?0:v,m=st(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=z(e.placement),w=V(e.placement),x=!w,g=U(y),O=function(t){return"x"===t?"y":"x"}(g),k=e.modifiersData.popperOffsets,j=e.rects.reference,E=e.rects.popper,T="function"==typeof b?b(Object.assign({},e.rects,{placement:e.placement})):b,P="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,L={x:0,y:0};if(k){if(o){var q,B="y"===g?s:u,W="y"===g?c:f,C="y"===g?"height":"width",H=k[g],D=H+m[B],F=H-m[W],N=h?-E[C]/2:0,G=w===p?j[C]:E[C],J=w===p?-E[C]:-j[C],K=e.elements.arrow,Q=h&&K?R(K):{width:0,height:0},X=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Y=X[B],Z=X[W],$=_(0,j[C],Q[C]),tt=x?j[C]/2-N-$-Y-P.mainAxis:G-$-Y-P.mainAxis,et=x?-j[C]/2+N+$+Z+P.mainAxis:J+$+Z+P.mainAxis,nt=e.elements.arrow&&I(e.elements.arrow),it=null!=(q=null==A?void 0:A[g])?q:0,rt=H+et-it,ot=_(h?S(D,H+tt-it-(nt?"y"===g?nt.clientTop\|\|0:nt.clientLeft\|\|0:0)):D,H,h?M(F,rt):F);k[g]=ot,L[g]=ot-H}if(l){var at,ct=k[O],ft="y"===O?"height":"width",ut=ct+m["x"===g?s:u],lt=ct-m["x"===g?c:f],dt=-1!==[s,u].indexOf(y),pt=null!=(at=null==A?void 0:A[O])?at:0,ht=dt?ut:ct-j[ft]-E[ft]-pt+P.altAxis,vt=dt?ct+j[ft]+E[ft]-pt-P.altAxis:lt,bt=h&&dt?function(t,e,n){var i=_(t,e,n);return i>n?n:i}(ht,ct,vt):_(h?ht:ut,ct,h?vt:lt);k[O]=bt,L[O]=bt-ct}e.modifiersData[i]=L}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,r=t.options,o=n.elements.arrow,a=n.modifiersData.popperOffsets,l=z(n.placement),p=U(l),h=[u,f].indexOf(l)>=0?"height":"width";if(o&&a){var v=function(t,e){return F("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:N(t,d))}(r.padding,n),b=R(o),m="y"===p?s:u,y="y"===p?c:f,w=n.rects.reference[h]+n.rects.reference[p]-a[p]-n.rects.popper[h],x=a[p]-n.rects.reference[p],g=I(o),O=g?"y"===p?g.clientHeight\|\|0:g.clientWidth\|\|0:0,k=O/2-b[h]/2+(w/2-x/2),j=_(v[m],k,O-b[h]-v[y]);n.modifiersData[i]=((e={})[p]=j,e.centerOffset=j-k,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i\|\|(i=e.elements.popper.querySelector(i)))&&q(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=st(e,{elementContext:"reference"}),s=st(e,{altBoundary:!0}),c=ut(a,i),f=ut(s,r,o),u=lt(c),l=lt(f);e.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:f,isReferenceHidden:u,hasPopperEscaped:l},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":l})}}]}),wt={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,i=st(e,t.options),r=e.modifiersData.preventOverflow\|\|{x:0,y:0},o=r.x,a=r.y,s=e.rects.popper,c=s.width,f=s.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:c-i["left"===u?"left":"right"]-o,height:f-i["top"===u?"top":"bottom"]-a}}};function xt(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),i=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!==r.indexOf(n)\|\|-1!==r.indexOf(i)}var gt,Ot=function(t,e,n,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e\|\|!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,n):r?r.value=n:e.set(t,n),n};const kt={name:"applyMaxSize",enabled:!0,phase:w,requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper={...t.styles.popper,maxWidth:e+"px"}}},jt=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.active=!1,this.callbacks={activate:()=>this.active=!0,deactivate:()=>{setTimeout((()=>{this.element.isConnected&&(this.active=!1)}),2)}},this.onMouseLeave=()=>{this.element.matches(":hover")\|\|this.target?.matches(":hover")\|\|this.callbacks.deactivate()},this.hidden=!0,this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.deactivatePopper=a((()=>{this.hidden=!0,this.popper?.destroy(),this.popper=void 0}),150),gt.set(this,void 0)}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy\|\|"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&xt(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){this.active?(this.activatePopper(),this.stateless\|\|setTimeout((()=>{this.popper?.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(document.removeEventListener("keydown",this.keyDownListener),this.deactivatePopper())}listenClick(t){t.stopPropagation()}componentDidLoad(){const t=this.element.shadowRoot?.querySelector(".tooltip");if(!(t instanceof e))throw Error("tooltip element is not instanceof HTMLElement");!this.stateless&&this.target&&(this.target.addEventListener("mouseenter",this.callbacks.activate),[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave))),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){this.popper?.destroy(),!this.stateless&&this.target&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave))),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.target=void 0}componentDidRender(){this.active&&this.popper?.update()}render(){return n(i,{key:"6f0adb2c86ef41db812225635aaf4572a9b66ee3",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},n("div",{key:"608e0dabdd84836113adb9b7f7fb6e216d748d05",class:o("tooltip",{in:this.active})},!this.noArrow&&n("div",{key:"69e082b52547d254f1d183ea9fc72b63667b2b3f","data-popper-arrow":!0,class:"tooltip-arrow"}),n("div",{key:"7d17b7f5d9711e6f055d644c3082bbc0df74830d","aria-hidden":!this.descriptive\|\|void 0,class:o("tooltip-inner",{"dso-small":this.small})},n("slot",{key:"49ee9aa97a61c765a296b58ace247aac181c0841"}))))}activatePopper(){if(this.hidden=!1,this.popper)return;const t=this.element.shadowRoot?.querySelector(".tooltip");this.target&&t instanceof e&&(this.popper=yt(this.target,t,{placement:this.position,modifiers:[wt,kt,{name:"eventListeners",enabled:!1}]}),this.setStrategy())}get target(){return function(t,e,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e\|\|!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(t):i?i.value:e.get(t)}(this,gt,"f")??this.initializeTarget()}set target(t){Ot(this,gt,t,"f")}initializeTarget(){const t=this.element.id;if(!t)return void console.warn("Unable to find reference tooltip has no [id] attribute.");const e=this.element.getRootNode();if(!(e instanceof Document\|\|e instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const n=e.querySelector('[aria-describedBy="'+t);if(n)return Ot(this,gt,n,"f"),n;console.warn("Unable to find reference with aria-describedby "+t)}get element(){return this}static get watchers(){return{position:[{watchPosition:0}],strategy:[{watchStrategy:0}],active:[{watchActive:0}]}}static get style(){return":host(.hidden){visibility:hidden},::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:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-spacing:normal;overflow-wrap:normal;white-space:normal;--_dso-link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:0.875rem;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip.in .tooltip-inner{max-block-size:200vh;overflow:auto;visibility:visible;padding-block:8px;padding-inline:16px}.tooltip:not(.in) .tooltip-inner{max-block-size:0;overflow:hidden;visibility:hidden;transition:all 0s linear 0.15s}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-inline-start:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block-start:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline-end:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}"}},[257,"dso-tooltip",{descriptive:[516],position:[1],strategy:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},void 0,{position:[{watchPosition:0}],strategy:[{watchStrategy:0}],active:[{watchActive:0}]}]);gt=new WeakMap;const Et=jt,zt=function(){"undefined"!=typeof customElements&&["dso-tooltip"].forEach((t=>{"dso-tooltip"===t&&(customElements.get(r(t))\|\|customElements.define(r(t),jt))}))};export{Et as DsoTooltip,zt as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,h as n,Host as i,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";import{d as a}from"./index3.js";var s="top",c="bottom",f="right",u="left",l="auto",d=[s,c,f,u],p="start",h="end",v="viewport",b="popper",m=d.reduce((function(t,e){return t.concat([e+"-"+p,e+"-"+h])}),[]),y=[].concat(d,[l]).reduce((function(t,e){return t.concat([e,e+"-"+p,e+"-"+h])}),[]),w="beforeWrite",x=["beforeRead","read","afterRead","beforeMain","main","afterMain",w,"write","afterWrite"];function g(t){return t?(t.nodeName\|\|"").toLowerCase():null}function O(t){if(null==t)return window;if(""+t!="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView\|\|window}return t}function k(t){return t instanceof O(t).Element\|\|t instanceof Element}function j(t){return t instanceof O(t).HTMLElement\|\|t instanceof HTMLElement}function E(t){return"undefined"!=typeof ShadowRoot&&(t instanceof O(t).ShadowRoot\|\|t instanceof ShadowRoot)}function z(t){return t.split("-")[0]}var M=Math.max,S=Math.min,T=Math.round;function P(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function A(){return!/^((?!chrome\|android).)safari/i.test(P())}function L(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&j(t)&&(r=t.offsetWidth>0&&T(i.width)/t.offsetWidth\|\|1,o=t.offsetHeight>0&&T(i.height)/t.offsetHeight\|\|1);var a=(k(t)?O(t):window).visualViewport,s=!A()&&n,c=(i.left+(s&&a?a.offsetLeft:0))/r,f=(i.top+(s&&a?a.offsetTop:0))/o,u=i.width/r,l=i.height/o;return{width:u,height:l,top:f,right:c+u,bottom:f+l,left:c,x:c,y:f}}function R(t){var e=L(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function q(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&E(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode\|\|i.host}while(i)}return!1}function B(t){return O(t).getComputedStyle(t)}function W(t){return["table","td","th"].indexOf(g(t))>=0}function C(t){return((k(t)?t.ownerDocument:t.document)\|\|window.document).documentElement}function H(t){return"html"===g(t)?t:t.assignedSlot\|\|t.parentNode\|\|(E(t)?t.host:null)\|\|C(t)}function D(t){return j(t)&&"fixed"!==B(t).position?t.offsetParent:null}function I(t){for(var e=O(t),n=D(t);n&&W(n)&&"static"===B(n).position;)n=D(n);return n&&("html"===g(n)\|\|"body"===g(n)&&"static"===B(n).position)?e:n\|\|function(t){var e=/firefox/i.test(P());if(/Trident/i.test(P())&&j(t)&&"fixed"===B(t).position)return null;var n=H(t);for(E(n)&&(n=n.host);j(n)&&["html","body"].indexOf(g(n))<0;){var i=B(n);if("none"!==i.transform\|\|"none"!==i.perspective\|\|"paint"===i.contain\|\|-1!==["transform","perspective"].indexOf(i.willChange)\|\|e&&"filter"===i.willChange\|\|e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)\|\|e}function U(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function _(t,e,n){return M(t,S(e,n))}function F(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function N(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function V(t){return t.split("-")[1]}var G={top:"auto",right:"auto",bottom:"auto",left:"auto"};function J(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,l=t.position,d=t.gpuAcceleration,p=t.adaptive,v=t.roundOffsets,b=t.isFixed,m=a.x,y=void 0===m?0:m,w=a.y,x=void 0===w?0:w,g="function"==typeof v?v({x:y,y:x}):{x:y,y:x};y=g.x,x=g.y;var k=a.hasOwnProperty("x"),j=a.hasOwnProperty("y"),E=u,z=s,M=window;if(p){var S=I(n),P="clientHeight",A="clientWidth";S===O(n)&&"static"!==B(S=C(n)).position&&"absolute"===l&&(P="scrollHeight",A="scrollWidth"),(r===s\|\|(r===u\|\|r===f)&&o===h)&&(z=c,x-=(b&&S===M&&M.visualViewport?M.visualViewport.height:S[P])-i.height,x=d?1:-1),r!==u&&(r!==s&&r!==c\|\|o!==h)\|\|(E=f,y-=(b&&S===M&&M.visualViewport?M.visualViewport.width:S[A])-i.width,y=d?1:-1)}var L,R=Object.assign({position:l},p&&G),q=!0===v?function(t,e){var n=t.y,i=e.devicePixelRatio\|\|1;return{x:T(t.xi)/i\|\|0,y:T(ni)/i\|\|0}}({x:y,y:x},O(n)):{x:y,y:x};return y=q.x,x=q.y,Object.assign({},R,d?((L={})[z]=j?"0":"",L[E]=k?"0":"",L.transform=(M.devicePixelRatio\|\|1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",L):((e={})[z]=j?x+"px":"",e[E]=k?y+"px":"",e.transform="",e))}var K={passive:!0},Q={left:"right",right:"left",bottom:"top",top:"bottom"};function X(t){return t.replace(/left\|right\|bottom\|top/g,(function(t){return Q[t]}))}var Y={start:"end",end:"start"};function Z(t){return t.replace(/start\|end/g,(function(t){return Y[t]}))}function $(t){var e=O(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function tt(t){return L(C(t)).left+$(t).scrollLeft}function et(t){var e=B(t);return/auto\|scroll\|overlay\|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function nt(t){return["html","body","#document"].indexOf(g(t))>=0?t.ownerDocument.body:j(t)&&et(t)?t:nt(H(t))}function it(t,e){var n;void 0===e&&(e=[]);var i=nt(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=O(i),a=r?[o].concat(o.visualViewport\|\|[],et(i)?i:[]):i,s=e.concat(a);return r?s:s.concat(it(H(a)))}function rt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function ot(t,e,n){return e===v?rt(function(t,e){var n=O(t),i=C(t),r=n.visualViewport,o=i.clientWidth,a=i.clientHeight,s=0,c=0;if(r){o=r.width,a=r.height;var f=A();(f\|\|!f&&"fixed"===e)&&(s=r.offsetLeft,c=r.offsetTop)}return{width:o,height:a,x:s+tt(t),y:c}}(t,n)):k(e)?function(t,e){var n=L(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):rt(function(t){var e,n=C(t),i=$(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=M(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=M(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-i.scrollLeft+tt(t),c=-i.scrollTop;return"rtl"===B(r\|\|n).direction&&(s+=M(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:c}}(C(t)))}function at(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?z(r):null,a=r?V(r):null,l=n.x+n.width/2-i.width/2,d=n.y+n.height/2-i.height/2;switch(o){case s:e={x:l,y:n.y-i.height};break;case c:e={x:l,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:d};break;case u:e={x:n.x-i.width,y:d};break;default:e={x:n.x,y:n.y}}var v=o?U(o):null;if(null!=v){var b="y"===v?"height":"width";switch(a){case p:e[v]=e[v]-(n[b]/2-i[b]/2);break;case h:e[v]=e[v]+(n[b]/2-i[b]/2)}}return e}function st(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,u=void 0===a?"clippingParents":a,l=e.rootBoundary,p=void 0===l?v:l,h=e.elementContext,m=void 0===h?b:h,y=e.altBoundary,w=void 0!==y&&y,x=e.padding,O=void 0===x?0:x,E=F("number"!=typeof O?O:N(O,d)),z=t.rects.popper,T=t.elements[w?m===b?"reference":b:m],P=function(t,e,n,i){var r="clippingParents"===e?function(t){var e=it(H(t)),n=["absolute","fixed"].indexOf(B(t).position)>=0&&j(t)?I(t):t;return k(n)?e.filter((function(t){return k(t)&&q(t,n)&&"body"!==g(t)})):[]}(t):[].concat(e),o=[].concat(r,[n]),a=o.reduce((function(e,n){var r=ot(t,n,i);return e.top=M(r.top,e.top),e.right=S(r.right,e.right),e.bottom=S(r.bottom,e.bottom),e.left=M(r.left,e.left),e}),ot(t,o[0],i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(k(T)?T:T.contextElement\|\|C(t.elements.popper),u,p,o),A=L(t.elements.reference),R=at({reference:A,element:z,placement:i}),W=rt(Object.assign({},z,R)),D=m===b?W:A,U={top:P.top-D.top+E.top,bottom:D.bottom-P.bottom+E.bottom,left:P.left-D.left+E.left,right:D.right-P.right+E.right},_=t.modifiersData.offset;if(m===b&&_){var V=_[i];Object.keys(U).forEach((function(t){var e=[f,c].indexOf(t)>=0?1:-1;U[t]+=V[[s,c].indexOf(t)>=0?"y":"x"]e}))}return U}function ct(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?y:a,c=V(e.placement),f=c?o?m:m.filter((function(t){return V(t)===c})):d,u=f.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=f);var l=u.reduce((function(e,o){return e[o]=st(t,{placement:o,boundary:n,rootBoundary:i,padding:r})[z(o)],e}),{});return Object.keys(l).sort((function(t,e){return l[t]-l[e]}))}var ft={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r\|\|r,a=n.altAxis,d=void 0===a\|\|a,h=n.fallbackPlacements,v=n.padding,b=n.boundary,m=n.rootBoundary,y=n.altBoundary,w=n.flipVariations,x=void 0===w\|\|w,g=n.allowedAutoPlacements,O=e.options.placement,k=z(O),j=h\|\|(k!==O&&x?function(t){if(z(t)===l)return[];var e=X(t);return[Z(t),e,Z(e)]}(O):[X(O)]),E=[O].concat(j).reduce((function(t,n){return t.concat(z(n)===l?ct(e,{placement:n,boundary:b,rootBoundary:m,padding:v,flipVariations:x,allowedAutoPlacements:g}):n)}),[]),M=e.rects.reference,S=e.rects.popper,T=new Map,P=!0,A=E[0],L=0;L<E.length;L++){var R=E[L],q=z(R),B=V(R)===p,W=[s,c].indexOf(q)>=0,C=W?"width":"height",H=st(e,{placement:R,boundary:b,rootBoundary:m,altBoundary:y,padding:v}),D=W?B?f:u:B?c:s;M[C]>S[C]&&(D=X(D));var I=X(D),U=[];if(o&&U.push(H[q]<=0),d&&U.push(H[D]<=0,H[I]<=0),U.every((function(t){return t}))){A=R,P=!1;break}T.set(R,U)}if(P)for(var _=function(t){var e=E.find((function(e){var n=T.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return A=e,"break"},F=x?3:1;F>0&&"break"!==_(F);F--);e.placement!==A&&(e.modifiersData[i]._skip=!0,e.placement=A,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ut(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function lt(t){return[s,f,c,u].some((function(e){return t[e]>=0}))}function dt(t,e,n){void 0===n&&(n=!1);var i=j(e),r=j(e)&&function(t){var e=t.getBoundingClientRect(),n=T(e.width)/t.offsetWidth\|\|1,i=T(e.height)/t.offsetHeight\|\|1;return 1!==n\|\|1!==i}(e),o=C(e),a=L(t,r,n),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(i\|\|!i&&!n)&&(("body"!==g(e)\|\|et(o))&&(s=function(t){return t!==O(t)&&j(t)?function(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}(t):$(t)}(e)),j(e)?((c=L(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):o&&(c.x=tt(o))),{x:a.left+s.scrollLeft-c.x,y:a.top+s.scrollTop-c.y,width:a.width,height:a.height}}function pt(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires\|\|[],t.requiresIfExists\|\|[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)\|\|r(t)})),i}function ht(t){var e;return function(){return e\|\|(e=new Promise((function(n){Promise.resolve().then((function(){e=void 0,n(t())}))}))),e}}var vt={placement:"bottom",modifiers:[],strategy:"absolute"};function bt(){for(var t=arguments.length,e=Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function mt(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,r=void 0===i?vt:i;return function(t,e,i){void 0===i&&(i=r);var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},vt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},a=[],s=!1,c={state:o,setOptions:function(i){var s="function"==typeof i?i(o.options):i;f(),o.options=Object.assign({},r,o.options,s),o.scrollParents={reference:k(t)?it(t):t.contextElement?it(t.contextElement):[],popper:it(e)};var u=function(t){var e=pt(t);return x.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}(function(t){var e=t.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{});return Object.keys(e).map((function(t){return e[t]}))}([].concat(n,o.options.modifiers)));return o.orderedModifiers=u.filter((function(t){return t.enabled})),o.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:o,name:t.name,instance:c,options:void 0===e?{}:e});a.push(i\|\|function(){})}})),c.update()},forceUpdate:function(){if(!s){var t=o.elements,e=t.reference,n=t.popper;if(bt(e,n)){o.rects={reference:dt(e,I(n),"fixed"===o.options.strategy),popper:R(n)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++)if(!0!==o.reset){var r=o.orderedModifiers[i],a=r.fn,f=r.options;"function"==typeof a&&(o=a({state:o,options:void 0===f?{}:f,name:r.name,instance:c})\|\|o)}else o.reset=!1,i=-1}}},update:ht((function(){return new Promise((function(t){c.forceUpdate(),t(o)}))})),destroy:function(){f(),s=!0}};if(!bt(t,e))return c;function f(){a.forEach((function(t){return t()})),a=[]}return c.setOptions(i).then((function(t){!s&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var yt=mt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r\|\|r,a=i.resize,s=void 0===a\|\|a,c=O(e.elements.popper),f=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&f.forEach((function(t){t.addEventListener("scroll",n.update,K)})),s&&c.addEventListener("resize",n.update,K),function(){o&&f.forEach((function(t){t.removeEventListener("scroll",n.update,K)})),s&&c.removeEventListener("resize",n.update,K)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=at({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i\|\|i,o=n.adaptive,a=void 0===o\|\|o,s=n.roundOffsets,c=void 0===s\|\|s,f={placement:z(e.placement),variation:V(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,J(Object.assign({},f,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:c})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,J(Object.assign({},f,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]\|\|{},i=e.attributes[t]\|\|{},r=e.elements[t];j(r)&&g(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]\|\|{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});j(i)&&g(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,o=y.reduce((function(t,n){return t[n]=function(t,e,n){var i=z(t),r=[u,s].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=o[0],c=o[1];return a=a\|\|0,c=(c\|\|0)r,[u,f].indexOf(i)>=0?{x:c,y:a}:{x:a,y:c}}(n,e.rects,r),t}),{}),a=o[e.placement],c=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=c),e.modifiersData[n]=o}},ft,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r\|\|r,a=n.altAxis,l=void 0!==a&&a,d=n.tether,h=void 0===d\|\|d,v=n.tetherOffset,b=void 0===v?0:v,m=st(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),y=z(e.placement),w=V(e.placement),x=!w,g=U(y),O=function(t){return"x"===t?"y":"x"}(g),k=e.modifiersData.popperOffsets,j=e.rects.reference,E=e.rects.popper,T="function"==typeof b?b(Object.assign({},e.rects,{placement:e.placement})):b,P="number"==typeof T?{mainAxis:T,altAxis:T}:Object.assign({mainAxis:0,altAxis:0},T),A=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,L={x:0,y:0};if(k){if(o){var q,B="y"===g?s:u,W="y"===g?c:f,C="y"===g?"height":"width",H=k[g],D=H+m[B],F=H-m[W],N=h?-E[C]/2:0,G=w===p?j[C]:E[C],J=w===p?-E[C]:-j[C],K=e.elements.arrow,Q=h&&K?R(K):{width:0,height:0},X=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Y=X[B],Z=X[W],$=_(0,j[C],Q[C]),tt=x?j[C]/2-N-$-Y-P.mainAxis:G-$-Y-P.mainAxis,et=x?-j[C]/2+N+$+Z+P.mainAxis:J+$+Z+P.mainAxis,nt=e.elements.arrow&&I(e.elements.arrow),it=null!=(q=null==A?void 0:A[g])?q:0,rt=H+et-it,ot=_(h?S(D,H+tt-it-(nt?"y"===g?nt.clientTop\|\|0:nt.clientLeft\|\|0:0)):D,H,h?M(F,rt):F);k[g]=ot,L[g]=ot-H}if(l){var at,ct=k[O],ft="y"===O?"height":"width",ut=ct+m["x"===g?s:u],lt=ct-m["x"===g?c:f],dt=-1!==[s,u].indexOf(y),pt=null!=(at=null==A?void 0:A[O])?at:0,ht=dt?ut:ct-j[ft]-E[ft]-pt+P.altAxis,vt=dt?ct+j[ft]+E[ft]-pt-P.altAxis:lt,bt=h&&dt?function(t,e,n){var i=_(t,e,n);return i>n?n:i}(ht,ct,vt):_(h?ht:ut,ct,h?vt:lt);k[O]=bt,L[O]=bt-ct}e.modifiersData[i]=L}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,r=t.options,o=n.elements.arrow,a=n.modifiersData.popperOffsets,l=z(n.placement),p=U(l),h=[u,f].indexOf(l)>=0?"height":"width";if(o&&a){var v=function(t,e){return F("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:N(t,d))}(r.padding,n),b=R(o),m="y"===p?s:u,y="y"===p?c:f,w=n.rects.reference[h]+n.rects.reference[p]-a[p]-n.rects.popper[h],x=a[p]-n.rects.reference[p],g=I(o),O=g?"y"===p?g.clientHeight\|\|0:g.clientWidth\|\|0:0,k=O/2-b[h]/2+(w/2-x/2),j=_(v[m],k,O-b[h]-v[y]);n.modifiersData[i]=((e={})[p]=j,e.centerOffset=j-k,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i\|\|(i=e.elements.popper.querySelector(i)))&&q(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=st(e,{elementContext:"reference"}),s=st(e,{altBoundary:!0}),c=ut(a,i),f=ut(s,r,o),u=lt(c),l=lt(f);e.modifiersData[n]={referenceClippingOffsets:c,popperEscapeOffsets:f,isReferenceHidden:u,hasPopperEscaped:l},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":l})}}]}),wt={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,i=st(e,t.options),r=e.modifiersData.preventOverflow\|\|{x:0,y:0},o=r.x,a=r.y,s=e.rects.popper,c=s.width,f=s.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:c-i["left"===u?"left":"right"]-o,height:f-i["top"===u?"top":"bottom"]-a}}};function xt(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),i=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!==r.indexOf(n)\|\|-1!==r.indexOf(i)}var gt,Ot=function(t,e,n,i,r){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e\|\|!r:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?r.call(t,n):r?r.value=n:e.set(t,n),n};const kt={name:"applyMaxSize",enabled:!0,phase:w,requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper={...t.styles.popper,maxWidth:e+"px"}}},jt=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.active=!1,this.callbacks={activate:()=>this.active=!0,deactivate:()=>{setTimeout((()=>{this.element.isConnected&&(this.active=!1)}),2)}},this.onMouseLeave=()=>{this.element.matches(":hover")\|\|this.target?.matches(":hover")\|\|this.callbacks.deactivate()},this.hidden=!0,this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.deactivatePopper=a((()=>{this.hidden=!0,this.popper?.destroy(),this.popper=void 0}),150),gt.set(this,void 0)}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy\|\|"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&xt(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){this.active?(this.activatePopper(),this.stateless\|\|setTimeout((()=>{this.popper?.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(document.removeEventListener("keydown",this.keyDownListener),this.deactivatePopper())}listenClick(t){t.stopPropagation()}componentDidLoad(){const t=this.element.shadowRoot?.querySelector(".tooltip");if(!(t instanceof e))throw Error("tooltip element is not instanceof HTMLElement");!this.stateless&&this.target&&(this.target.addEventListener("mouseenter",this.callbacks.activate),[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave))),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){this.popper?.destroy(),!this.stateless&&this.target&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave))),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.target=void 0}componentDidRender(){this.active&&this.popper?.update()}render(){return n(i,{key:"e08707c05d17ee0a049dd74d6524c0b26b1dc639",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},n("div",{key:"12baf3facd788c17da5019ad2f01512701933e0a",class:o("tooltip",{in:this.active})},!this.noArrow&&n("div",{key:"80cb136e9339aa6132528110cc98472a0ed1b0a5","data-popper-arrow":!0,class:"tooltip-arrow"}),n("div",{key:"ed2853f256c5a66d1ef77a157b9f461e379fc658","aria-hidden":!this.descriptive\|\|void 0,class:o("tooltip-inner",{"dso-small":this.small})},n("slot",{key:"b5365e342858376bc75ed209c9a458fd05b05b49"}))))}activatePopper(){if(this.hidden=!1,this.popper)return;const t=this.element.shadowRoot?.querySelector(".tooltip");this.target&&t instanceof e&&(this.popper=yt(this.target,t,{placement:this.position,modifiers:[wt,kt,{name:"eventListeners",enabled:!1}]}),this.setStrategy())}get target(){return function(t,e,n,i){if("a"===n&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e\|\|!i:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?i:"a"===n?i.call(t):i?i.value:e.get(t)}(this,gt,"f")??this.initializeTarget()}set target(t){Ot(this,gt,t,"f")}initializeTarget(){const t=this.element.id;if(!t)return void console.warn("Unable to find reference tooltip has no [id] attribute.");const e=this.element.getRootNode();if(!(e instanceof Document\|\|e instanceof ShadowRoot))return void console.warn("rootNode is not instance of Document or ShadowRoot");const n=e.querySelector('[aria-describedBy="'+t);if(n)return Ot(this,gt,n,"f"),n;console.warn("Unable to find reference with aria-describedby "+t)}get element(){return this}static get watchers(){return{position:[{watchPosition:0}],strategy:[{watchStrategy:0}],active:[{watchActive:0}]}}static get style(){return":host(.hidden){visibility:hidden},::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:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-spacing:normal;overflow-wrap:normal;white-space:normal;--_dso-link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:0.875rem;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip.in .tooltip-inner{max-block-size:200vh;overflow:auto;visibility:visible;padding-block:8px;padding-inline:16px}.tooltip:not(.in) .tooltip-inner{max-block-size:0;overflow:hidden;visibility:hidden;transition:all 0s linear 0.15s}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-inline-start:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block-start:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline-end:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}"}},[257,"dso-tooltip",{descriptive:[516],position:[1],strategy:[1],noArrow:[4,"no-arrow"],stateless:[4],small:[4],active:[1540],hidden:[32],activate:[64],deactivate:[64]},void 0,{position:[{watchPosition:0}],strategy:[{watchStrategy:0}],active:[{watchActive:0}]}]);gt=new WeakMap;const Et=jt,zt=function(){"undefined"!=typeof customElements&&["dso-tooltip"].forEach((t=>{"dso-tooltip"===t&&(customElements.get(r(t))\|\|customElements.define(r(t),jt))}))};export{Et as DsoTooltip,zt as defineCustomElement}

package/dist/components/dso-tree-view.js CHANGED Viewed

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

package/dist/components/dso-viewer-grid.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{h as e,Fragment as n,proxyCustomElement as i,HTMLElement as t,createEvent as o,transformTag as a}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{d as l}from"./index3.js";const r=["search","map","document"],d={map:"Kaart",document:"Document",search:"Zoeken"},c={small:"smal",medium:"middel",large:"breed"},p=({className:n,onClick:i,label:t,icon:o})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:o,label:t}),m=({shrink:n,expand:i,size:t,panelLabel:o,placement:a})=>{const s=[];return"small"!==t&&s.push(e(p,{onClick:n,label:o+" smaller maken",icon:"right"===a?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(p,{onClick:i,label:o+" breder maken",icon:"right"===a?"chevron-left":"chevron-right",className:"expand"})),e("div",{class:"sizing-buttons"},e("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",o.toLocaleLowerCase(),": ",c[t]),s)},h=({tabView:n,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:o,dsoDocumentPanelSizeChangeAnimationEnd:a})=>e("div",{class:"dso-document-panel",onTransitionEnd:e=>{"flex-basis"===e.propertyName&&a.emit({currentSize:i})}},!n&&e(m,{panelLabel:"Documentpaneel",size:i,expand:o,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),b=({open:i,title:t,ref:o,dsoCloseFilterPanel:a})=>{const s=t\|\|"Filterpaneel";return e("dialog",{class:"filter-panel",ref:o,inert:!i,"aria-label":s},i&&e(n,null,e("h3",{class:{"sr-only":!t}},s),e("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:a}),e("slot",{name:"filter-panel"})))},v=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:o,mainPanelHidden:a,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:r,printFilterPanel:d})=>e("div",{class:s("dso-main-panel",{compact:!n&&t&&!o,contracted:!n&&!t&&!o,expanded:!n&&t&&o,collapsed:a}),onTransitionEnd:e=>{"flex-basis"===e.propertyName&&r.emit({currentSize:i})}},!n&&t&&e("div",{class:"toggle-button"},e("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(a?"tonen":"verbergen"),icon:a?"chevron-right":"chevron-left",onDsoClick:l})),e("div",{class:s("content",{invisible:a})},d,e("slot",{name:"main"}))),u=({ref:n,dsoCloseOverlay:i})=>e("dialog",{class:"overlay",ref:n,onCancel:e=>{e.preventDefault(),i(e)}},e("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),e("slot",{name:"overlay"})),x=new ResizeObserver(l((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&function(e){return"DSO-VIEWER-GRID"===e.tagName}(n.host)&&n.host._checkMainPanelVisibility()}),50)),f=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCloseOverlay=o(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=o(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=o(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=o(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=o(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=o(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=o(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 1032px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.print=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<1032,this.switchActiveTab=e=>{this.dsoActiveTabSwitch.emit({tab:e})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=e=>this.tabView=!e.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(e){e&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(e){this.filterPanelSlot\|\|console.warn("slot 'filter-panel' has not been set"),e?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(e){this.overlaySlot\|\|console.warn("slot 'overlay' has not been set"),e?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded\|\|this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}renderFilterPanel(){return e(b,{open:this.filterPanelOpen,title:this.filterPanelTitle,ref:e=>this.filterPanel=e,dsoCloseFilterPanel:e=>this.dsoCloseFilterPanel.emit({originalEvent:e})})}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}componentDidLoad(){this.filterPanelOpen&&this.filterPanelSlot&&this.filterPanel?.show(),this.overlayOpen&&this.overlaySlot&&this.overlay?.showModal(),this.mapElement instanceof HTMLDivElement&&x.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&x.unobserve(this.mapElement)}render(){return e(n,{key:"16cae7711656255b0992b78cb1f41509e867713c"},e("slot",{key:"cbd3beeed3f6f74d7d0bf756c33ef606db038fb8",name:"top-bar"}),e("div",{key:"2f3a4b4491770671c947e42a1451c68bd66e318a",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"b6ccffe3fe51911b3959fa1004f0861f333086d9",class:"dso-navbar"},e("ul",{key:"bfab17de5e24c41135941e111af897f5e69d8f0c",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:s({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary","aria-current":this.activeTab===n?"page":void 0,onClick:()=>this.switchActiveTab(n)},d[n])))))),(!this.tabView\|\|this.tabView&&"search"===this.activeTab\|\|this.print)&&e(v,{key:"a2541b32db8acaa908f4687eec9264feea61cfd7",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd,printFilterPanel:!this.tabView&&this.filterPanelOpen&&this.print?this.renderFilterPanel():void 0}),(!this.tabView\|\|this.tabView&&"search"===this.activeTab)&&!this.print&&this.renderFilterPanel(),(!this.tabView\|\|this.tabView&&"map"===this.activeTab\|\|this.print)&&e("div",{key:"3f491a1d03aba112a9028078c00548a9da752065",class:"map-area"},e("div",{key:"2fa11d4c920cdb1a32bcadffc5b80c8d7687fba0",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"6c12662d360dbe3309ee70c7dc1371ae612e14c4",name:"map"})),e("slot",{key:"8ce32d8e578d8c6371bb968f66b8aaf880a2b270",name:"legend"})),(!this.tabView&&this.documentPanelOpen\|\|this.tabView&&"document"===this.activeTab\|\|this.print)&&e(h,{key:"96449f71d3438b2288aada97980ede0d0c2f069d",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(u,{key:"f66a95abaec46655244a5228f17682c7dab3e6a2",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return this}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}static get style(){return", ::after, *::before { box-sizing: border-box; } :host .overlay { block-size: calc(100% - 32px); margin-block: 16px; margin-inline: auto 16px; } :host .dso-main-panel { transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .overlay-close-button { position: absolute; line-height: 1; inset-block-start: 8px; inset-inline-end: 16px; } .content.invisible { visibility: hidden; } .viewer-grid-columns { position: relative; } .dso-main-panel .content, .dso-document-panel .content { block-size: 100%; padding-block: 0; padding-inline: 16px; } .dso-main-panel { background-color: #fff; flex-shrink: 0; flex-grow: 0; position: relative; transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in; z-index: 100; } .dso-main-panel.compact.collapsed, .dso-main-panel.expanded.collapsed { inset-inline-start: -432px; } .dso-main-panel.compact, .dso-main-panel.contracted { flex-shrink: unset; flex-grow: unset; position: absolute; transition: none; } .dso-main-panel.expanded.collapsed { position: absolute; block-size: 100%; } .dso-main-panel .sizing-buttons, .dso-main-panel .toggle-button { inset-inline-start: calc(100% + 1px); transition: inset-inline-start 200ms ease-in; padding-block: 0 8px; padding-inline: 0 4px; } .dso-main-panel .toggle-button { --_dso-icon-button-border-start-start-radius: 0; --_dso-icon-button-border-end-start-radius: 0; } .dso-document-panel { background-color: #fff; flex-shrink: 0; flex-grow: 0; position: relative; transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in; z-index: 100; } .dso-document-panel .sizing-buttons { inset-block-start: auto; inset-block-end: 16px; inset-inline-end: calc(100% + 1px); transition: inset-inline-end 200ms ease-in; padding-block: 0 8px; padding-inline: 4px 0; } .dso-document-panel .sizing-buttons .shrink, .dso-document-panel .sizing-buttons .expand { --_dso-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px; --_dso-icon-button-border-start-end-radius: 0; --_dso-icon-button-border-end-end-radius: 0; } .sizing-buttons, .toggle-button { overflow-x: hidden; position: absolute; inset-block-start: 16px; inline-size: 44px; z-index: -1; } .map-area { block-size: 100%; inline-size: 100%; overflow: hidden; position: relative; } .map { position: absolute; inset: 0; overflow: hidden; } slot[name=legend] { display: block; position: absolute; inset-block-end: 16px; inset-inline-start: 16px; z-index: 1; } .filter-panel, .overlay { background-color: #fff; border: 0; block-size: 100%; margin-block: 0; max-block-size: 100vh; overflow-y: auto; z-index: 101; } .filter-panel { display: block; position: absolute; padding-block: 8px; padding-inline: 16px; inset-block-start: 0; block-size: 100%; inset-inline-start: -380px; inline-size: 100%; transition: inset-inline-start 200ms ease-in; } @media screen and (max-width: 768px) { .filter-panel { inline-size: 100vw; } .filter-panel::before { display: none !important; } } @media screen and (min-width: 992px) { .filter-panel { max-inline-size: 380px; } } .filter-panel[open] { inset-inline-start: 0; box-shadow: none; border-inline-end: 1px solid #e5e5e5; } .filter-panel h3 { color: #275937; } .filter-panel .dso-close { --_dso-icon-button-tertiary-color: #191919; position: absolute; inset-block-start: 20px; inset-inline-end: 20px; } .overlay { padding-block: 40px 8px; padding-inline: 16px; inset-inline-end: 0; inline-size: 624px; } .overlay::backdrop { background-color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 624px) { .overlay { inline-size: 100vw; } } @media screen and (min-width: 1032px) { :host(:not([print])[main-size=small]) .dso-main-panel, :host(:not([print])[document-panel-size=small]) .dso-document-panel { flex-basis: 375px; min-inline-size: 0; max-inline-size: 375px; } } @media screen and (min-width: 1032px) and (max-width: 375px) { :host(:not([print])[main-size=small]) .dso-main-panel, :host(:not([print])[document-panel-size=small]) .dso-document-panel { flex-basis: 100vw; max-inline-size: 100vw; min-inline-size: 0; transition: none; } } @media screen and (min-width: 1032px) { :host(:not([print])[main-size=medium]) .dso-main-panel, :host(:not([print])[document-panel-size=medium]) .dso-document-panel { flex-basis: 624px; min-inline-size: 375px; max-inline-size: 624px; } } @media screen and (min-width: 1032px) and (max-width: 624px) { :host(:not([print])[main-size=medium]) .dso-main-panel, :host(:not([print])[document-panel-size=medium]) .dso-document-panel { flex-basis: 100vw; max-inline-size: 100vw; min-inline-size: 375px; transition: none; } } @media screen and (min-width: 1032px) { :host(:not([print])[main-size=large]) .dso-main-panel, :host(:not([print])[document-panel-size=large]) .dso-document-panel { flex-basis: 60%; min-inline-size: 768px; max-inline-size: 1024px; } } @media screen and (min-width: 1032px) and (max-width: 768px) { :host(:not([print])[main-size=large]) .dso-main-panel, :host(:not([print])[document-panel-size=large]) .dso-document-panel { flex-basis: 100vw; max-inline-size: 100vw; min-inline-size: 768px; transition: none; } } @media screen and (min-width: 1032px) { :host(:not([print])) { display: flex; flex-direction: column; block-size: 100vh; overflow: clip; position: relative; } :host(:not([print])) .dso-main-panel.compact, :host(:not([print])) .dso-main-panel.expanded { flex-basis: unset; min-inline-size: unset; max-inline-size: unset; inline-size: 440px; } :host(:not([print])) .viewer-grid-columns { display: flex; overflow: hidden; flex-grow: 1; } :host(:not([print])) .dso-main-panel, :host(:not([print])) .dso-document-panel { box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4); } :host(:not([print])) .dso-main-panel .content, :host(:not([print])) .dso-document-panel .content { overflow-y: auto; } :host(:not([print])) .filter-panel { margin-inline: 0 auto; inline-size: calc(100vw - 40px); } :host(:not([print])) .filter-panel[open] { border-inline-end: 1px solid #e5e5e5; } :host(:not([print])) .overlay { box-shadow: -2px 0 5px #666; } } @media screen and (min-width: 1032px) and (max-width: 1031.99px) { :host(:not([print])[filter-panel-open]) .dso-main-panel { margin-inline-start: 380px; max-inline-size: calc(100vw - 380px); } :host(:not([print])) .filter-panel { inline-size: 380px; inset-inline-start: -380px; } } @media screen and (max-width: 1031.99px) { .dso-navbar { min-block-size: 32px; } .dso-navbar .dso-navbar-header { float: inline-start; } .dso-navbar .dso-navbar-toggle { border-radius: 4px; min-inline-size: auto; padding-block: 5px; padding-inline: 0; } .dso-navbar .dso-navbar-toggle dso-icon { margin-inline-start: 8px; margin-inline-end: 8px; } } @media screen and (max-width: 1031.99px) and (min-width: 992px) { .dso-navbar .dso-navbar-toggle { display: none; } } @media screen and (max-width: 1031.99px) { .dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child { margin-inline-end: 8rem; } .dso-nav { list-style: none; margin-block-end: 0; padding-inline-start: 0; } .dso-nav > li > button { border: 0; background-color: transparent; } .dso-nav > li > a, .dso-nav > li > button { display: block; } .dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited, .dso-nav > li > button, .dso-nav > li > button:hover, .dso-nav > li > button:focus, .dso-nav > li > button:visited { color: #275937; } .dso-nav > li.dso-active > a, .dso-nav > li.dso-active > button, .dso-nav > li.is-active > a, .dso-nav > li.is-active > button { border-block-end: 4px solid #8b4a6a; font-weight: bold; } .dso-nav.dso-nav-main > li { display: inline-block; } .dso-nav.dso-nav-main > li > a, .dso-nav.dso-nav-main > li > button { text-decoration: none; } .dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active, .dso-nav.dso-nav-main > li > button:hover, .dso-nav.dso-nav-main > li > button:focus-visible, .dso-nav.dso-nav-main > li > button:active { text-decoration: underline; } .dso-nav.dso-nav-main > li > a, .dso-nav.dso-nav-main > li > button { font-size: 1.25em; line-height: 1; margin-block-start: 8px; padding-block: 8px 7px; padding-inline: 16px; } .dso-nav.dso-nav-sub > li { display: inline-block; } .dso-nav.dso-nav-sub > li > a, .dso-nav.dso-nav-sub > li > button { text-decoration: none; } .dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active, .dso-nav.dso-nav-sub > li > button:hover, .dso-nav.dso-nav-sub > li > button:focus-visible, .dso-nav.dso-nav-sub > li > button:active { text-decoration: underline; } .dso-nav.dso-nav-sub > li > a, .dso-nav.dso-nav-sub > li > button { font-size: 1rem; margin-block-start: 4px; padding-block: 4px 3px; padding-inline: 8px; } .dso-navbar { padding-inline: 16px; } .dso-nav { border-block-end: 1px solid #ccc; display: flex; gap: 16px; margin-block-start: 0; inline-size: calc(100vw - 32px); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); float: var(--_dso-button-float-tertiary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small { line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { padding-block: 9px; } .dso-tertiary { border: 0; line-height: 1; padding-inline: 0; padding-block: var(--_dso-button-padding-block-tertiary, 0); background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right { color: #39870c; } .dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } .dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } .dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dso-tertiary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 8px; } .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] { margin-inline-start: 0; } .dso-tertiary dso-icon, .dso-tertiary span { vertical-align: middle; } .dso-tertiary { font-weight: 300; } :host(:not([print])) .map { position: relative; inset: auto; } :host(:not([print])) .overlay { inline-size: calc(100vw - 32px); } :host(:not([print])) .filter-panel, :host(:not([print])) .overlay { max-inline-size: 100vw; inset-block-start: 0; } :host(:not([print])) .filter-panel { margin-inline: 0; inset-inline-start: -100vw; inline-size: 100vw; } } @media screen and (min-width: 992px) { :host(:not([print])[filter-panel-open]) .dso-main-panel { margin-inline-start: 380px; } } :host([print]) { display: flex; flex-direction: column; block-size: auto; overflow: visible; } :host([print]) .viewer-grid-columns { display: flex; flex-direction: column; overflow: visible; } :host([print]) .map-area { display: flex; flex-direction: row; align-items: flex-start; overflow: visible; flex-shrink: 0; order: -1; } :host([print]) .map { flex: 1; min-inline-size: 0; align-self: stretch; block-size: 400px; position: relative; inset: auto; } :host([print]) slot[name=legend] { position: relative; inset: auto; flex-shrink: 0; --_dso-legend-content-max-block-size: none; } :host([print]) .dso-main-panel { block-size: auto; box-shadow: none; inline-size: 100%; max-inline-size: none; min-inline-size: 0; position: relative; margin-inline-start: 0; } :host([print]) .dso-main-panel .content { align-items: flex-start; block-size: auto; display: flex; flex-direction: row; gap: 32px; overflow-y: visible; } :host([print]) .dso-main-panel .content slot[name=main] { display: block; flex: 1; min-inline-size: 0; } :host([print]) .filter-panel { block-size: auto; box-shadow: none; flex-shrink: 0; inline-size: 380px; margin-inline: 0; max-inline-size: none; min-inline-size: 0; position: relative; transition: none; } :host([print]) .dso-document-panel { block-size: auto; box-shadow: none; inline-size: 100%; max-inline-size: none; min-inline-size: 0; position: static; } :host([print]) .dso-document-panel .content { block-size: auto; overflow-y: visible; } :host([print]) .sizing-buttons, :host([print]) .toggle-button { display: none; }"}},[257,"dso-viewer-grid",{filterPanelTitle:[513,"filter-panel-title"],filterPanelOpen:[516,"filter-panel-open"],overlayOpen:[516,"overlay-open"],documentPanelOpen:[516,"document-panel-open"],print:[516],mainSize:[513,"main-size"],activeTab:[1,"active-tab"],documentPanelSize:[513,"document-panel-size"],mainPanelExpanded:[4,"main-panel-expanded"],mainPanelHidden:[4,"main-panel-hidden"],tabView:[32],_checkMainPanelVisibility:[64]},void 0,{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}]),g=f,y=function(){"undefined"!=typeof customElements&&["dso-viewer-grid"].forEach((e=>{"dso-viewer-grid"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),f))}))};export{g as DsoViewerGrid,y as defineCustomElement}
1	+ import{h as e,Fragment as n,proxyCustomElement as i,HTMLElement as t,createEvent as o,transformTag as a}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{d as l}from"./index3.js";const r=["search","map","document"],d={map:"Kaart",document:"Document",search:"Zoeken"},c={small:"smal",medium:"middel",large:"breed"},p=({className:n,onClick:i,label:t,icon:o})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:o,label:t}),m=({shrink:n,expand:i,size:t,panelLabel:o,placement:a})=>{const s=[];return"small"!==t&&s.push(e(p,{onClick:n,label:o+" smaller maken",icon:"right"===a?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(p,{onClick:i,label:o+" breder maken",icon:"right"===a?"chevron-left":"chevron-right",className:"expand"})),e("div",{class:"sizing-buttons"},e("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",o.toLocaleLowerCase(),": ",c[t]),s)},b=({tabView:n,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:o,dsoDocumentPanelSizeChangeAnimationEnd:a})=>e("div",{class:"dso-document-panel",onTransitionEnd:e=>{"flex-basis"===e.propertyName&&a.emit({currentSize:i})}},!n&&e(m,{panelLabel:"Documentpaneel",size:i,expand:o,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),h=({open:i,title:t,ref:o,dsoCloseFilterPanel:a})=>{const s=t\|\|"Filterpaneel";return e("dialog",{class:"filter-panel",ref:o,inert:!i,"aria-label":s},i&&e(n,null,e("h3",{class:{"sr-only":!t}},s),e("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:a}),e("slot",{name:"filter-panel"})))},v=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:o,mainPanelHidden:a,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:r,printFilterPanel:d})=>e("div",{class:s("dso-main-panel",{compact:!n&&t&&!o,contracted:!n&&!t&&!o,expanded:!n&&t&&o,collapsed:a}),onTransitionEnd:e=>{"flex-basis"===e.propertyName&&r.emit({currentSize:i})}},!n&&t&&e("div",{class:"toggle-button"},e("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(a?"tonen":"verbergen"),icon:a?"chevron-right":"chevron-left",onDsoClick:l})),e("div",{class:s("content",{invisible:a})},d,e("slot",{name:"main"}))),u=({ref:n,dsoCloseOverlay:i})=>e("dialog",{class:"overlay",ref:n,onCancel:e=>{e.preventDefault(),i(e)}},e("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),e("slot",{name:"overlay"})),x=new ResizeObserver(l((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&function(e){return"DSO-VIEWER-GRID"===e.tagName}(n.host)&&n.host._checkMainPanelVisibility()}),50)),f=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCloseOverlay=o(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=o(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=o(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=o(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=o(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=o(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=o(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 1032px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.print=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<1032,this.switchActiveTab=e=>{this.dsoActiveTabSwitch.emit({tab:e})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=e=>this.tabView=!e.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(e){e&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(e){this.filterPanelSlot\|\|console.warn("slot 'filter-panel' has not been set"),e?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(e){this.overlaySlot\|\|console.warn("slot 'overlay' has not been set"),e?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded\|\|this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}renderFilterPanel(){return e(h,{open:this.filterPanelOpen,title:this.filterPanelTitle,ref:e=>this.filterPanel=e,dsoCloseFilterPanel:e=>this.dsoCloseFilterPanel.emit({originalEvent:e})})}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}componentDidLoad(){this.filterPanelOpen&&this.filterPanelSlot&&this.filterPanel?.show(),this.overlayOpen&&this.overlaySlot&&this.overlay?.showModal(),this.mapElement instanceof HTMLDivElement&&x.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&x.unobserve(this.mapElement)}render(){return e(n,{key:"a59859e8cc19d069face18be0fd014fa48e566ed"},e("slot",{key:"2363b65917013dc198af796952f4b6a248f4b3e1",name:"top-bar"}),e("div",{key:"91eb5741de81c6f81fae358e78bea4d568a06629",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"09ad1c978936db241555c54aa1e22ab7bb888e78",class:"dso-navbar"},e("ul",{key:"616c9ed08160e5809b8952f12b8fc5e020116ca8",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:s({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary","aria-current":this.activeTab===n?"page":void 0,onClick:()=>this.switchActiveTab(n)},d[n])))))),(!this.tabView\|\|this.tabView&&"search"===this.activeTab\|\|this.print)&&e(v,{key:"bd917ab9c254c322df6a29b547841d9c1c89a1e8",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd,printFilterPanel:!this.tabView&&this.filterPanelOpen&&this.print?this.renderFilterPanel():void 0}),(!this.tabView\|\|this.tabView&&"search"===this.activeTab)&&!this.print&&this.renderFilterPanel(),(!this.tabView\|\|this.tabView&&"map"===this.activeTab\|\|this.print)&&e("div",{key:"4273395e08a807b1e9c1be69ea94b2eaf3bca0f9",class:"map-area"},e("div",{key:"3fc00a8b39fc387b55303bed4d742acc530cd653",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"b623696c1d90ad1d5d7a44b12a7ef1255bf1828d",name:"map"})),e("slot",{key:"013a763fc6e500a531720dea02d2f55307ebb37f",name:"legend"})),(!this.tabView&&this.documentPanelOpen\|\|this.tabView&&"document"===this.activeTab\|\|this.print)&&e(b,{key:"faeafe5d5044849bc9ca3290b488686606eac9da",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(u,{key:"eb0ae7936cc4029311fb2d93143938424625f20d",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return this}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}static get style(){return", ::after, *::before { box-sizing: border-box; } :host .overlay { block-size: calc(100% - 32px); margin-block: 16px; margin-inline: auto 16px; } :host .dso-main-panel { transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; } button { -webkit-appearance: button; color: inherit; cursor: pointer; font: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: visible; text-transform: none; } button[disabled] { cursor: default; } button::-moz-focus-inner { border: 0; padding: 0; } .sr-only { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip-path: rect(0 0 0 0); } .overlay-close-button { position: absolute; line-height: 1; inset-block-start: 8px; inset-inline-end: 16px; } .content.invisible { visibility: hidden; } .viewer-grid-columns { position: relative; } .dso-main-panel .content, .dso-document-panel .content { block-size: 100%; padding-block: 0; padding-inline: 16px; } .dso-main-panel { background-color: #fff; flex-shrink: 0; flex-grow: 0; position: relative; transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in; z-index: 100; } .dso-main-panel.compact.collapsed, .dso-main-panel.expanded.collapsed { inset-inline-start: -432px; } .dso-main-panel.compact, .dso-main-panel.contracted { flex-shrink: unset; flex-grow: unset; position: absolute; transition: none; } .dso-main-panel.expanded.collapsed { position: absolute; block-size: 100%; } .dso-main-panel .sizing-buttons, .dso-main-panel .toggle-button { inset-inline-start: calc(100% + 1px); transition: inset-inline-start 200ms ease-in; padding-block: 0 8px; padding-inline: 0 4px; } .dso-main-panel .toggle-button { --_dso-icon-button-border-start-start-radius: 0; --_dso-icon-button-border-end-start-radius: 0; } .dso-document-panel { background-color: #fff; flex-shrink: 0; flex-grow: 0; position: relative; transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in; z-index: 100; } .dso-document-panel .sizing-buttons { inset-block-start: auto; inset-block-end: 16px; inset-inline-end: calc(100% + 1px); transition: inset-inline-end 200ms ease-in; padding-block: 0 8px; padding-inline: 4px 0; } .dso-document-panel .sizing-buttons .shrink, .dso-document-panel .sizing-buttons .expand { --_dso-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px; --_dso-icon-button-border-start-end-radius: 0; --_dso-icon-button-border-end-end-radius: 0; } .sizing-buttons, .toggle-button { overflow-x: hidden; position: absolute; inset-block-start: 16px; inline-size: 44px; z-index: -1; } .map-area { block-size: 100%; inline-size: 100%; overflow: hidden; position: relative; } .map { position: absolute; inset: 0; overflow: hidden; } slot[name=legend] { display: block; position: absolute; inset-block-end: 16px; inset-inline-start: 16px; z-index: 1; } .filter-panel, .overlay { background-color: #fff; border: 0; block-size: 100%; margin-block: 0; max-block-size: 100vh; overflow-y: auto; z-index: 101; } .filter-panel { display: block; position: absolute; padding-block: 8px; padding-inline: 16px; inset-block-start: 0; block-size: 100%; inset-inline-start: -380px; inline-size: 100%; transition: inset-inline-start 200ms ease-in; } @media screen and (max-width: 768px) { .filter-panel { inline-size: 100vw; } .filter-panel::before { display: none !important; } } @media screen and (min-width: 992px) { .filter-panel { max-inline-size: 380px; } } .filter-panel[open] { inset-inline-start: 0; box-shadow: none; border-inline-end: 1px solid #e5e5e5; } .filter-panel h3 { color: #275937; } .filter-panel .dso-close { --_dso-icon-button-tertiary-color: #191919; position: absolute; inset-block-start: 20px; inset-inline-end: 20px; } .overlay { padding-block: 40px 8px; padding-inline: 16px; inset-inline-end: 0; inline-size: 624px; } .overlay::backdrop { background-color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 624px) { .overlay { inline-size: 100vw; } } @media screen and (min-width: 1032px) { :host(:not([print])[main-size=small]) .dso-main-panel, :host(:not([print])[document-panel-size=small]) .dso-document-panel { flex-basis: 375px; min-inline-size: 0; max-inline-size: 375px; } } @media screen and (min-width: 1032px) and (max-width: 375px) { :host(:not([print])[main-size=small]) .dso-main-panel, :host(:not([print])[document-panel-size=small]) .dso-document-panel { flex-basis: 100vw; max-inline-size: 100vw; min-inline-size: 0; transition: none; } } @media screen and (min-width: 1032px) { :host(:not([print])[main-size=medium]) .dso-main-panel, :host(:not([print])[document-panel-size=medium]) .dso-document-panel { flex-basis: 624px; min-inline-size: 375px; max-inline-size: 624px; } } @media screen and (min-width: 1032px) and (max-width: 624px) { :host(:not([print])[main-size=medium]) .dso-main-panel, :host(:not([print])[document-panel-size=medium]) .dso-document-panel { flex-basis: 100vw; max-inline-size: 100vw; min-inline-size: 375px; transition: none; } } @media screen and (min-width: 1032px) { :host(:not([print])[main-size=large]) .dso-main-panel, :host(:not([print])[document-panel-size=large]) .dso-document-panel { flex-basis: 60%; min-inline-size: 768px; max-inline-size: 1024px; } } @media screen and (min-width: 1032px) and (max-width: 768px) { :host(:not([print])[main-size=large]) .dso-main-panel, :host(:not([print])[document-panel-size=large]) .dso-document-panel { flex-basis: 100vw; max-inline-size: 100vw; min-inline-size: 768px; transition: none; } } @media screen and (min-width: 1032px) { :host(:not([print])) { display: flex; flex-direction: column; block-size: 100vh; overflow: clip; position: relative; } :host(:not([print])) .dso-main-panel.compact, :host(:not([print])) .dso-main-panel.expanded { flex-basis: unset; min-inline-size: unset; max-inline-size: unset; inline-size: 440px; } :host(:not([print])) .viewer-grid-columns { display: flex; overflow: hidden; flex-grow: 1; } :host(:not([print])) .dso-main-panel, :host(:not([print])) .dso-document-panel { box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4); } :host(:not([print])) .dso-main-panel .content, :host(:not([print])) .dso-document-panel .content { overflow-y: auto; } :host(:not([print])) .filter-panel { margin-inline: 0 auto; inline-size: calc(100vw - 40px); } :host(:not([print])) .filter-panel[open] { border-inline-end: 1px solid #e5e5e5; } :host(:not([print])) .overlay { box-shadow: -2px 0 5px #666; } } @media screen and (min-width: 1032px) and (max-width: 1031.99px) { :host(:not([print])[filter-panel-open]) .dso-main-panel { margin-inline-start: 380px; max-inline-size: calc(100vw - 380px); } :host(:not([print])) .filter-panel { inline-size: 380px; inset-inline-start: -380px; } } @media screen and (max-width: 1031.99px) { .dso-navbar { min-block-size: 32px; } .dso-navbar .dso-navbar-header { float: inline-start; } .dso-navbar .dso-navbar-toggle { border-radius: 4px; min-inline-size: auto; padding-block: 5px; padding-inline: 0; } .dso-navbar .dso-navbar-toggle dso-icon { margin-inline-start: 8px; margin-inline-end: 8px; } } @media screen and (max-width: 1031.99px) and (min-width: 992px) { .dso-navbar .dso-navbar-toggle { display: none; } } @media screen and (max-width: 1031.99px) { .dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child { margin-inline-end: 8rem; } .dso-nav { list-style: none; margin-block-end: 0; padding-inline-start: 0; } .dso-nav > li > button { border: 0; background-color: transparent; } .dso-nav > li > a, .dso-nav > li > button { display: block; } .dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited, .dso-nav > li > button, .dso-nav > li > button:hover, .dso-nav > li > button:focus, .dso-nav > li > button:visited { color: #275937; } .dso-nav > li.dso-active > a, .dso-nav > li.dso-active > button, .dso-nav > li.is-active > a, .dso-nav > li.is-active > button { border-block-end: 4px solid #8b4a6a; font-weight: bold; } .dso-nav.dso-nav-main > li { display: inline-block; } .dso-nav.dso-nav-main > li > a, .dso-nav.dso-nav-main > li > button { text-decoration: none; } .dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active, .dso-nav.dso-nav-main > li > button:hover, .dso-nav.dso-nav-main > li > button:focus-visible, .dso-nav.dso-nav-main > li > button:active { text-decoration: underline; } .dso-nav.dso-nav-main > li > a, .dso-nav.dso-nav-main > li > button { font-size: 1.25em; line-height: 1; margin-block-start: 8px; padding-block: 8px 7px; padding-inline: 16px; } .dso-nav.dso-nav-sub > li { display: inline-block; } .dso-nav.dso-nav-sub > li > a, .dso-nav.dso-nav-sub > li > button { text-decoration: none; } .dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active, .dso-nav.dso-nav-sub > li > button:hover, .dso-nav.dso-nav-sub > li > button:focus-visible, .dso-nav.dso-nav-sub > li > button:active { text-decoration: underline; } .dso-nav.dso-nav-sub > li > a, .dso-nav.dso-nav-sub > li > button { font-size: 1rem; margin-block-start: 4px; padding-block: 4px 3px; padding-inline: 8px; } .dso-navbar { padding-inline: 16px; } .dso-nav { border-block-end: 1px solid #ccc; display: flex; gap: 16px; margin-block-start: 0; inline-size: calc(100vw - 32px); } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { display: inline-block; font-size: 1em; font-weight: 500; margin-block-end: 0; text-decoration: none; touch-action: manipulation; text-align: var(--_dso-button-text-align, start); user-select: none; vertical-align: middle; background-clip: padding-box; } .dso-tertiary:focus, .dso-tertiary:focus-visible { outline-offset: 2px; } .dso-tertiary:active { outline: 0; } .dso-tertiary { background-color: var(--_dso-button-tertiary-background-color, ); border-color: var(--_dso-button-tertiary-border-color, ); color: var(--_dso-button-tertiary-color, #39870c); float: var(--_dso-button-float-tertiary, none); border-width: 1px; border-style: solid; border-radius: 4px; line-height: 1.5; min-inline-size: auto; inline-size: var(--_dso-button-inline-size, auto); padding-block: 11px; padding-inline: 15px; } .dso-tertiary:hover { background-color: var(--_dso-button-tertiary-hover-background-color, ); border-color: var(--_dso-button-tertiary-hover-border-color, ); color: var(--_dso-button-tertiary-hover-color, #275937); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary:active { background-color: var(--_dso-button-tertiary-active-background-color, ); border-color: var(--_dso-button-tertiary-active-border-color, ); color: var(--_dso-button-tertiary-active-color, #173521); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary[disabled], .dso-tertiary[disabled]:hover { background-color: var(--_dso-button-tertiary-disabled-background-color, ); border-color: var(--_dso-button-tertiary-disabled-border-color, ); color: var(--_dso-button-tertiary-disabled-color, #afcf9d); float: var(--_dso-button-float-tertiary, none); } .dso-tertiary.dso-small { line-height: 1rem; } .dso-tertiary.dso-small dso-icon, .dso-tertiary.dso-small.extern::after, .dso-tertiary.dso-small.download::after, .dso-tertiary.dso-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { line-height: 1rem; } .dso-tertiary.dso-extra-small dso-icon, .dso-tertiary.dso-extra-small.extern::after, .dso-tertiary.dso-extra-small.download::after, .dso-tertiary.dso-extra-small.dso-spinner::before { margin-block-end: -4px; margin-block-start: -4px; } .dso-tertiary.dso-extra-small.dso-spinner-left::before { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small.dso-spinner-right::after { block-size: 16px; inline-size: 16px; } .dso-tertiary.dso-extra-small { padding-block: 9px; } .dso-tertiary { border: 0; line-height: 1; padding-inline: 0; padding-block: var(--_dso-button-padding-block-tertiary, 0); background-color: transparent; } .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right { color: #39870c; } .dso-tertiary:not([disabled]):hover { text-decoration: underline; text-underline-position: under; } .dso-tertiary.dso-align { line-height: calc(1.5em - 1px); padding-block: 11px; padding-inline: 0; position: relative; } .dso-tertiary.dso-truncate { max-inline-size: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dso-tertiary.dso-spinner-left::before { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-end: 8px; } .dso-tertiary.dso-spinner-right::after { background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\"); background-repeat: no-repeat; content: \"\"; display: inline-block; block-size: 24px; vertical-align: middle; inline-size: 24px; margin-inline-start: 8px; } .dso-tertiary dso-icon + span:not(.sr-only), .dso-tertiary span:not(.sr-only) + dso-icon { margin-inline-start: 4px; } .dso-tertiary dso-icon, .dso-tertiary span { vertical-align: middle; } .dso-tertiary { font-weight: 300; } :host(:not([print])) .map { position: relative; inset: auto; } :host(:not([print])) .overlay { inline-size: calc(100vw - 32px); } :host(:not([print])) .filter-panel, :host(:not([print])) .overlay { max-inline-size: 100vw; inset-block-start: 0; } :host(:not([print])) .filter-panel { margin-inline: 0; inset-inline-start: -100vw; inline-size: 100vw; } } @media screen and (min-width: 992px) { :host(:not([print])[filter-panel-open]) .dso-main-panel { margin-inline-start: 380px; } } :host([print]) { display: flex; flex-direction: column; block-size: auto; overflow: visible; } :host([print]) .viewer-grid-columns { display: flex; flex-direction: column; overflow: visible; } :host([print]) .map-area { display: flex; flex-direction: row; align-items: flex-start; overflow: visible; flex-shrink: 0; order: -1; } :host([print]) .map { flex: 1; min-inline-size: 0; align-self: stretch; block-size: 400px; position: relative; inset: auto; } :host([print]) slot[name=legend] { position: relative; inset: auto; flex-shrink: 0; --_dso-legend-content-max-block-size: none; } :host([print]) .dso-main-panel { block-size: auto; box-shadow: none; inline-size: 100%; max-inline-size: none; min-inline-size: 0; position: relative; margin-inline-start: 0; } :host([print]) .dso-main-panel .content { align-items: flex-start; block-size: auto; display: flex; flex-direction: row; gap: 32px; overflow-y: visible; } :host([print]) .dso-main-panel .content slot[name=main] { display: block; flex: 1; min-inline-size: 0; } :host([print]) .filter-panel { block-size: auto; box-shadow: none; flex-shrink: 0; inline-size: 380px; margin-inline: 0; max-inline-size: none; min-inline-size: 0; position: relative; transition: none; } :host([print]) .dso-document-panel { block-size: auto; box-shadow: none; inline-size: 100%; max-inline-size: none; min-inline-size: 0; position: static; } :host([print]) .dso-document-panel .content { block-size: auto; overflow-y: visible; } :host([print]) .sizing-buttons, :host([print]) .toggle-button { display: none; }"}},[257,"dso-viewer-grid",{filterPanelTitle:[513,"filter-panel-title"],filterPanelOpen:[516,"filter-panel-open"],overlayOpen:[516,"overlay-open"],documentPanelOpen:[516,"document-panel-open"],print:[516],mainSize:[513,"main-size"],activeTab:[1,"active-tab"],documentPanelSize:[513,"document-panel-size"],mainPanelExpanded:[4,"main-panel-expanded"],mainPanelHidden:[4,"main-panel-hidden"],tabView:[32],_checkMainPanelVisibility:[64]},void 0,{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}]),g=f,k=function(){"undefined"!=typeof customElements&&["dso-viewer-grid"].forEach((e=>{"dso-viewer-grid"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),f))}))};export{g as DsoViewerGrid,k as defineCustomElement}

package/dist/components/dsot-document-component-demo.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Fragment as r,transformTag as s}from"@stencil/core/internal/client";import{g as i,c as a,d as c}from"./ozon-content.js";import{d as u}from"./alert.js";import{d as f}from"./annotation-locatie.js";import{d as l}from"./badge.js";import{d}from"./document-component.js";import{d as h}from"./icon.js";import{d as m}from"./icon-button.js";import{d as p}from"./image-overlay.js";import{d as b}from"./label.js";import{d as v}from"./modal.js";import{d as g}from"./ozon-content-toggletip.js";import{d as y}from"./panel.js";import{d as j}from"./renvooi.js";import{d as k}from"./responsive-element.js";import{d as C}from"./scrollable.js";import{d as E}from"./slide-toggle.js";import{d as w}from"./table.js";var D,A,O,z,S=i(function(){if(A)return D;A=1;var t=1/0,e=9007199254740991,n=/^\s+\|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,s=/^0o[0-7]+$/i,i=/^(?:0\|[1-9]\d)$/,a=parseFloat,c=parseInt,u=Object.prototype.toString,f=Math.floor,l=Math.min,d=Math.random;function h(t){var e=typeof t;return!!t&&("object"==e\|\|"function"==e)}function m(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t\|\|function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==u.call(t)}(t))return NaN;if(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var i=r.test(t);return i\|\|s.test(t)?c(t.slice(2),i?2:8):o.test(t)?NaN:+t}(e))===t\|\|e===-1/0?17976931348623157e292(e<0?-1:1):e==e?e:0:0===e?e:0}return D=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!h(o))return!1;var r=typeof n;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!function(t){var e=h(t)?u.call(t):"";return"[object Function]"==e\|\|"[object GeneratorFunction]"==e}(t)}(o)&&function(t,n){return!!(n=null==n?e:n)&&("number"==typeof t\|\|i.test(t))&&t>-1&&t%1==0&&t<n}(n,o.length):"string"==r&&n in o)&&function(t,e){return t===e\|\|t!=t&&e!=e}(o[n],t)}(t,n,o)&&(n=o=void 0),void 0===o&&("boolean"==typeof n?(o=n,n=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===n?(t=0,n=1):(t=m(t),void 0===n?(n=t,t=0):n=m(n)),t>n){var r=t;t=n,n=r}if(o\|\|t%1\|\|n%1){var s=d();return l(t+s(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+f(d()(e-t+1))}(t,n)}}()),T=i(function(){if(z)return O;z=1;var t=1/0,e=9007199254740991,n="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",i="[object DataView]",c=/^\s+\|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,f=/^0b[01]+$/i,l=/^\[object .+?Constructor\]$/,d=/^0o[0-7]+$/i,h=/^(?:0\|[1-9]\d)$/,m="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+m+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+m+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"\|"+j+")?",A="["+v+"]?",S=A+D+"(?:"+w+"(?:"+[k,C,E].join("\|")+")"+A+D+")",T=RegExp(j+"(?="+j+")\|(?:"+[k+y+"?",y,C,E,g].join("\|")+")"+S,"g"),$=RegExp("["+w+m+p+b+v+"]"),F=parseInt,I="object"==typeof self&&self&&self.Object===Object&&self,x="object"==typeof a&&a&&a.Object===Object&&a\|\|I\|\|Function("return this")();function M(t){var e=-1,n=Array(t.size);return t.forEach((function(t,o){n[++e]=[o,t]})),n}function N(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var R=Function.prototype,W=Object.prototype,B=x["__core-js_shared__"],L=function(){var t=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO\|\|"");return t?"Symbol(src)_1."+t:""}(),V=R.toString,K=W.hasOwnProperty,P=W.toString,G=RegExp("^"+V.call(K).replace(/[\\^$.+?()[\]{}\|]/g,"\\$&").replace(/hasOwnProperty\|(function).?(?=\\\()\| for .+?(?=\\\])/g,"$1.?")+"$"),U=x.Symbol,H=U?U.iterator:void 0,_=W.propertyIsEnumerable,q=Math.floor,J=function(t,e){return function(n){return t(e(n))}}(Object.keys,Object),Q=Math.random,X=ct(x,"DataView"),Y=ct(x,"Map"),Z=ct(x,"Promise"),tt=ct(x,"Set"),et=ct(x,"WeakMap"),nt=lt(X),ot=lt(Y),rt=lt(Z),st=lt(tt),it=lt(et);function at(t,e){return t+q(Q()(e-t+1))}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){if(!pt(t)\|\|function(t){return!!L&&L in t}(t))return!1;var e=mt(t)\|\|function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:l;return e.test(lt(t))}(n)?n:void 0}var ut=function(t){return P.call(t)};function ft(t,n){return!!(n=null==n?e:n)&&("number"==typeof t\|\|h.test(t))&&t>-1&&t%1==0&&t<n}function lt(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(X&&ut(new X(new ArrayBuffer(1)))!=i\|\|Y&&ut(new Y)!=n\|\|Z&&ut(Z.resolve())!=o\|\|tt&&ut(new tt)!=r\|\|et&&ut(new et)!=s)&&(ut=function(t){var e=P.call(t),a="[object Object]"==e?t.constructor:void 0,c=a?lt(a):void 0;if(c)switch(c){case nt:return i;case ot:return n;case rt:return o;case st:return r;case it:return s}return e});var dt=Array.isArray;function ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!mt(t)}function mt(t){var e=pt(t)?P.call(t):"";return"[object Function]"==e\|\|"[object GeneratorFunction]"==e}function pt(t){var e=typeof t;return!!t&&("object"==e\|\|"function"==e)}function bt(t){return!!t&&"object"==typeof t}function vt(t){return t?function(t,e){return function(t,e){for(var n=-1,o=t?t.length:0,r=Array(o);++n<o;)r[n]=e(t[n]);return r}(e,(function(e){return t[e]}))}(t,function(t){return ht(t)?function(t){var e=dt(t)\|\|function(t){return function(t){return bt(t)&&ht(t)}(t)&&K.call(t,"callee")&&(!_.call(t,"callee")\|\|"[object Arguments]"==P.call(t))}(t)?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],n=e.length,o=!!n;for(var r in t)!K.call(t,r)\|\|o&&("length"==r\|\|ft(r,n))\|\|e.push(r);return e}(t):function(t){if(!function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype\|\|W)}(t))return J(t);var e=[];for(var n in Object(t))K.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}(t)):[]}return O=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(ht(t))return function(t){return"string"==typeof t\|\|!dt(t)&&bt(t)&&"[object String]"==P.call(t)}(t)?function(t){return function(t){return $.test(t)}(t)?function(t){return t.match(T)\|\|[]}(t):function(t){return t.split("")}(t)}(t):function(t,e){var n=-1,o=t.length;for(e\|\|(e=Array(o));++n<o;)e[n]=t[n];return e}(t);if(H&&t[H])return function(t){for(var e,n=[];!(e=t.next()).done;)n.push(e.value);return n}(t[H]());var e=ut(t);return(e==n?M:e==r?N:vt)(t)}(e),l=a.length,h=l-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?ht(n)&&ft(e,n.length):"string"==o&&e in n)&&function(t,e){return t===e\|\|t!=t&&e!=e}(n[e],t)}(e,o,s):void 0===o)?1:function(t,e,n){return t==t&&(void 0!==n&&(t=t<=n?t:n),t=t>=0?t:0),t}(function(e){var n=function(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t\|\|bt(t)&&"[object Symbol]"==P.call(t)}(t))return NaN;if(pt(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=pt(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var n=f.test(t);return n\|\|d.test(t)?F(t.slice(2),n?2:8):u.test(t)?NaN:+t}(e))===t\|\|e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}(e),o=n%1;return n==n?o?n-o:n:0}(o),0,l);++i<o;){var m=at(i,h),p=a[m];a[m]=a[i],a[i]=p}return a.length=o,a}}());const $=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,e)=>{const n=this.getEmbeddedDocumentComponents(t);if(n)for(const t of n.documentComponents)this.handleOpenToggle(t,e.next)},this.DocumentComponent=({path:t})=>{const e=t.at(-1);if(!e\|\|"table-of-contents"===this.mode&&"LID"===e.type)return o(r,null);const{DocumentComponent:n}=this,s=this.getEmbeddedDocumentComponents(e);let i,a,c,u,f;return this.hasNestedDraft(e)&&(this.showBesluitversie?(i="B",a="primary",c="Dit is een besluitversie."):(i="!",a="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),e.bevatOntwerpInformatie&&(this.showBesluitversie?(u="Besluitversie",f="primary"):(u="Ontwerp",f="warning")),o("dso-document-component",{annotated:this.isAnnotated(e),filtered:this.isOpen(e)?this.isFiltered(e):this.hasFilteredChildren(e),gereserveerd:e.gereserveerd,heading:"h2",kop:e.kop,inhoud:e.inhoud,openAnnotation:this.isOpenedAnnotation(e),notApplicable:this.isNotApplicable(e)\|\|t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(e,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(e),open:this.isOpen(e),type:e.type,vervallen:e.vervallen,wijzigactie:e.wijzigactie,recursiveToggle:this.recursiveToggleState(e),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(e,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+e.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:i,badgeStatus:a,badgeTooltip:c,label:u,labelStatus:f},this.isOpenedAnnotation(e)&&o("div",{slot:"annotations"},o("dso-annotation-locatie",{active:this.isCheckedSlideToggle(e),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(e)},o("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(e)&&s?.documentComponents.length&&o("ul",{class:"dso-document-component-list"},s.documentComponents.map((e=>o("li",{key:e.documentTechnischId},o(n,{path:[...t,e]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:e}=t;return o("button",{type:"button",onClick:()=>this.document=t},o("span",null,o("i",null,e)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const e=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of e)e.push(...this.concatEmbeddedDocumentComponents(t));return e}selectRandomDocumentComponents(t,e=[]){const n=this.concatEmbeddedDocumentComponents(t).filter((t=>!e.includes(t))),o=S(0,Math.floor(n.length/10));return T(n,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,e){const n="boolean"==typeof e?e:this.openOrClosed.includes(t);n&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((e=>e!==t)):n\|\|this.openOrClosed.includes(t)\|\|(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,e){this.openedAnnotation=this.isOpenedAnnotation(t)&&!e.next?this.openedAnnotation.filter((e=>e!==t)):[...this.openedAnnotation,t],this.isOpen(t)\|\|(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((e=>e!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)\|\|(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type\|\|this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie\|\|this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const e=this.getEmbeddedDocumentComponents(t);if(e&&!(e.documentComponents.length<=1)&&e.documentComponents.some((t=>"ARTIKEL"===t.type)))return e.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type\|\|"DIVISIETEKST"===t.type\|\|"ARTIKEL"===t.type\|\|"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:e}=this;return o("dso-responsive-element",{key:"17ef11c09b5648fab55636dcd62872ccc081ce01",class:"dso-document-components"},o("div",{key:"149cd4cf2293999258f6440216ce6b0971d9610f",class:"dso-navbar"},o("ul",{key:"362e52584723259f16cf7d33f8afbf8b60103902",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>o("li",{class:this.document===t?"dso-active":void 0},o(e,{documentComponent:t})))))),this.document&&o(t,{key:"506e0e1e30af9c41225a1b2be6c9ebe3055fb2bb",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}static get style(){return".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}"}},[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],showBesluitversie:[4,"show-besluitversie"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],mode:[513],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],response:[32],document:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]},void 0,{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}]),F=$,I=function(){"undefined"!=typeof customElements&&["dsot-document-component-demo","dso-alert","dso-annotation-locatie","dso-badge","dso-document-component","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-modal","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-renvooi","dso-responsive-element","dso-scrollable","dso-slide-toggle","dso-table"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))\|\|customElements.define(s(t),$);break;case"dso-alert":customElements.get(s(t))\|\|u();break;case"dso-annotation-locatie":customElements.get(s(t))\|\|f();break;case"dso-badge":customElements.get(s(t))\|\|l();break;case"dso-document-component":customElements.get(s(t))\|\|d();break;case"dso-icon":customElements.get(s(t))\|\|h();break;case"dso-icon-button":customElements.get(s(t))\|\|m();break;case"dso-image-overlay":customElements.get(s(t))\|\|p();break;case"dso-label":customElements.get(s(t))\|\|b();break;case"dso-modal":customElements.get(s(t))\|\|v();break;case"dso-ozon-content":customElements.get(s(t))\|\|c();break;case"dso-ozon-content-toggletip":customElements.get(s(t))\|\|g();break;case"dso-panel":customElements.get(s(t))\|\|y();break;case"dso-renvooi":customElements.get(s(t))\|\|j();break;case"dso-responsive-element":customElements.get(s(t))\|\|k();break;case"dso-scrollable":customElements.get(s(t))\|\|C();break;case"dso-slide-toggle":customElements.get(s(t))\|\|E();break;case"dso-table":customElements.get(s(t))\|\|w()}}))};export{F as DsotDocumentComponentDemo,I as defineCustomElement}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as n,h as o,Fragment as r,transformTag as s}from"@stencil/core/internal/client";import{g as i,c as a,d as c}from"./ozon-content.js";import{d as u}from"./alert.js";import{d}from"./annotation-locatie.js";import{d as f}from"./badge.js";import{d as l}from"./document-component.js";import{d as h}from"./icon.js";import{d as m}from"./icon-button.js";import{d as p}from"./image-overlay.js";import{d as b}from"./label.js";import{d as v}from"./modal.js";import{d as g}from"./ozon-content-toggletip.js";import{d as y}from"./panel.js";import{d as j}from"./renvooi.js";import{d as k}from"./responsive-element.js";import{d as C}from"./scrollable.js";import{d as E}from"./slide-toggle.js";import{d as w}from"./table.js";var D,A,O,z,S=i(function(){if(A)return D;A=1;var t=1/0,e=9007199254740991,n=/^\s+\|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,s=/^0o[0-7]+$/i,i=/^(?:0\|[1-9]\d)$/,a=parseFloat,c=parseInt,u=Object.prototype.toString,d=Math.floor,f=Math.min,l=Math.random;function h(t){var e=typeof t;return!!t&&("object"==e\|\|"function"==e)}function m(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t\|\|function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==u.call(t)}(t))return NaN;if(h(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=h(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(n,"");var i=r.test(t);return i\|\|s.test(t)?c(t.slice(2),i?2:8):o.test(t)?NaN:+t}(e))===t\|\|e===-1/0?17976931348623157e292(e<0?-1:1):e==e?e:0:0===e?e:0}return D=function(t,n,o){if(o&&"boolean"!=typeof o&&function(t,n,o){if(!h(o))return!1;var r=typeof n;return!!("number"==r?function(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!function(t){var e=h(t)?u.call(t):"";return"[object Function]"==e\|\|"[object GeneratorFunction]"==e}(t)}(o)&&function(t,n){return!!(n=null==n?e:n)&&("number"==typeof t\|\|i.test(t))&&t>-1&&t%1==0&&t<n}(n,o.length):"string"==r&&n in o)&&function(t,e){return t===e\|\|t!=t&&e!=e}(o[n],t)}(t,n,o)&&(n=o=void 0),void 0===o&&("boolean"==typeof n?(o=n,n=void 0):"boolean"==typeof t&&(o=t,t=void 0)),void 0===t&&void 0===n?(t=0,n=1):(t=m(t),void 0===n?(n=t,t=0):n=m(n)),t>n){var r=t;t=n,n=r}if(o\|\|t%1\|\|n%1){var s=l();return f(t+s(n-t+a("1e-"+((s+"").length-1))),n)}return function(t,e){return t+d(l()(e-t+1))}(t,n)}}()),T=i(function(){if(z)return O;z=1;var t=1/0,e=9007199254740991,n="[object Map]",o="[object Promise]",r="[object Set]",s="[object WeakMap]",i="[object DataView]",c=/^\s+\|\s+$/g,u=/^[-+]0x[0-9a-f]+$/i,d=/^0b[01]+$/i,f=/^\[object .+?Constructor\]$/,l=/^0o[0-7]+$/i,h=/^(?:0\|[1-9]\d)$/,m="\\ud800-\\udfff",p="\\u0300-\\u036f\\ufe20-\\ufe23",b="\\u20d0-\\u20f0",v="\\ufe0e\\ufe0f",g="["+m+"]",y="["+p+b+"]",j="\\ud83c[\\udffb-\\udfff]",k="[^"+m+"]",C="(?:\\ud83c[\\udde6-\\uddff]){2}",E="[\\ud800-\\udbff][\\udc00-\\udfff]",w="\\u200d",D="(?:"+y+"\|"+j+")?",A="["+v+"]?",S=A+D+"(?:"+w+"(?:"+[k,C,E].join("\|")+")"+A+D+")",T=RegExp(j+"(?="+j+")\|(?:"+[k+y+"?",y,C,E,g].join("\|")+")"+S,"g"),$=RegExp("["+w+m+p+b+v+"]"),F=parseInt,I="object"==typeof self&&self&&self.Object===Object&&self,x="object"==typeof a&&a&&a.Object===Object&&a\|\|I\|\|Function("return this")();function M(t){var e=-1,n=Array(t.size);return t.forEach((function(t,o){n[++e]=[o,t]})),n}function N(t){var e=-1,n=Array(t.size);return t.forEach((function(t){n[++e]=t})),n}var R=Function.prototype,W=Object.prototype,B=x["__core-js_shared__"],L=function(){var t=/[^.]+$/.exec(B&&B.keys&&B.keys.IE_PROTO\|\|"");return t?"Symbol(src)_1."+t:""}(),V=R.toString,K=W.hasOwnProperty,P=W.toString,G=RegExp("^"+V.call(K).replace(/[\\^$.+?()[\]{}\|]/g,"\\$&").replace(/hasOwnProperty\|(function).?(?=\\\()\| for .+?(?=\\\])/g,"$1.?")+"$"),U=x.Symbol,H=U?U.iterator:void 0,_=W.propertyIsEnumerable,q=Math.floor,J=function(t,e){return function(n){return t(e(n))}}(Object.keys,Object),Q=Math.random,X=ct(x,"DataView"),Y=ct(x,"Map"),Z=ct(x,"Promise"),tt=ct(x,"Set"),et=ct(x,"WeakMap"),nt=ft(X),ot=ft(Y),rt=ft(Z),st=ft(tt),it=ft(et);function at(t,e){return t+q(Q()(e-t+1))}function ct(t,e){var n=function(t,e){return null==t?void 0:t[e]}(t,e);return function(t){if(!pt(t)\|\|function(t){return!!L&&L in t}(t))return!1;var e=mt(t)\|\|function(t){var e=!1;if(null!=t&&"function"!=typeof t.toString)try{e=!!(t+"")}catch(t){}return e}(t)?G:f;return e.test(ft(t))}(n)?n:void 0}var ut=function(t){return P.call(t)};function dt(t,n){return!!(n=null==n?e:n)&&("number"==typeof t\|\|h.test(t))&&t>-1&&t%1==0&&t<n}function ft(t){if(null!=t){try{return V.call(t)}catch(t){}try{return t+""}catch(t){}}return""}(X&&ut(new X(new ArrayBuffer(1)))!=i\|\|Y&&ut(new Y)!=n\|\|Z&&ut(Z.resolve())!=o\|\|tt&&ut(new tt)!=r\|\|et&&ut(new et)!=s)&&(ut=function(t){var e=P.call(t),a="[object Object]"==e?t.constructor:void 0,c=a?ft(a):void 0;if(c)switch(c){case nt:return i;case ot:return n;case rt:return o;case st:return r;case it:return s}return e});var lt=Array.isArray;function ht(t){return null!=t&&function(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}(t.length)&&!mt(t)}function mt(t){var e=pt(t)?P.call(t):"";return"[object Function]"==e\|\|"[object GeneratorFunction]"==e}function pt(t){var e=typeof t;return!!t&&("object"==e\|\|"function"==e)}function bt(t){return!!t&&"object"==typeof t}function vt(t){return t?function(t,e){return function(t,e){for(var n=-1,o=t?t.length:0,r=Array(o);++n<o;)r[n]=e(t[n]);return r}(e,(function(e){return t[e]}))}(t,function(t){return ht(t)?function(t){var e=lt(t)\|\|function(t){return function(t){return bt(t)&&ht(t)}(t)&&K.call(t,"callee")&&(!_.call(t,"callee")\|\|"[object Arguments]"==P.call(t))}(t)?function(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}(t.length,String):[],n=e.length,o=!!n;for(var r in t)!K.call(t,r)\|\|o&&("length"==r\|\|dt(r,n))\|\|e.push(r);return e}(t):function(t){if(!function(t){var e=t&&t.constructor;return t===("function"==typeof e&&e.prototype\|\|W)}(t))return J(t);var e=[];for(var n in Object(t))K.call(t,n)&&"constructor"!=n&&e.push(n);return e}(t)}(t)):[]}return O=function(e,o,s){var i=-1,a=function(t){if(!t)return[];if(ht(t))return function(t){return"string"==typeof t\|\|!lt(t)&&bt(t)&&"[object String]"==P.call(t)}(t)?function(t){return function(t){return $.test(t)}(t)?function(t){return t.match(T)\|\|[]}(t):function(t){return t.split("")}(t)}(t):function(t,e){var n=-1,o=t.length;for(e\|\|(e=Array(o));++n<o;)e[n]=t[n];return e}(t);if(H&&t[H])return function(t){for(var e,n=[];!(e=t.next()).done;)n.push(e.value);return n}(t[H]());var e=ut(t);return(e==n?M:e==r?N:vt)(t)}(e),f=a.length,h=f-1;for(o=(s?function(t,e,n){if(!pt(n))return!1;var o=typeof e;return!!("number"==o?ht(n)&&dt(e,n.length):"string"==o&&e in n)&&function(t,e){return t===e\|\|t!=t&&e!=e}(n[e],t)}(e,o,s):void 0===o)?1:function(t,e,n){return t==t&&(void 0!==n&&(t=t<=n?t:n),t=t>=0?t:0),t}(function(e){var n=function(e){return e?(e=function(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t\|\|bt(t)&&"[object Symbol]"==P.call(t)}(t))return NaN;if(pt(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=pt(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(c,"");var n=d.test(t);return n\|\|l.test(t)?F(t.slice(2),n?2:8):u.test(t)?NaN:+t}(e))===t\|\|e===-1/0?17976931348623157e292*(e<0?-1:1):e==e?e:0:0===e?e:0}(e),o=n%1;return n==n?o?n-o:n:0}(o),0,f);++i<o;){var m=at(i,h),p=a[m];a[m]=a[i],a[i]=p}return a.length=o,a}}());const $=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dsotOzonContentClick=n(this,"dsotOzonContentClick",7),this.dsotTableOfContentsClick=n(this,"dsotTableOfContentsClick",3),this.showCanvas=!1,this.showBesluitversie=!1,this.openDefault=!1,this.mode="document",this.openOrClosed=[],this.openedAnnotation=[],this.filtered=[],this.notApplicable=[],this.activeAnnotationSelectables=[],this.handleRecursiveToggle=(t,e)=>{const n=this.getEmbeddedDocumentComponents(t);if(n)for(const t of n.documentComponents)this.handleOpenToggle(t,e.next)},this.DocumentComponent=({path:t})=>{const e=t.at(-1);if(!e\|\|"table-of-contents"===this.mode&&"LID"===e.type)return o(r,null);const{DocumentComponent:n}=this,s=this.getEmbeddedDocumentComponents(e);let i,a,c,u,d;return this.hasNestedDraft(e)&&(this.showBesluitversie?(i="B",a="primary",c="Dit is een besluitversie."):(i="!",a="warning",c="Er zijn onderliggende onderdelen die veranderen binnen dit ontwerp.")),e.bevatOntwerpInformatie&&(this.showBesluitversie?(u="Besluitversie",d="primary"):(u="Ontwerp",d="warning")),o("dso-document-component",{annotated:this.isAnnotated(e),filtered:this.isOpen(e)?this.isFiltered(e):this.hasFilteredChildren(e),gereserveerd:e.gereserveerd,heading:"h2",kop:e.kop,inhoud:e.inhoud,openAnnotation:this.isOpenedAnnotation(e),notApplicable:this.isNotApplicable(e)\|\|t.some((t=>this.isNotApplicable(t))),onDsoAnnotationToggle:t=>this.handleAnnotationToggle(e,t.detail),onDsoOpenToggle:()=>this.handleOpenToggle(e),open:this.isOpen(e),type:e.type,vervallen:e.vervallen,wijzigactie:e.wijzigactie,recursiveToggle:this.recursiveToggleState(e),onDsoRecursiveToggle:t=>this.handleRecursiveToggle(e,t.detail),mode:this.mode,href:"table-of-contents"===this.mode?"/document/"+e.documentTechnischId:void 0,onDsoTableOfContentsClick:t=>this.handleTableOfContentsClick(t),onDsoOzonContentClick:t=>this.handleOzonContentClick(t),ozonContentUrlResolver:this.ozonContentUrlResolver,ozonContentBegripResolver:this.ozonContentBegripResolver,badge:i,badgeStatus:a,badgeTooltip:c,label:u,labelStatus:d},this.isOpenedAnnotation(e)&&o("div",{slot:"annotations"},o("dso-annotation-locatie",{active:this.isCheckedSlideToggle(e),"gewijzigde-locatie":!0,locatieNoemer:"Winkelgebied",onDsoActiveChange:()=>this.handleSelectableChange(e)},o("span",{class:"symboolcode",slot:"symbool","data-symboolcode":"vszt030"}))),this.showContent(e)&&s?.documentComponents.length&&o("ul",{class:"dso-document-component-list"},s.documentComponents.map((e=>o("li",{key:e.documentTechnischId},o(n,{path:[...t,e]}))))))},this.MenuButton=({documentComponent:t})=>{const{type:e}=t;return o("button",{type:"button",onClick:()=>this.document=t},o("span",null,o("i",null,e)))}}async jsonFileWatcher(){this.openOrClosed=[],await this.loadData()}async openDefaultWatcher(){this.openOrClosed=[],await this.loadData()}async componentDidLoad(){await this.loadData()}getEmbeddedDocumentComponents(t){return t?._embedded?.ontwerpDocumentComponenten?{documentComponents:t._embedded.ontwerpDocumentComponenten,ontwerp:!0}:t?._embedded?.documentComponenten?{documentComponents:t._embedded.documentComponenten,ontwerp:!1}:void 0}concatEmbeddedDocumentComponents(t){const e=[...this.getEmbeddedDocumentComponents(t)?.documentComponents??[]];for(const t of e)e.push(...this.concatEmbeddedDocumentComponents(t));return e}selectRandomDocumentComponents(t,e=[]){const n=this.concatEmbeddedDocumentComponents(t).filter((t=>!e.includes(t))),o=S(0,Math.floor(n.length/10));return T(n,o)}async loadData(){if(!this.jsonFile)return this.response=void 0,void(this.document=void 0);this.response=await fetch(this.jsonFile).then((t=>t.json())),this.document=this.getEmbeddedDocumentComponents(this.response)?.documentComponents[0],"LICHAAM"===this.document?.type?(this.notApplicable=this.selectRandomDocumentComponents(this.document),this.filtered=this.selectRandomDocumentComponents(this.document,this.notApplicable)):(this.notApplicable=[],this.filtered=[])}handleOpenToggle(t,e){const n="boolean"==typeof e?e:this.openOrClosed.includes(t);n&&this.openOrClosed.includes(t)?this.openOrClosed=this.openOrClosed.filter((e=>e!==t)):n\|\|this.openOrClosed.includes(t)\|\|(this.openOrClosed=[...this.openOrClosed,t])}handleAnnotationToggle(t,e){this.openedAnnotation=this.isOpenedAnnotation(t)&&!e.next?this.openedAnnotation.filter((e=>e!==t)):[...this.openedAnnotation,t],this.isOpen(t)\|\|(this.openOrClosed=[...this.openOrClosed,t])}handleSelectableChange(t){this.activeAnnotationSelectables=this.isCheckedSlideToggle(t)?this.activeAnnotationSelectables.filter((e=>e!==t)):[...this.activeAnnotationSelectables,t]}handleOzonContentClick(t){this.dsotOzonContentClick.emit(t.detail)}handleTableOfContentsClick(t){this.dsotTableOfContentsClick.emit(t.detail)}isCheckedSlideToggle(t){return this.activeAnnotationSelectables.includes(t)}hasFilteredChildren(t){return this.filtered.includes(t)\|\|(this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>this.hasFilteredChildren(t)))??!1)}isOpen(t){return"LID"===t.type\|\|this.openDefault?!this.openOrClosed.includes(t):this.openOrClosed.includes(t)}isOpenedAnnotation(t){return this.openedAnnotation.includes(t)}isFiltered(t){return this.filtered.includes(t)}isNotApplicable(t){return this.notApplicable.includes(t)}hasNestedDraft(t){return this.getEmbeddedDocumentComponents(t)?.documentComponents.some((t=>!!t.bevatOntwerpInformatie\|\|this.hasNestedDraft(t)))??!1}showContent(t){return this.isOpen(t)&&!(!this.getEmbeddedDocumentComponents(t)?.documentComponents.length&&!t.inhoud)}recursiveToggleState(t){const e=this.getEmbeddedDocumentComponents(t);if(e&&!(e.documentComponents.length<=1)&&e.documentComponents.some((t=>"ARTIKEL"===t.type)))return e.documentComponents.every((t=>this.isOpen(t)))}isAnnotated(t){return"DIVISIE"===t.type\|\|"DIVISIETEKST"===t.type\|\|"ARTIKEL"===t.type\|\|"LID"===t.type}render(){const{DocumentComponent:t,MenuButton:e}=this;return o("dso-responsive-element",{key:"d92fde8e8e4cc982f005c8571f010c27f36b48e4",class:"dso-document-components"},o("div",{key:"954d3e761228f6e169f9f49a123ac4ab84f0dd12",class:"dso-navbar"},o("ul",{key:"e406db3e0f02b92036f72d99d9bd828b898a0877",class:"dso-nav dso-nav-sub"},this.getEmbeddedDocumentComponents(this.response)?.documentComponents?.map((t=>o("li",{class:this.document===t?"dso-active":void 0},o(e,{documentComponent:t})))))),this.document&&o(t,{key:"0ef374e5b148ed43e5bca9c01d5f2f44c0ef280b",path:[this.document]}))}static get watchers(){return{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}}static get style(){return".sc-dsot-document-component-demo-h{display:block;margin-block:0;margin-inline:8px;border-inline-start:1px dashed transparent;border-inline-end:1px dashed transparent}[show-canvas].sc-dsot-document-component-demo-h{border-inline-start:1px dashed pink;border-inline-end:1px dashed pink}"}},[2,"dsot-document-component-demo",{showCanvas:[516,"show-canvas"],showBesluitversie:[4,"show-besluitversie"],jsonFile:[1,"json-file"],openDefault:[4,"open-default"],mode:[513],ozonContentUrlResolver:[16],ozonContentBegripResolver:[16],response:[32],document:[32],openOrClosed:[32],openedAnnotation:[32],filtered:[32],notApplicable:[32],activeAnnotationSelectables:[32]},void 0,{jsonFile:[{jsonFileWatcher:0}],openDefault:[{openDefaultWatcher:0}]}]),F=$,I=function(){"undefined"!=typeof customElements&&["dsot-document-component-demo","dso-alert","dso-annotation-locatie","dso-badge","dso-document-component","dso-icon","dso-icon-button","dso-image-overlay","dso-label","dso-modal","dso-ozon-content","dso-ozon-content-toggletip","dso-panel","dso-renvooi","dso-responsive-element","dso-scrollable","dso-slide-toggle","dso-table"].forEach((t=>{switch(t){case"dsot-document-component-demo":customElements.get(s(t))\|\|customElements.define(s(t),$);break;case"dso-alert":customElements.get(s(t))\|\|u();break;case"dso-annotation-locatie":customElements.get(s(t))\|\|d();break;case"dso-badge":customElements.get(s(t))\|\|f();break;case"dso-document-component":customElements.get(s(t))\|\|l();break;case"dso-icon":customElements.get(s(t))\|\|h();break;case"dso-icon-button":customElements.get(s(t))\|\|m();break;case"dso-image-overlay":customElements.get(s(t))\|\|p();break;case"dso-label":customElements.get(s(t))\|\|b();break;case"dso-modal":customElements.get(s(t))\|\|v();break;case"dso-ozon-content":customElements.get(s(t))\|\|c();break;case"dso-ozon-content-toggletip":customElements.get(s(t))\|\|g();break;case"dso-panel":customElements.get(s(t))\|\|y();break;case"dso-renvooi":customElements.get(s(t))\|\|j();break;case"dso-responsive-element":customElements.get(s(t))\|\|k();break;case"dso-scrollable":customElements.get(s(t))\|\|C();break;case"dso-slide-toggle":customElements.get(s(t))\|\|E();break;case"dso-table":customElements.get(s(t))\|\|w()}}))};export{F as DsotDocumentComponentDemo,I as defineCustomElement}

package/dist/components/expandable.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation\|\|(this.isClosed=!this.open)}transitionstartHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(e){e.stopPropagation(),"grid-template-rows"===e.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return n(s,{key:"~~4c3091a51fc1bb2f32805935da261c201a0fba0a~~","aria-hidden":this.open?"false":"true",class:o({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},n("div",{key:"~~121a28ee5b55beae8e4abecc53592a4558b24a87~~",class:"slot-container"},n("slot",{key:"~~724e8ce768758e32243d0bfab1fa004a6b385de2~~"})))}get host(){return this}static get watchers(){return{open:[{toggleOpen:0}]}}static get style(){return":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block},::after,*::before{box-sizing:border-box}"}},[257,"dso-expandable",{open:[516],enableAnimation:[516,"enable-animation"],minimumHeight:[2,"minimum-height"],isClosed:[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{open:[{toggleOpen:0}]}]);function l(){"undefined"!=typeof customElements&&["dso-expandable"].forEach((e=>{"dso-expandable"===e&&(customElements.get(a(e))\|\|customElements.define(a(e),r))}))}export{r as E,l as d}
1	+ import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{c as o}from"./clsx.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsoExpandableAnimationStart=i(this,"dsoExpandableAnimationStart",3),this.dsoExpandableAnimationEnd=i(this,"dsoExpandableAnimationEnd",3),this.enableAnimation=!1,this.isClosed=!0}toggleOpen(){this.enableAnimation\|\|(this.isClosed=!this.open)}transitionstartHandler(t){t.stopPropagation(),"grid-template-rows"===t.propertyName&&this.dsoExpandableAnimationStart.emit({currentOpen:!!this.open,nextOpen:!this.open})}transitionendHandler(t){t.stopPropagation(),"grid-template-rows"===t.propertyName&&(this.isClosed=!this.open,this.dsoExpandableAnimationEnd.emit({bodyHeight:this.bodyHeight,open:!!this.open}))}render(){return n(s,{key:"9dc33dcdcf4c14039e36ff8faaaa7d9fa882b754","aria-hidden":this.open?"false":"true",class:o({"dso-animate-ready":this.enableAnimation,"dso-hide":this.isClosed})},n("div",{key:"e52a32ab8bbec7bae7216b321747893b521d452b",class:"slot-container"},n("slot",{key:"8a256f561b8136e2d584bb267dd83948d9810614"})))}get host(){return this}static get watchers(){return{open:[{toggleOpen:0}]}}static get style(){return":host([enable-animation]){display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host([enable-animation]:not([open=true])) .slot-container{min-block-size:0;visibility:hidden;transition:visibility 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:not([enable-animation])),:host([enable-animation=false]){display:none}:host([open][enable-animation]:not([open=false])){grid-template-rows:1fr;opacity:1}:host([open][enable-animation]:not([open=false])) .slot-container{visibility:visible}:host([open]:not([enable-animation]):not([open=false])),:host([open][enable-animation=false]:not([open=false])){display:block},::after,*::before{box-sizing:border-box}"}},[257,"dso-expandable",{open:[516],enableAnimation:[516,"enable-animation"],minimumHeight:[2,"minimum-height"],isClosed:[32]},[[0,"transitionstart","transitionstartHandler"],[0,"transitionend","transitionendHandler"]],{open:[{toggleOpen:0}]}]);function l(){"undefined"!=typeof customElements&&["dso-expandable"].forEach((t=>{"dso-expandable"===t&&(customElements.get(a(t))\|\|customElements.define(a(t),r))}))}export{r as E,l as d}

package/dist/components/floating-ui.dom.js CHANGED Viewed

	@@ -1 +1 @@
1	- const t=["top","right","bottom","left"],n=Math.min,e=Math.max,o=Math.round,r=Math.floor,i=t=>({x:t,y:t}),a={left:"right",right:"left",bottom:"top",top:"bottom"};function c(t,o,r){return e(t,n(o,r))}function l(t,n){return"function"==typeof t?t(n):t}function s(t){return t.split("-")[0]}function u(t){return t.split("-")[1]}function f(t){return"x"===t?"y":"x"}function d(t){return"y"===t?"height":"width"}function m(t){const n=t[0];return"t"===n\|\|"b"===n?"y":"x"}function y(t){return f(m(t))}function h(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const p=["left","right"],w=["right","left"],g=["top","bottom"],x=["bottom","top"];function v(t){const n=s(t);return a[n]+t.slice(n.length)}function b(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function A(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function S(t,n,e){let{reference:o,floating:r}=t;const i=m(n),a=y(n),c=d(a),l=s(n),f="y"===i,h=o.x+o.width/2-r.width/2,p=o.y+o.height/2-r.height/2,w=o[c]/2-r[c]/2;let g;switch(l){case"top":g={x:h,y:o.y-r.height};break;case"bottom":g={x:h,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:p};break;case"left":g={x:o.x-r.width,y:p};break;default:g={x:o.x,y:o.y}}switch(u(n)){case"start":g[a]-=w(e&&f?-1:1);break;case"end":g[a]+=w(e&&f?-1:1)}return g}async function R(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:a,elements:c,strategy:s}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=!1,padding:y=0}=l(n,t),h=b(y),p=c[m?"floating"===d?"reference":"floating":d],w=A(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(p)))\|\|e?p:p.contextElement\|\|await(null==i.getDocumentElement?void 0:i.getDocumentElement(c.floating)),boundary:u,rootBoundary:f,strategy:s})),g="floating"===d?{x:o,y:r,width:a.floating.width,height:a.floating.height}:a.reference,x=await(null==i.getOffsetParent?void 0:i.getOffsetParent(c.floating)),v=await(null==i.isElement?void 0:i.isElement(x))&&await(null==i.getScale?void 0:i.getScale(x))\|\|{x:1,y:1},S=A(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:g,offsetParent:x,strategy:s}):g);return{top:(w.top-S.top+h.top)/v.y,bottom:(S.bottom-w.bottom+h.bottom)/v.y,left:(w.left-S.left+h.left)/v.x,right:(S.right-w.right+h.right)/v.x}}function F(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function O(n){return t.some((t=>n[t]>=0))}const k=new Set(["left","top"]);function C(){return"undefined"!=typeof window}function T(t){return P(t)?(t.nodeName\|\|"").toLowerCase():"#document"}function D(t){var n;return(null==t\|\|null==(n=t.ownerDocument)?void 0:n.defaultView)\|\|window}function M(t){var n;return null==(n=(P(t)?t.ownerDocument:t.document)\|\|window.document)?void 0:n.documentElement}function P(t){return!!C()&&(t instanceof Node\|\|t instanceof D(t).Node)}function z(t){return!!C()&&(t instanceof Element\|\|t instanceof D(t).Element)}function H(t){return!!C()&&(t instanceof HTMLElement\|\|t instanceof D(t).HTMLElement)}function L(t){return!(!C()\|\|"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot\|\|t instanceof D(t).ShadowRoot)}function B(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=Y(t);return/auto\|scroll\|overlay\|hidden\|clip/.test(n+o+e)&&"inline"!==r&&"contents"!==r}function E(t){return/^(table\|td\|th)$/.test(T(t))}function $(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const I=/transform\|translate\|scale\|rotate\|perspective\|filter/,N=/paint\|layout\|strict\|content/,j=t=>!!t&&"none"!==t;let q;function W(t){const n=z(t)?Y(t):t;return j(n.transform)\|\|j(n.translate)\|\|j(n.scale)\|\|j(n.rotate)\|\|j(n.perspective)\|\|!V()&&(j(n.backdropFilter)\|\|j(n.filter))\|\|I.test(n.willChange\|\|"")\|\|N.test(n.contain\|\|"")}function V(){return null==q&&(q="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),q}function X(t){return/^(html\|body\|#document)$/.test(T(t))}function Y(t){return D(t).getComputedStyle(t)}function _(t){return z(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function G(t){if("html"===T(t))return t;const n=t.assignedSlot\|\|t.parentNode\|\|L(t)&&t.host\|\|M(t);return L(n)?n.host:n}function J(t){const n=G(t);return X(n)?t.ownerDocument?t.ownerDocument.body:t.body:H(n)&&B(n)?n:J(n)}function K(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const r=J(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),a=D(r);if(i){const t=Q(a);return n.concat(a,a.visualViewport\|\|[],B(r)?r:[],t&&e?K(t):[])}return n.concat(r,K(r,[],e))}function Q(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function U(t){const n=Y(t);let e=parseFloat(n.width)\|\|0,r=parseFloat(n.height)\|\|0;const i=H(t),a=i?t.offsetWidth:e,c=i?t.offsetHeight:r,l=o(e)!==a\|\|o(r)!==c;return l&&(e=a,r=c),{width:e,height:r,$:l}}function Z(t){return z(t)?t:t.contextElement}function tt(t){const n=Z(t);if(!H(n))return i(1);const e=n.getBoundingClientRect(),{width:r,height:a,$:c}=U(n);let l=(c?o(e.width):e.width)/r,s=(c?o(e.height):e.height)/a;return l&&Number.isFinite(l)\|\|(l=1),s&&Number.isFinite(s)\|\|(s=1),{x:l,y:s}}const nt=i(0);function et(t){const n=D(t);return V()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:nt}function ot(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),a=Z(t);let c=i(1);n&&(o?z(o)&&(c=tt(o)):c=tt(t));const l=function(t,n,e){return void 0===n&&(n=!1),!(!e\|\|n&&e!==D(t))&&n}(a,e,o)?et(a):i(0);let s=(r.left+l.x)/c.x,u=(r.top+l.y)/c.y,f=r.width/c.x,d=r.height/c.y;if(a){const t=D(a),n=o&&z(o)?D(o):o;let e=t,r=Q(e);for(;r&&o&&n!==e;){const t=tt(r),n=r.getBoundingClientRect(),o=Y(r),i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))t.x,a=n.top+(r.clientTop+parseFloat(o.paddingTop))t.y;s=t.x,u=t.y,f=t.x,d=t.y,s+=i,u+=a,e=D(r),r=Q(e)}}return A({width:f,height:d,x:s,y:u})}function rt(t,n){const e=_(t).scrollLeft;return n?n.left+e:ot(M(t)).left+e}function it(t,n){const e=t.getBoundingClientRect();return{x:e.left+n.scrollLeft-rt(t,e),y:e.top+n.scrollTop}}function at(t,n,o){let r;if("viewport"===n)r=function(t,n){const e=D(t),o=M(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,c=0,l=0;if(r){i=r.width,a=r.height;const t=V();(!t\|\|t&&"fixed"===n)&&(c=r.offsetLeft,l=r.offsetTop)}const s=rt(o);if(s<=0){const t=o.ownerDocument,n=t.body,e=getComputedStyle(n),r="CSS1Compat"===t.compatMode&&parseFloat(e.marginLeft)+parseFloat(e.marginRight)\|\|0,a=Math.abs(o.clientWidth-n.clientWidth-r);a<=25&&(i-=a)}else s<=25&&(i+=s);return{width:i,height:a,x:c,y:l}}(t,o);else if("document"===n)r=function(t){const n=M(t),o=_(t),r=t.ownerDocument.body,i=e(n.scrollWidth,n.clientWidth,r.scrollWidth,r.clientWidth),a=e(n.scrollHeight,n.clientHeight,r.scrollHeight,r.clientHeight);let c=-o.scrollLeft+rt(t);const l=-o.scrollTop;return"rtl"===Y(r).direction&&(c+=e(n.clientWidth,r.clientWidth)-i),{width:i,height:a,x:c,y:l}}(M(t));else if(z(n))r=function(t,n){const e=ot(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,a=H(t)?tt(t):i(1);return{width:t.clientWidtha.x,height:t.clientHeighta.y,x:ra.x,y:oa.y}}(n,o);else{const e=et(t);r={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return A(r)}function ct(t,n){const e=G(t);return!(e===n\|\|!z(e)\|\|X(e))&&("fixed"===Y(e).position\|\|ct(e,n))}function lt(t,n,e){const o=H(n),r=M(n),a="fixed"===e,c=ot(t,!0,a,n);let l={scrollLeft:0,scrollTop:0};const s=i(0);function u(){s.x=rt(r)}if(o\|\|!o&&!a)if(("body"!==T(n)\|\|B(r))&&(l=_(n)),o){const t=ot(n,!0,a,n);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}else r&&u();a&&!o&&r&&u();const f=!r\|\|o\|\|a?i(0):it(r,l);return{x:c.left+l.scrollLeft-s.x-f.x,y:c.top+l.scrollTop-s.y-f.y,width:c.width,height:c.height}}function st(t){return"static"===Y(t).position}function ut(t,n){if(!H(t)\|\|"fixed"===Y(t).position)return null;if(n)return n(t);let e=t.offsetParent;return M(t)===e&&(e=e.ownerDocument.body),e}function ft(t,n){const e=D(t);if($(t))return e;if(!H(t)){let n=G(t);for(;n&&!X(n);){if(z(n)&&!st(n))return n;n=G(n)}return e}let o=ut(t,n);for(;o&&E(o)&&st(o);)o=ut(o,n);return o&&X(o)&&st(o)&&!W(o)?e:o\|\|function(t){let n=G(t);for(;H(n)&&!X(n);){if(W(n))return n;if($(n))return null;n=G(n)}return null}(t)\|\|e}const dt={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const a="fixed"===r,c=M(o),l=!!n&&$(n.floating);if(o===c\|\|l&&a)return e;let s={scrollLeft:0,scrollTop:0},u=i(1);const f=i(0),d=H(o);if((d\|\|!d&&!a)&&(("body"!==T(o)\|\|B(c))&&(s=_(o)),d)){const t=ot(o);u=tt(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const m=!c\|\|d\|\|a?i(0):it(c,s);return{width:e.widthu.x,height:e.heightu.y,x:e.xu.x-s.scrollLeftu.x+f.x+m.x,y:e.yu.y-s.scrollTopu.y+f.y+m.y}},getDocumentElement:M,getClippingRect:function(t){let{element:o,boundary:r,rootBoundary:i,strategy:a}=t;const c=[..."clippingAncestors"===r?$(o)?[]:function(t,n){const e=n.get(t);if(e)return e;let o=K(t,[],!1).filter((t=>z(t)&&"body"!==T(t))),r=null;const i="fixed"===Y(t).position;let a=i?G(t):t;for(;z(a)&&!X(a);){const n=Y(a),e=W(a);e\|\|"fixed"!==n.position\|\|(r=null),(i?!e&&!r:!e&&"static"===n.position&&r&&("absolute"===r.position\|\|"fixed"===r.position)\|\|B(a)&&!e&&ct(t,a))?o=o.filter((t=>t!==a)):r=n,a=G(a)}return n.set(t,o),o}(o,this._c):[].concat(r),i],l=at(o,c[0],a);let s=l.top,u=l.right,f=l.bottom,d=l.left;for(let t=1;t<c.length;t++){const r=at(o,c[t],a);s=e(r.top,s),u=n(r.right,u),f=n(r.bottom,f),d=e(r.left,d)}return{width:u-d,height:f-s,x:d,y:s}},getOffsetParent:ft,getElementRects:async function(t){const n=this.getOffsetParent\|\|ft,e=this.getDimensions,o=await e(t.floating);return{reference:lt(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:n,height:e}=U(t);return{width:n,height:e}},getScale:tt,isElement:z,isRTL:function(t){return"rtl"===Y(t).direction}};function mt(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function yt(t,o,i,a){void 0===a&&(a={});const{ancestorScroll:c=!0,ancestorResize:l=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=a,d=Z(t),m=c\|\|l?[...d?K(d):[],...o?K(o):[]]:[];m.forEach((t=>{c&&t.addEventListener("scroll",i,{passive:!0}),l&&t.addEventListener("resize",i)}));const y=d&&u?function(t,o){let i,a=null;const c=M(t);function l(){var t;clearTimeout(i),null==(t=a)\|\|t.disconnect(),a=null}return function s(u,f){void 0===u&&(u=!1),void 0===f&&(f=1),l();const d=t.getBoundingClientRect(),{left:m,top:y,width:h,height:p}=d;if(u\|\|o(),!h\|\|!p)return;const w={rootMargin:-r(y)+"px "+-r(c.clientWidth-(m+h))+"px "+-r(c.clientHeight-(y+p))+"px "+-r(m)+"px",threshold:e(0,n(1,f))\|\|1};let g=!0;function x(n){const e=n[0].intersectionRatio;if(e!==f){if(!g)return s();e?s(!1,e):i=setTimeout((()=>{s(!1,1e-7)}),1e3)}1!==e\|\|mt(d,t.getBoundingClientRect())\|\|s(),g=!1}try{a=new IntersectionObserver(x,{...w,root:c.ownerDocument})}catch(t){a=new IntersectionObserver(x,w)}a.observe(t)}(!0),l}(d,i):null;let h,p=-1,w=null;s&&(w=new ResizeObserver((t=>{let[n]=t;n&&n.target===d&&w&&o&&(w.unobserve(o),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=w)\|\|t.observe(o)}))),i()})),d&&!f&&w.observe(d),o&&w.observe(o));let g=f?ot(t):null;return f&&function n(){const e=ot(t);g&&!mt(g,e)&&i(),g=e,h=requestAnimationFrame(n)}(),i(),()=>{var t;m.forEach((t=>{c&&t.removeEventListener("scroll",i),l&&t.removeEventListener("resize",i)})),null==y\|\|y(),null==(t=w)\|\|t.disconnect(),w=null,f&&cancelAnimationFrame(h)}}const ht=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:a,middlewareData:c}=n,f=await async function(t,n){const{placement:e,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),a=s(e),c=u(e),f="y"===m(e),d=k.has(a)?-1:1,y=i&&f?-1:1,h=l(n,t);let{mainAxis:p,crossAxis:w,alignmentAxis:g}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis\|\|0,crossAxis:h.crossAxis\|\|0,alignmentAxis:h.alignmentAxis};return c&&"number"==typeof g&&(w="end"===c?-1g:g),f?{x:wy,y:pd}:{x:pd,y:wy}}(n,t);return a===(null==(e=c.offset)?void 0:e.placement)&&null!=(o=c.arrow)&&o.alignmentOffset?{}:{x:r+f.x,y:i+f.y,data:{...f,placement:a}}}}},pt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r,platform:i}=n,{mainAxis:a=!0,crossAxis:u=!1,limiter:d={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...y}=l(t,n),h={x:e,y:o},p=await i.detectOverflow(n,y),w=m(s(r)),g=f(w);let x=h[g],v=h[w];a&&(x=c(x+p["y"===g?"top":"left"],x,x-p["y"===g?"bottom":"right"])),u&&(v=c(v+p["y"===w?"top":"left"],v,v-p["y"===w?"bottom":"right"]));const b=d.fn({...n,[g]:x,[w]:v});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[g]:a,[w]:u}}}}}},wt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:a,initialPlacement:c,platform:f,elements:b}=n,{mainAxis:A=!0,crossAxis:S=!0,fallbackPlacements:R,fallbackStrategy:F="bestFit",fallbackAxisSideDirection:O="none",flipAlignment:k=!0,...C}=l(t,n);if(null!=(e=i.arrow)&&e.alignmentOffset)return{};const T=s(r),D=m(c),M=s(c)===c,P=await(null==f.isRTL?void 0:f.isRTL(b.floating)),z=R\|\|(M\|\|!k?[v(c)]:function(t){const n=v(t);return[h(t),n,h(n)]}(c)),H="none"!==O;!R&&H&&z.push(...function(t,n,e,o){const r=u(t);let i=function(t,n,e){switch(t){case"top":case"bottom":return e?n?w:p:n?p:w;case"left":case"right":return n?g:x;default:return[]}}(s(t),"start"===e,o);return r&&(i=i.map((t=>t+"-"+r)),n&&(i=i.concat(i.map(h)))),i}(c,k,O,P));const L=[c,...z],B=await f.detectOverflow(n,C),E=[];let $=(null==(o=i.flip)?void 0:o.overflows)\|\|[];if(A&&E.push(B[T]),S){const t=function(t,n,e){void 0===e&&(e=!1);const o=u(t),r=y(t),i=d(r);let a="x"===r?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[i]>n.floating[i]&&(a=v(a)),[a,v(a)]}(r,a,P);E.push(B[t[0]],B[t[1]])}if($=[...$,{placement:r,overflows:E}],!E.every((t=>t<=0))){var I,N;const t=((null==(I=i.flip)?void 0:I.index)\|\|0)+1,n=L[t];if(n&&("alignment"!==S\|\|D===m(n)\|\|$.every((t=>m(t.placement)!==D\|\|t.overflows[0]>0))))return{data:{index:t,overflows:$},reset:{placement:n}};let e=null==(N=$.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:N.placement;if(!e)switch(F){case"bestFit":{var j;const t=null==(j=$.filter((t=>{if(H){const n=m(t.placement);return n===D\|\|"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:j[0];t&&(e=t);break}case"initialPlacement":e=c}if(r!==e)return{reset:{placement:e}}}return{}}}},gt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(o){var r,i;const{placement:a,rects:c,platform:f,elements:d}=o,{apply:y=()=>{},...h}=l(t,o),p=await f.detectOverflow(o,h),w=s(a),g=u(a),x="y"===m(a),{width:v,height:b}=c.floating;let A,S;"top"===w\|\|"bottom"===w?(A=w,S=g===(await(null==f.isRTL?void 0:f.isRTL(d.floating))?"start":"end")?"left":"right"):(S=w,A="end"===g?"top":"bottom");const R=b-p.top-p.bottom,F=v-p.left-p.right;let O=n(b-p[A],R),k=n(v-p[S],F);if(null!=(r=o.middlewareData.shift)&&r.enabled.x&&(k=F),null!=(i=o.middlewareData.shift)&&i.enabled.y&&(O=R),!o.middlewareData.shift&&!g){const t=e(p.left,0),n=e(p.right,0),o=e(p.top,0),r=e(p.bottom,0);x?k=v-2(0!==t\|\|0!==n?t+n:e(p.left,p.right)):O=b-2*(0!==o\|\|0!==r?o+r:e(p.top,p.bottom))}await y({...o,availableWidth:k,availableHeight:O});const C=await f.getDimensions(d.floating);return v!==C.width\|\|b!==C.height?{reset:{rects:!0}}:{}}}},xt=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(n){const{rects:e,platform:o}=n,{strategy:r="referenceHidden",...i}=l(t,n);switch(r){case"referenceHidden":{const t=F(await o.detectOverflow(n,{...i,elementContext:"reference"}),e.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:O(t)}}}case"escaped":{const t=F(await o.detectOverflow(n,{...i,altBoundary:!0}),e.floating);return{data:{escapedOffsets:t,escaped:O(t)}}}default:return{}}}}},vt=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:r,placement:i,rects:a,platform:s,elements:f,middlewareData:m}=e,{element:h,padding:p=0}=l(t,e)\|\|{};if(null==h)return{};const w=b(p),g={x:o,y:r},x=y(i),v=d(x),A=await s.getDimensions(h),S="y"===x,R=S?"top":"left",F=S?"bottom":"right",O=S?"clientHeight":"clientWidth",k=a.reference[v]+a.reference[x]-g[x]-a.floating[v],C=g[x]-a.reference[x],T=await(null==s.getOffsetParent?void 0:s.getOffsetParent(h));let D=T?T[O]:0;D&&await(null==s.isElement?void 0:s.isElement(T))\|\|(D=f.floating[O]\|\|a.floating[v]);const M=k/2-C/2,P=D/2-A[v]/2-1,z=n(w[R],P),H=n(w[F],P),L=z,B=D-A[v]-H,E=D/2-A[v]/2+M,$=c(L,E,B),I=!m.arrow&&null!=u(i)&&E!==$&&a.reference[v]/2-(E<L?z:H)-A[v]/2<0,N=I?E<L?E-L:E-B:0;return{[x]:g[x]+N,data:{[x]:$,centerOffset:E-$-N,...I&&{alignmentOffset:N}},reset:I}}}),bt=(t,n,e)=>{const o=new Map,r={platform:dt,...e},i={...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:a}=e,c=a.detectOverflow?a:{...a,detectOverflow:R},l=await(null==a.isRTL?void 0:a.isRTL(n));let s=await a.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:f}=S(s,o,l),d=o,m=0;const y={};for(let e=0;e<i.length;e++){const h=i[e];if(!h)continue;const{name:p,fn:w}=h,{x:g,y:x,data:v,reset:b}=await w({x:u,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:y,rects:s,platform:c,elements:{reference:t,floating:n}});u=null!=g?g:u,f=null!=x?x:f,y[p]={...y[p],...v},b&&m<50&&(m++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(s=!0===b.rects?await a.getElementRects({reference:t,floating:n,strategy:r}):b.rects),({x:u,y:f}=S(s,d,l))),e=-1)}return{x:u,y:f,placement:d,strategy:r,middlewareData:y}})(t,n,{...r,platform:i})};export{yt as a,vt as b,bt as c,gt as d,wt as f,xt as h,ht as o,pt as s}
1	+ const t=["top","right","bottom","left"],n=Math.min,e=Math.max,o=Math.round,r=Math.floor,i=t=>({x:t,y:t}),l={left:"right",right:"left",bottom:"top",top:"bottom"};function a(t,o,r){return e(t,n(o,r))}function c(t,n){return"function"==typeof t?t(n):t}function s(t){return t.split("-")[0]}function u(t){return t.split("-")[1]}function f(t){return"x"===t?"y":"x"}function d(t){return"y"===t?"height":"width"}function m(t){const n=t[0];return"t"===n\|\|"b"===n?"y":"x"}function p(t){return f(m(t))}function y(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const h=["left","right"],w=["right","left"],g=["top","bottom"],x=["bottom","top"];function v(t){const n=s(t);return l[n]+t.slice(n.length)}function b(t){return"number"!=typeof t?function(t){var n,e,o,r;return{top:null!=(n=t.top)?n:0,right:null!=(e=t.right)?e:0,bottom:null!=(o=t.bottom)?o:0,left:null!=(r=t.left)?r:0}}(t):{top:t,right:t,bottom:t,left:t}}function A(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function S(t,n,e){let{reference:o,floating:r}=t;const i=m(n),l=p(n),a=d(l),c=s(n),f="y"===i,y=o.x+o.width/2-r.width/2,h=o.y+o.height/2-r.height/2,w=o[a]/2-r[a]/2;let g;switch(c){case"top":g={x:y,y:o.y-r.height};break;case"bottom":g={x:y,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:h};break;case"left":g={x:o.x-r.width,y:h};break;default:g={x:o.x,y:o.y}}const x=u(n);return x&&(g[l]+=w("end"===x?1:-1)(e&&f?-1:1)),g}async function R(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:l,elements:a,strategy:s}=t,{boundary:u="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=!1,padding:p=0}=c(n,t),y=b(p),h=a[m?"floating"===d?"reference":"floating":d],w=A(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(h)))\|\|e?h:h.contextElement\|\|await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:u,rootBoundary:f,strategy:s})),g="floating"===d?{x:o,y:r,width:l.floating.width,height:l.floating.height}:l.reference,x=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),v=await(null==i.isElement?void 0:i.isElement(x))&&await(null==i.getScale?void 0:i.getScale(x))\|\|{x:1,y:1},S=A(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:g,offsetParent:x,strategy:s}):g);return{top:(w.top-S.top+y.top)/v.y,bottom:(S.bottom-w.bottom+y.bottom)/v.y,left:(w.left-S.left+y.left)/v.x,right:(S.right-w.right+y.right)/v.x}}function F(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function O(n){return t.some((t=>n[t]>=0))}const C=new Set(["left","top"]);function k(){return"undefined"!=typeof window}function z(t){return M(t)?(t.nodeName\|\|"").toLowerCase():"#document"}function T(t){var n;return(null==t\|\|null==(n=t.ownerDocument)?void 0:n.defaultView)\|\|window}function D(t){var n;return null==(n=(M(t)?t.ownerDocument:t.document)\|\|window.document)?void 0:n.documentElement}function M(t){return!!k()&&(t instanceof Node\|\|t instanceof T(t).Node)}function P(t){return!!k()&&(t instanceof Element\|\|t instanceof T(t).Element)}function H(t){return!!k()&&(t instanceof HTMLElement\|\|t instanceof T(t).HTMLElement)}function L(t){return!(!k()\|\|"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot\|\|t instanceof T(t).ShadowRoot)}function B(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=Y(t);return/auto\|scroll\|overlay\|hidden\|clip/.test(n+o+e)&&"inline"!==r&&"contents"!==r}function E(t){return/^(table\|td\|th)$/.test(z(t))}function $(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const I=/transform\|translate\|scale\|rotate\|perspective\|filter/,N=/paint\|layout\|strict\|content/,V=t=>!!t&&"none"!==t;let j;function q(t){const n=P(t)?Y(t):t;return V(n.transform)\|\|V(n.translate)\|\|V(n.scale)\|\|V(n.rotate)\|\|V(n.perspective)\|\|!W()&&(V(n.backdropFilter)\|\|V(n.filter))\|\|I.test(n.willChange\|\|"")\|\|N.test(n.contain\|\|"")}function W(){return null==j&&(j="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),j}function X(t){return/^(html\|body\|#document)$/.test(z(t))}function Y(t){return T(t).getComputedStyle(t)}function _(t){return P(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function G(t){if("html"===z(t))return t;const n=t.assignedSlot\|\|t.parentNode\|\|L(t)&&t.host\|\|D(t);return L(n)?n.host:n}function J(t){const n=G(t);return X(n)?(t.ownerDocument\|\|t).body:H(n)&&B(n)?n:J(n)}function K(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const r=J(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),l=T(r);if(i){const t=Q(l);return n.concat(l,l.visualViewport\|\|[],B(r)?r:[],t&&e?K(t):[])}return n.concat(r,K(r,[],e))}function Q(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function U(t){const n=Y(t);let e=parseFloat(n.width)\|\|0,r=parseFloat(n.height)\|\|0;const i=H(t),l=i?t.offsetWidth:e,a=i?t.offsetHeight:r,c=o(e)!==l\|\|o(r)!==a;return c&&(e=l,r=a),{width:e,height:r,$:c}}function Z(t){return P(t)?t:t.contextElement}function tt(t){const n=Z(t);if(!H(n))return i(1);const e=n.getBoundingClientRect(),{width:r,height:l,$:a}=U(n);let c=(a?o(e.width):e.width)/r,s=(a?o(e.height):e.height)/l;return c&&Number.isFinite(c)\|\|(c=1),s&&Number.isFinite(s)\|\|(s=1),{x:c,y:s}}const nt=i(0);function et(t){const n=T(t);return W()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:nt}function ot(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),l=Z(t);let a=i(1);n&&(o?P(o)&&(a=tt(o)):a=tt(t));const c=function(t,n,e){return void 0===n&&(n=!1),!!e&&n&&e===T(t)}(l,e,o)?et(l):i(0);let s=(r.left+c.x)/a.x,u=(r.top+c.y)/a.y,f=r.width/a.x,d=r.height/a.y;if(l&&o){const t=T(l),n=P(o)?T(o):o;let e=t,r=Q(e);for(;r&&n!==e;){const t=tt(r),n=r.getBoundingClientRect(),o=Y(r),i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))t.x,l=n.top+(r.clientTop+parseFloat(o.paddingTop))t.y;s=t.x,u=t.y,f=t.x,d=t.y,s+=i,u+=l,e=T(r),r=Q(e)}}return A({width:f,height:d,x:s,y:u})}function rt(t,n){const e=_(t).scrollLeft;return n?n.left+e:ot(D(t)).left+e}function it(t,n){const e=t.getBoundingClientRect();return{x:e.left+n.scrollLeft-rt(t,e),y:e.top+n.scrollTop}}function lt(t,n,o){let r;if("viewport"===n\|\|"layoutViewport"===n)r=function(t,n,e){void 0===e&&(e="viewport");const o="layoutViewport"===e,r=T(t),i=D(t),l=r.visualViewport;let a=i.clientWidth,c=i.clientHeight,s=0,u=0;if(l){const t=!W()\|\|"fixed"===n;o?t\|\|(s=-l.offsetLeft,u=-l.offsetTop):(a=l.width,c=l.height,t&&(s=l.offsetLeft,u=l.offsetTop))}if(rt(i)<=0){const t=i.ownerDocument,n=t.body,e=getComputedStyle(n),o="CSS1Compat"===t.compatMode&&parseFloat(e.marginLeft)+parseFloat(e.marginRight)\|\|0,r=Math.abs(i.clientWidth-n.clientWidth-o),l="stable both-edges"===getComputedStyle(i).scrollbarGutter?r/2:r;l<=25&&(a-=l)}return{width:a,height:c,x:s,y:u}}(t,o,n);else if("document"===n)r=function(t){const n=_(t),o=t.ownerDocument.body,r=e(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),i=e(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+rt(t);const a=-n.scrollTop;return"rtl"===Y(o).direction&&(l+=e(t.clientWidth,o.clientWidth)-r),{width:r,height:i,x:l,y:a}}(D(t));else if(P(n))r=function(t,n){const e=ot(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,i=tt(t);return{width:t.clientWidthi.x,height:t.clientHeighti.y,x:ri.x,y:oi.y}}(n,o);else{const e=et(t);r={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return A(r)}function at(t,n,e){const o=H(n),r=D(n),l="fixed"===e,a=ot(t,!0,l,n);let c={scrollLeft:0,scrollTop:0};const s=i(0);if((o\|\|!l)&&(("body"!==z(n)\|\|B(r))&&(c=_(n)),o)){const t=ot(n,!0,l,n);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}!o&&r&&(s.x=rt(r));const u=!r\|\|o\|\|l?i(0):it(r,c);return{x:a.left+c.scrollLeft-s.x-u.x,y:a.top+c.scrollTop-s.y-u.y,width:a.width,height:a.height}}function ct(t){return"static"===Y(t).position}function st(t,n){if(!H(t)\|\|"fixed"===Y(t).position)return null;if(n)return n(t);let e=t.offsetParent;return D(t)===e&&(e=e.ownerDocument.body),e}function ut(t,n){const e=T(t);if($(t))return e;if(!H(t)){let n=G(t);for(;n&&!X(n);){if(P(n)&&!ct(n))return n;n=G(n)}return e}let o=st(t,n);for(;o&&E(o)&&ct(o);)o=st(o,n);return o&&X(o)&&ct(o)&&!q(o)?e:o\|\|function(t){let n=G(t);for(;H(n)&&!X(n);){if(q(n))return n;if($(n))return null;n=G(n)}return null}(t)\|\|e}const ft={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const l="fixed"===r,a=D(o),c=!!n&&$(n.floating);if(o===a\|\|c&&l)return e;let s={scrollLeft:0,scrollTop:0},u=i(1);const f=i(0),d=H(o);if((d\|\|!l)&&(("body"!==z(o)\|\|B(a))&&(s=_(o)),d)){const t=ot(o);u=tt(o),f.x=t.x+o.clientLeft,f.y=t.y+o.clientTop}const m=!a\|\|d\|\|l?i(0):it(a,s);return{width:e.widthu.x,height:e.heightu.y,x:e.xu.x-s.scrollLeftu.x+f.x+m.x,y:e.yu.y-s.scrollTopu.y+f.y+m.y}},getDocumentElement:D,getClippingRect:function(t){let{element:o,boundary:r,rootBoundary:i,strategy:l}=t;const a=[..."clippingAncestors"===r?$(o)?[]:function(t,n){const e=n.get(t);if(e)return e;let o=K(t,[],!1).filter((t=>P(t)&&"body"!==z(t))),r=null;const i="fixed"===Y(t).position;let l=i?G(t):t;for(;P(l)&&!X(l);){const t=Y(l),n=q(l),e=r?r.position:i?"fixed":"";n\|\|"fixed"!==e&&("absolute"!==e\|\|"static"!==t.position)?r=t:o=o.filter((t=>t!==l)),l=G(l)}return n.set(t,o),o}(o,this._c):[].concat(r),i],c=lt(o,a[0],l);let s=c.top,u=c.right,f=c.bottom,d=c.left;for(let t=1;t<a.length;t++){const r=lt(o,a[t],l);s=e(r.top,s),u=n(r.right,u),f=n(r.bottom,f),d=e(r.left,d)}return{width:u-d,height:f-s,x:d,y:s}},getOffsetParent:ut,getElementRects:async function(t){const n=this.getOffsetParent\|\|ut,e=this.getDimensions,o=await e(t.floating);return{reference:at(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return t.getClientRects?Array.from(t.getClientRects()):[]},getDimensions:function(t){const{width:n,height:e}=U(t);return{width:n,height:e}},getScale:tt,isElement:P,isRTL:function(t){return"rtl"===Y(t).direction}};function dt(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function mt(t,o,i,l){void 0===l&&(l={});const{ancestorScroll:a=!0,ancestorResize:c=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=l,d=Z(t),m=a\|\|c?[...d?K(d):[],...o?K(o):[]]:[];m.forEach((t=>{a&&t.addEventListener("scroll",i),c&&t.addEventListener("resize",i)}));const p=d&&u?function(t,o,i){let l,a=null;const c=D(t);function s(){var t;clearTimeout(l),null==(t=a)\|\|t.disconnect(),a=null}function u(i,f){void 0===i&&(i=!1),void 0===f&&(f=1),s();const d=t.getBoundingClientRect(),{left:m,top:p,width:y,height:h}=d;if(i\|\|o(),!y\|\|!h)return;const w={rootMargin:-r(p)+"px "+-r(c.clientWidth-(m+y))+"px "+-r(c.clientHeight-(p+h))+"px "+-r(m)+"px",threshold:e(0,n(1,f))\|\|1};let g=!0;function x(n){const e=n[0].intersectionRatio;if(!dt(d,t.getBoundingClientRect()))return u();if(e!==f){if(!g)return u();e?u(!1,e):l=setTimeout((()=>{u(!1,1e-7)}),1e3)}g=!1}try{a=new IntersectionObserver(x,{...w,root:c.ownerDocument})}catch(t){a=new IntersectionObserver(x,w)}a.observe(t)}const f=T(t),d=()=>u(i);return f.addEventListener("resize",d),u(!0),()=>{f.removeEventListener("resize",d),s()}}(d,i,c):null;let y,h=-1,w=null;s&&(w=new ResizeObserver((t=>{let[n]=t;n&&n.target===d&&w&&o&&(w.unobserve(o),cancelAnimationFrame(h),h=requestAnimationFrame((()=>{var t;null==(t=w)\|\|t.observe(o)}))),i()})),d&&!f&&w.observe(d),o&&w.observe(o));let g=f?ot(t):null;return f&&function n(){const e=ot(t);g&&!dt(g,e)&&i(),g=e,y=requestAnimationFrame(n)}(),i(),()=>{var t;m.forEach((t=>{a&&t.removeEventListener("scroll",i),c&&t.removeEventListener("resize",i)})),null==p\|\|p(),null==(t=w)\|\|t.disconnect(),w=null,f&&cancelAnimationFrame(y)}}const pt=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:l,middlewareData:a}=n,f=await async function(t,n){const{placement:e,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),l=s(e),a=u(e),f="y"===m(e),d=C.has(l)?-1:1,p=i&&f?-1:1,y=c(n,t);let{mainAxis:h,crossAxis:w,alignmentAxis:g}="number"==typeof y?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:y.mainAxis\|\|0,crossAxis:y.crossAxis\|\|0,alignmentAxis:y.alignmentAxis};return a&&"number"==typeof g&&(w="end"===a?-1g:g),f?{x:wp,y:hd}:{x:hd,y:wp}}(n,t);return l===(null==(e=a.offset)?void 0:e.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:r+f.x,y:i+f.y,data:{...f,placement:l}}}}},yt=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r,platform:i}=n,{mainAxis:l=!0,crossAxis:s=!1,limiter:u={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...d}=c(t,n),p={x:e,y:o},y=await i.detectOverflow(n,d),h=m(r),w=f(h);let g=p[w],x=p[h];const v=(t,n)=>a(n+y["y"===t?"top":"left"],n,n-y["y"===t?"bottom":"right"]);l&&(g=v(w,g)),s&&(x=v(h,x));const b=u.fn({...n,[w]:g,[h]:x});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[w]:l,[h]:s}}}}}},ht=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:l,initialPlacement:a,platform:f,elements:b}=n,{mainAxis:A=!0,crossAxis:S=!0,fallbackPlacements:R,fallbackStrategy:F="bestFit",fallbackAxisSideDirection:O="none",flipAlignment:C=!0,...k}=c(t,n);if(null!=(e=i.arrow)&&e.alignmentOffset)return{};const z=s(r),T=m(a),D=s(a)===a,M=await(null==f.isRTL?void 0:f.isRTL(b.floating)),P=R\|\|(D\|\|!C?[v(a)]:function(t){const n=v(t);return[y(t),n,y(n)]}(a)),H="none"!==O;!R&&H&&P.push(...function(t,n,e,o){const r=u(t);let i=function(t,n,e){switch(t){case"top":case"bottom":return e?n?w:h:n?h:w;case"left":case"right":return n?g:x;default:return[]}}(s(t),"start"===e,o);return r&&(i=i.map((t=>t+"-"+r)),n&&(i=i.concat(i.map(y)))),i}(a,C,O,M));const L=[a,...P],B=await f.detectOverflow(n,k),E=[];let $=(null==(o=i.flip)?void 0:o.overflows)\|\|[];if(A&&E.push(B[z]),S){const t=function(t,n,e){void 0===e&&(e=!1);const o=u(t),r=p(t),i=d(r);let l="x"===r?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[i]>n.floating[i]&&(l=v(l)),[l,v(l)]}(r,l,M);E.push(B[t[0]],B[t[1]])}if($=[...$,{placement:r,overflows:E}],!E.every((t=>t<=0))){var I,N;const t=((null==(I=i.flip)?void 0:I.index)\|\|0)+1,n=L[t];if(n&&("alignment"!==S\|\|T===m(n)\|\|$.every((t=>m(t.placement)!==T\|\|t.overflows[0]>0))))return{data:{index:t,overflows:$},reset:{placement:n}};let e=null==(N=$.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:N.placement;if(!e)switch(F){case"bestFit":{var V;const t=null==(V=$.filter((t=>{if(H){const n=m(t.placement);return n===T\|\|"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:V[0];t&&(e=t);break}case"initialPlacement":e=a}if(r!==e)return{reset:{placement:e}}}return{}}}},wt=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(o){const{placement:r,rects:i,platform:l,elements:a}=o,{apply:f=()=>{},...d}=c(t,o),p=await l.detectOverflow(o,d),y=s(r),h=u(r),w="y"===m(r),{width:g,height:x}=i.floating;let v,b;"top"===y\|\|"bottom"===y?(v=y,b=h===(await(null==l.isRTL?void 0:l.isRTL(a.floating))?"start":"end")?"left":"right"):(b=y,v="end"===h?"top":"bottom");const A=x-p.top-p.bottom,S=g-p.left-p.right,R=n(x-p[v],A),F=n(g-p[b],S),O=o.middlewareData.shift;let C=R,k=F;null!=O&&O.enabled.x&&(k=S),null!=O&&O.enabled.y&&(C=A),!O&&!h&&(w?k=g-2e(p.left,p.right):C=x-2*e(p.top,p.bottom)),await f({...o,availableWidth:k,availableHeight:C});const z=await l.getDimensions(a.floating);return g!==z.width\|\|x!==z.height?{reset:{rects:!0}}:{}}}},gt=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(n){const{rects:e,platform:o}=n,{strategy:r="referenceHidden",...i}=c(t,n);switch(r){case"referenceHidden":{const t=F(await o.detectOverflow(n,{...i,elementContext:"reference"}),e.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:O(t)}}}case"escaped":{const t=F(await o.detectOverflow(n,{...i,altBoundary:!0}),e.floating);return{data:{escapedOffsets:t,escaped:O(t)}}}default:return{}}}}},xt=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:r,placement:i,rects:l,platform:s,elements:f,middlewareData:m}=e,{element:y,padding:h=0}=c(t,e)\|\|{};if(null==y)return{};const w=b(h),g={x:o,y:r},x=p(i),v=d(x),A=await s.getDimensions(y),S="y"===x,R=S?"top":"left",F=S?"bottom":"right",O=S?"clientHeight":"clientWidth",C=l.reference[v]+l.reference[x]-g[x]-l.floating[v],k=g[x]-l.reference[x],z=await(null==s.getOffsetParent?void 0:s.getOffsetParent(y));let T=z?z[O]:0;T&&await(null==s.isElement?void 0:s.isElement(z))\|\|(T=f.floating[O]\|\|l.floating[v]);const D=C/2-k/2,M=T/2-A[v]/2-1,P=n(w[R],M),H=n(w[F],M),L=T-A[v]-H,B=T/2-A[v]/2+D,E=a(P,B,L),$=!m.arrow&&null!=u(i)&&B!==E&&l.reference[v]/2-(B<P?P:H)-A[v]/2<0,I=$?B<P?B-P:B-L:0;return{[x]:g[x]+I,data:{[x]:E,centerOffset:B-E-I,...$&&{alignmentOffset:I}},reset:$}}}),vt=(t,n,e)=>{const o=new Map,r=null!=e?e:{},i={...ft,...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:l}=e,a=l.detectOverflow?l:{...l,detectOverflow:R},c=await(null==l.isRTL?void 0:l.isRTL(n));let s=await l.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:f}=S(s,o,c),d=o,m=0;const p={};for(let e=0;e<i.length;e++){const y=i[e];if(!y)continue;const{name:h,fn:w}=y,{x:g,y:x,data:v,reset:b}=await w({x:u,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:p,rects:s,platform:a,elements:{reference:t,floating:n}});u=null!=g?g:u,f=null!=x?x:f,p[h]={...p[h],...v},b&&m<50&&(m++,"object"==typeof b&&(b.placement&&(d=b.placement),b.rects&&(s=!0===b.rects?await l.getElementRects({reference:t,floating:n,strategy:r}):b.rects),({x:u,y:f}=S(s,d,c))),e=-1)}return{x:u,y:f,placement:d,strategy:r,middlewareData:p}})(t,n,{...r,platform:i})};export{mt as a,xt as b,vt as c,wt as d,ht as f,gt as h,pt as o,yt as s}