@dso-toolkit/core 65.0.2 → 66.1.0

package/dist/dso-toolkit/{p-0c228908.entry.js → p-ea46d648.entry.js}

@@ -1,2 +1,2 @@
-import{h as e,F as t,r as n,c as o}from"./p-b623c74b.js";import{c as i}from"./p-8a1a6e56.js";const s=({owner:n,ancestors:o,item:r,index:a,level:l,setSize:c})=>{var d,u,h,p;return e("li",{key:r.id,class:i("tree-item",{"has-child":r.hasItems,"is-expanded":!!r.open&&!!((d=r.items)===null||d===void 0?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},r.hasItems?e("div",{onClick:e=>n.itemClick(e,o,r)},e("dso-icon",{icon:r.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:i("tree-content",{active:r.active},{selected:r.selected}),tabindex:l===1&&a===0?0:-1,role:"treeitem","aria-expanded":r.hasItems?""+(!!r.open&&!!((u=r.items)===null||u===void 0?void 0:u.length)):undefined,"aria-current":r.active?"true":undefined,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":r.loading?"true":undefined,"data-item-id":r.id,onClick:e=>n.itemClick(e,o,r)},r.selected&&e("span",{class:"sr-only"},"Resultaat: "),r.href?e("a",{href:r.href,tabindex:"-1"},r.label):e("span",null,r.label),(h=r.icons)===null||h===void 0?void 0:h.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),r.open&&e(t,null,r.hasItems&&!r.items&&r.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},(p=r.items)===null||p===void 0?void 0:p.map(((t,i,a)=>e(s,{owner:n,ancestors:[...o,r],item:t,index:i,level:l+1,setSize:a.length}))))))};const r=':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-block;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;margin-inline-start:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const a=r;const l=class{constructor(e){n(this,e);this.dsoOpenItem=o(this,"dsoOpenItem",7);this.dsoCloseItem=o(this,"dsoCloseItem",7);this.dsoClickItem=o(this,"dsoClickItem",7);this.keyDownListener=e=>{if(e.defaultPrevented){return}const t=e=>e.length===1&&e.match(/\S/);const n=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(e.target instanceof HTMLParagraphElement)||!(n instanceof HTMLElement)){return}switch(e.key){case"ArrowDown":l.moveFocus(n,e.target,"next");break;case"ArrowUp":l.moveFocus(n,e.target,"previous");break;case"ArrowRight":l.expandItemOrFocusChild(n,e.target);break;case"ArrowLeft":l.collapseItemOrFocusParent(n,e.target);break;case"End":l.moveFocus(n,e.target,"last");break;case"Home":l.moveFocus(n,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(t(e.key)){if(l.setFocusByFirstCharacter(n,e.target,e.key,e.shiftKey)){break}}return}e.preventDefault()};this.itemClick=(e,t,n)=>{if(!(e.target instanceof HTMLElement)){return}const o=e.target.closest(".tree-content");if(o){const i=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(o instanceof HTMLParagraphElement)||!(i instanceof HTMLElement)){return}l.setFocus(i,o);this.dsoClickItem.emit({path:[...t,n],originalEvent:e});return}if(n.open){this.dsoCloseItem.emit([...t,n])}else{this.dsoOpenItem.emit([...t,n])}};this.collection=undefined}async focusItem(e){var t;const n=this.tree;if(!n||e.length===0){return false}const o=e[e.length-1];if(!o){throw new Error("No itemToFocus found")}const i=Array.from((t=n.querySelectorAll("p"))!==null&&t!==void 0?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset["itemId"]===o.id));if(!i){return false}l.setFocus(n,i);return true}static setFocus(e,t){if(t){Array.from(e.querySelectorAll("p")).filter((e=>e.tabIndex===0)).forEach((e=>e.tabIndex=-1));t.tabIndex=0;t.focus()}}static moveFocus(e,t,n){const o=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let i=0;switch(n){case"first":i=0;break;case"previous":i=o.indexOf(t)-1;break;case"next":i=o.indexOf(t)+1;break;case"last":i=o.length-1;break}const s=o[i];if(!s){throw new Error("No focusableItem found")}l.setFocus(e,s)}static expandItemOrFocusChild(e,t){var n;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){l.moveFocus(e,t,"next")}else{const e=(n=t.previousElementSibling)===null||n===void 0?void 0:n.firstElementChild;if(e instanceof HTMLElement){e.click()}}}static collapseItemOrFocusParent(e,t){var n,o,i;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){const e=(n=t.previousElementSibling)===null||n===void 0?void 0:n.firstElementChild;if(e instanceof HTMLElement){e.click()}}else{const n=(i=(o=t===null||t===void 0?void 0:t.parentElement)===null||o===void 0?void 0:o.parentElement)===null||i===void 0?void 0:i.previousElementSibling;if(n instanceof HTMLElement){l.setFocus(e,n)}}}static setFocusByFirstCharacter(e,t,n,o){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));if(o){i.reverse()}const s=i.indexOf(t);n=n.toLowerCase();let r=i.find(((e,t)=>{var o;return t>s&&((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase().startsWith(n))}));if(!r){r=i.find(((e,t)=>{var o;return t<s&&((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase().startsWith(n))}))}if(r){l.setFocus(e,r);return true}return false}render(){var t;return e("div",{key:"297a05e4f779433dea7c7e297200b5205c9a835e",id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{key:"095ee29e9af3861b29e413e7120e79ca32a46364",role:"tree","aria-label":"Objectenboom"},(t=this.collection)===null||t===void 0?void 0:t.map(((t,n)=>e(s,{owner:this,ancestors:[],item:t,index:n,level:1,setSize:this.collection.length})))))}};l.style=a;export{l as dso_tree_view};
-//# sourceMappingURL=p-0c228908.entry.js.map
+import{h as e,F as t,r as n,c as o}from"./p-b623c74b.js";import{c as i}from"./p-8a1a6e56.js";const s=({owner:n,ancestors:o,item:r,index:a,level:l,setSize:c})=>{var d,u,h,p;return e("li",{key:r.id,class:i("tree-item",{"has-child":r.hasItems,"is-expanded":!!r.open&&!!((d=r.items)===null||d===void 0?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},r.hasItems?e("div",{onClick:e=>n.itemClick(e,o,r)},e("dso-icon",{icon:r.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:i("tree-content",{active:r.active},{selected:r.selected}),tabindex:l===1&&a===0?0:-1,role:"treeitem","aria-expanded":r.hasItems?""+(!!r.open&&!!((u=r.items)===null||u===void 0?void 0:u.length)):undefined,"aria-current":r.active?"true":undefined,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":r.loading?"true":undefined,"data-item-id":r.id,onClick:e=>n.itemClick(e,o,r)},r.selected&&e("span",{class:"sr-only"},"Resultaat: "),r.href?e("a",{href:r.href,tabindex:"-1"},r.label):e("span",null,r.label),(h=r.icons)===null||h===void 0?void 0:h.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),r.open&&e(t,null,r.hasItems&&!r.items&&r.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},(p=r.items)===null||p===void 0?void 0:p.map(((t,i,a)=>e(s,{owner:n,ancestors:[...o,r],item:t,index:i,level:l+1,setSize:a.length}))))))};const r=':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-block;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;margin-inline-start:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const a=r;const l=class{constructor(e){n(this,e);this.dsoOpenItem=o(this,"dsoOpenItem",7);this.dsoCloseItem=o(this,"dsoCloseItem",7);this.dsoClickItem=o(this,"dsoClickItem",7);this.keyDownListener=e=>{if(e.defaultPrevented){return}const t=e=>e.length===1&&e.match(/\S/);const n=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(e.target instanceof HTMLParagraphElement)||!(n instanceof HTMLElement)){return}switch(e.key){case"ArrowDown":l.moveFocus(n,e.target,"next");break;case"ArrowUp":l.moveFocus(n,e.target,"previous");break;case"ArrowRight":l.expandItemOrFocusChild(n,e.target);break;case"ArrowLeft":l.collapseItemOrFocusParent(n,e.target);break;case"End":l.moveFocus(n,e.target,"last");break;case"Home":l.moveFocus(n,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(t(e.key)){if(l.setFocusByFirstCharacter(n,e.target,e.key,e.shiftKey)){break}}return}e.preventDefault()};this.itemClick=(e,t,n)=>{if(!(e.target instanceof HTMLElement)){return}const o=e.target.closest(".tree-content");if(o){const i=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(o instanceof HTMLParagraphElement)||!(i instanceof HTMLElement)){return}l.setFocus(i,o);this.dsoClickItem.emit({path:[...t,n],originalEvent:e});return}if(n.open){this.dsoCloseItem.emit([...t,n])}else{this.dsoOpenItem.emit([...t,n])}};this.collection=undefined}async focusItem(e){var t;const n=this.tree;if(!n||e.length===0){return false}const o=e[e.length-1];if(!o){throw new Error("No itemToFocus found")}const i=Array.from((t=n.querySelectorAll("p"))!==null&&t!==void 0?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset["itemId"]===o.id));if(!i){return false}l.setFocus(n,i);return true}static setFocus(e,t){if(t){Array.from(e.querySelectorAll("p")).filter((e=>e.tabIndex===0)).forEach((e=>e.tabIndex=-1));t.tabIndex=0;t.focus()}}static moveFocus(e,t,n){const o=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let i=0;switch(n){case"first":i=0;break;case"previous":i=o.indexOf(t)-1;break;case"next":i=o.indexOf(t)+1;break;case"last":i=o.length-1;break}const s=o[i];if(!s){throw new Error("No focusableItem found")}l.setFocus(e,s)}static expandItemOrFocusChild(e,t){var n;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){l.moveFocus(e,t,"next")}else{const e=(n=t.previousElementSibling)===null||n===void 0?void 0:n.firstElementChild;if(e instanceof HTMLElement){e.click()}}}static collapseItemOrFocusParent(e,t){var n,o,i;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){const e=(n=t.previousElementSibling)===null||n===void 0?void 0:n.firstElementChild;if(e instanceof HTMLElement){e.click()}}else{const n=(i=(o=t===null||t===void 0?void 0:t.parentElement)===null||o===void 0?void 0:o.parentElement)===null||i===void 0?void 0:i.previousElementSibling;if(n instanceof HTMLElement){l.setFocus(e,n)}}}static setFocusByFirstCharacter(e,t,n,o){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));if(o){i.reverse()}const s=i.indexOf(t);n=n.toLowerCase();let r=i.find(((e,t)=>{var o;return t>s&&((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase().startsWith(n))}));if(!r){r=i.find(((e,t)=>{var o;return t<s&&((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase().startsWith(n))}))}if(r){l.setFocus(e,r);return true}return false}render(){var t;return e("div",{key:"733757192ac89c90806872d71a6b9d1079a33514",id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{key:"29f84b165163e1ada0f411e8127ac3e213a775b0",role:"tree","aria-label":"Objectenboom"},(t=this.collection)===null||t===void 0?void 0:t.map(((t,n)=>e(s,{owner:this,ancestors:[],item:t,index:n,level:1,setSize:this.collection.length})))))}};l.style=a;export{l as dso_tree_view};
+//# sourceMappingURL=p-ea46d648.entry.js.map

package/dist/dso-toolkit/{p-448d84e3.entry.js → p-ef8fbe01.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as o}from"./p-b623c74b.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;block-size:2.5rem;padding:8px;position:absolute;inset-inline-end:0;text-align:center;inset-block-start:0;inline-size:2.5rem;cursor:pointer}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c;cursor:pointer}.dso-button-container button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const n=i;const s=class{constructor(o){e(this,o);this.dsoInput=a(this,"dsoInput",3);this.dsoNext=a(this,"dsoNext",3);this.dsoPrevious=a(this,"dsoPrevious",3);this.dsoClear=a(this,"dsoClear",3);this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}};this.value=undefined;this.label="Zoeken in document";this.current=undefined;this.totalCount=undefined}async dsoFocus(e={}){var a,o;(a=this.inputElement)===null||a===void 0?void 0:a.focus();if(e.select){(o=this.inputElement)===null||o===void 0?void 0:o.select()}}render(){const e=this.current||0;const a=this.totalCount||0;return o("div",{key:"3df6289ae5ac91adf0ba9473e38adab8dc6b91f4",class:"dso-mark-bar"},o("div",{key:"702a95a26990c2afdc62726b23f2c5e278b2649c",class:"dso-mark-bar-input"},o("input",{key:"adbe69018b986b2ca4d73099ff8c6ece2fac1e5a",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),o("label",{key:"26a364def7585a8390c70f124b7be806fabda74c",htmlFor:"search-input"},o("dso-icon",{key:"bd2c98273728bff66236989d40807de2995eb2aa",class:"dso-search-icon",icon:"search"}),o("span",{key:"4cde1a75df6bb62dd1970c8aae52e31ac8ff9d00",class:"label-text"},this.label)),o("button",{key:"103d37170e51d078da432eb43fbd8edb5540758b",type:"button",onClick:this.handleClear},o("dso-icon",{key:"b11abdeabc4c91964ea0aad97c10ccb6a420cb5a",icon:"times"}),o("span",{key:"c4718f33f2c0acd1f78292a542351097b4ff31a1",class:"sr-only"},"Zoekopdracht legen"))),o("div",{key:"015d21fe0562ae31d55d46ce15353ad0853fb8db",class:"dso-button-container"},o("span",{key:"ad2efabb6240583c0279309e13111355a899a73d",class:"divider"}),o("button",{key:"d48f48ebb1be93f4b8132353ee0749bd1e4a5428",type:"button",onClick:this.handlePrevious,disabled:e<=1},o("dso-icon",{key:"cca9b200cbfc41d8af151f08077a0c3c48999a85",icon:"chevron-up",class:"hydrated"}),o("span",{key:"b21a8eabf37d9319f89908e1ec29e05f941cd5a4",class:"sr-only"},"Vorig zoekresultaat")),o("span",{key:"5a6a7483b0ecaa818f5a40370030230a26b13988"},e,"/",a),o("button",{key:"cf226989ea402fcb66d5549b48867bc20a923c79",type:"button",onClick:this.handleNext,disabled:e>=a},o("dso-icon",{key:"9b1a3178daa8746ca7434e7f4c03755f62deeece",icon:"chevron-down",class:"hydrated"}),o("span",{key:"71e707b2cfe6de7679819ee4fc8c5910a6681cd1",class:"sr-only"},"Volgend zoekresultaat"))))}};s.style=n;export{s as dso_mark_bar};
-//# sourceMappingURL=p-448d84e3.entry.js.map
+import{r as e,c as o,h as i}from"./p-b623c74b.js";const n="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;block-size:2.5rem;padding:8px;position:absolute;inset-inline-end:0;text-align:center;inset-block-start:0;inline-size:2.5rem;cursor:pointer}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c;cursor:pointer}.dso-button-container button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const a=n;const s=class{constructor(i){e(this,i);this.dsoInput=o(this,"dsoInput",3);this.dsoNext=o(this,"dsoNext",3);this.dsoPrevious=o(this,"dsoPrevious",3);this.dsoClear=o(this,"dsoClear",3);this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}};this.value=undefined;this.label="Zoeken in document";this.current=undefined;this.totalCount=undefined}async dsoFocus(e={}){var o,i;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(i=this.inputElement)===null||i===void 0?void 0:i.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return i("div",{key:"38315a5c6fdd546f5bdb68a69989c7564d2fc984",class:"dso-mark-bar"},i("div",{key:"9227d64e53424a72c38dd73e6d4d98d8bc2b10ee",class:"dso-mark-bar-input"},i("input",{key:"ec64eca77b63b2b674e866fa18de418fc85a744b",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),i("label",{key:"15a7a40c3bfe98846d085ad29fad50124af73c38",htmlFor:"search-input"},i("dso-icon",{key:"1519f069586b8ba7369867d553419a52bce72bf5",class:"dso-search-icon",icon:"search"}),i("span",{key:"3ba6cdfb9014ef20ad68ad85be10c584cde1d09b",class:"label-text"},this.label)),i("button",{key:"49ee8be37cd063d583e9a5f20687a3b2aff37fb3",type:"button",onClick:this.handleClear},i("dso-icon",{key:"db43938400494f54bcb14016164c76ad5f6d85f8",icon:"times"}),i("span",{key:"c187ac415225cb620f187f380e582729ce209b51",class:"sr-only"},"Zoekopdracht legen"))),i("div",{key:"a568e7b12daa1915f335f596d1ff4e98041f4eaf",class:"dso-button-container"},i("span",{key:"e0669d5e0ce2382728f0a2b145130fc36c379087",class:"divider"}),i("button",{key:"0b9eeb4451d580469f77550eca153c4d58c1aea2",type:"button",onClick:this.handlePrevious,disabled:e<=1},i("dso-icon",{key:"eb2bb9a30279691ed08c4ae033850dfee029d444",icon:"chevron-up",class:"hydrated"}),i("span",{key:"f9a46edc77309ec09e1c805fb7ca2e436d472d83",class:"sr-only"},"Vorig zoekresultaat")),i("span",{key:"6f75282b1ae0c76e65f32383ac10ff751be0a561"},e,"/",o),i("button",{key:"048cd720312a6485c5d6882c56cc2f610bd74c7a",type:"button",onClick:this.handleNext,disabled:e>=o},i("dso-icon",{key:"e8a081ab544f0af52204d990b1ac6bc65a2fd901",icon:"chevron-down",class:"hydrated"}),i("span",{key:"c6761a83ce03cf977ea673949e2b6b102bcfc8e3",class:"sr-only"},"Volgend zoekresultaat"))))}};s.style=a;export{s as dso_mark_bar};
+//# sourceMappingURL=p-ef8fbe01.entry.js.map

package/dist/dso-toolkit/{p-85d58afe.entry.js → p-fc82b0d0.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,F as o,a as s,H as r}from"./p-b623c74b.js";import{c as a}from"./p-8a1a6e56.js";import{d as n}from"./p-709ff0a5.js";import{d as l,h as d,c,b as h}from"./p-202d2cdf.js";const f=":host{display:inline-block;max-inline-size:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{border-radius:4px;display:inline-block;line-height:1.5;max-inline-size:100%;padding-block:4px;padding-inline:8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:inline-end;font-size:1rem;margin-block-end:-4px;margin-inline-start:8px;margin-inline-end:-4px;margin-block-start:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label{background-color:#f2f2f2;border-color:#f2f2f2;color:#191919}.dso-label.dso-label-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-label.dso-label-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;border-color:#fff;color:#191919}.dso-label.dso-label-bright{outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}";const b=f;const p=new ResizeObserver(n((t=>{t.forEach((({target:t})=>{if(u(t)){t._truncateLabel()}}))}),150));function u(t){return t.tagName==="DSO-LABEL"}function m(t){return t.scrollWidth>t.clientWidth}const v=class{constructor(i){t(this,i);this.dsoRemoveClick=e(this,"dsoRemoveClick",7);this.compact=undefined;this.removable=undefined;this.status=undefined;this.removeHover=undefined;this.removeFocus=undefined;this.truncate=undefined;this.textHover=undefined;this.textFocus=undefined;this.isTruncated=false;this.labelText=""}watchRemovable(t){if(t){this.startMutationObserver()}else{this.stopMutationObserver()}}watchTruncate(t){if(t){this.startTruncate()}else{this.stopTruncate()}}keyDownListener(t){if(t.key==="Escape"){this.textHover=false;this.textFocus=false}}async _truncateLabel(){setTimeout((()=>{this.isTruncated=!!this.labelContent&&m(this.labelContent)}))}syncLabelText(){var t,e;this.labelText=(e=(t=this.host.textContent)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:""}componentDidLoad(){if(this.truncate){this.startTruncate()}if(this.removable){this.startMutationObserver()}}disconnectedCallback(){this.stopTruncate();this.stopMutationObserver(true)}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText()));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true});this.syncLabelText()}stopMutationObserver(t=false){var e;if(t||!(this.truncate&&this.removable)){(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}}startTruncate(){p.observe(this.host);this.startMutationObserver();this._truncateLabel()}stopTruncate(){p.unobserve(this.host);this.stopMutationObserver();this.isTruncated=false}render(){return i(o,{key:"25e56c874b916235727257093a97b5263f82525c"},i("span",{key:"0e40b01e6552d8559fcfc9a40e22222541f642ce","aria-describedby":"toggle-anchor",class:a("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},i("slot",{key:"ed7da69e37b55d7c7240792ab477acd55e543d99",name:"symbol"}),i("span",{key:"a06cb439e686b8e4ee7edad9475bc832c8cf0ddf",class:a("dso-label-content",{"dso-truncate":!!this.truncate}),ref:t=>this.labelContent=t,tabindex:this.truncate&&this.isTruncated?0:undefined,onMouseEnter:()=>this.textHover=true,onMouseLeave:()=>this.textHover=false,onFocus:()=>this.textFocus=true,onBlur:()=>this.textFocus=false},i("slot",{key:"a53a1928a5f57b0a60c37116a74ec037251253be"})),this.removable&&i("button",{key:"876108268f5162c6f8cc4936b2c8c9abfc7fa1f9",type:"button",onClick:t=>this.dsoRemoveClick.emit(t),onMouseEnter:()=>this.removeHover=true,onMouseLeave:()=>this.removeHover=false,onFocus:()=>this.removeFocus=true,onBlur:()=>this.removeFocus=false},i("span",{key:"8c73709cfa0c63ce939db085995824c008ce47f9",class:"sr-only"},"Verwijder: ",this.labelText),i("dso-icon",{key:"0ce43f1ac8af806a71b9ef2a4b8ca2a9f1110035",icon:"times"}))),this.isTruncated&&i("dso-tooltip",{key:"e1a1d648d1c576f22950eb2f10690abce79f3704",stateless:true,id:"toggle-anchor",active:this.textHover||this.textFocus,position:"top",strategy:"absolute"},this.labelText))}get host(){return s(this)}static get watchers(){return{removable:["watchRemovable"],truncate:["watchTruncate"]}}};v.style=b;var g={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(e){var i=e.state,o=e.name,s=e.options;var r=l(i,s);var a=i.modifiersData.preventOverflow||{x:0,y:0},n=a.x,d=a.y;var c=i.rects.popper,h=c.width,f=c.height;var b=i.placement.split("-"),p=b[0];var u=p==="left"?"left":"right";var m=p==="top"?"top":"bottom";i.modifiersData[o]={width:h-r[u]-n,height:f-r[m]-d}}};const w=":host(.hidden){visibility:hidden}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:break-word;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;padding-block:8px;padding-inline:16px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";const x=w;var k=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var y=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,s){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var z;const T=150;const E={name:"applyMaxSize",enabled:true,phase:h,requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;if(e<160){e=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}};const L=class{constructor(e){t(this,e);this.callbacks={activate:()=>this.active=true,deactivate:()=>this.active=false};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=n((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),T);z.set(this,void 0);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.stateless=undefined;this.small=undefined;this.active=false;this.hidden=true}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&d(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return i(r,{key:"1dd2e74dbeb0555c9ddf87f129fa0c71761a1838",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},i("div",{key:"ee9a42aebfda6d2b72b9ca2843997c543b534ee8",class:a("tooltip",{in:this.active})},!this.noArrow&&i("div",{key:"3f692092ef311ed2c23f24c4c039cd690a1456cd","data-popper-arrow":true,class:"tooltip-arrow"}),i("div",{key:"1f47431cd04dffd0f6eec3728c140e0e2bbbd2c5","aria-hidden":!this.descriptive||undefined,class:a("tooltip-inner",{"dso-small":this.small})},i("slot",{key:"a1e76e41487efc675edd80608d610e4fbf0f227e"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&e instanceof HTMLElement){this.popper=c(this.target,e,{placement:this.position,modifiers:[g,E,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=k(this,z,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){y(this,z,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const e=this.element.getRootNode();if(!(e instanceof Document||e instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const i=e.querySelector(`[aria-describedBy="${t}`);if(!i){console.warn(`Unable to find reference with aria-describedby ${t}`);return}y(this,z,i,"f");return i}get element(){return s(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};z=new WeakMap;L.style=x;export{v as dso_label,L as dso_tooltip};
-//# sourceMappingURL=p-85d58afe.entry.js.map
+import{r as t,c as e,h as i,F as o,a as s,H as a}from"./p-b623c74b.js";import{c as r}from"./p-8a1a6e56.js";import{d as n}from"./p-16e112f1.js";import{d as l,h as d,c,b as h}from"./p-202d2cdf.js";const f=":host{display:inline-block;max-inline-size:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{border-radius:4px;display:inline-block;line-height:1.5;max-inline-size:100%;padding-block:4px;padding-inline:8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:inline-end;font-size:1rem;margin-block-end:-4px;margin-inline-start:8px;margin-inline-end:-4px;margin-block-start:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label{background-color:#f2f2f2;border-color:#f2f2f2;color:#191919}.dso-label.dso-label-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-label.dso-label-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;border-color:#fff;color:#191919}.dso-label.dso-label-bright{outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}";const b=f;const p=new ResizeObserver(n((t=>{t.forEach((({target:t})=>{if(u(t)){t._truncateLabel()}}))}),150));function u(t){return t.tagName==="DSO-LABEL"}function m(t){return t.scrollWidth>t.clientWidth}const v=class{constructor(i){t(this,i);this.dsoRemoveClick=e(this,"dsoRemoveClick",7);this.compact=undefined;this.removable=undefined;this.status=undefined;this.removeHover=undefined;this.removeFocus=undefined;this.truncate=undefined;this.textHover=undefined;this.textFocus=undefined;this.isTruncated=false;this.labelText=""}watchRemovable(t){if(t){this.startMutationObserver()}else{this.stopMutationObserver()}}watchTruncate(t){if(t){this.startTruncate()}else{this.stopTruncate()}}keyDownListener(t){if(t.key==="Escape"){this.textHover=false;this.textFocus=false}}async _truncateLabel(){setTimeout((()=>{this.isTruncated=!!this.labelContent&&m(this.labelContent)}))}syncLabelText(){var t,e;this.labelText=(e=(t=this.host.textContent)===null||t===void 0?void 0:t.trim())!==null&&e!==void 0?e:""}componentDidLoad(){if(this.truncate){this.startTruncate()}if(this.removable){this.startMutationObserver()}}disconnectedCallback(){this.stopTruncate();this.stopMutationObserver(true)}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText()));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true});this.syncLabelText()}stopMutationObserver(t=false){var e;if(t||!(this.truncate&&this.removable)){(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}}startTruncate(){p.observe(this.host);this.startMutationObserver();this._truncateLabel()}stopTruncate(){p.unobserve(this.host);this.stopMutationObserver();this.isTruncated=false}render(){return i(o,{key:"07723299883f0fe1b61f09feed46a39f37205481"},i("span",{key:"0ef33ed0541bbb451d3c9bec9493ff563eadd8b0","aria-describedby":"toggle-anchor",class:r("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},i("slot",{key:"287637d9cff61b3f9a049f3bf923085397d06a9f",name:"symbol"}),i("span",{key:"745b33815b6387571b4febfd435ab4bf6102b4f7",class:r("dso-label-content",{"dso-truncate":!!this.truncate}),ref:t=>this.labelContent=t,tabindex:this.truncate&&this.isTruncated?0:undefined,onMouseEnter:()=>this.textHover=true,onMouseLeave:()=>this.textHover=false,onFocus:()=>this.textFocus=true,onBlur:()=>this.textFocus=false},i("slot",{key:"3bd278fe59bd427423fd0b0ea12aea49e73800ac"})),this.removable&&i("button",{key:"975eaa6513ffba48d5ee17fe15af43deb8ae6aa3",type:"button",onClick:t=>this.dsoRemoveClick.emit(t),onMouseEnter:()=>this.removeHover=true,onMouseLeave:()=>this.removeHover=false,onFocus:()=>this.removeFocus=true,onBlur:()=>this.removeFocus=false},i("span",{key:"44b03c47c0e9e261070da1ec55875f279104a509",class:"sr-only"},"Verwijder: ",this.labelText),i("dso-icon",{key:"b980445c597c236d23cf7b002b9c0155d8324ee4",icon:"times"}))),this.isTruncated&&i("dso-tooltip",{key:"74c2da63edc210b7caac69bc5ac1413da8b18592",stateless:true,id:"toggle-anchor",active:this.textHover||this.textFocus,position:"top",strategy:"absolute"},this.labelText))}get host(){return s(this)}static get watchers(){return{removable:["watchRemovable"],truncate:["watchTruncate"]}}};v.style=b;var g={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(e){var i=e.state,o=e.name,s=e.options;var a=l(i,s);var r=i.modifiersData.preventOverflow||{x:0,y:0},n=r.x,d=r.y;var c=i.rects.popper,h=c.width,f=c.height;var b=i.placement.split("-"),p=b[0];var u=p==="left"?"left":"right";var m=p==="top"?"top":"bottom";i.modifiersData[o]={width:h-a[u]-n,height:f-a[m]-d}}};const w=":host(.hidden){visibility:hidden}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:break-word;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;padding-block:8px;padding-inline:16px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";const x=w;var k=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var y=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,s){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var z;const T=150;const E={name:"applyMaxSize",enabled:true,phase:h,requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;if(e<160){e=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}};const L=class{constructor(e){t(this,e);this.callbacks={activate:()=>this.active=true,deactivate:()=>this.active=false};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=n((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),T);z.set(this,void 0);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.stateless=undefined;this.small=undefined;this.active=false;this.hidden=true}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&d(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return i(a,{key:"01e63a4cd76dca4d1d07bbbb35c8e67f7c4883e7",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},i("div",{key:"39c3989e697df79021b782aa1ba0100f352fef0c",class:r("tooltip",{in:this.active})},!this.noArrow&&i("div",{key:"ce11016b943b0a32bde7da78a1a039cec0523681","data-popper-arrow":true,class:"tooltip-arrow"}),i("div",{key:"e2fff499e2bbf78bb4c542f6cd4b23b30c26ba50","aria-hidden":!this.descriptive||undefined,class:r("tooltip-inner",{"dso-small":this.small})},i("slot",{key:"54ff66606cc1dc120768ee6b9f3cd4f66cec1aec"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&e instanceof HTMLElement){this.popper=c(this.target,e,{placement:this.position,modifiers:[g,E,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=k(this,z,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){y(this,z,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const e=this.element.getRootNode();if(!(e instanceof Document||e instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const i=e.querySelector(`[aria-describedBy="${t}`);if(!i){console.warn(`Unable to find reference with aria-describedby ${t}`);return}y(this,z,i,"f");return i}get element(){return s(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};z=new WeakMap;L.style=x;export{v as dso_label,L as dso_tooltip};
+//# sourceMappingURL=p-fc82b0d0.entry.js.map