@dso-toolkit/core 34.1.0 → 34.2.0

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

@@ -1,5 +0,0 @@
-import{r as t,c as n,h as o,H as e,g as i}from"./p-dad72605.js";import{t as a,f as r,i as s,a as d}from"./p-8bf3a60e.js";
-/*!
-* focus-trap 6.7.3
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function l(t,n){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),o.push.apply(o,e)}return o}function c(t,n,o){return n in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t}var u,b=(u=[],{activateTrap:function(t){if(u.length>0){var n=u[u.length-1];n!==t&&n.pause()}var o=u.indexOf(t);-1===o||u.splice(o,1),u.push(t)},deactivateTrap:function(t){var n=u.indexOf(t);-1!==n&&u.splice(n,1),u.length>0&&u[u.length-1].unpause()}}),f=function(t){return setTimeout(t,0)},p=function(t,n){var o=-1;return t.every((function(t,e){return!n(t)||(o=e,!1)})),o},h=function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),e=1;e<n;e++)o[e-1]=arguments[e];return"function"==typeof t?t.apply(void 0,o):t},v=function(t){return t.target.shadowRoot&&"function"==typeof t.composedPath?t.composedPath()[0]:t.target};let x=class{constructor(o){t(this,o),this.closeOverlay=n(this,"closeOverlay",7),this.overlayOpen=!1,this.mainSize="large",this.shrinkMain=()=>{this.mainSize="large"==this.mainSize?"medium":"small"},this.expandMain=()=>{this.mainSize="small"==this.mainSize?"medium":"large"},this.keyDownListener=t=>{"Escape"==t.key&&this.closeOverlay.emit(t)}}updateFocusTrap(){this.trap&&(this.overlayOpen?(this.trap.activate(),this.host.addEventListener("keydown",this.keyDownListener)):(this.trap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener)))}connectedCallback(){this.overlaySlot=this.host.querySelector("div[slot = 'overlay']")}componentDidLoad(){var t,n,o,e,i,u,x,g,m,w,k,y,z,O,F,j,T,C,D;this.overlay&&this.overlaySlot&&(this.trap=(t=[this.overlay,this.overlaySlot],e=(null==(n={escapeDeactivates:!1,allowOutsideClick:!0})?void 0:n.document)||document,i=function(t){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?l(Object(o),!0).forEach((function(n){c(t,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):l(Object(o)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(o,n))}))}return t}({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0},n),u={containers:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},x=function(t,n,o){return t&&void 0!==t[n]?t[n]:i[o||n]},g=function(t){return!(!t||!u.containers.some((function(n){return n.contains(t)})))},m=function(t){var n=i[t];if("function"==typeof n){for(var o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];n=n.apply(void 0,a)}if(!n){if(void 0===n||!1===n)return n;throw new Error("`".concat(t,"` was specified but was not a node, or did not return a node"))}var s=n;if("string"==typeof n&&!(s=e.querySelector(n)))throw new Error("`".concat(t,"` as selector refers to no known node"));return s},w=function(){var t=m("initialFocus");if(!1===t)return!1;if(void 0===t)if(g(e.activeElement))t=e.activeElement;else{var n=u.tabbableGroups[0];t=n&&n.firstTabbableNode||m("fallbackFocus")}if(!t)throw new Error("Your focus-trap needs to have at least one focusable element");return t},k=function(){if(u.tabbableGroups=u.containers.map((function(t){var n=a(t),o=r(t);if(n.length>0)return{container:t,firstTabbableNode:n[0],lastTabbableNode:n[n.length-1],nextTabbableNode:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=o.findIndex((function(n){return n===t}));return n?o.slice(e+1).find((function(t){return s(t)})):o.slice(0,e).reverse().find((function(t){return s(t)}))}}})).filter((function(t){return!!t})),u.tabbableGroups.length<=0&&!m("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},y=function t(n){!1!==n&&n!==e.activeElement&&(n&&n.focus?(n.focus({preventScroll:!!i.preventScroll}),u.mostRecentlyFocusedNode=n,function(t){return t.tagName&&"input"===t.tagName.toLowerCase()&&"function"==typeof t.select}(n)&&n.select()):t(w()))},z=function(t){var n=m("setReturnFocus",t);return n||!1!==n&&t},O=function(t){var n=v(t);g(n)||(h(i.clickOutsideDeactivates,t)?o.deactivate({returnFocus:i.returnFocusOnDeactivate&&!d(n)}):h(i.allowOutsideClick,t)||t.preventDefault())},F=function(t){var n=v(t),o=g(n);o||n instanceof Document?o&&(u.mostRecentlyFocusedNode=n):(t.stopImmediatePropagation(),y(u.mostRecentlyFocusedNode||w()))},j=function(t){if(function(t){return"Escape"===t.key||"Esc"===t.key||27===t.keyCode}(t)&&!1!==h(i.escapeDeactivates,t))return t.preventDefault(),void o.deactivate();(function(t){return"Tab"===t.key||9===t.keyCode})(t)&&function(t){var n=v(t);k();var o=null;if(u.tabbableGroups.length>0){var e=p(u.tabbableGroups,(function(t){return t.container.contains(n)})),i=e>=0?u.tabbableGroups[e]:void 0;if(e<0)o=t.shiftKey?u.tabbableGroups[u.tabbableGroups.length-1].lastTabbableNode:u.tabbableGroups[0].firstTabbableNode;else if(t.shiftKey){var a=p(u.tabbableGroups,(function(t){return n===t.firstTabbableNode}));a<0&&(i.container===n||d(n)&&!s(n)&&!i.nextTabbableNode(n,!1))&&(a=e),a>=0&&(o=u.tabbableGroups[0===a?u.tabbableGroups.length-1:a-1].lastTabbableNode)}else{var r=p(u.tabbableGroups,(function(t){return n===t.lastTabbableNode}));r<0&&(i.container===n||d(n)&&!s(n)&&!i.nextTabbableNode(n))&&(r=e),r>=0&&(o=u.tabbableGroups[r===u.tabbableGroups.length-1?0:r+1].firstTabbableNode)}}else o=m("fallbackFocus");o&&(t.preventDefault(),y(o))}(t)},T=function(t){if(!h(i.clickOutsideDeactivates,t)){var n=v(t);g(n)||h(i.allowOutsideClick,t)||(t.preventDefault(),t.stopImmediatePropagation())}},C=function(){if(u.active)return b.activateTrap(o),u.delayInitialFocusTimer=i.delayInitialFocus?f((function(){y(w())})):y(w()),e.addEventListener("focusin",F,!0),e.addEventListener("mousedown",O,{capture:!0,passive:!1}),e.addEventListener("touchstart",O,{capture:!0,passive:!1}),e.addEventListener("click",T,{capture:!0,passive:!1}),e.addEventListener("keydown",j,{capture:!0,passive:!1}),o},D=function(){if(u.active)return e.removeEventListener("focusin",F,!0),e.removeEventListener("mousedown",O,!0),e.removeEventListener("touchstart",O,!0),e.removeEventListener("click",T,!0),e.removeEventListener("keydown",j,!0),o},(o={activate:function(t){if(u.active)return this;var n=x(t,"onActivate"),o=x(t,"onPostActivate"),i=x(t,"checkCanFocusTrap");i||k(),u.active=!0,u.paused=!1,u.nodeFocusedBeforeActivation=e.activeElement,n&&n();var a=function(){i&&k(),C(),o&&o()};return i?(i(u.containers.concat()).then(a,a),this):(a(),this)},deactivate:function(t){if(!u.active)return this;clearTimeout(u.delayInitialFocusTimer),u.delayInitialFocusTimer=void 0,D(),u.active=!1,u.paused=!1,b.deactivateTrap(o);var n=x(t,"onDeactivate"),e=x(t,"onPostDeactivate"),i=x(t,"checkCanReturnFocus");n&&n();var a=x(t,"returnFocus","returnFocusOnDeactivate"),r=function(){f((function(){a&&y(z(u.nodeFocusedBeforeActivation)),e&&e()}))};return a&&i?(i(z(u.nodeFocusedBeforeActivation)).then(r,r),this):(r(),this)},pause:function(){return u.paused||!u.active||(u.paused=!0,D()),this},unpause:function(){return u.paused&&u.active?(u.paused=!1,k(),C(),this):this},updateContainerElements:function(t){var n=[].concat(t).filter(Boolean);return u.containers=n.map((function(t){return"string"==typeof t?e.querySelector(t):t})),u.active&&k(),this}}).updateContainerElements(t),o),this.updateFocusTrap())}componentDidUpdate(){this.updateFocusTrap()}disconnectedCallback(){this.trap&&this.trap.deactivate(),this.host.removeEventListener("keydown",this.keyDownListener)}render(){return o(e,Object.assign({},{[this.mainSize]:!0}),o("div",{class:"dso-map-panel"},o("div",{class:"sizing-buttons"},o("button",{type:"button",class:"shrink",disabled:"small"==this.mainSize,onClick:this.shrinkMain},o("dso-icon",{icon:"chevron-left"})),o("button",{type:"button",class:"expand",disabled:"large"==this.mainSize,onClick:this.expandMain},o("dso-icon",{icon:"chevron-right"}))),o("div",{class:"main"},o("slot",{name:"main"}))),o("div",{class:"map"},o("slot",{name:"map"})),o("div",{class:"overlay",hidden:!this.overlayOpen||!this.overlaySlot,ref:t=>this.overlay=t},o("button",{type:"button",class:"overlay-close-button",onClick:t=>this.closeOverlay.emit(t)},o("dso-icon",{icon:"times"}),o("span",{class:"sr-only"},"sluiten")),o("slot",{name:"overlay"})))}get host(){return i(this)}};x.style='*,*::after,*::before{box-sizing:border-box}:host{display:flex;height:100vh;overflow:hidden;position:relative}:host([small]) .dso-map-panel{flex-basis:375px;min-width:0;max-width:375px}@media screen and (max-width: 375px){:host([small]) .dso-map-panel{flex-basis:100vw;max-width:100vw;min-width:0;transition:none}}:host([medium]) .dso-map-panel{flex-basis:624px;min-width:375px;max-width:624px}@media screen and (max-width: 624px){:host([medium]) .dso-map-panel{flex-basis:100vw;max-width:100vw;min-width:375px;transition:none}}:host([large]) .dso-map-panel{flex-basis:60%;min-width:768px;max-width:1024px}@media screen and (max-width: 768px){:host([large]) .dso-map-panel{flex-basis:100vw;max-width:100vw;min-width:768px;transition:none}}.shrink,.expand,.overlay-close-button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;border:0;color:#39870c;line-height:1;padding:0;background-color:transparent}.shrink:focus,.shrink:focus-visible,.expand:focus,.expand:focus-visible,.overlay-close-button:focus,.overlay-close-button:focus-visible{outline-offset:2px}.shrink:active,.expand:active,.overlay-close-button:active{outline:0}.shrink.extern::after,.shrink.download::after,.expand.extern::after,.expand.download::after,.overlay-close-button.extern::after,.overlay-close-button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.shrink[disabled],.expand[disabled],.overlay-close-button[disabled]{color:#afcf9d}.shrink:not([disabled]):hover,.expand:not([disabled]):hover,.overlay-close-button:not([disabled]):hover{color:#676cb0;text-decoration:underline}.shrink:not([disabled]):active,.expand:not([disabled]):active,.overlay-close-button:not([disabled]):active{color:#676cb0}.shrink.btn-align,.expand.btn-align,.overlay-close-button.btn-align{line-height:calc(1.5em - 1px);padding:11px 0;position:relative}.shrink.extern::after,.shrink.download::after,.expand.extern::after,.expand.download::after,.overlay-close-button.extern::after,.overlay-close-button.download::after{position:relative;top:-2px}.shrink.download::after,.expand.download::after,.overlay-close-button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.shrink.download[disabled]::after,.expand.download[disabled]::after,.overlay-close-button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.shrink.download:not([disabled]):hover::after,.shrink.download:not([disabled]):active::after,.expand.download:not([disabled]):hover::after,.expand.download:not([disabled]):active::after,.overlay-close-button.download:not([disabled]):hover::after,.overlay-close-button.download:not([disabled]):active::after{--dso-icon:var(--di-download-scampi)}.shrink.extern::after,.expand.extern::after,.overlay-close-button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.shrink.extern[disabled]::after,.expand.extern[disabled]::after,.overlay-close-button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.shrink.extern:not([disabled]):hover::after,.shrink.extern:not([disabled]):active::after,.expand.extern:not([disabled]):hover::after,.expand.extern:not([disabled]):active::after,.overlay-close-button.extern:not([disabled]):hover::after,.overlay-close-button.extern:not([disabled]):active::after{--dso-icon:var(--di-external-link-scampi)}.shrink dso-icon+span:not(.sr-only),.shrink svg.di+span:not(.sr-only),.shrink span:not(.sr-only)+dso-icon,.shrink span:not(.sr-only)+svg.di,.expand dso-icon+span:not(.sr-only),.expand svg.di+span:not(.sr-only),.expand span:not(.sr-only)+dso-icon,.expand span:not(.sr-only)+svg.di,.overlay-close-button dso-icon+span:not(.sr-only),.overlay-close-button svg.di+span:not(.sr-only),.overlay-close-button span:not(.sr-only)+dso-icon,.overlay-close-button span:not(.sr-only)+svg.di{margin-left:8px}.shrink dso-icon,.shrink svg.di,.shrink span,.expand dso-icon,.expand svg.di,.expand span,.overlay-close-button dso-icon,.overlay-close-button svg.di,.overlay-close-button span{vertical-align:middle}.shrink:hover,.expand:hover,.overlay-close-button:hover{cursor:pointer}.shrink[disabled],.expand[disabled],.overlay-close-button[disabled]{display:none}.overlay-close-button{position:absolute;top:8px;right:16px}.overlay-close-button .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-map-panel{background-color:#fff;box-shadow:2px 0 8px 0 rgba(0, 0, 0, 0.4);flex-shrink:0;flex-grow:0;padding-right:8px;position:relative;transition:flex-basis 0.2s ease-in, max-width 0.2s ease-in, min-width 0.2s ease-in;z-index:1}.dso-map-panel .dso-filterblok-address{font-weight:bold;margin:8px 0}.dso-map-panel .main{height:100%;overflow-y:scroll;padding:8px 16px}.sizing-buttons{left:calc(100% + 1px);overflow-x:hidden;padding:0 4px 4px 0;position:absolute;top:16px;transition:left 0.2s ease-in;width:44px;z-index:-1}.sizing-buttons button{display:inline-block;font-size:1em;font-weight:500;margin-bottom:0;text-decoration:none;touch-action:manipulation;text-align:left;user-select:none;vertical-align:middle;background-color:#fff;border-color:#39870c;color:#39870c;border-width:1px;border-style:solid;border-radius:4px;line-height:1.5;min-width:56px;padding:11px 15px;border:0;padding:8px;border-radius:0;border-bottom-right-radius:4px;border-top-right-radius:4px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.4);flex:0 0 100%;height:40px;min-width:auto;width:40px}.sizing-buttons button:focus,.sizing-buttons button:focus-visible{outline-offset:2px}.sizing-buttons button:active{outline:0}.sizing-buttons button.extern::after,.sizing-buttons button.download::after{content:"";display:inline-block;height:1.5em;margin-left:8px;vertical-align:top;width:1.5em}.sizing-buttons button:hover{background-color:#39870c;border-color:#39870c;color:#fff}.sizing-buttons button:active{background-color:#275937;border-color:#275937;color:#fff}.sizing-buttons button[disabled],.sizing-buttons button[disabled]:hover{background-color:#fff;border-color:#afcf9d;color:#afcf9d}.sizing-buttons button.btn-sm{line-height:16px}.sizing-buttons button.btn-sm dso-icon,.sizing-buttons button.btn-sm svg.di,.sizing-buttons button.btn-sm.extern::after,.sizing-buttons button.btn-sm.download::after{margin-bottom:-4px;margin-top:-4px}.sizing-buttons button.download::after{background:var(--dso-icon, var(--di-download)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.sizing-buttons button.download:hover::after{--dso-icon:var(--di-download-wit)}.sizing-buttons button.download[disabled]::after{--dso-icon:var(--di-download-grasgroen-40)}.sizing-buttons button.extern::after{background:var(--dso-icon, var(--di-external-link)) no-repeat;background-position:center;background-size:cover;height:1.5em;vertical-align:top;width:1.5em}.sizing-buttons button.extern:hover::after{--dso-icon:var(--di-external-link-wit)}.sizing-buttons button.extern[disabled]::after{--dso-icon:var(--di-external-link-grasgroen-40)}.sizing-buttons button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sizing-buttons button:focus-visible{background-color:#39870c;border-color:#39870c;color:#fff;outline:none}.sizing-buttons button:hover dso-icon{color:#fff}.map{height:100%;width:100%;overflow:hidden}.overlay{background-color:#fff;box-shadow:-2px 0 5px #666;height:100%;overflow-y:auto;padding:40px 16px 8px;position:absolute;right:0;width:624px;z-index:2}';export{x as dso_viewer_grid}