@dso-toolkit/core 90.1.0 → 91.0.0

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

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

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

@@ -1 +1 @@
-import{h as e,Fragment as n,proxyCustomElement as i,HTMLElement as t,createEvent as a,transformTag as o}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{d as l}from"./index2.js";const r=["search","map","document"],d={map:"Kaart",document:"Document",search:"Zoeken"},c={small:"smal",medium:"middel",large:"breed"},p=({className:n,onClick:i,label:t,icon:a})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:a,label:t}),m=({shrink:n,expand:i,size:t,panelLabel:a,placement:o})=>{const s=[];return"small"!==t&&s.push(e(p,{onClick:n,label:a+" smaller maken",icon:"right"===o?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(p,{onClick:i,label:a+" breder maken",icon:"right"===o?"chevron-left":"chevron-right",className:"expand"})),e("div",{class:"sizing-buttons"},e("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",a.toLocaleLowerCase(),": ",c[t]),s)},b=({tabView:n,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:a,dsoDocumentPanelSizeChangeAnimationEnd:o})=>e("div",{class:"dso-document-panel",onTransitionEnd:e=>{"flex-basis"===e.propertyName&&o.emit({currentSize:i})}},!n&&e(m,{panelLabel:"Documentpaneel",size:i,expand:a,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),h=({open:i,title:t,ref:a,dsoCloseFilterPanel:o})=>e("dialog",{class:"filter-panel",ref:a,inert:!i},i&&e(n,null,t&&e("h3",null,t),e("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:o}),e("slot",{name:"filter-panel"}))),v=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:a,mainPanelHidden:o,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:r})=>e("div",{class:s("dso-main-panel",{compact:!n&&t&&!a,contracted:!n&&!t&&!a,expanded:!n&&t&&a,collapsed:o}),onTransitionEnd:e=>{"flex-basis"===e.propertyName&&r.emit({currentSize:i})}},!n&&t&&e("div",{class:"toggle-button"},e("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(o?"tonen":"verbergen"),icon:o?"chevron-right":"chevron-left",onDsoClick:l})),e("div",{class:s("content",{invisible:o})},e("slot",{name:"main"}))),x=({ref:n,dsoCloseOverlay:i})=>e("dialog",{class:"overlay",ref:n,onCancel:e=>{e.preventDefault(),i(e)}},e("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),e("slot",{name:"overlay"})),u=new ResizeObserver(l((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&function(e){return"DSO-VIEWER-GRID"===e.tagName}(n.host)&&n.host._checkMainPanelVisibility()}),50)),f=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCloseOverlay=a(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=a(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=a(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=a(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=a(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=a(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=a(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 808px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<808,this.switchActiveTab=e=>{this.dsoActiveTabSwitch.emit({tab:e})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=e=>this.tabView=!e.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(e){e&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(e){this.filterPanelSlot||console.warn("slot 'filter-panel' has not been set"),e?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(e){this.overlaySlot||console.warn("slot 'overlay' has not been set"),e?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded||this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}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&&u.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&u.unobserve(this.mapElement)}render(){return e(n,{key:"9042248a270d8153398fcb1ba448b6dfcbd8a471"},e("slot",{key:"96c891828fdb065f3abecbaff992ff2bb82a1da4",name:"top-bar"}),e("div",{key:"7c8fab55ec4c5c92c6cf4f0e3d43ccc986bf13d7",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"ad7bdb989e343e1dec3e758a1b1a8c766e731307",class:"dso-navbar"},e("ul",{key:"beb1aee315a73a08db19d6dcfd5572d47d804fd5",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:s({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(n)},d[n])))))),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(v,{key:"9ee7c72e89b646e278ac54363fa229b963291b09",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd}),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(h,{key:"37814740acd838e859c93ad164f0a6b5bbc90c49",open:this.filterPanelOpen,title:this.filterPanelTitle,ref:e=>this.filterPanel=e,dsoCloseFilterPanel:e=>this.dsoCloseFilterPanel.emit({originalEvent:e})}),(!this.tabView||this.tabView&&"map"===this.activeTab)&&e("div",{key:"1092b80f15e27fb3672dad273184d7ca0c2a0c1e",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"1764940c1d5887f011ccd8b445261ff322872d4f",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab)&&e(b,{key:"1470ba06e095d4e9118807d3c3324fa8bcddaaef",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(x,{key:"a1f4c22148fdc70a61fe7ebab5fa1c273adc8e66",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return this}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}static get style(){return"*, *::after, *::before {   box-sizing: border-box; }  :host .overlay {   block-size: calc(100% - 32px);   margin-block: 16px;   margin-inline: auto 16px; } :host .dso-main-panel {   transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   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 {   --_dt-icon-button-border-start-start-radius: 0;   --_dt-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 {   --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;   --_dt-icon-button-border-start-end-radius: 0;   --_dt-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 {   block-size: 100%;   inline-size: 100%;   overflow: hidden;   position: relative; }  .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: 808px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 375px;     min-inline-size: 0;     max-inline-size: 375px;   } } @media screen and (min-width: 808px) and (max-width: 375px) {   :host([main-size=small]) .dso-main-panel,   :host([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: 808px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 624px;     min-inline-size: 375px;     max-inline-size: 624px;   } } @media screen and (min-width: 808px) and (max-width: 624px) {   :host([main-size=medium]) .dso-main-panel,   :host([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: 808px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 60%;     min-inline-size: 768px;     max-inline-size: 1024px;   } } @media screen and (min-width: 808px) and (max-width: 768px) {   :host([main-size=large]) .dso-main-panel,   :host([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: 808px) {   :host {     display: flex;     flex-direction: column;     block-size: 100vh;     overflow: clip;     position: relative;   }   :host .dso-main-panel.compact,   :host .dso-main-panel.expanded {     flex-basis: unset;     min-inline-size: unset;     max-inline-size: unset;     inline-size: 440px;   }   :host .viewer-grid-columns {     display: flex;     overflow: hidden;     flex-grow: 1;   }   .dso-main-panel,   .dso-document-panel {     box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);   }   .dso-main-panel .content,   .dso-document-panel .content {     overflow-y: auto;   }   .filter-panel {     margin-inline: 0 auto;     inline-size: calc(100vw - 40px);   }   .filter-panel[open] {     border-inline-end: 1px solid #e5e5e5;   }   .overlay {     box-shadow: -2px 0 5px #666;     margin-inline: auto 0;   } } @media screen and (min-width: 808px) and (max-width: 1031.99px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;     max-inline-size: calc(100vw - 380px);   }   .filter-panel {     inline-size: 380px;     inset-inline-start: -380px;   } } @media screen and (max-width: 807.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: 807.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 807.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: 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: 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);     border-width: 1px;     border-style: solid;     border-radius: 4px;     line-height: 1.5;     min-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);   }   .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);   }   .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);   }   .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 dso-icon:has(+ span:not(.sr-only)) {     margin-inline-start: -8px;   }   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;     margin-inline-end: -8px;   }   .dso-tertiary dso-icon + span:not(.sr-only) {     margin-inline-start: 8px;   }   .dso-tertiary {     border: 0;     line-height: 1;     padding: 0;     background-color: transparent;   }   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {     color: #39870c;   }   .dso-tertiary:not([disabled]):hover {     text-decoration: underline;     text-underline-position: under;   }   .dso-tertiary.dso-align {     line-height: calc(1.5em - 1px);     padding-block: 11px;     padding-inline: 0;     position: relative;   }   .dso-tertiary.dso-truncate {     max-inline-size: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .dso-tertiary.dso-spinner-left::before {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-end: 8px;   }   .dso-tertiary.dso-spinner-right::after {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-start: 8px;   }   .dso-tertiary dso-icon + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;   }   .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),   .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {     margin-inline-start: 0;   }   .dso-tertiary dso-icon,   .dso-tertiary span {     vertical-align: middle;   }   .dso-tertiary {     font-weight: 300;   }   .filter-panel,   .overlay {     margin-inline: 0;     max-inline-size: 100vw;     inset-block-start: 0;     inline-size: 100vw;   }   .filter-panel {     inset-inline-start: -100vw;   } } @media screen and (min-width: 992px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;   } }"}},[257,"dso-viewer-grid",{filterPanelTitle:[513,"filter-panel-title"],filterPanelOpen:[516,"filter-panel-open"],overlayOpen:[516,"overlay-open"],documentPanelOpen:[516,"document-panel-open"],mainSize:[513,"main-size"],activeTab:[1,"active-tab"],documentPanelSize:[513,"document-panel-size"],mainPanelExpanded:[4,"main-panel-expanded"],mainPanelHidden:[4,"main-panel-hidden"],tabView:[32],_checkMainPanelVisibility:[64]},void 0,{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}]),g=f,y=function(){"undefined"!=typeof customElements&&["dso-viewer-grid"].forEach((e=>{"dso-viewer-grid"===e&&(customElements.get(o(e))||customElements.define(o(e),f))}))};export{g as DsoViewerGrid,y as defineCustomElement}
+import{h as e,Fragment as n,proxyCustomElement as i,HTMLElement as t,createEvent as a,transformTag as o}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{d as l}from"./index2.js";const r=["search","map","document"],d={map:"Kaart",document:"Document",search:"Zoeken"},c={small:"smal",medium:"middel",large:"breed"},p=({className:n,onClick:i,label:t,icon:a})=>e("dso-icon-button",{variant:"map",class:n,onDsoClick:i,icon:a,label:t}),m=({shrink:n,expand:i,size:t,panelLabel:a,placement:o})=>{const s=[];return"small"!==t&&s.push(e(p,{onClick:n,label:a+" smaller maken",icon:"right"===o?"chevron-right":"chevron-left",className:"shrink"})),"large"!==t&&s.push(e(p,{onClick:i,label:a+" breder maken",icon:"right"===o?"chevron-left":"chevron-right",className:"expand"})),e("div",{class:"sizing-buttons"},e("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",a.toLocaleLowerCase(),": ",c[t]),s)},b=({tabView:n,panelSize:i,shrinkDocumentPanel:t,expandDocumentPanel:a,dsoDocumentPanelSizeChangeAnimationEnd:o})=>e("div",{class:"dso-document-panel",onTransitionEnd:e=>{"flex-basis"===e.propertyName&&o.emit({currentSize:i})}},!n&&e(m,{panelLabel:"Documentpaneel",size:i,expand:a,shrink:t,placement:"right"}),e("div",{class:"content"},e("slot",{name:"document-panel"}))),h=({open:i,title:t,ref:a,dsoCloseFilterPanel:o})=>e("dialog",{class:"filter-panel",ref:a,inert:!i},i&&e(n,null,t&&e("h3",null,t),e("dso-icon-button",{class:"dso-close",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:o}),e("slot",{name:"filter-panel"}))),v=({tabView:n,mainSize:i,documentPanelOpen:t,mainPanelExpanded:a,mainPanelHidden:o,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:r})=>e("div",{class:s("dso-main-panel",{compact:!n&&t&&!a,contracted:!n&&!t&&!a,expanded:!n&&t&&a,collapsed:o}),onTransitionEnd:e=>{"flex-basis"===e.propertyName&&r.emit({currentSize:i})}},!n&&t&&e("div",{class:"toggle-button"},e("dso-icon-button",{variant:"map",label:"Zoeken paneel "+(o?"tonen":"verbergen"),icon:o?"chevron-right":"chevron-left",onDsoClick:l})),e("div",{class:s("content",{invisible:o})},e("slot",{name:"main"}))),x=({ref:n,dsoCloseOverlay:i})=>e("dialog",{class:"overlay",ref:n,onCancel:e=>{e.preventDefault(),i(e)}},e("dso-icon-button",{class:"overlay-close-button",icon:"cross",variant:"tertiary",label:"Sluiten",onDsoClick:i}),e("slot",{name:"overlay"})),u=new ResizeObserver(l((([e])=>{const n=e?.target.getRootNode();n instanceof ShadowRoot&&function(e){return"DSO-VIEWER-GRID"===e.tagName}(n.host)&&n.host._checkMainPanelVisibility()}),50)),f=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dsoCloseOverlay=a(this,"dsoCloseOverlay",7),this.dsoCloseFilterPanel=a(this,"dsoCloseFilterPanel",7),this.dsoActiveTabSwitch=a(this,"dsoActiveTabSwitch",7),this.dsoMainSizeChangeAnimationEnd=a(this,"dsoMainSizeChangeAnimationEnd",7),this.dsoDocumentPanelSizeChange=a(this,"dsoDocumentPanelSizeChange",7),this.dsoDocumentPanelSizeChangeAnimationEnd=a(this,"dsoDocumentPanelSizeChangeAnimationEnd",7),this.dsoMainPanelToggle=a(this,"dsoMainPanelToggle",7),this.mediaCondition="(min-width: 808px)",this.filterPanelOpen=!1,this.overlayOpen=!1,this.documentPanelOpen=!1,this.mainSize="large",this.documentPanelSize="large",this.mainPanelExpanded=!1,this.mainPanelHidden=!1,this.tabView=window.innerWidth<808,this.switchActiveTab=e=>{this.dsoActiveTabSwitch.emit({tab:e})},this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"large"===this.documentPanelSize?"medium":"small"})},this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:"small"===this.documentPanelSize?"medium":"large"})},this.toggleMainPanel=()=>{this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=520&&(this.mainSize="small"),this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})},this.changeListener=e=>this.tabView=!e.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(e){e&&this._checkMainPanelVisibility()}filterPanelOpenWatcher(e){this.filterPanelSlot||console.warn("slot 'filter-panel' has not been set"),e?this.filterPanel?.show():this.filterPanel?.close()}overlayOpenWatcher(e){this.overlaySlot||console.warn("slot 'overlay' has not been set"),e?this.overlay?.showModal():this.overlay?.close()}async _checkMainPanelVisibility(){this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=520&&!this.mainPanelExpanded||this.mapElement.clientWidth<=80&&this.mainPanelExpanded)&&this.dsoMainPanelToggle.emit({hide:!0})}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&&u.observe(this.mapElement)}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener),this.mapElement&&u.unobserve(this.mapElement)}render(){return e(n,{key:"35afbe6fe802037e0ae25cde9f2eaf933280da2f"},e("slot",{key:"a612266b157027fe14146a022b4fd4a716afeb0f",name:"top-bar"}),e("div",{key:"0b73534d099e40cdfb5a8be2322a6a52e32aa516",class:"viewer-grid-columns"},this.tabView&&e("nav",{key:"16368a0d8ea7835c8ca67777fb6fc227f4d2e797",class:"dso-navbar"},e("ul",{key:"616518fc88a77481551e2580f96409f9e83e267a",class:"dso-nav dso-nav-sub"},r.map((n=>e("li",{key:n,class:s({"dso-active":this.activeTab===n})},e("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(n)},d[n])))))),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(v,{key:"08ae8b53fb877c825aa318b2b08269e87d730cdf",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd}),(!this.tabView||this.tabView&&"search"===this.activeTab)&&e(h,{key:"249930051c81aa39a60fc4850fae92ebdfb214f7",open:this.filterPanelOpen,title:this.filterPanelTitle,ref:e=>this.filterPanel=e,dsoCloseFilterPanel:e=>this.dsoCloseFilterPanel.emit({originalEvent:e})}),(!this.tabView||this.tabView&&"map"===this.activeTab)&&e("div",{key:"30614ec55557831ff9f73cae9cb9fdff8d4575df",class:"map",ref:e=>this.mapElement=e},e("slot",{key:"5abc82a62d3735af0f2b1026d1dfea531155e6a1",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&"document"===this.activeTab)&&e(b,{key:"9103afaba00327b589d31dbeb2d53656e0f5009c",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),e(x,{key:"acc8d86409eddab5464b4b1ee5ef2992e6abc346",ref:e=>this.overlay=e,dsoCloseOverlay:e=>this.dsoCloseOverlay.emit({originalEvent:e})})))}get host(){return this}static get watchers(){return{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}}static get style(){return"*, *::after, *::before {   box-sizing: border-box; }  :host .overlay {   block-size: calc(100% - 32px);   margin-block: 16px;   margin-inline: auto 16px; } :host .dso-main-panel {   transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   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 {   --_dt-icon-button-border-start-start-radius: 0;   --_dt-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 {   --_dt-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;   --_dt-icon-button-border-start-end-radius: 0;   --_dt-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 {   block-size: 100%;   inline-size: 100%;   overflow: hidden;   position: relative; }  .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: 808px) {   :host([main-size=small]) .dso-main-panel,   :host([document-panel-size=small]) .dso-document-panel {     flex-basis: 375px;     min-inline-size: 0;     max-inline-size: 375px;   } } @media screen and (min-width: 808px) and (max-width: 375px) {   :host([main-size=small]) .dso-main-panel,   :host([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: 808px) {   :host([main-size=medium]) .dso-main-panel,   :host([document-panel-size=medium]) .dso-document-panel {     flex-basis: 624px;     min-inline-size: 375px;     max-inline-size: 624px;   } } @media screen and (min-width: 808px) and (max-width: 624px) {   :host([main-size=medium]) .dso-main-panel,   :host([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: 808px) {   :host([main-size=large]) .dso-main-panel,   :host([document-panel-size=large]) .dso-document-panel {     flex-basis: 60%;     min-inline-size: 768px;     max-inline-size: 1024px;   } } @media screen and (min-width: 808px) and (max-width: 768px) {   :host([main-size=large]) .dso-main-panel,   :host([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: 808px) {   :host {     display: flex;     flex-direction: column;     block-size: 100vh;     overflow: clip;     position: relative;   }   :host .dso-main-panel.compact,   :host .dso-main-panel.expanded {     flex-basis: unset;     min-inline-size: unset;     max-inline-size: unset;     inline-size: 440px;   }   :host .viewer-grid-columns {     display: flex;     overflow: hidden;     flex-grow: 1;   }   .dso-main-panel,   .dso-document-panel {     box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);   }   .dso-main-panel .content,   .dso-document-panel .content {     overflow-y: auto;   }   .filter-panel {     margin-inline: 0 auto;     inline-size: calc(100vw - 40px);   }   .filter-panel[open] {     border-inline-end: 1px solid #e5e5e5;   }   .overlay {     box-shadow: -2px 0 5px #666;     margin-inline: auto 0;   } } @media screen and (min-width: 808px) and (max-width: 1031.99px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;     max-inline-size: calc(100vw - 380px);   }   .filter-panel {     inline-size: 380px;     inset-inline-start: -380px;   } } @media screen and (max-width: 807.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: 807.99px) and (min-width: 992px) {   .dso-navbar .dso-navbar-toggle {     display: none;   } } @media screen and (max-width: 807.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: 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: 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);     border-width: 1px;     border-style: solid;     border-radius: 4px;     line-height: 1.5;     min-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);   }   .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);   }   .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);   }   .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 dso-icon:has(+ span:not(.sr-only)) {     margin-inline-start: -8px;   }   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;     margin-inline-end: -8px;   }   .dso-tertiary dso-icon + span:not(.sr-only) {     margin-inline-start: 8px;   }   .dso-tertiary {     border: 0;     line-height: 1;     padding: 0;     background-color: transparent;   }   .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {     color: #39870c;   }   .dso-tertiary:not([disabled]):hover {     text-decoration: underline;     text-underline-position: under;   }   .dso-tertiary.dso-align {     line-height: calc(1.5em - 1px);     padding-block: 11px;     padding-inline: 0;     position: relative;   }   .dso-tertiary.dso-truncate {     max-inline-size: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .dso-tertiary.dso-spinner-left::before {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-end: 8px;   }   .dso-tertiary.dso-spinner-right::after {     background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");     background-repeat: no-repeat;     content: \"\";     display: inline-block;     block-size: 24px;     vertical-align: middle;     inline-size: 24px;     margin-inline-start: 8px;   }   .dso-tertiary dso-icon + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon {     margin-inline-start: 8px;   }   .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),   .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],   .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {     margin-inline-start: 0;   }   .dso-tertiary dso-icon,   .dso-tertiary span {     vertical-align: middle;   }   .dso-tertiary {     font-weight: 300;   }   .filter-panel,   .overlay {     margin-inline: 0;     max-inline-size: 100vw;     inset-block-start: 0;     inline-size: 100vw;   }   .filter-panel {     inset-inline-start: -100vw;   } } @media screen and (min-width: 992px) {   :host([filter-panel-open]) .dso-main-panel {     margin-inline-start: 380px;   } }"}},[257,"dso-viewer-grid",{filterPanelTitle:[513,"filter-panel-title"],filterPanelOpen:[516,"filter-panel-open"],overlayOpen:[516,"overlay-open"],documentPanelOpen:[516,"document-panel-open"],mainSize:[513,"main-size"],activeTab:[1,"active-tab"],documentPanelSize:[513,"document-panel-size"],mainPanelExpanded:[4,"main-panel-expanded"],mainPanelHidden:[4,"main-panel-hidden"],tabView:[32],_checkMainPanelVisibility:[64]},void 0,{documentPanelOpen:[{documentPanelOpenWatcher:0}],filterPanelOpen:[{filterPanelOpenWatcher:0}],overlayOpen:[{overlayOpenWatcher:0}]}]),g=f,y=function(){"undefined"!=typeof customElements&&["dso-viewer-grid"].forEach((e=>{"dso-viewer-grid"===e&&(customElements.get(o(e))||customElements.define(o(e),f))}))};export{g as DsoViewerGrid,y as defineCustomElement}

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

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

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

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