@dso-toolkit/core 100.1.0 → 100.3.0

package/dist/dso-toolkit/p-017299d2.entry.js

@@ -1,5 +0,0 @@
-import{r as o,d as r,h as t,g as n}from"./p-CieBNbUH.js";import{c as e}from"./p-ChV9xqsO.js";import{t as i,f as a,i as c,g as d,a as l}from"./p-B7w6tF4K.js";import{i as s}from"./p-Hgv-pDpy.js";
-/*!
-* focus-trap 8.2.2
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function u(o,r){(null==r||r>o.length)&&(r=o.length);for(var t=0,n=Array(r);t<r;t++)n[t]=o[t];return n}function b(o,r){var t="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!t){if(Array.isArray(o)||(t=p(o))||r){t&&(o=t);var n=0,e=function(){};return{s:e,n:function(){return n>=o.length?{done:!0}:{done:!1,value:o[n++]}},e:function(o){throw o},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){t=t.call(o)},n:function(){var o=t.next();return a=o.done,o},e:function(o){c=!0,i=o},f:function(){try{a||null==t.return||t.return()}finally{if(c)throw i}}}}function f(o,r,t){return(r=function(o){var r=function(o,r){if("object"!=typeof o||!o)return o;var t=o[Symbol.toPrimitive];if(void 0!==t){var n=t.call(o,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(o)}(o,"string");return"symbol"==typeof r?r:r+""}(r))in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function v(o,r){var t=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(o,r).enumerable}))),t.push.apply(t,n)}return t}function _(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){f(o,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(t,r))}))}return o}function p(o,r){if(o){if("string"==typeof o)return u(o,r);var t={}.toString.call(o).slice(8,-1);return"Object"===t&&o.constructor&&(t=o.constructor.name),"Map"===t||"Set"===t?Array.from(o):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(o,r):void 0}}var y={getActiveTrap:function(o){return(null==o?void 0:o.length)>0?o[o.length-1]:null},activateTrap:function(o,r){r!==y.getActiveTrap(o)&&y.pauseTrap(o);var t=o.indexOf(r);-1===t||o.splice(t,1),o.push(r)},deactivateTrap:function(o,r){var t=o.indexOf(r);-1!==t&&o.splice(t,1),y.unpauseTrap(o)},pauseTrap:function(o){var r=y.getActiveTrap(o);null==r||r._setPausedState(!0)},unpauseTrap:function(o){var r=y.getActiveTrap(o);r&&!r._isManuallyPaused()&&r._setPausedState(!1)}},g=function(o){return"Tab"===(null==o?void 0:o.key)||9===(null==o?void 0:o.keyCode)},h=function(o){return g(o)&&!o.shiftKey},k=function(o){return g(o)&&o.shiftKey},w=function(o){return setTimeout(o,0)},m=function(o){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];return"function"==typeof o?o.apply(void 0,t):o},x=function(o){return o.target.shadowRoot&&"function"==typeof o.composedPath?o.composedPath()[0]:o.target},C=[],j=function(o,r){var t,n=(null==r?void 0:r.document)||document,e=(null==r?void 0:r.trapStack)||C,s=_({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,delayReturnFocus:!0,isolateSubtrees:!1,isKeyForward:h,isKeyBackward:k},r),f={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},v=function(o,r,t){return o&&void 0!==o[r]?o[r]:s[t||r]},j=function(o,r){var t="function"==typeof(null==r?void 0:r.composedPath)?r.composedPath():void 0;return f.containerGroups.findIndex((function(r){var n=r.container,e=r.tabbableNodes;return n.contains(o)||(null==t?void 0:t.includes(n))||e.find((function(r){return r===o}))}))},F=function(o){var r,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=t.hasFallback,i=void 0!==e&&e,a=t.params,c=s[o];if("function"==typeof c&&(c=c.apply(void 0,function(o){if(Array.isArray(o))return u(o)}(r=void 0===a?[]:a)||function(o){if("undefined"!=typeof Symbol&&null!=o[Symbol.iterator]||null!=o["@@iterator"])return Array.from(o)}(r)||p(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),!0===c&&(c=void 0),!c){if(void 0===c||!1===c)return c;throw new Error("`".concat(o,"` was specified but was not a node, or did not return a node"))}var d=c;if("string"==typeof c){try{d=n.querySelector(c)}catch(r){throw new Error("`".concat(o,'` appears to be an invalid selector; error="').concat(r.message,'"'))}if(!d&&!i)throw new Error("`".concat(o,"` as selector refers to no known node"))}return d},S=function(o){var r=o.activeElement;return r?r.shadowRoot&&null!==r.shadowRoot.activeElement?S(r.shadowRoot):r:null},z=function(){var o=F("initialFocus",{hasFallback:!0});if(!1===o)return!1;if(void 0===o||o&&!l(o,s.tabbableOptions)){var r=S(n);if(j(r)>=0)o=r;else{var t=f.tabbableGroups[0];o=t&&t.firstTabbableNode||F("fallbackFocus")}}else null===o&&(o=F("fallbackFocus"));if(!o)throw new Error("Your focus-trap needs to have at least one focusable element");return o},T=function(){if(f.containerGroups=f.containers.map((function(o){var r=i(o,s.tabbableOptions),t=a(o,s.tabbableOptions),n=r.length>0?r[0]:void 0,e=r.length>0?r[r.length-1]:void 0,l=t.find((function(o){return c(o)})),u=t.slice().reverse().find((function(o){return c(o)})),b=!!r.find((function(o){return d(o)>0}));return{container:o,tabbableNodes:r,focusableNodes:t,posTabIndexesFound:b,firstTabbableNode:n,lastTabbableNode:e,firstDomTabbableNode:l,lastDomTabbableNode:u,nextTabbableNode:function(o){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=r.indexOf(o);return e<0?n?t.slice(t.indexOf(o)+1).find((function(o){return c(o)})):t.slice(0,t.indexOf(o)).reverse().find((function(o){return c(o)})):r[e+(n?1:-1)]}}})),f.tabbableGroups=f.containerGroups.filter((function(o){return o.tabbableNodes.length>0})),f.tabbableGroups.length<=0&&!F("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(f.containerGroups.find((function(o){return o.posTabIndexesFound}))&&f.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},O=function(o){!1!==o&&o!==S(document)&&(o&&o.focus?(o.focus({preventScroll:!!s.preventScroll}),f.mostRecentlyFocusedNode=o,function(o){return o.tagName&&"input"===o.tagName.toLowerCase()&&"function"==typeof o.select}(o)&&o.select()):O(z()))},D=function(o){var r=F("setReturnFocus",{params:[o]});return r||!1!==r&&o},E=function(o){var r=o.target,t=o.event,n=o.isBackward,e=void 0!==n&&n;r=r||x(t),T();var i=null;if(f.tabbableGroups.length>0){var a=j(r,t),u=a>=0?f.containerGroups[a]:void 0;if(a<0)i=e?f.tabbableGroups[f.tabbableGroups.length-1].lastTabbableNode:f.tabbableGroups[0].firstTabbableNode;else if(e){var b=f.tabbableGroups.findIndex((function(o){return r===o.firstTabbableNode}));if(b<0&&(u.container===r||l(r,s.tabbableOptions)&&!c(r,s.tabbableOptions)&&!u.nextTabbableNode(r,!1))&&(b=a),b>=0){var v=f.tabbableGroups[0===b?f.tabbableGroups.length-1:b-1];i=d(r)>=0?v.lastTabbableNode:v.lastDomTabbableNode}else g(t)||(i=u.nextTabbableNode(r,!1))}else{var _=f.tabbableGroups.findIndex((function(o){return r===o.lastTabbableNode}));if(_<0&&(u.container===r||l(r,s.tabbableOptions)&&!c(r,s.tabbableOptions)&&!u.nextTabbableNode(r))&&(_=a),_>=0){var p=f.tabbableGroups[_===f.tabbableGroups.length-1?0:_+1];i=d(r)>=0?p.firstTabbableNode:p.firstDomTabbableNode}else g(t)||(i=u.nextTabbableNode(r))}}else i=F("fallbackFocus");return i},A=function(o){var r=x(o);j(r,o)>=0||(m(s.clickOutsideDeactivates,o)?t.deactivate({returnFocus:s.returnFocusOnDeactivate}):m(s.allowOutsideClick,o)||o.preventDefault())},R=function(o){var r=x(o),t=j(r,o)>=0;if(t||r instanceof Document)t&&(f.mostRecentlyFocusedNode=r);else{var n;o.stopImmediatePropagation();var e=!0;if(f.mostRecentlyFocusedNode)if(d(f.mostRecentlyFocusedNode)>0){var i=j(f.mostRecentlyFocusedNode),a=f.containerGroups[i].tabbableNodes;if(a.length>0){var c=a.findIndex((function(o){return o===f.mostRecentlyFocusedNode}));c>=0&&(s.isKeyForward(f.recentNavEvent)?c+1<a.length&&(n=a[c+1],e=!1):c-1>=0&&(n=a[c-1],e=!1))}}else f.containerGroups.some((function(o){return o.tabbableNodes.some((function(o){return d(o)>0}))}))||(e=!1);else e=!1;e&&(n=E({target:f.mostRecentlyFocusedNode,isBackward:s.isKeyBackward(f.recentNavEvent)})),O(n||f.mostRecentlyFocusedNode||z())}f.recentNavEvent=void 0},P=function(o){(s.isKeyForward(o)||s.isKeyBackward(o))&&function(o){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];f.recentNavEvent=o;var t=E({event:o,isBackward:r});t&&(g(o)&&o.preventDefault(),O(t))}(o,s.isKeyBackward(o))},N=function(o){var r;"Escape"!==(null==(r=o)?void 0:r.key)&&"Esc"!==(null==r?void 0:r.key)&&27!==(null==r?void 0:r.keyCode)||!1===m(s.escapeDeactivates,o)||(o.preventDefault(),t.deactivate())},I=function(o){var r=x(o);j(r,o)>=0||m(s.clickOutsideDeactivates,o)||m(s.allowOutsideClick,o)||(o.preventDefault(),o.stopImmediatePropagation())},B=function(){var o;if(f.active)return y.activateTrap(e,t),s.delayInitialFocus?o=new Promise((function(o){f.delayInitialFocusTimer=w((function(){O(z()),o()}))})):O(z()),n.addEventListener("focusin",R,!0),n.addEventListener("mousedown",A,{capture:!0,passive:!1}),n.addEventListener("touchstart",A,{capture:!0,passive:!1}),n.addEventListener("click",I,{capture:!0,passive:!1}),n.addEventListener("keydown",P,{capture:!0,passive:!1}),n.addEventListener("keydown",N),o},H=function(){if(f.active)return n.removeEventListener("focusin",R,!0),n.removeEventListener("mousedown",A,!0),n.removeEventListener("touchstart",A,!0),n.removeEventListener("click",I,!0),n.removeEventListener("keydown",P,!0),n.removeEventListener("keydown",N),t},M="undefined"!=typeof window&&"MutationObserver"in window?new MutationObserver((function(o){var r=f.mostRecentlyFocusedNode;if(r&&o.some((function(o){return Array.from(o.removedNodes).some((function(o){return o===r||"function"==typeof o.contains&&o.contains(r)}))}))&&f.containers.some((function(o){return null==o?void 0:o.isConnected}))){T();var t=z();O(t)}})):void 0,U=function(){M&&(M.disconnect(),f.active&&!f.paused&&f.containers.map((function(o){M.observe(o,{subtree:!0,childList:!0})})))};return t={get active(){return f.active},get paused(){return f.paused},activate:function(o){if(f.active)return this;var r,i=v(o,"onActivate"),a=v(o,"onPostActivate"),c=v(o,"checkCanFocusTrap"),d=y.getActiveTrap(e),l=!1;d&&!d.paused&&(null===(r=d._setSubtreeIsolation)||void 0===r||r.call(d,!1),l=!0);try{c||T(),f.active=!0,f.paused=!1,f.nodeFocusedBeforeActivation=S(n),null==i||i({trap:t});var s=function(){c&&T();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()};if(c)return c(f.containers.concat()).then(s,s),this;s()}catch(o){var u;throw d===y.getActiveTrap(e)&&l&&(null===(u=d._setSubtreeIsolation)||void 0===u||u.call(d,!0)),o}return this},deactivate:function(o){if(!f.active)return this;var r=_({onDeactivate:s.onDeactivate,onPostDeactivate:s.onPostDeactivate,checkCanReturnFocus:s.checkCanReturnFocus},o);clearTimeout(f.delayInitialFocusTimer),f.delayInitialFocusTimer=void 0,f.paused||t._setSubtreeIsolation(!1),f.alreadySilent.clear(),H(),f.active=!1,f.paused=!1,U(),y.deactivateTrap(e,t);var n=v(r,"onDeactivate"),i=v(r,"onPostDeactivate"),a=v(r,"checkCanReturnFocus"),c=v(r,"delayReturnFocus"),d=v(r,"returnFocus","returnFocusOnDeactivate");null==n||n({trap:t});var l=function(){d&&O(D(f.nodeFocusedBeforeActivation)),null==i||i({trap:t})},u=function(){c&&d?w(l):l()};return d&&a?(a(D(f.nodeFocusedBeforeActivation)).then(u,u),this):(u(),this)},pause:function(o){return f.active?(f.manuallyPaused=!0,this._setPausedState(!0,o)):this},unpause:function(o){return f.active?(f.manuallyPaused=!1,e[e.length-1]!==this?this:this._setPausedState(!1,o)):this},updateContainerElements:function(o){var r=[].concat(o).filter(Boolean);return f.containers=r.map((function(o){return"string"==typeof o?n.querySelector(o):o})),s.isolateSubtrees&&function(o){f.active&&!f.paused&&t._setSubtreeIsolation(!1),f.adjacentElements.clear(),f.alreadySilent.clear();var r,n=new Set,e=new Set,i=b(o);try{for(i.s();!(r=i.n()).done;){var a=r.value;n.add(a);for(var c="undefined"!=typeof ShadowRoot&&a.getRootNode()instanceof ShadowRoot,d=a;d;){n.add(d);var l=d.parentElement,s=[];l?s=l.children:!l&&c&&(s=d.getRootNode().children,l=d.getRootNode().host,c="undefined"!=typeof ShadowRoot&&l.getRootNode()instanceof ShadowRoot);var u,v=b(s);try{for(v.s();!(u=v.n()).done;)e.add(u.value)}catch(o){v.e(o)}finally{v.f()}d=l}}}catch(o){i.e(o)}finally{i.f()}n.forEach((function(o){e.delete(o)})),f.adjacentElements=e}(f.containers),f.active&&(T(),f.paused||t._setSubtreeIsolation(!0)),U(),this}},Object.defineProperties(t,{_isManuallyPaused:{value:function(){return f.manuallyPaused}},_setPausedState:{value:function(o,r){if(f.paused===o)return this;if(f.paused=o,o){var n=v(r,"onPause"),e=v(r,"onPostPause");null==n||n({trap:t}),H(),t._setSubtreeIsolation(!1),U(),null==e||e({trap:t})}else{var i=v(r,"onUnpause"),a=v(r,"onPostUnpause");null==i||i({trap:t}),function(){T();var o=function(){t._setSubtreeIsolation(!0),U(),null==a||a({trap:t})},r=B();r?r.then(o):o()}()}return this}},_setSubtreeIsolation:{value:function(o){s.isolateSubtrees&&f.adjacentElements.forEach((function(r){var t;o?"aria-hidden"===s.isolateSubtrees?("true"!==r.ariaHidden&&"true"!==(null===(t=r.getAttribute("aria-hidden"))||void 0===t?void 0:t.toLowerCase())||f.alreadySilent.add(r),r.setAttribute("aria-hidden","true")):((r.inert||r.hasAttribute("inert"))&&f.alreadySilent.add(r),r.setAttribute("inert",!0)):f.alreadySilent.has(r)||r.removeAttribute("aria-hidden"===s.isolateSubtrees?"aria-hidden":"inert")}))}}}),t.updateContainerElements(o),t};const F=class{constructor(t){o(this,t),this.dsoChange=r(this,"dsoChange",3),this.dsoRedirect=r(this,"dsoRedirect",3),this.options=[],this.open=!1,this.toggleOpen=()=>{this.open=!this.open},this.handleOptionClick=(o,r)=>{this.dsoChange.emit({originalEvent:o,option:r}),this.open=!1},this.handleRedirectClick=(o,r)=>{this.dsoRedirect.emit({originalEvent:o,isModifiedEvent:s(o),redirect:r}),this.open=!1}}keyDownListener(o){this.open&&"ArrowUp"===o.key?(o.preventDefault(),this.handleTab(-1)):this.open&&"ArrowDown"===o.key&&(o.preventDefault(),this.handleTab(1))}componentDidRender(){this.open&&!this.trap?this.createTrap():!this.open&&this.trap&&this.removeTrap()}createTrap(){this.trap=j(this.host,{clickOutsideDeactivates:!0,escapeDeactivates:!0,setReturnFocus:this.toggleButtonElementRef,tabbableOptions:{getShadowRoot:!0},onDeactivate:()=>{this.open=!1}}).activate()}removeTrap(){this.trap?.deactivate(),delete this.trap}handleTab(o){const r=this.host.isConnected?i(this.host,{getShadowRoot:!0}):[];let t=r.findIndex((o=>o===this.host.shadowRoot?.activeElement))+o;t>=r.length?t=0:t<0&&(t=r.length-1),r[t]?.focus()}render(){const o=this.open?"caret-up":"caret-down";return t("div",{key:"caa960271b7eb724eedf59a6ecc3963d0edd44a7",class:"advanced-select"},t("div",{key:"ee68b2509312c5069a1efa48340b41420b815900",class:"advanced-select-button"},t("button",{key:"fcf9ad0e9f20869b4f023054b8a0d5c85120ce4b","aria-expanded":this.open.toString(),class:e(["active-option",{open:this.open}]),type:"button",onClick:this.toggleOpen,ref:o=>this.toggleButtonElementRef=o},t("span",{key:"bfc430f8bbf04dd3b96b7899e7f6291a62b1bb9b",class:"active-option-label"},t(T,{key:"9cd3e3c60b0286c0d50a45f8d8de830c42728f33",active:this.active,options:this.options}),this.active?.label??"Selecteer een optie"),t("span",{key:"ef87672c65cd65e7a6a6ceb37b5c15e98c0bb58c",class:"active-option-aside"},t("dso-icon",{key:"0eb9b166c8894579d44e0d0a0787ceba75bd52c1",icon:o,"aria-hidden":"true"}))),this.open&&t("div",{key:"43fede22505062bd93adf933307eb76462293e2c",class:"groups-container"},t("ul",{key:"9f12aadfca802808c8e99181e6819a872f9f39e4",class:"groups"},this.options.map((o=>"options"in o&&t("li",{class:e(["group",{[`group-${o.variant}`]:!!o.variant}])},t("p",{class:"group-label"},o.label),t("ul",{class:"options"},o.options.map((r=>t("li",null,t(S,{option:r,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick,variant:o.variant}))))),o.redirect&&t(z,{redirect:o.redirect,callback:this.handleRedirectClick}))||"placeholder"in o&&t("li",{class:"group"},t("p",{class:"group-label"},o.label),t("p",{class:"placeholder"},o.placeholder),o.redirect&&t(z,{redirect:o.redirect,callback:this.handleRedirectClick}))||t("li",null,t(S,{option:o,active:this.active,activeHint:this.activeHint,callback:this.handleOptionClick}))))))),this.options.some((o=>"summaryCounter"in o&&o?.summaryCounter))&&t("span",{key:"fd9e7f96ab6bd4a79974991e6d51f208e7ea2346",class:"badges"},this.options.filter((o=>"options"in o&&"summaryCounter"in o&&!!o?.summaryCounter)).map((o=>t("dso-badge",{status:o.variant??"outline",label:o.badgeLabel??`Toon toelichting voor ${o.label.toLowerCase()}`},o.options.length,t("div",{slot:"toggletip"},o.toggletip))))))}static get delegatesFocus(){return!0}get host(){return n(this)}},S=({option:o,active:r,activeHint:n,callback:i,variant:a})=>{const c="success"===a?"document":"warning"===a?"document-pencil":"hammer";return t("button",{class:e(["option",{"option-active":r===o}]),type:"button",onClick:r=>i(r,o)},t("dso-icon",{icon:c,"aria-hidden":"true"}),t("span",{class:"option-label"},o.label," ",!!n&&r===o&&t("span",{class:"option-hint"},"(",n,")")))},z=({redirect:o,callback:r})=>t("a",{class:"group-link",href:o.href,onClick:t=>r(t,o)},o.label,t("dso-icon",{icon:"chevron-right","aria-hidden":"true"})),T=({active:o,options:r})=>{const n=r.find((r=>"options"in r&&!!r.options.find((r=>r===o))&&!!r.activeLabel));return n&&t("dso-label",{compact:!0,status:n.variant},n.activeLabel)};F.style=":host{display:block}*,*::after,*::before{box-sizing:border-box}.advanced-select{display:flex;flex-direction:row}.advanced-select-button{flex:1;min-inline-size:0}.active-option{color:inherit;display:flex;inline-size:100%;justify-content:flex-start;align-items:center;padding:0;border:1px solid #275937;border-radius:4px;cursor:pointer;background-color:#fff;text-align:start;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit}.active-option.open{border-radius:4px 4px 0 0}.active-option dso-icon{color:#275937}@media (max-width: 480px){.active-option-label{hyphens:auto}}.active-option-label{line-height:1.5;padding-block:8px;padding-inline:8px}.active-option-label dso-label{margin-inline-end:8px}.active-option-aside{padding-inline:8px;margin-inline-start:auto}.badges{display:flex;justify-content:space-between;gap:4px;padding-block-start:8px;padding-inline-start:8px}.groups-container{position:relative;z-index:200}.groups{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:100%;max-block-size:500px;margin:0;padding:0;overflow-y:auto;background-color:#fff;border:1px solid #275937;border-radius:0 0 4px 4px}.groups li::marker{display:none}.group{border-block-end:1px solid #ccc}.group:last-child{border-block-end:none}.group-label{margin:0;padding-block:4px;padding-inline:16px;color:#666;font-size:0.875rem;font-weight:600}.group-link{display:block;padding-block:8px;padding-inline:4px;text-align:end;color:#39870c;text-decoration:none}.group-link:hover,.group-link:focus{text-decoration:underline}.group-link dso-icon{color:#39870c}.group-info .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#6ca4d9;color:#191919}.group-primary .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#275937;color:#fff}.group-success .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#39870c;color:#fff}.group-warning .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#dcd400;color:#191919}.group-error .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#ce3f51;color:#fff}.group-attention .option-label::before{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:#8b4a6a;color:#fff}.options{margin:0;padding:0}.option{display:flex;align-items:center;gap:8px;inline-size:100%;padding-block:8px;padding-inline:16px;cursor:pointer;line-height:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;border:none;text-align:start;background-color:#fff}.option dso-icon{flex-shrink:0}.option.option-active,.option.option-active:hover,.option.option-active:focus{background-color:#275937}.option.option-active .option-label,.option.option-active dso-icon,.option.option-active:hover .option-label,.option.option-active:hover dso-icon,.option.option-active:focus .option-label,.option.option-active:focus dso-icon{color:#fff;font-weight:600}.option:hover,.option:focus{background-color:#ebf3e6}.option-label{position:relative;color:#191919}.option-hint{padding-inline-start:5px;color:#fff;font-weight:600}.placeholder{margin:0;padding-block:8px;padding-inline:16px;color:#666}";export{F as dso_advanced_select}

package/dist/dso-toolkit/p-03d9b96e.entry.js

@@ -1 +0,0 @@
-import{r as e,d as t,f as n,h as a,g as o}from"./p-CieBNbUH.js";import{i as d}from"./p-Hgv-pDpy.js";const i=class{constructor(n){e(this,n),this.dsoDocumentCardClick=t(this,"dsoDocumentCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>n(this.host))),this.mutationObserver.observe(this.host,{attributes:!0,childList:!0})}disconnectedCallback(){this.mutationObserver?.disconnect(),delete this.mutationObserver}clickEventHandler(e){if(e.target instanceof HTMLElement&&this.href)return this.dsoDocumentCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get metaSlottedElement(){return this.host.querySelector("[slot='meta']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){return a("div",{key:"4046f10a2e45993afefe33ab3f92c14d6b6963d6",class:"dso-document-card-container"},a("div",{key:"0d72ed7262faf99184904eed86301cfacd77d09b",class:"dso-document-card-heading"},a("a",{key:"1edb52c2ad08a63bdf2d786ed36a33f6477c434c",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},a("span",{key:"2b7ea520003646ef4d0f93f022f6a9ccc355a67d",class:"icon-container"},a("dso-icon",{key:"3bea6d5d33dbcfd143d58a8e3b1777cc10876944",icon:"chevron-right"}),a("slot",{key:"cee11afecd7ade47d47bde74d37587decebabc49",name:"heading"})))),a("div",{key:"4d82525ec2c83fe9a72b785b6ce458a37d4fe915",class:"dso-document-card-type"},a("slot",{key:"69ebf7af4c44cf5afe03074fcf8639a903fb3f36",name:"type"})),a("div",{key:"7eea440b8780cf2a541c74f5f644358a8c8b7961",class:"dso-document-card-status"},null!==this.metaSlottedElement&&a("slot",{key:"0370eeeb1dc83e5120e77e996f524d60b28afc40",name:"meta"}),a("slot",{key:"0750731813a2890b40cbbb02d474452e14d80eb2",name:"status"}),null!==this.interactionsSlottedElement&&a("slot",{key:"8e8256e3895a7c90f807430f3b84c603355d0950",name:"interactions"})))}get host(){return o(this)}};i.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.dso-document-card-container{padding-block:16px;padding-inline:16px;inline-size:100%}.dso-document-card-container .dso-document-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-document-card-container .dso-document-card-heading{flex-wrap:wrap}}.dso-document-card-container:has(.dso-document-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}:host([active]:not([active=false])) .dso-document-card-container{background-color:#e5e5e5}::slotted([slot=heading]){display:inline !important;color:#275937 !important;font-size:1.125em !important;font-weight:700 !important;line-height:1.25 !important;margin-block-end:0 !important;margin-block-start:0 !important}.heading-anchor{color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor .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)}.heading-anchor .icon-container{position:relative;padding-inline-end:24px}.heading-anchor .icon-container dso-icon{position:absolute;inset-inline-end:0;inset-block-end:-3px;block-size:24px;inline-size:24px}::slotted([slot=type]){--_dso-info-button-margin-inline-start:0;display:flex !important;gap:8px !important}.dso-document-card-heading+.dso-document-card-type,.dso-document-card-heading+.dso-document-card-status,.dso-document-card-type+.dso-document-card-status{margin-block-start:8px}::slotted([slot=meta]){margin-inline-end:8px}::slotted([slot=status]){margin-inline-end:8px}";export{i as dso_document_card}

package/dist/dso-toolkit/p-0d5b878e.entry.js

@@ -1 +0,0 @@
-import{r as o,d as r,h as t}from"./p-CieBNbUH.js";import{p as e}from"./p-CcOMPHLg.js";import{T as n}from"./p-C32sfSnK.js";import"./p-DMUqzLuy.js";const s=class{constructor(t){o(this,t),this.dsoClick=r(this,"dsoClick",3),this.lastClickTime=0,this.tooltipShowDelay=500,this.variant="secondary",this.tooltipPlacement="top",this.disabled=!1,this.handleShowTooltip=()=>{this.disabled||Date.now()-this.lastClickTime<this.tooltipShowDelay||(this.clearToolTipTimeout(),this.tooltipTimeout=window.setTimeout((()=>{this.tooltipElRef?.isConnected&&(this.tooltipElRef?.showPopover(),!this.cleanUpFunction&&this.buttonElRef&&this.tooltipElRef&&this.tooltipArrowElRef&&(this.cleanUpFunction=e({referenceElement:this.buttonElRef,tipRef:this.tooltipElRef,tipArrowRef:this.tooltipArrowElRef,placementTip:this.tooltipPlacement,topPositionSmallViewPort:!1,halfMainAxisOffset:!1,forceVisible:!0})))}),this.tooltipShowDelay))},this.clearToolTipTimeout=()=>{this.tooltipTimeout&&clearTimeout(this.tooltipTimeout)},this.handleHideTooltip=()=>{this.clearToolTipTimeout(),this.tooltipElRef?.isConnected&&this.tooltipElRef.matches(":popover-open")&&this.tooltipElRef.hidePopover(),this.cleanUpTooltip()},this.handleClick=o=>{this.lastClickTime=Date.now(),this.handleHideTooltip(),this.dsoClick.emit({originalEvent:o,toggled:!this.toggled})}}async setFocus(){this.buttonElRef?.focus()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}disconnectedCallback(){this.clearToolTipTimeout(),this.cleanUpTooltip()}render(){return t("button",{key:"4c930bb2fd38dfce8db767072ff7ad994dfbd869",ref:o=>this.buttonElRef=o,type:"button",disabled:this.disabled,"aria-label":this.label,class:`icon-button dso-${this.variant} ${this.toggled?"toggled":""}`,"aria-pressed":this.toggled?.toString(),"aria-expanded":this.expanded?.toString(),onMouseEnter:this.handleShowTooltip,onMouseLeave:this.handleHideTooltip,onFocus:this.handleShowTooltip,onBlur:this.handleHideTooltip,onClick:this.handleClick},t("dso-icon",{key:"1137f9ab4dcdb979544781d03b657e24359cc801",icon:this.icon,"aria-hidden":"true"}),t(n,{key:"5ec39345d360e556d7b23a11d67eec64aaab48ab",tipElementRef:o=>this.tooltipElRef=o,tipArrowElementRef:o=>this.tooltipArrowElRef=o},this.label))}};s.style=".dso-tooltip {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #666;   color: #fff;   border-radius: 4px;   overflow: unset;   margin: 0;   border: 0;   padding: 0;   filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));   opacity: 0;   visibility: hidden;   max-inline-size: 320px; } .dso-tooltip .tooltip-inner {   --_dso-span-role-paragraph-margin-block: 8px;   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-wit);   --_dso-link-extern-icon: var(--_dso-di-external-link-wit);   --_dso-link-phone-icon: var(--_dso-di-call-wit);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-wit);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-wit);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: rgba(255, 255, 255, 0.2);   --_dso-icon-button-secondary-toggled-hover-background-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-color: #f2f2f2;   --_dso-icon-button-tertiary-hover-color: #fff;   --_dso-icon-button-tertiary-active-color: rgba(255, 255, 255, 0.4);   --_dso-icon-button-tertiary-toggled-color: #fff;   --_dso-icon-button-tertiary-toggled-hover-color: rgba(255, 255, 255, 0.3);   --_dso-icon-button-tertiary-disabled-color: #b2b2b2;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-wit);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-wit);   --_dso-button-primary-background-color: #fff;   --_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-background-color: #f2f2f2;   --_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-border-color: #fff;   --_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);   --_dso-button-primary-active-border-color: #f2f2f2;   --_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);   --_dso-button-primary-color: #191919;   --_dso-button-primary-hover-color: #191919;   --_dso-button-primary-active-color: #191919;   --_dso-button-primary-disabled-color: #666;   --_dso-button-secondary-background-color: none;   --_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);   --_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-background-color: none;   --_dso-button-secondary-border-color: #fff;   --_dso-button-secondary-hover-border-color: #fff;   --_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);   --_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);   --_dso-button-secondary-color: #fff;   --_dso-button-secondary-hover-color: #fff;   --_dso-button-secondary-active-color: #fff;   --_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);   --_dso-button-tertiary-color: #fff;   --_dso-button-tertiary-hover-color: #fff;   --_dso-button-tertiary-active-color: #fff;   --_dso-button-tertiary-disabled-color: #b2b2b2;   background-color: #666;   color: #fff;   font-family: Asap, sans-serif;   font-size: 1rem;   font-weight: normal;   padding-block: 0;   padding-inline: 8px;   border-radius: 4px;   line-height: 1.5; } .dso-tooltip .tooltip-arrow {   position: absolute;   background-color: #666;   border-start-start-radius: 4px;   block-size: 8px;   inline-size: 8px;   pointer-events: none;   z-index: -1; }  :host {   display: inline-block;   line-height: 1;   position: var(--_dso-icon-button-position, static);   inset-block-start: var(--_dso-icon-button-inset-block-start, 0);   inset-inline-end: var(--_dso-icon-button-inset-inline-end, 0); }  *, *::after, *::before {   box-sizing: border-box; }  .dso-secondary {   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-secondary:focus, .dso-secondary:focus-visible {   outline-offset: 2px; } .dso-secondary:active {   outline: 0; } .dso-secondary.extern::after, .dso-secondary.download::after {   content: \"\";   display: inline-block; } .dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } .dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } .dso-secondary[disabled], .dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } .dso-secondary.dso-small {   line-height: 1rem; } .dso-secondary.dso-small dso-icon, .dso-secondary.dso-small.extern::after, .dso-secondary.dso-small.download::after, .dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small {   line-height: 1rem; } .dso-secondary.dso-extra-small dso-icon, .dso-secondary.dso-extra-small.extern::after, .dso-secondary.dso-extra-small.download::after, .dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary.dso-extra-small {   padding-block: 9px; } .dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } .dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } .dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } .dso-secondary.dso-spinner-left[disabled], .dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } .dso-secondary.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: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } .dso-secondary.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: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } .dso-secondary {   padding-inline: calc(8px - 1px);   padding-block: calc(8px - 1px);   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px);   border-block-end-width: var(--_dso-icon-button-border-block-end-width, 1px);   border-inline-end-width: var(--_dso-icon-button-border-inline-end-width, 1px); } .dso-secondary:not([disabled]):active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-secondary:not([disabled]).toggled {   background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-secondary:not([disabled]).toggled:hover {   background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27);   border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-secondary:not([disabled]).toggled:active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); }  .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.extern::after, .dso-tertiary.download::after {   content: \"\";   display: inline-block; } .dso-tertiary {   padding-inline: 0;   padding-block: 0;   color: var(--_dso-icon-button-tertiary-color, #39870c);   background-color: transparent;   border: 0; } .dso-tertiary:not([disabled]):hover {   color: var(--_dso-icon-button-tertiary-hover-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]):active {   color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary:not([disabled]).toggled {   color: var(--_dso-icon-button-tertiary-toggled-color, var(--_dso-icon-button-tertiary-color, #275937)); } .dso-tertiary:not([disabled]).toggled:hover {   color: var(--_dso-icon-button-tertiary-toggled-hover-color, var(--_dso-icon-button-tertiary-color, #1b3e27)); } .dso-tertiary:not([disabled]).toggled:active {   color: var(--_dso-icon-button-tertiary-active-color, var(--_dso-icon-button-tertiary-color, #1f472c)); } .dso-tertiary[disabled] {   color: var(--_dso-icon-button-tertiary-disabled-color, var(--_dso-icon-button-tertiary-color, #afcf9d)); }  .dso-map {   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-map:focus, .dso-map:focus-visible {   outline-offset: 2px; } .dso-map:active {   outline: 0; } .dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } .dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } .dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } .dso-map[disabled], .dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } .dso-map.dso-small {   line-height: 1rem; } .dso-map.dso-small dso-icon, .dso-map.dso-small.extern::after, .dso-map.dso-small.download::after, .dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small {   line-height: 1rem; } .dso-map.dso-extra-small dso-icon, .dso-map.dso-extra-small.extern::after, .dso-map.dso-extra-small.download::after, .dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } .dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } .dso-map.dso-extra-small {   padding-block: 9px; } .dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } .dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } .dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } .dso-map.dso-spinner-left[disabled], .dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } .dso-map.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: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]):hover::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: %23fff; 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: top;   inline-size: 24px;   margin-inline-end: 8px; } .dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } .dso-map.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: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]):hover::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: %23fff; 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: top;   inline-size: 24px;   margin-inline-start: 8px; } .dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } .dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } .dso-map:focus, .dso-map:focus-visible {   outline-offset: -1px; } .dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; } .dso-map {   padding-inline: 8px;   padding-block: 8px;   border: 0;   margin-inline-end: 0;   box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));   border-start-start-radius: var(--_dso-icon-button-border-start-start-radius, 4px);   border-start-end-radius: var(--_dso-icon-button-border-start-end-radius, 4px);   border-end-end-radius: var(--_dso-icon-button-border-end-end-radius, 4px);   border-end-start-radius: var(--_dso-icon-button-border-end-start-radius, 4px); } .dso-map:not([disabled]):active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   color: var(--_dso-icon-button-secondary-active-color, #fff); } .dso-map:not([disabled]).toggled {   background-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   border-color: var(--_dso-icon-button-secondary-toggled-background-color, #275937);   color: var(--_dso-icon-button-secondary-toggled-color, #fff); } .dso-map:not([disabled]).toggled:hover {   background-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27);   border-color: var(--_dso-icon-button-secondary-toggled-hover-background-color, #1b3e27); } .dso-map:not([disabled]).toggled:active {   background-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c);   border-color: var(--_dso-icon-button-secondary-active-background-color, #1f472c); }  .icon-button {   min-inline-size: auto;   cursor: pointer; } .icon-button[disabled] {   cursor: default; }";export{s as dso_icon_button}

package/dist/dso-toolkit/p-5d41c119.entry.js

@@ -1 +0,0 @@
-import{r as o,h as r}from"./p-CieBNbUH.js";const t={success:"status-success",error:"status-error"},e=class{constructor(r){o(this,r),this.hasActions=!1,this.handleActionsSlotChange=o=>{const r=o.target;r instanceof HTMLSlotElement&&(this.hasActions=r.assignedElements().length>0)}}render(){const o=this.variant?t[this.variant]:void 0;return r("div",{key:"25841279245a46c78d06c179ed80df66582f0008",class:{"map-message-content":!0,"has-icon":void 0!==o,"has-actions":this.hasActions},role:"error"===this.variant?"alert":"status","aria-atomic":"true"},r("div",{key:"7c8e851c402259060d5d310392f9bc6d9ff24acb",class:"map-message-body"},o&&r("dso-icon",{key:"1711c92092ef3462b96650cfad487551c399a586",class:"map-message-icon",icon:o,"aria-hidden":"true"}),r("span",{key:"abec1d334734f12f87ec5e54254f57b376072787",class:"map-message-text"},r("slot",{key:"09e75a6fb96ee9413bf79e86fb34e3e22c8519db",name:"message"}))),r("slot",{key:"a3133aa9fd782e00609ffb4bfe87ee86c36835a3",name:"actions",onSlotchange:this.handleActionsSlotChange}))}};e.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}.map-message-content{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-wit);--_dso-link-extern-icon:var(--_dso-di-external-link-wit);--_dso-link-phone-icon:var(--_dso-di-call-wit);--_dso-link-mail-icon:var(--_dso-di-mail-outline-wit);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-wit);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:rgba(255, 255, 255, 0.2);--_dso-icon-button-secondary-toggled-hover-background-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-color:#f2f2f2;--_dso-icon-button-tertiary-hover-color:#fff;--_dso-icon-button-tertiary-active-color:rgba(255, 255, 255, 0.4);--_dso-icon-button-tertiary-toggled-color:#fff;--_dso-icon-button-tertiary-toggled-hover-color:rgba(255, 255, 255, 0.3);--_dso-icon-button-tertiary-disabled-color:#b2b2b2;--_dso-button-tertiary-download-icon:var(--_dso-di-download-wit);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-wit);--_dso-button-primary-background-color:#fff;--_dso-button-primary-hover-background-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-background-color:#f2f2f2;--_dso-button-primary-disabled-background-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-border-color:#fff;--_dso-button-primary-hover-border-color:rgba(255, 255, 255, 0.8);--_dso-button-primary-active-border-color:#f2f2f2;--_dso-button-primary-disabled-border-color:rgba(255, 255, 255, 0.6);--_dso-button-primary-color:#191919;--_dso-button-primary-hover-color:#191919;--_dso-button-primary-active-color:#191919;--_dso-button-primary-disabled-color:#666;--_dso-button-secondary-background-color:none;--_dso-button-secondary-hover-background-color:rgba(255, 255, 255, 0.2);--_dso-button-secondary-active-background-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-background-color:none;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-border-color:rgba(255, 255, 255, 0.4);--_dso-button-secondary-disabled-border-color:rgba(255, 255, 255, 0.7);--_dso-button-secondary-color:#fff;--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-active-color:#fff;--_dso-button-secondary-disabled-color:rgba(255, 255, 255, 0.7);--_dso-button-tertiary-color:#fff;--_dso-button-tertiary-hover-color:#fff;--_dso-button-tertiary-active-color:#fff;--_dso-button-tertiary-disabled-color:#b2b2b2;background-color:rgba(0, 0, 0, 0.8);color:#fff;padding-inline:24px;padding-block:16px;inline-size:fit-content;max-inline-size:100%;overflow-wrap:break-word}.map-message-content.has-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-inline-start:calc(24px + 8px + 16px);padding-inline-end:16px}.map-message-content .map-message-body{position:relative}.map-message-content .map-message-body .map-message-icon{position:absolute;inset-inline-start:calc((24px + 8px) * -1);inset-block-start:0}.map-message-content slot[name=actions]{display:flex;flex-wrap:wrap;gap:16px}::slotted(button){margin-inline-start:0 !important}";export{e as dso_map_message}

package/dist/dso-toolkit/p-622b47ad.entry.js

@@ -1 +0,0 @@
-import{h as n,F as e,r as i,d as t,g as o}from"./p-CieBNbUH.js";import{c as a}from"./p-ChV9xqsO.js";import{d as s}from"./p-baWVwd8J.js";const l=["search","map","document"],r={map:"Kaart",document:"Document",search:"Zoeken"},d={small:"smal",medium:"middel",large:"breed"},c=({className:e,onClick:i,label:t,icon:o})=>n("dso-icon-button",{variant:"map",class:e,onDsoClick:i,icon:o,label:t}),p=({shrink:e,expand:i,size:t,panelLabel:o,placement:a})=>{const s=[];return"small"!==t&&s.push(n(c,{onClick:e,label:`${o} smaller maken`,icon:"right"===a?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(n(c,{onClick:i,label:`${o} breder maken`,icon:"right"===a?"chevron-left":"chevron-right",className:"expand"})),n("div",{class:"sizing-buttons"},n("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",o.toLocaleLowerCase(),": ",d[t]),s)},m=({tabView:e,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:o,dsoDocumentPanelSizeChangeAnimationEnd:a})=>n("div",{class:"dso-document-panel",onTransitionEnd:n=>{"flex-basis"===n.propertyName&&a.emit({currentSize:i})}},!e&&n(p,{panelLabel:"Documentpaneel",size:i,expand:o,shrink:t,placement:"right"}),n("div",{class:"content"},n("slot",{name:"document-panel"}))),b=({open:i,title:t,ref:o,dsoCloseFilterPanel:a})=>{const s=t||"Filterpaneel";return n("dialog",{class:"filter-panel",ref:o,inert:!i,"aria-label":s},i&&n(e,null,n("h3",{class:{"sr-only":!t}},s),n("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:a}),n("slot",{name:"filter-panel"})))},h=({tabView:e,mainSize:i,documentPanelOpen:t,mainPanelExpanded:o,mainPanelHidden:s,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:r,printFilterPanel:d})=>n("div",{class:a("dso-main-panel",{compact:!e&&t&&!o,contracted:!e&&!t&&!o,expanded:!e&&t&&o,collapsed:s}),onTransitionEnd:n=>{"flex-basis"===n.propertyName&&r.emit({currentSize:i})}},!e&&t&&n("div",{class:"toggle-button"},n("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(s?"tonen":"verbergen"),icon:s?"chevron-right":"chevron-left",onDsoClick:l})),n("div",{class:a("content",{invisible:s})},d,n("slot",{name:"main"}))),x=({ref:e,dsoCloseOverlay:i})=>n("dialog",{class:"overlay",ref:e,onCancel:n=>{n.preventDefault(),i(n)}},n("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),n("slot",{name:"overlay"})),v=new ResizeObserver(s((([n])=>{const e=n?.target.getRootNode();e instanceof ShadowRoot&&"DSO-VIEWER-GRID"===e.host.tagName&&e.host._checkMainPanelVisibility()}),50)),u=class{constructor(n){i(this,n),this.dsoCloseOverlay=t(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=t(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=t(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=t(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=t(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=t(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=t(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=n=>{this.dsoActiveTabSwitch.emit({tab:n})},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=n=>this.tabView=!n.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(n){n&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(n){this.filterPanelSlot||console.warn("slot 'filter-panel' has not been set"),n?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(n){this.overlaySlot||console.warn("slot 'overlay' has not been set"),n?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 n(b,{open:this.filterPanelOpen,title:this.filterPanelTitle,ref:n=>this.filterPanel=n,dsoCloseFilterPanel:n=>this.dsoCloseFilterPanel.emit({originalEvent:n})})}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&&v.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&v.unobserve(this.mapElement)}render(){return n(e,{key:"69a7b9d6956d0238f57fc3a7b21a1ecae9aacf78"},n("slot",{key:"b5a9aa2c800972284aafe7667d57da10be909379",name:"top-bar"}),n("div",{key:"96695156177c261841c1ebb4dacb9a488e31624e",class:"viewer-grid-columns"},this.tabView&&n("nav",{key:"db4823b2fab2e27a5e13f6f5d4bb613b82977d16",class:"dso-navbar"},n("ul",{key:"9cd931e9693c96516fd800be0eb5e7df993a4023",class:"dso-nav dso-nav-sub"},l.map((e=>n("li",{key:e,class:a({"dso-active":this.activeTab===e})},n("button",{type:"button",class:"dso-tertiary","aria-current":this.activeTab===e?"page":void 0,onClick:()=>this.switchActiveTab(e)},r[e])))))),(!this.tabView||this.tabView&&"search"===this.activeTab||this.print)&&n(h,{key:"523b13cf9dd9c67b2930e9494c606af41b572888",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)&&n("div",{key:"a6d1dba4230967f6e70f00ebe447d7e78bac5f78",class:"map-area"},n("div",{key:"31c3d2288d1c61c9bc5d86d582f921dd9bf6bd74",class:"map",ref:n=>this.mapElement=n},n("slot",{key:"aba536a452d4d59608564a95c6342c3b02af0ddb",name:"map"})),n("slot",{key:"5c486a1a2c691c917a63540ce7cff4e755e1d541",name:"legend"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab||this.print)&&n(m,{key:"42667326ab4c77b38c7bee479713349e5789d115",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),n(x,{key:"87c1b94862cedda8980d5630c3fa9fdd90ac7eca",ref:n=>this.overlay=n,dsoCloseOverlay:n=>this.dsoCloseOverlay.emit({originalEvent:n})})))}get host(){return o(this)}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}};u.style="*, *::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; }  :host(:not([print])) {   display: flex;   flex-direction: column;   block-size: 100dvh;   overflow: clip;   position: relative; } :host(:not([print])) .viewer-grid-columns {   display: flex;   overflow: hidden;   flex-grow: 1;   min-block-size: 0; } :host(:not([print])) .dso-main-panel, :host(:not([print])) .dso-document-panel {   min-block-size: 0; } :host(:not([print])) .dso-main-panel .content, :host(:not([print])) .dso-document-panel .content {   overflow-y: auto; }  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])) .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])) .dso-main-panel,   :host(:not([print])) .dso-document-panel {     box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);   }   :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])) .viewer-grid-columns {     flex-direction: column;   }   :host(:not([print])) .dso-main-panel,   :host(:not([print])) .dso-document-panel,   :host(:not([print])) .map-area {     flex: 1;     inline-size: 100%;     max-inline-size: none;     min-inline-size: 0;   }   :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;   }   :host(:not([print])) .filter-panel[open] {     inset-inline-start: 0;   } } @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; }";export{u as dso_viewer_grid}