@dso-toolkit/core 73.0.1 → 73.2.0

package/dist/dso-toolkit/{p-ChsEPkam.js → p-D5RszRxh.js}

@@ -1,2 +1,2 @@
-import{h as o,F as l}from"./p-D2Jo0W7B.js";const s=({values:s})=>o(l,null,s===null||s===void 0?void 0:s.map(((s,n)=>o(l,null,n>0&&", ",o("dso-renvooi",{value:s})))));export{s as A};
-//# sourceMappingURL=p-ChsEPkam.js.map
+import{h as o,F as l}from"./p-C-b4jsbt.js";const s=({values:s})=>o(l,null,s===null||s===void 0?void 0:s.map(((s,n)=>o(l,null,n>0&&", ",o("dso-renvooi",{value:s})))));export{s as A};
+//# sourceMappingURL=p-D5RszRxh.js.map

package/dist/dso-toolkit/p-D5RszRxh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-D5RszRxh.js","sources":["src/components/annotation/annotation-list-renvooi-values.tsx"],"sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { RenvooiValue } from \"../renvooi/renvooi.interfaces\";\r\n\r\ninterface AnnotationListRenvooiValues {\r\n  values: RenvooiValue[] | undefined;\r\n}\r\n\r\nexport const AnnotationListRenvooiValues: FunctionalComponent<AnnotationListRenvooiValues> = ({ values }) => {\r\n  return (\r\n    <>\r\n      {values?.map((v, i) => (\r\n        <>\r\n          {i > 0 && \", \"}\r\n          <dso-renvooi value={v} />\r\n        </>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;MAQa,2BAA2B,GAAqD,CAAC,EAAE,MAAM,EAAE,KAAI;AAC1G,IAAA,QACE,CACG,CAAA,QAAA,EAAA,IAAA,EAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,MAChB,CAAA,CAAA,QAAA,EAAA,IAAA;QACG,CAAC,GAAG,CAAC,IAAI,IAAI;QACd,CAAa,CAAA,aAAA,EAAA,EAAA,KAAK,EAAE,CAAC,EAAA,CAAI,CACxB,CACJ,CAAC,CACD;AAEP;;;;"}

package/dist/dso-toolkit/p-Ds10WquL.js

@@ -0,0 +1,2 @@
+import{h as o}from"./p-C-b4jsbt.js";const a=({symbol:a,title:t,data:n,active:s,dsoActiveChange:i})=>o("div",{class:"annotation-body"},a&&o("div",{class:"annotation-symbol"},a),o("div",{class:"annotation-info"},o("p",{class:"annotation-title"},t),n&&o("p",{class:"annotation-data"},n)),i&&o("div",{class:"annotation-control"},o("dso-slide-toggle",{accessibleLabel:"Toon op kaart",checked:s,onDsoActiveChange:o=>i.emit({current:Boolean(s),next:!s,originalEvent:o})})));export{a as A};
+//# sourceMappingURL=p-Ds10WquL.js.map

package/dist/dso-toolkit/p-Ds10WquL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-Ds10WquL.js","sources":["src/components/annotation/annotation-body.tsx"],"sourcesContent":["import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { AnnotationActiveChangeEvent } from \"./annotation.interfaces\";\r\n\r\ninterface AnnotationBodyProps {\r\n  title: JSX.Element;\r\n  data?: JSX.Element;\r\n  active?: boolean;\r\n  dsoActiveChange?: EventEmitter<AnnotationActiveChangeEvent>;\r\n  symbol?: JSX.Element;\r\n}\r\n\r\nexport const AnnotationBody: FunctionalComponent<AnnotationBodyProps> = ({\r\n  symbol,\r\n  title,\r\n  data,\r\n  active,\r\n  dsoActiveChange,\r\n}) => (\r\n  <div class=\"annotation-body\">\r\n    {symbol && <div class=\"annotation-symbol\">{symbol}</div>}\r\n    <div class=\"annotation-info\">\r\n      <p class=\"annotation-title\">{title}</p>\r\n      {data && <p class=\"annotation-data\">{data}</p>}\r\n    </div>\r\n    {dsoActiveChange && (\r\n      <div class=\"annotation-control\">\r\n        <dso-slide-toggle\r\n          accessibleLabel=\"Toon op kaart\"\r\n          checked={active}\r\n          onDsoActiveChange={(e) => dsoActiveChange.emit({ current: Boolean(active), next: !active, originalEvent: e })}\r\n        />\r\n      </div>\r\n    )}\r\n  </div>\r\n);\r\n"],"names":[],"mappings":";;MAYa,cAAc,GAA6C,CAAC,EACvE,MAAM,EACN,KAAK,EACL,IAAI,EACJ,MAAM,EACN,eAAe,GAChB,MACC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA;AACzB,IAAA,MAAM,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAAE,MAAM,CAAO;IACxD,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA;AAC1B,QAAA,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,kBAAkB,EAAA,EAAE,KAAK,CAAK;QACtC,IAAI,IAAI,SAAG,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAK,CAC1C;AACL,IAAA,eAAe,KACd,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA;AAC7B,QAAA,CAAA,CAAA,kBAAA,EAAA,EACE,eAAe,EAAC,eAAe,EAC/B,OAAO,EAAE,MAAM,EACf,iBAAiB,EAAE,CAAC,CAAC,KAAK,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,EAAA,CAC7G,CACE,CACP,CACG;;;;"}

package/dist/dso-toolkit/p-LncMPpG-.js

@@ -0,0 +1,2 @@
+import{h as t,f as s}from"./p-C-b4jsbt.js";const o=()=>t("dso-label",{class:"gewijzigde-locatie",status:"warning",compact:true},"gewijzigde locatie");const e=()=>t("slot",{name:"symbool"});const a=new WeakMap;function n(t){return{watch(){let o=a.get(t);if(!o){o=new MutationObserver((()=>s(t)));a.set(t,o)}o.observe(t,{childList:true})},hasSymbool(){return t.querySelector("[slot=symbool]")!==null},unwatch(){const s=a.get(t);if(!s){return}s.disconnect();a.delete(t)}}}export{o as A,e as a,n as w};
+//# sourceMappingURL=p-LncMPpG-.js.map

package/dist/dso-toolkit/p-LncMPpG-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-LncMPpG-.js","sources":["src/components/annotation/annotation-gewijzigde-locatie.tsx","src/components/annotation/annotation-symbol-slot.tsx","src/components/annotation/annotation-watcher.ts"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport const AnnotationGewijzigdeLocatie: FunctionalComponent = () => (\r\n  <dso-label class=\"gewijzigde-locatie\" status=\"warning\" compact>\r\n    gewijzigde locatie\r\n  </dso-label>\r\n);\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport const AnnotationSymbolSlot: FunctionalComponent = () => <slot name=\"symbool\" />;\r\n","import { forceUpdate } from \"@stencil/core\";\r\n\r\nconst observers = new WeakMap<HTMLElement, MutationObserver>();\r\n\r\nexport function watcher(host: HTMLElement) {\r\n  return {\r\n    watch() {\r\n      let observer = observers.get(host);\r\n      if (!observer) {\r\n        observer = new MutationObserver(() => forceUpdate(host));\r\n        observers.set(host, observer);\r\n      }\r\n\r\n      observer.observe(host, { childList: true });\r\n    },\r\n    hasSymbool() {\r\n      return host.querySelector(\"[slot=symbool]\") !== null;\r\n    },\r\n    unwatch() {\r\n      const observer = observers.get(host);\r\n      if (!observer) {\r\n        return;\r\n      }\r\n\r\n      observer.disconnect();\r\n      observers.delete(host);\r\n    },\r\n  };\r\n}\r\n"],"names":[],"mappings":";;MAEa,2BAA2B,GAAwB,OAC9D,CAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAA,IAAA,EAAA,EAAA,oBAAA,CAElD;;ACHP,MAAM,oBAAoB,GAAwB,MAAM,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,SAAS,EAAA;;ACAnF,MAAM,SAAS,GAAG,IAAI,OAAO,EAAiC;AAExD,SAAU,OAAO,CAAC,IAAiB,EAAA;IACvC,OAAO;QACL,KAAK,GAAA;YACH,IAAI,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;YAClC,IAAI,CAAC,QAAQ,EAAE;AACb,gBAAA,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;AACxD,gBAAA,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC;;YAG/B,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;SAC5C;QACD,UAAU,GAAA;YACR,OAAO,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI;SACrD;QACD,OAAO,GAAA;YACL,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;YACpC,IAAI,CAAC,QAAQ,EAAE;gBACb;;YAGF,QAAQ,CAAC,UAAU,EAAE;AACrB,YAAA,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;SACvB;KACF;AACH;;;;"}

package/dist/dso-toolkit/{p-8123ed2f.entry.js → p-a61470ad.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,f as t,h as s,H as a,g as r}from"./p-D2Jo0W7B.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";const o=class{constructor(t){e(this,t);this.keyUpHandler=e=>{if(!(e.target instanceof HTMLElement)){return}switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((e,t)=>{if(!t.disabled){e.push(t)}return e}),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(e){e===null||e===void 0?void 0:e._dsoFocus()}moveFocusToPreviousTab(e){var t;const s=this.enabledTabs.findIndex((t=>t===e));const a=(t=this.enabledTabs[s-1])!==null&&t!==void 0?t:this.lastTab;this.moveFocusToTab(a)}moveFocusToNextTab(e){var t;const s=this.enabledTabs.findIndex((t=>t===e));const a=(t=this.enabledTabs[s+1])!==null&&t!==void 0?t:this.firstTab;this.moveFocusToTab(a)}connectedCallback(){var e;(e=this.mutationObserver)!==null&&e!==void 0?e:this.mutationObserver=new MutationObserver((()=>t(this.host)));this.mutationObserver.observe(this.host,{childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}render(){return s(a,{key:"ee52a51bd4dce360be086fe4ac9603c3b1e12255"},s("div",{key:"7f9270557289a2d6a2d8e949cbf8ee7a8ba286a7",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},s("slot",{key:"47ad707d1b2dc383074db54e70f85fdd60c8a3d4"})),s("div",{key:"5864caa924fcee7d74ef10410ee3b0d38d8af2c0",role:"tabpanel",tabindex:"0"},s("slot",{key:"a01b5c9915c4385c713dea531eaccecd9757a940",name:"panel"})))}get host(){return r(this)}};o.style=i;export{o as dso_tabs};
-//# sourceMappingURL=p-8123ed2f.entry.js.map
+import{r as e,f as t,h as s,H as a,g as r}from"./p-C-b4jsbt.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block}.tabs{border-block-end:1px solid #39870c;display:flex;gap:2px;flex-wrap:wrap;margin-block-end:24px;padding-inline-start:0}@media screen and (max-width: 767px){.tabs{border:0;display:block}}";const o=class{constructor(t){e(this,t);this.keyUpHandler=e=>{if(!(e.target instanceof HTMLElement)){return}switch(e.key){case"ArrowRight":case"ArrowDown":this.moveFocusToNextTab(e.target);break;case"ArrowLeft":case"ArrowUp":this.moveFocusToPreviousTab(e.target);break;default:return}}}get enabledTabs(){return Array.from(this.host.querySelectorAll(":scope > dso-tab")).reduce(((e,t)=>{if(!t.disabled){e.push(t)}return e}),[])}get firstTab(){return this.enabledTabs[0]}get lastTab(){return this.enabledTabs[this.enabledTabs.length-1]}moveFocusToTab(e){e===null||e===void 0?void 0:e._dsoFocus()}moveFocusToPreviousTab(e){var t;const s=this.enabledTabs.findIndex((t=>t===e));const a=(t=this.enabledTabs[s-1])!==null&&t!==void 0?t:this.lastTab;this.moveFocusToTab(a)}moveFocusToNextTab(e){var t;const s=this.enabledTabs.findIndex((t=>t===e));const a=(t=this.enabledTabs[s+1])!==null&&t!==void 0?t:this.firstTab;this.moveFocusToTab(a)}connectedCallback(){var e;(e=this.mutationObserver)!==null&&e!==void 0?e:this.mutationObserver=new MutationObserver((()=>t(this.host)));this.mutationObserver.observe(this.host,{childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}render(){return s(a,{key:"9a6bdd5ffe17c8426f03ba2722e425fa0f8e62fb"},s("div",{key:"dec379f32507e5784a13bd95b58ab02cb958febb",class:"tabs",role:"tablist",onKeyUp:this.keyUpHandler},s("slot",{key:"51c8052f6072c4c3abc4459137998153ec7e51cc"})),s("div",{key:"8106030b6b93202f62be3aac38a90807afe33606",role:"tabpanel",tabindex:"0"},s("slot",{key:"d30f72afe67410e95720c184d4af7d8c3df0dc03",name:"panel"})))}get host(){return r(this)}};o.style=i;export{o as dso_tabs};
+//# sourceMappingURL=p-a61470ad.entry.js.map

package/dist/dso-toolkit/{p-8123ed2f.entry.js.map → p-a61470ad.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tabsCss","Tabs","constructor","hostRef","this","keyUpHandler","e","target","HTMLElement","key","moveFocusToNextTab","moveFocusToPreviousTab","enabledTabs","Array","from","host","querySelectorAll","reduce","tabs","tab","disabled","push","firstTab","lastTab","length","moveFocusToTab","_dsoFocus","focussedTab","index","findIndex","next","_a","connectedCallback","mutationObserver","MutationObserver","forceUpdate","observe","childList","disconnectedCallback","disconnect","render","h","Host","class","role","onKeyUp","tabindex","name"],"sources":["src/components/tabs/tabs.scss?tag=dso-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/link\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.tabs {\r\n  border-block-end: 1px solid colors.$grasgroen;\r\n  display: flex;\r\n  gap: 2px;\r\n  flex-wrap: wrap;\r\n  margin-block-end: units.$block-spacing-large;\r\n  padding-inline-start: 0;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    border: 0;\r\n    display: block;\r\n  }\r\n}\r\n","import { Element, Component, h, Host, forceUpdate } from \"@stencil/core\";\r\n\r\n/**\r\n * @slot - The dso-tab elements. These should be direct children of the dso-tabs element.\r\n * @slot panel - The panel with the content for the active tab\r\n */\r\n@Component({\r\n  tag: \"dso-tabs\",\r\n  styleUrl: \"tabs.scss\",\r\n  shadow: true,\r\n})\r\nexport class Tabs {\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  @Element()\r\n  host!: HTMLDsoTabsElement;\r\n\r\n  private get enabledTabs() {\r\n    // Only enabled tabs (not disabled) are needed for setting focus via ArrowRight and ArrowLeft\r\n    return Array.from(this.host.querySelectorAll<HTMLDsoTabElement>(\":scope > dso-tab\")).reduce<HTMLDsoTabElement[]>(\r\n      (tabs, tab) => {\r\n        if (!tab.disabled) {\r\n          tabs.push(tab);\r\n        }\r\n\r\n        return tabs;\r\n      },\r\n      [],\r\n    );\r\n  }\r\n\r\n  private get firstTab() {\r\n    return this.enabledTabs[0];\r\n  }\r\n\r\n  private get lastTab() {\r\n    return this.enabledTabs[this.enabledTabs.length - 1];\r\n  }\r\n\r\n  private moveFocusToTab(tab: HTMLDsoTabElement | undefined) {\r\n    tab?._dsoFocus();\r\n  }\r\n\r\n  private moveFocusToPreviousTab(focussedTab: HTMLElement) {\r\n    const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);\r\n    const next = this.enabledTabs[index - 1] ?? this.lastTab;\r\n\r\n    this.moveFocusToTab(next);\r\n  }\r\n\r\n  private moveFocusToNextTab(focussedTab: HTMLElement) {\r\n    const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);\r\n    const next = this.enabledTabs[index + 1] ?? this.firstTab;\r\n\r\n    this.moveFocusToTab(next);\r\n  }\r\n\r\n  // Keep track of tabs to set focus on next or previous enabled (not disabled) tab.\r\n  private keyUpHandler = (e: KeyboardEvent) => {\r\n    if (!(e.target instanceof HTMLElement)) {\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \"ArrowRight\":\r\n      case \"ArrowDown\":\r\n        this.moveFocusToNextTab(e.target);\r\n        break;\r\n      case \"ArrowLeft\":\r\n      case \"ArrowUp\":\r\n        this.moveFocusToPreviousTab(e.target);\r\n        break;\r\n      default:\r\n        return;\r\n    }\r\n  };\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver ??= new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"tabs\" role=\"tablist\" onKeyUp={this.keyUpHandler}>\r\n          <slot />\r\n        </div>\r\n        <div role=\"tabpanel\" tabindex=\"0\">\r\n          <slot name=\"panel\" />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAU,+P,MCWHC,EAAI,MALjB,WAAAC,CAAAC,G,UAoDUC,KAAAC,aAAgBC,IACtB,KAAMA,EAAEC,kBAAkBC,aAAc,CACtC,M,CAGF,OAAQF,EAAEG,KACR,IAAK,aACL,IAAK,YACHL,KAAKM,mBAAmBJ,EAAEC,QAC1B,MACF,IAAK,YACL,IAAK,UACHH,KAAKO,uBAAuBL,EAAEC,QAC9B,MACF,QACE,O,CA0BP,CAlFC,eAAYK,GAEV,OAAOC,MAAMC,KAAKV,KAAKW,KAAKC,iBAAoC,qBAAqBC,QACnF,CAACC,EAAMC,KACL,IAAKA,EAAIC,SAAU,CACjBF,EAAKG,KAAKF,E,CAGZ,OAAOD,CAAI,GAEb,G,CAIJ,YAAYI,GACV,OAAOlB,KAAKQ,YAAY,E,CAG1B,WAAYW,GACV,OAAOnB,KAAKQ,YAAYR,KAAKQ,YAAYY,OAAS,E,CAG5C,cAAAC,CAAeN,GACrBA,IAAG,MAAHA,SAAG,SAAHA,EAAKO,W,CAGC,sBAAAf,CAAuBgB,G,MAC7B,MAAMC,EAAQxB,KAAKQ,YAAYiB,WAAWV,GAAQA,IAAQQ,IAC1D,MAAMG,GAAOC,EAAA3B,KAAKQ,YAAYgB,EAAQ,MAAE,MAAAG,SAAA,EAAAA,EAAI3B,KAAKmB,QAEjDnB,KAAKqB,eAAeK,E,CAGd,kBAAApB,CAAmBiB,G,MACzB,MAAMC,EAAQxB,KAAKQ,YAAYiB,WAAWV,GAAQA,IAAQQ,IAC1D,MAAMG,GAAOC,EAAA3B,KAAKQ,YAAYgB,EAAQ,MAAE,MAAAG,SAAA,EAAAA,EAAI3B,KAAKkB,SAEjDlB,KAAKqB,eAAeK,E,CAuBtB,iBAAAE,G,OACED,EAAA3B,KAAK6B,oBAAgB,MAAAF,SAAA,EAAAA,EAArB3B,KAAK6B,iBAAqB,IAAIC,kBAAiB,IAAMC,EAAY/B,KAAKW,QAEtEX,KAAK6B,iBAAiBG,QAAQhC,KAAKW,KAAM,CAAEsB,UAAW,M,CAGxD,oBAAAC,G,OACEP,EAAA3B,KAAK6B,oBAAkB,MAAAF,SAAA,SAAAA,EAAAQ,Y,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAjC,IAAA,4CACHgC,EAAA,OAAAhC,IAAA,2CAAKkC,MAAM,OAAOC,KAAK,UAAUC,QAASzC,KAAKC,cAC7CoC,EAAA,QAAAhC,IAAA,8CAEFgC,EAAA,OAAAhC,IAAA,2CAAKmC,KAAK,WAAWE,SAAS,KAC5BL,EAAA,QAAAhC,IAAA,2CAAMsC,KAAK,W","ignoreList":[]}
+{"version":3,"names":["tabsCss","Tabs","constructor","hostRef","this","keyUpHandler","e","target","HTMLElement","key","moveFocusToNextTab","moveFocusToPreviousTab","enabledTabs","Array","from","host","querySelectorAll","reduce","tabs","tab","disabled","push","firstTab","lastTab","length","moveFocusToTab","_dsoFocus","focussedTab","index","findIndex","next","_a","connectedCallback","mutationObserver","MutationObserver","forceUpdate","observe","childList","disconnectedCallback","disconnect","render","h","Host","class","role","onKeyUp","tabindex","name"],"sources":["src/components/tabs/tabs.scss?tag=dso-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/link\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.tabs {\r\n  border-block-end: 1px solid colors.$grasgroen;\r\n  display: flex;\r\n  gap: 2px;\r\n  flex-wrap: wrap;\r\n  margin-block-end: units.$block-spacing-large;\r\n  padding-inline-start: 0;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    border: 0;\r\n    display: block;\r\n  }\r\n}\r\n","import { Component, Element, Host, forceUpdate, h } from \"@stencil/core\";\r\n\r\n/**\r\n * @slot - The dso-tab elements. These should be direct children of the dso-tabs element.\r\n * @slot panel - The panel with the content for the active tab\r\n */\r\n@Component({\r\n  tag: \"dso-tabs\",\r\n  styleUrl: \"tabs.scss\",\r\n  shadow: true,\r\n})\r\nexport class Tabs {\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  @Element()\r\n  host!: HTMLDsoTabsElement;\r\n\r\n  private get enabledTabs() {\r\n    // Only enabled tabs (not disabled) are needed for setting focus via ArrowRight and ArrowLeft\r\n    return Array.from(this.host.querySelectorAll<HTMLDsoTabElement>(\":scope > dso-tab\")).reduce<HTMLDsoTabElement[]>(\r\n      (tabs, tab) => {\r\n        if (!tab.disabled) {\r\n          tabs.push(tab);\r\n        }\r\n\r\n        return tabs;\r\n      },\r\n      [],\r\n    );\r\n  }\r\n\r\n  private get firstTab() {\r\n    return this.enabledTabs[0];\r\n  }\r\n\r\n  private get lastTab() {\r\n    return this.enabledTabs[this.enabledTabs.length - 1];\r\n  }\r\n\r\n  private moveFocusToTab(tab: HTMLDsoTabElement | undefined) {\r\n    tab?._dsoFocus();\r\n  }\r\n\r\n  private moveFocusToPreviousTab(focussedTab: HTMLElement) {\r\n    const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);\r\n    const next = this.enabledTabs[index - 1] ?? this.lastTab;\r\n\r\n    this.moveFocusToTab(next);\r\n  }\r\n\r\n  private moveFocusToNextTab(focussedTab: HTMLElement) {\r\n    const index = this.enabledTabs.findIndex((tab) => tab === focussedTab);\r\n    const next = this.enabledTabs[index + 1] ?? this.firstTab;\r\n\r\n    this.moveFocusToTab(next);\r\n  }\r\n\r\n  // Keep track of tabs to set focus on next or previous enabled (not disabled) tab.\r\n  private keyUpHandler = (e: KeyboardEvent) => {\r\n    if (!(e.target instanceof HTMLElement)) {\r\n      return;\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \"ArrowRight\":\r\n      case \"ArrowDown\":\r\n        this.moveFocusToNextTab(e.target);\r\n        break;\r\n      case \"ArrowLeft\":\r\n      case \"ArrowUp\":\r\n        this.moveFocusToPreviousTab(e.target);\r\n        break;\r\n      default:\r\n        return;\r\n    }\r\n  };\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver ??= new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div class=\"tabs\" role=\"tablist\" onKeyUp={this.keyUpHandler}>\r\n          <slot />\r\n        </div>\r\n        <div role=\"tabpanel\" tabindex=\"0\">\r\n          <slot name=\"panel\" />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAU,+P,MCWHC,EAAI,MALjB,WAAAC,CAAAC,G,UAoDUC,KAAAC,aAAgBC,IACtB,KAAMA,EAAEC,kBAAkBC,aAAc,CACtC,M,CAGF,OAAQF,EAAEG,KACR,IAAK,aACL,IAAK,YACHL,KAAKM,mBAAmBJ,EAAEC,QAC1B,MACF,IAAK,YACL,IAAK,UACHH,KAAKO,uBAAuBL,EAAEC,QAC9B,MACF,QACE,O,CA0BP,CAlFC,eAAYK,GAEV,OAAOC,MAAMC,KAAKV,KAAKW,KAAKC,iBAAoC,qBAAqBC,QACnF,CAACC,EAAMC,KACL,IAAKA,EAAIC,SAAU,CACjBF,EAAKG,KAAKF,E,CAGZ,OAAOD,CAAI,GAEb,G,CAIJ,YAAYI,GACV,OAAOlB,KAAKQ,YAAY,E,CAG1B,WAAYW,GACV,OAAOnB,KAAKQ,YAAYR,KAAKQ,YAAYY,OAAS,E,CAG5C,cAAAC,CAAeN,GACrBA,IAAG,MAAHA,SAAG,SAAHA,EAAKO,W,CAGC,sBAAAf,CAAuBgB,G,MAC7B,MAAMC,EAAQxB,KAAKQ,YAAYiB,WAAWV,GAAQA,IAAQQ,IAC1D,MAAMG,GAAOC,EAAA3B,KAAKQ,YAAYgB,EAAQ,MAAE,MAAAG,SAAA,EAAAA,EAAI3B,KAAKmB,QAEjDnB,KAAKqB,eAAeK,E,CAGd,kBAAApB,CAAmBiB,G,MACzB,MAAMC,EAAQxB,KAAKQ,YAAYiB,WAAWV,GAAQA,IAAQQ,IAC1D,MAAMG,GAAOC,EAAA3B,KAAKQ,YAAYgB,EAAQ,MAAE,MAAAG,SAAA,EAAAA,EAAI3B,KAAKkB,SAEjDlB,KAAKqB,eAAeK,E,CAuBtB,iBAAAE,G,OACED,EAAA3B,KAAK6B,oBAAgB,MAAAF,SAAA,EAAAA,EAArB3B,KAAK6B,iBAAqB,IAAIC,kBAAiB,IAAMC,EAAY/B,KAAKW,QAEtEX,KAAK6B,iBAAiBG,QAAQhC,KAAKW,KAAM,CAAEsB,UAAW,M,CAGxD,oBAAAC,G,OACEP,EAAA3B,KAAK6B,oBAAkB,MAAAF,SAAA,SAAAA,EAAAQ,Y,CAGzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAjC,IAAA,4CACHgC,EAAA,OAAAhC,IAAA,2CAAKkC,MAAM,OAAOC,KAAK,UAAUC,QAASzC,KAAKC,cAC7CoC,EAAA,QAAAhC,IAAA,8CAEFgC,EAAA,OAAAhC,IAAA,2CAAKmC,KAAK,WAAWE,SAAS,KAC5BL,EAAA,QAAAhC,IAAA,2CAAMsC,KAAK,W","ignoreList":[]}

package/dist/dso-toolkit/{p-4fd85452.entry.js → p-aa5dc824.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,f as o,h as r,H as n,g as i}from"./p-D2Jo0W7B.js";import{i as d}from"./p-Hgv-pDpy.js";const t='a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a :is(dso-icon,svg.di)+span,a span+:is(dso-icon,svg.di){margin-inline-start:8px}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-image:var(--_dso-di-background-image, url("./di.svg#email-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#email-scampi"))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=selectable]){font-size:0 !important}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}';const s=class{constructor(o){e(this,o);this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=this.selectableSlottedElement!==null;return r(n,{key:"ae559eef542b45634fe3e60859befae34b6758f3","is-selectable":e},r("div",{key:"dbdcd6202dd90afe6163746980568b1da93a1f6b",class:"dso-card-container"},r("div",{key:"a2d327a172087119f00e7ad915c376510c812301",class:"dso-card-selectable",hidden:!e},r("slot",{key:"e8362179580065599e3289f415b7713ce5fa314b",name:"selectable"})),r("div",{key:"ef113d547acb93eb7ddb7d764d6068e0f6961e6c",class:"dso-card-heading"},this.mode==="extern"&&r("a",{key:"c96225236d6860f3a49bec5699ff8dc1b38b28d6",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"a47b5fb10f0439e2c13f522ff8a14d62dabe8989",name:"heading"}),r("dso-icon",{key:"51186c704c9075ebc38a4dd0e3074d0ddf9f2d56",icon:"external-link"}),r("span",{key:"1273130ce694c0a4ae4247420ba07e69d00fa643",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||this.mode==="download"&&r("a",{key:"8b210a4f08569ec47fe39922d7cd9a5e7eacfe51",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"530f82e059ab739fb981cfa5ab71924ad2c0ccc6",name:"heading"}),r("dso-icon",{key:"ce5c62061feeda349651c41cdb548b6e4acb941c",icon:"download"}))||r("a",{key:"cd96767ed626d0a2b96fa866d7676c080f8285e1",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"e044d0aff126c3c20827fa1a096b9452266e223f",name:"heading"}),r("dso-icon",{key:"4ea9e29a4b91016bed380b01f2811abc2102a4bb",icon:"chevron-right"})),this.interactionsSlottedElement!==null&&r("slot",{key:"5eb35ed45a897e399a924cd3fa1fd0f73fe08077",name:"interactions"})),r("div",{key:"b316000aed0849ed15352958be227bc65efe6f48",class:"dso-card-content"},r("slot",{key:"8c8c02740df6f4a19f4375f61a2dc8a706a74162",name:"content"}))))}get host(){return i(this)}};s.style=t;export{s as dso_card};
-//# sourceMappingURL=p-4fd85452.entry.js.map
+import{r as e,c as a,f as o,h as r,H as n,g as i}from"./p-C-b4jsbt.js";import{i as d}from"./p-Hgv-pDpy.js";const t='a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a :is(dso-icon,svg.di)+span,a span+:is(dso-icon,svg.di){margin-inline-start:8px}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-image:var(--_dso-di-background-image, url("./di.svg#email-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#email-scampi"))}*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-selectable]:not([is-selectable=false])) .dso-card-container{display:grid;grid-template-columns:1fr minmax(0, 100%)}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-heading,:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-content{grid-column:2/-1}:host([is-selectable]:not([is-selectable=false])) .dso-card-container .dso-card-selectable{grid-row:span 2}:host([active]:not([active=false])) .dso-card-container{background-color:#e5e5e5}.dso-card-container{padding-block:16px;padding-inline:16px;inline-size:100%;block-size:100%}.dso-card-container:has(.dso-card-heading a:is(:hover,:focus-visible)){background-color:#f2f2f2}.dso-card-container .dso-card-heading{align-items:center;display:flex}@media screen and (max-width: 480px){.dso-card-container .dso-card-heading{flex-wrap:wrap}}.dso-card-container .dso-card-heading+.dso-card-content{margin-block-start:8px}.heading-anchor{display:flex;gap:4px;color:#275937;text-decoration:none}.heading-anchor:hover{color:#275937;text-decoration:underline}.heading-anchor:visited{color:#275937}.heading-anchor dso-icon{flex-shrink:0}.heading-anchor .sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}::slotted([slot=selectable]){font-size:0 !important}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;font-size:1.125em !important;font-weight:700 !important;color:#275937 !important;line-height:1.25 !important}::slotted([slot=content]){--_dt-rich-content-margin-block:8px;--_dt-rich-content-margin-block-end:0;--_dt-rich-content-margin-block-start:0}::slotted([slot=interactions]){display:flex !important;justify-content:space-between !important;margin-inline-start:auto !important}@media screen and (max-width: 480px){::slotted([slot=interactions]){flex-basis:100% !important;margin-block-start:16px !important}}';const s=class{constructor(o){e(this,o);this.dsoCardClick=a(this,"dsoCardClick",7)}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}clickEventHandler(e){if(!(e.target instanceof HTMLElement)||!this.href){return}return this.dsoCardClick.emit({originalEvent:e,isModifiedEvent:d(e)})}get selectableSlottedElement(){return this.host.querySelector("[slot='selectable']")}get interactionsSlottedElement(){return this.host.querySelector("[slot='interactions']")}render(){const e=this.selectableSlottedElement!==null;return r(n,{key:"ae559eef542b45634fe3e60859befae34b6758f3","is-selectable":e},r("div",{key:"dbdcd6202dd90afe6163746980568b1da93a1f6b",class:"dso-card-container"},r("div",{key:"a2d327a172087119f00e7ad915c376510c812301",class:"dso-card-selectable",hidden:!e},r("slot",{key:"e8362179580065599e3289f415b7713ce5fa314b",name:"selectable"})),r("div",{key:"ef113d547acb93eb7ddb7d764d6068e0f6961e6c",class:"dso-card-heading"},this.mode==="extern"&&r("a",{key:"c96225236d6860f3a49bec5699ff8dc1b38b28d6",href:this.href,class:"heading-anchor",target:"_blank",rel:"noopener noreferrer",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"a47b5fb10f0439e2c13f522ff8a14d62dabe8989",name:"heading"}),r("dso-icon",{key:"51186c704c9075ebc38a4dd0e3074d0ddf9f2d56",icon:"external-link"}),r("span",{key:"1273130ce694c0a4ae4247420ba07e69d00fa643",class:"sr-only"},"(Opent andere website in nieuw tabblad)"))||this.mode==="download"&&r("a",{key:"8b210a4f08569ec47fe39922d7cd9a5e7eacfe51",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"530f82e059ab739fb981cfa5ab71924ad2c0ccc6",name:"heading"}),r("dso-icon",{key:"ce5c62061feeda349651c41cdb548b6e4acb941c",icon:"download"}))||r("a",{key:"cd96767ed626d0a2b96fa866d7676c080f8285e1",href:this.href,class:"heading-anchor",onClick:e=>this.clickEventHandler(e)},r("slot",{key:"e044d0aff126c3c20827fa1a096b9452266e223f",name:"heading"}),r("dso-icon",{key:"4ea9e29a4b91016bed380b01f2811abc2102a4bb",icon:"chevron-right"})),this.interactionsSlottedElement!==null&&r("slot",{key:"5eb35ed45a897e399a924cd3fa1fd0f73fe08077",name:"interactions"})),r("div",{key:"b316000aed0849ed15352958be227bc65efe6f48",class:"dso-card-content"},r("slot",{key:"8c8c02740df6f4a19f4375f61a2dc8a706a74162",name:"content"}))))}get host(){return i(this)}};s.style=t;export{s as dso_card};
+//# sourceMappingURL=p-aa5dc824.entry.js.map

package/dist/dso-toolkit/{p-4fd85452.entry.js.map → p-aa5dc824.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cardCss","Card","connectedCallback","this","mutationObserver","MutationObserver","forceUpdate","host","observe","attributes","childList","disconnectedCallback","_a","disconnect","clickEventHandler","e","target","HTMLElement","href","dsoCardClick","emit","originalEvent","isModifiedEvent","selectableSlottedElement","querySelector","interactionsSlottedElement","render","isSelectable","h","Host","key","class","hidden","name","mode","rel","onClick","icon"],"sources":["src/components/card/card.scss?tag=dso-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/components/card\";\r\n@use \"~dso-toolkit/src/components/link/link\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([is-selectable]:not([is-selectable=\"false\"])) {\r\n  .dso-card-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr minmax(0, 100%);\r\n\r\n    .dso-card-heading,\r\n    .dso-card-content {\r\n      grid-column: 2 /-1;\r\n    }\r\n\r\n    .dso-card-selectable {\r\n      grid-row: span 2;\r\n    }\r\n  }\r\n}\r\n\r\n:host([active]:not([active=\"false\"])) {\r\n  .dso-card-container {\r\n    background-color: card.$background-color-active;\r\n  }\r\n}\r\n\r\n.dso-card-container {\r\n  padding-block: units.$u2;\r\n  padding-inline: units.$u2;\r\n  inline-size: 100%;\r\n  block-size: 100%;\r\n\r\n  &:has(.dso-card-heading a:is(:hover, :focus-visible)) {\r\n    background-color: card.$background-color-hover;\r\n  }\r\n\r\n  .dso-card-heading {\r\n    align-items: center;\r\n    display: flex;\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    + .dso-card-content {\r\n      margin-block-start: units.$u1;\r\n    }\r\n  }\r\n}\r\n\r\n.heading-anchor {\r\n  display: flex;\r\n  gap: units.$u1 * 0.5;\r\n\r\n  color: card.$heading-anchor-color;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: card.$heading-anchor-hover-color;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  &:visited {\r\n    color: card.$heading-anchor-color;\r\n  }\r\n\r\n  dso-icon {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sr-only {\r\n    @include utilities.sr-only();\r\n  }\r\n}\r\n\r\n::slotted([slot=\"selectable\"]) {\r\n  font-size: 0 !important;\r\n}\r\n\r\n::slotted([slot=\"heading\"]) {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n\r\n  margin-block-end: 0 !important;\r\n  margin-block-start: 0 !important;\r\n\r\n  font-size: 1.125em !important;\r\n  font-weight: 700 !important;\r\n  color: colors.$bosgroen !important;\r\n  line-height: 1.25 !important;\r\n}\r\n\r\n::slotted([slot=\"content\"]) {\r\n  --_dt-rich-content-margin-block: #{units.$u1};\r\n  --_dt-rich-content-margin-block-end: 0;\r\n  --_dt-rich-content-margin-block-start: 0;\r\n}\r\n\r\n::slotted([slot=\"interactions\"]) {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  margin-inline-start: auto !important;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    flex-basis: 100% !important;\r\n    margin-block-start: units.$u2 !important;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, forceUpdate } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { CardClickEvent } from \"./card.interfaces\";\r\n\r\n/**\r\n * @slot selectable - An optional slot to place a `Selectable` in.\r\n * @slot heading - A  slot to place the title of the card in.\r\n * @slot interactions - An optional slot for one or more `Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.\r\n * @slot content - An optional slot to place `Rich Content` in.\r\n */\r\n@Component({\r\n  tag: \"dso-card\",\r\n  styleUrl: \"card.scss\",\r\n  shadow: true,\r\n})\r\nexport class Card implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoCardElement;\r\n\r\n  /**\r\n   * The URL to which the Card heading links.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href!: string | undefined;\r\n\r\n  /**\r\n   * Display the link as an external link or a download link\r\n   *  - \"download\"\r\n   *  - \"extern\"\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode?: string;\r\n\r\n  /**\r\n   * Makes the Card active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the Card heading is clicked.\r\n   */\r\n  @Event()\r\n  dsoCardClick!: EventEmitter<CardClickEvent>;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private clickEventHandler(e: MouseEvent) {\r\n    if (!(e.target instanceof HTMLElement) || !this.href) {\r\n      return;\r\n    }\r\n\r\n    return this.dsoCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n  }\r\n\r\n  get selectableSlottedElement() {\r\n    return this.host.querySelector(\"[slot='selectable']\");\r\n  }\r\n\r\n  get interactionsSlottedElement() {\r\n    return this.host.querySelector(\"[slot='interactions']\");\r\n  }\r\n\r\n  render() {\r\n    const isSelectable = this.selectableSlottedElement !== null;\r\n\r\n    return (\r\n      <Host is-selectable={isSelectable}>\r\n        <div class=\"dso-card-container\">\r\n          <div class=\"dso-card-selectable\" hidden={!isSelectable}>\r\n            <slot name=\"selectable\" />\r\n          </div>\r\n          <div class=\"dso-card-heading\">\r\n            {(this.mode === \"extern\" && (\r\n              <a\r\n                href={this.href}\r\n                class=\"heading-anchor\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                onClick={(e) => this.clickEventHandler(e)}\r\n              >\r\n                <slot name=\"heading\" />\r\n                <dso-icon icon=\"external-link\"></dso-icon>\r\n                <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n              </a>\r\n            )) ||\r\n              (this.mode === \"download\" && (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"download\"></dso-icon>\r\n                </a>\r\n              )) || (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"chevron-right\"></dso-icon>\r\n                </a>\r\n              )}\r\n            {this.interactionsSlottedElement !== null && <slot name=\"interactions\" />}\r\n          </div>\r\n          <div class=\"dso-card-content\">\r\n            <slot name=\"content\" />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAAA,MAAMA,EAAU,6wJ,MCiBHC,EAAI,M,oEAgCf,iBAAAC,GACEC,KAAKC,iBAAmB,IAAIC,kBAAiB,IAAMC,EAAYH,KAAKI,QAEpEJ,KAAKC,iBAAiBI,QAAQL,KAAKI,KAAM,CAAEE,WAAY,KAAMC,UAAW,M,CAG1E,oBAAAC,G,OACEC,EAAAT,KAAKC,oBAAkB,MAAAQ,SAAA,SAAAA,EAAAC,oBAEhBV,KAAKC,gB,CAGN,iBAAAU,CAAkBC,GACxB,KAAMA,EAAEC,kBAAkBC,eAAiBd,KAAKe,KAAM,CACpD,M,CAGF,OAAOf,KAAKgB,aAAaC,KAAK,CAAEC,cAAeN,EAAGO,gBAAiBA,EAAgBP,I,CAGrF,4BAAIQ,GACF,OAAOpB,KAAKI,KAAKiB,cAAc,sB,CAGjC,8BAAIC,GACF,OAAOtB,KAAKI,KAAKiB,cAAc,wB,CAGjC,MAAAE,GACE,MAAMC,EAAexB,KAAKoB,2BAA6B,KAEvD,OACEK,EAACC,EAAI,CAAAC,IAAA,2DAAgBH,GACnBC,EAAK,OAAAE,IAAA,2CAAAC,MAAM,sBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBAAsBC,QAASL,GACxCC,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gBAEbL,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACP5B,KAAK+B,OAAS,UACdN,EAAA,KAAAE,IAAA,2CACEZ,KAAMf,KAAKe,KACXa,MAAM,iBACNf,OAAO,SACPmB,IAAI,sBACJC,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAEvCa,EAAM,QAAAE,IAAA,2CAAAG,KAAK,YACXL,EAAU,YAAAE,IAAA,2CAAAO,KAAK,kBACfT,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAwD,6CAGrE5B,KAAK+B,OAAS,YACbN,EAAA,KAAAE,IAAA,2CAAGZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAM,QAAAE,IAAA,2CAAAG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,eAGjBT,EAAG,KAAAE,IAAA,2CAAAZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAM,QAAAE,IAAA,2CAAAG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,mBAGpBlC,KAAKsB,6BAA+B,MAAQG,EAAA,QAAAE,IAAA,2CAAMG,KAAK,kBAE1DL,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACTH,EAAM,QAAAE,IAAA,2CAAAG,KAAK,c","ignoreList":[]}
+{"version":3,"names":["cardCss","Card","connectedCallback","this","mutationObserver","MutationObserver","forceUpdate","host","observe","attributes","childList","disconnectedCallback","_a","disconnect","clickEventHandler","e","target","HTMLElement","href","dsoCardClick","emit","originalEvent","isModifiedEvent","selectableSlottedElement","querySelector","interactionsSlottedElement","render","isSelectable","h","Host","key","class","hidden","name","mode","rel","onClick","icon"],"sources":["src/components/card/card.scss?tag=dso-card&encapsulation=shadow","src/components/card/card.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/components/card\";\r\n@use \"~dso-toolkit/src/components/link/link\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([is-selectable]:not([is-selectable=\"false\"])) {\r\n  .dso-card-container {\r\n    display: grid;\r\n    grid-template-columns: 1fr minmax(0, 100%);\r\n\r\n    .dso-card-heading,\r\n    .dso-card-content {\r\n      grid-column: 2 /-1;\r\n    }\r\n\r\n    .dso-card-selectable {\r\n      grid-row: span 2;\r\n    }\r\n  }\r\n}\r\n\r\n:host([active]:not([active=\"false\"])) {\r\n  .dso-card-container {\r\n    background-color: card.$background-color-active;\r\n  }\r\n}\r\n\r\n.dso-card-container {\r\n  padding-block: units.$u2;\r\n  padding-inline: units.$u2;\r\n  inline-size: 100%;\r\n  block-size: 100%;\r\n\r\n  &:has(.dso-card-heading a:is(:hover, :focus-visible)) {\r\n    background-color: card.$background-color-hover;\r\n  }\r\n\r\n  .dso-card-heading {\r\n    align-items: center;\r\n    display: flex;\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    + .dso-card-content {\r\n      margin-block-start: units.$u1;\r\n    }\r\n  }\r\n}\r\n\r\n.heading-anchor {\r\n  display: flex;\r\n  gap: units.$u1 * 0.5;\r\n\r\n  color: card.$heading-anchor-color;\r\n  text-decoration: none;\r\n\r\n  &:hover {\r\n    color: card.$heading-anchor-hover-color;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  &:visited {\r\n    color: card.$heading-anchor-color;\r\n  }\r\n\r\n  dso-icon {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sr-only {\r\n    @include utilities.sr-only();\r\n  }\r\n}\r\n\r\n::slotted([slot=\"selectable\"]) {\r\n  font-size: 0 !important;\r\n}\r\n\r\n::slotted([slot=\"heading\"]) {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n\r\n  margin-block-end: 0 !important;\r\n  margin-block-start: 0 !important;\r\n\r\n  font-size: 1.125em !important;\r\n  font-weight: 700 !important;\r\n  color: colors.$bosgroen !important;\r\n  line-height: 1.25 !important;\r\n}\r\n\r\n::slotted([slot=\"content\"]) {\r\n  --_dt-rich-content-margin-block: #{units.$u1};\r\n  --_dt-rich-content-margin-block-end: 0;\r\n  --_dt-rich-content-margin-block-start: 0;\r\n}\r\n\r\n::slotted([slot=\"interactions\"]) {\r\n  display: flex !important;\r\n  justify-content: space-between !important;\r\n  margin-inline-start: auto !important;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    flex-basis: 100% !important;\r\n    margin-block-start: units.$u2 !important;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, forceUpdate, h } from \"@stencil/core\";\r\n\r\nimport { isModifiedEvent } from \"../../utils/is-modified-event\";\r\n\r\nimport { CardClickEvent } from \"./card.interfaces\";\r\n\r\n/**\r\n * @slot selectable - An optional slot to place a `Selectable` in.\r\n * @slot heading - A  slot to place the title of the card in.\r\n * @slot interactions - An optional slot for one or more `Button`s, `Label`s, `Toggletip`s or `SlideToggle`s.\r\n * @slot content - An optional slot to place `Rich Content` in.\r\n */\r\n@Component({\r\n  tag: \"dso-card\",\r\n  styleUrl: \"card.scss\",\r\n  shadow: true,\r\n})\r\nexport class Card implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoCardElement;\r\n\r\n  /**\r\n   * The URL to which the Card heading links.\r\n   */\r\n  @Prop({ reflect: true })\r\n  href!: string | undefined;\r\n\r\n  /**\r\n   * Display the link as an external link or a download link\r\n   *  - \"download\"\r\n   *  - \"extern\"\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode?: string;\r\n\r\n  /**\r\n   * Makes the Card active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the Card heading is clicked.\r\n   */\r\n  @Event()\r\n  dsoCardClick!: EventEmitter<CardClickEvent>;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  connectedCallback(): void {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, { attributes: true, childList: true });\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private clickEventHandler(e: MouseEvent) {\r\n    if (!(e.target instanceof HTMLElement) || !this.href) {\r\n      return;\r\n    }\r\n\r\n    return this.dsoCardClick.emit({ originalEvent: e, isModifiedEvent: isModifiedEvent(e) });\r\n  }\r\n\r\n  get selectableSlottedElement() {\r\n    return this.host.querySelector(\"[slot='selectable']\");\r\n  }\r\n\r\n  get interactionsSlottedElement() {\r\n    return this.host.querySelector(\"[slot='interactions']\");\r\n  }\r\n\r\n  render() {\r\n    const isSelectable = this.selectableSlottedElement !== null;\r\n\r\n    return (\r\n      <Host is-selectable={isSelectable}>\r\n        <div class=\"dso-card-container\">\r\n          <div class=\"dso-card-selectable\" hidden={!isSelectable}>\r\n            <slot name=\"selectable\" />\r\n          </div>\r\n          <div class=\"dso-card-heading\">\r\n            {(this.mode === \"extern\" && (\r\n              <a\r\n                href={this.href}\r\n                class=\"heading-anchor\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                onClick={(e) => this.clickEventHandler(e)}\r\n              >\r\n                <slot name=\"heading\" />\r\n                <dso-icon icon=\"external-link\"></dso-icon>\r\n                <span class=\"sr-only\">(Opent andere website in nieuw tabblad)</span>\r\n              </a>\r\n            )) ||\r\n              (this.mode === \"download\" && (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"download\"></dso-icon>\r\n                </a>\r\n              )) || (\r\n                <a href={this.href} class=\"heading-anchor\" onClick={(e) => this.clickEventHandler(e)}>\r\n                  <slot name=\"heading\" />\r\n                  <dso-icon icon=\"chevron-right\"></dso-icon>\r\n                </a>\r\n              )}\r\n            {this.interactionsSlottedElement !== null && <slot name=\"interactions\" />}\r\n          </div>\r\n          <div class=\"dso-card-content\">\r\n            <slot name=\"content\" />\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAAA,MAAMA,EAAU,6wJ,MCiBHC,EAAI,M,oEAgCf,iBAAAC,GACEC,KAAKC,iBAAmB,IAAIC,kBAAiB,IAAMC,EAAYH,KAAKI,QAEpEJ,KAAKC,iBAAiBI,QAAQL,KAAKI,KAAM,CAAEE,WAAY,KAAMC,UAAW,M,CAG1E,oBAAAC,G,OACEC,EAAAT,KAAKC,oBAAkB,MAAAQ,SAAA,SAAAA,EAAAC,oBAEhBV,KAAKC,gB,CAGN,iBAAAU,CAAkBC,GACxB,KAAMA,EAAEC,kBAAkBC,eAAiBd,KAAKe,KAAM,CACpD,M,CAGF,OAAOf,KAAKgB,aAAaC,KAAK,CAAEC,cAAeN,EAAGO,gBAAiBA,EAAgBP,I,CAGrF,4BAAIQ,GACF,OAAOpB,KAAKI,KAAKiB,cAAc,sB,CAGjC,8BAAIC,GACF,OAAOtB,KAAKI,KAAKiB,cAAc,wB,CAGjC,MAAAE,GACE,MAAMC,EAAexB,KAAKoB,2BAA6B,KAEvD,OACEK,EAACC,EAAI,CAAAC,IAAA,2DAAgBH,GACnBC,EAAK,OAAAE,IAAA,2CAAAC,MAAM,sBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBAAsBC,QAASL,GACxCC,EAAA,QAAAE,IAAA,2CAAMG,KAAK,gBAEbL,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACP5B,KAAK+B,OAAS,UACdN,EAAA,KAAAE,IAAA,2CACEZ,KAAMf,KAAKe,KACXa,MAAM,iBACNf,OAAO,SACPmB,IAAI,sBACJC,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAEvCa,EAAM,QAAAE,IAAA,2CAAAG,KAAK,YACXL,EAAU,YAAAE,IAAA,2CAAAO,KAAK,kBACfT,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAwD,6CAGrE5B,KAAK+B,OAAS,YACbN,EAAA,KAAAE,IAAA,2CAAGZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAM,QAAAE,IAAA,2CAAAG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,eAGjBT,EAAG,KAAAE,IAAA,2CAAAZ,KAAMf,KAAKe,KAAMa,MAAM,iBAAiBK,QAAUrB,GAAMZ,KAAKW,kBAAkBC,IAChFa,EAAM,QAAAE,IAAA,2CAAAG,KAAK,YACXL,EAAA,YAAAE,IAAA,2CAAUO,KAAK,mBAGpBlC,KAAKsB,6BAA+B,MAAQG,EAAA,QAAAE,IAAA,2CAAMG,KAAK,kBAE1DL,EAAK,OAAAE,IAAA,2CAAAC,MAAM,oBACTH,EAAM,QAAAE,IAAA,2CAAAG,KAAK,c","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as d,h as a,F as s}from"./p-C-b4jsbt.js";const t=":host .dso-card-list{padding-inline-start:0;list-style:none;border-block-end:1px solid #ccc;margin-block-start:-1px}:host .dso-card-grid{display:grid;gap:32px;grid-auto-rows:1fr}@media (max-width: 991px){:host .dso-card-grid{grid-template-columns:repeat(1, 1fr)}}@media (min-width: 992px) and (max-width: 1199px){:host .dso-card-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){:host .dso-card-grid{grid-template-columns:repeat(3, 1fr)}}";const r=class{constructor(a){d(this,a);this.mode="list"}render(){return a(s,null,this.mode==="list"&&a("ul",{key:"587a029adba2baa1af6a6edb83d5d788aa37c203",class:"dso-card-list"},a("slot",{key:"c6041cd186eddc4b89e073920ff8e891dd4e25cf"})),this.mode==="grid"&&a("div",{key:"14cb5bd647f49a80ce52e9bd5a3cc59b7a9d5144",class:"dso-card-grid"},a("slot",{key:"9e0b205698806f14085e82a85631afd49665f1e3"})))}};r.style=t;export{r as dso_card_container};
+//# sourceMappingURL=p-ad8a1705.entry.js.map

package/dist/dso-toolkit/{p-eea3b9c8.entry.js.map → p-ad8a1705.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["cardContainerCss","CardContainer","constructor","hostRef","this","mode","render","h","Fragment","key","class"],"sources":["src/components/card-container/card-container.scss?tag=dso-card-container&encapsulation=shadow","src/components/card-container/card-container.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/components/card-container\";\r\n@use \"~dso-toolkit/src/components/list\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@use \"~dso-toolkit/src/components/grid/grid.variables\" as grid-variables;\r\n\r\n:host {\r\n  .dso-card-list {\r\n    @include list.unstyled();\r\n\r\n    border-block-end: card-container.$border-width solid card-container.$border-color;\r\n    margin-block-start: card-container.$border-width * -1;\r\n  }\r\n\r\n  .dso-card-grid {\r\n    display: grid;\r\n    gap: grid-variables.$grid-gutter-width;\r\n    grid-auto-rows: 1fr;\r\n\r\n    @media (max-width: media-query-breakpoints.$screen-sm-max) {\r\n      grid-template-columns: repeat(1, 1fr);\r\n    }\r\n\r\n    @media (min-width: media-query-breakpoints.$screen-md-min) and (max-width: media-query-breakpoints.$screen-md-max) {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    @media (min-width: media-query-breakpoints.$screen-lg-min) {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Fragment, Prop } from \"@stencil/core\";\r\nimport { CardContainerMode } from \"./card-container.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-card-container\",\r\n  styleUrl: \"card-container.scss\",\r\n  shadow: true,\r\n})\r\nexport class CardContainer implements ComponentInterface {\r\n  /**\r\n   * The mode of the Card Container.\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode: CardContainerMode = \"list\";\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.mode === \"list\" && (\r\n          <ul class=\"dso-card-list\">\r\n            <slot />\r\n          </ul>\r\n        )}\r\n        {this.mode === \"grid\" && (\r\n          <div class=\"dso-card-grid\">\r\n            <slot />\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAmB,6c,MCQZC,EAAa,MAL1B,WAAAC,CAAAC,G,UAUEC,KAAIC,KAAsB,MAkB3B,CAhBC,MAAAC,GACE,OACEC,EAAAC,EAAA,KACGJ,KAAKC,OAAS,QACbE,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iBACRH,EAAA,QAAAE,IAAA,8CAGHL,KAAKC,OAAS,QACbE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["cardContainerCss","CardContainer","constructor","hostRef","this","mode","render","h","Fragment","key","class"],"sources":["src/components/card-container/card-container.scss?tag=dso-card-container&encapsulation=shadow","src/components/card-container/card-container.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/components/card-container\";\r\n@use \"~dso-toolkit/src/components/list\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n\r\n@use \"~dso-toolkit/src/components/grid/grid.variables\" as grid-variables;\r\n\r\n:host {\r\n  .dso-card-list {\r\n    @include list.unstyled();\r\n\r\n    border-block-end: card-container.$border-width solid card-container.$border-color;\r\n    margin-block-start: card-container.$border-width * -1;\r\n  }\r\n\r\n  .dso-card-grid {\r\n    display: grid;\r\n    gap: grid-variables.$grid-gutter-width;\r\n    grid-auto-rows: 1fr;\r\n\r\n    @media (max-width: media-query-breakpoints.$screen-sm-max) {\r\n      grid-template-columns: repeat(1, 1fr);\r\n    }\r\n\r\n    @media (min-width: media-query-breakpoints.$screen-md-min) and (max-width: media-query-breakpoints.$screen-md-max) {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    @media (min-width: media-query-breakpoints.$screen-lg-min) {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Fragment, Prop, h } from \"@stencil/core\";\r\n\r\nimport { CardContainerMode } from \"./card-container.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-card-container\",\r\n  styleUrl: \"card-container.scss\",\r\n  shadow: true,\r\n})\r\nexport class CardContainer implements ComponentInterface {\r\n  /**\r\n   * The mode of the Card Container.\r\n   */\r\n  @Prop({ reflect: true })\r\n  mode: CardContainerMode = \"list\";\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.mode === \"list\" && (\r\n          <ul class=\"dso-card-list\">\r\n            <slot />\r\n          </ul>\r\n        )}\r\n        {this.mode === \"grid\" && (\r\n          <div class=\"dso-card-grid\">\r\n            <slot />\r\n          </div>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAmB,6c,MCSZC,EAAa,MAL1B,WAAAC,CAAAC,G,UAUEC,KAAIC,KAAsB,MAkB3B,CAhBC,MAAAC,GACE,OACEC,EAAAC,EAAA,KACGJ,KAAKC,OAAS,QACbE,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iBACRH,EAAA,QAAAE,IAAA,8CAGHL,KAAKC,OAAS,QACbE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/dso-toolkit/{p-be3f30c8.entry.js → p-b615471f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as i}from"./p-D2Jo0W7B.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=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.label="Zoeken in document";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)}}}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:"dd7b7eaaabb3c90cb8e22ae789add1e489729997",class:"dso-mark-bar"},i("div",{key:"4c512dad639d767e3956b9e225fee0b8301dfd63",class:"dso-mark-bar-input"},i("input",{key:"cd65945d8d1d76f07b987860fb84162af7e520e4",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),i("label",{key:"c71d9938fe4b5b7be255ff29dfd933f5ffbda692",htmlFor:"search-input"},i("dso-icon",{key:"38b0f84fd24ece2c0f8279f61984f1fa458d6c0f",class:"dso-search-icon",icon:"search"}),i("span",{key:"1404fe4cfed0b57d3a19c8cf43c56a7622bb37d5",class:"label-text"},this.label)),i("button",{key:"eb4197ba90988a53e1aabf0b9f84eb2039f110fb",type:"button",onClick:this.handleClear},i("dso-icon",{key:"d4632a107abcaf10cdad91f51f9a53b495de1a88",icon:"times"}),i("span",{key:"761fbb5e96a50990e6ec0453f216578d78bbc7dd",class:"sr-only"},"Zoekopdracht legen"))),i("div",{key:"7364c1860a5e684f32ea6800b2bc4c19e9b4f272",class:"dso-button-container"},i("span",{key:"8c57772036cdc0a51644f157311a85102bf9d92d",class:"divider"}),i("button",{key:"7c0fda2062a24c52787ce272298ed68922ecb87e",type:"button",onClick:this.handlePrevious,disabled:e<=1},i("dso-icon",{key:"5c0c6165c64a7011cb8d46f6458440dae6a60e26",icon:"chevron-up",class:"hydrated"}),i("span",{key:"7750fabddc5075e89f5795d4ed6e2e40573ad31d",class:"sr-only"},"Vorig zoekresultaat")),i("span",{key:"a6ac6df0c61467d452dc9547e311db586e391096"},e,"/",o),i("button",{key:"dae1e4a795809ac9af20261cd93277640ccbbb9b",type:"button",onClick:this.handleNext,disabled:e>=o},i("dso-icon",{key:"f86affb1ad65b8b5e2d570cabd1855b61488687f",icon:"chevron-down",class:"hydrated"}),i("span",{key:"5f016699b38483d38303c6f7cfac48778394d6ae",class:"sr-only"},"Volgend zoekresultaat"))))}};a.style=n;export{a as dso_mark_bar};
-//# sourceMappingURL=p-be3f30c8.entry.js.map
+import{r as e,c as o,h as a}from"./p-C-b4jsbt.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=class{constructor(a){e(this,a);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.label="Zoeken in document";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)}}}async dsoFocus(e={}){var o,a;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(a=this.inputElement)===null||a===void 0?void 0:a.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return a("div",{key:"25a89cdf7fb470b80e2bdf61730807b1c28c26fd",class:"dso-mark-bar"},a("div",{key:"7b6d2c2ab2cce55574f51db8b3ee31272a3071e8",class:"dso-mark-bar-input"},a("input",{key:"998cde8986f61fb6d48cd4231832bb0c69a441b7",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),a("label",{key:"a91ab401c3da6ab457816fcac11ba9338d2b64fb",htmlFor:"search-input"},a("dso-icon",{key:"15c3d5cfa73ff59fc49776631c180a7c23345edb",class:"dso-search-icon",icon:"search"}),a("span",{key:"7729aaa5068f945ca379d2ac313b5e829c30487b",class:"label-text"},this.label)),a("button",{key:"793756efcd30c7f03dd133d1cf1684d32869a466",type:"button",onClick:this.handleClear},a("dso-icon",{key:"6f290a131ad4533067328f27b601c96aa49a51da",icon:"times"}),a("span",{key:"0e5ea865d7a73de4e66e17d8e5c27e2420b1e3a0",class:"sr-only"},"Zoekopdracht legen"))),a("div",{key:"6d85a4582762c3531381d8094b1d5810fc67f675",class:"dso-button-container"},a("span",{key:"8dc823dbdf0c08fab51f6a006558052f0224c762",class:"divider"}),a("button",{key:"a7cd048aa51c9271a8c92ca9d4d04bc9e425f6c1",type:"button",onClick:this.handlePrevious,disabled:e<=1},a("dso-icon",{key:"b3828d809c6d80717908bd4c05af9b3fa9347106",icon:"chevron-up",class:"hydrated"}),a("span",{key:"5da016d27a3eb6a4fe4049073eef0e0075e7bacd",class:"sr-only"},"Vorig zoekresultaat")),a("span",{key:"7fa91bb5098828fb3da03132a1fd52767258e67b"},e,"/",o),a("button",{key:"a18edd6e413546309000b1b5bf95830815e977f5",type:"button",onClick:this.handleNext,disabled:e>=o},a("dso-icon",{key:"ba659db705dcaaa909813bc2facd3f93115505d0",icon:"chevron-down",class:"hydrated"}),a("span",{key:"c2c116fba5166e07bdfc36c284334493d098fd89",class:"sr-only"},"Volgend zoekresultaat"))))}};n.style=i;export{n as dso_mark_bar};
+//# sourceMappingURL=p-b615471f.entry.js.map

package/dist/dso-toolkit/p-b615471f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["markBarCss","MarkBar","constructor","hostRef","this","label","handleInput","e","target","HTMLInputElement","dsoInput","emit","originalEvent","value","handleNext","dsoNext","handlePrevious","dsoPrevious","handleClear","dsoClear","handleKeyDown","key","dsoFocus","options","_a","inputElement","focus","select","_b","render","current","totalCount","h","class","type","id","onInput","onKeyDown","placeholder","ref","element","htmlFor","icon","onClick","disabled"],"sources":["src/components/mark-bar/mark-bar.scss?tag=dso-mark-bar&encapsulation=shadow","src/components/mark-bar/mark-bar.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  display: block;\r\n  background-color: colors.$wit;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n$block-size: units.$ru5;\r\n$focus-border-width: 1px;\r\n\r\n.dso-mark-bar {\r\n  display: flex;\r\n  flex-grow: 1;\r\n\r\n  .dso-mark-bar-input {\r\n    display: flex;\r\n    position: relative;\r\n    inline-size: 100%;\r\n\r\n    input {\r\n      background-color: transparent;\r\n      background-image: none;\r\n      border: 1px solid form-control.$focus-border-color;\r\n      border-radius: 4px;\r\n      border-width: 1px;\r\n      box-shadow: none;\r\n      display: block;\r\n      font-size: typography.$root-font-size-base;\r\n      block-size: $block-size;\r\n      line-height: $block-size;\r\n      padding-inline: $block-size;\r\n      padding-block: 6px;\r\n      transition:\r\n        border-color ease-in-out 0.15s,\r\n        box-shadow ease-in-out 0.15s;\r\n      inline-size: 100%;\r\n      border-start-end-radius: 0;\r\n      border-end-end-radius: 0;\r\n      border-inline-end: 0;\r\n\r\n      &:focus {\r\n        border-color: form-control.$focus-border-color;\r\n        box-shadow: inset 0 0 0 form-control.$focus-border-width form-control.$focus-border-color;\r\n        outline: 0;\r\n      }\r\n\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n\r\n      &:not(:placeholder-shown) + label {\r\n        inline-size: $block-size;\r\n        padding-inline-end: units.$u1;\r\n\r\n        .label-text {\r\n          @include utilities.sr-only();\r\n        }\r\n      }\r\n    }\r\n\r\n    label {\r\n      inset-block-end: units.$u1;\r\n      block-size: $block-size;\r\n      inset-inline-start: 0;\r\n      inset-inline-end: units.$u5;\r\n      padding-block: units.$u1;\r\n      padding-inline-start: units.$u1;\r\n      cursor: text;\r\n      position: absolute;\r\n      inset-block-start: 0;\r\n      overflow: hidden;\r\n      /* stylelint-disable declaration-property-value-disallowed-list -- The following properties are needed to emulate the browser native placeholder attribute behavior */\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n      /* stylelint-enable-next-line declaration-property-value-disallowed-list */\r\n\r\n      dso-icon {\r\n        color: colors.$grasgroen;\r\n        cursor: default;\r\n        margin: -8px;\r\n        padding: 8px;\r\n        inline-size: $block-size;\r\n        block-size: $block-size;\r\n      }\r\n\r\n      .label-text {\r\n        margin-inline-start: units.$u1;\r\n        color: colors.$grijs-60;\r\n      }\r\n    }\r\n\r\n    button {\r\n      background-color: transparent;\r\n      border: 0;\r\n      box-shadow: none;\r\n      color: colors.$grasgroen;\r\n      font-size: 0;\r\n      block-size: $block-size;\r\n      padding: units.$u1;\r\n      position: absolute;\r\n      inset-inline-end: 0;\r\n      text-align: center;\r\n      inset-block-start: 0;\r\n      inline-size: $block-size;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-button-container {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  gap: units.$u1;\r\n  flex-shrink: 0;\r\n\r\n  padding-inline: units.$u1;\r\n\r\n  border: 1px solid colors.$bosgroen;\r\n  border-inline-start: 0;\r\n  border-start-end-radius: scaffolding.$border-radius-base;\r\n  border-end-end-radius: scaffolding.$border-radius-base;\r\n\r\n  button {\r\n    appearance: none;\r\n    padding: 0;\r\n    border: 0;\r\n    background-color: transparent;\r\n    color: colors.$grasgroen;\r\n    cursor: pointer;\r\n\r\n    &:disabled {\r\n      color: colors.$grijs-20;\r\n      cursor: default;\r\n    }\r\n  }\r\n\r\n  .divider {\r\n    position: absolute;\r\n    inset-inline-start: 0;\r\n    inset-block-start: units.$u1;\r\n    inset-block-end: units.$u1;\r\n\r\n    inline-size: 1px;\r\n\r\n    background-color: colors.$grijs-20;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Method, Prop, h } from \"@stencil/core\";\r\n\r\nimport {\r\n  MarkBarClearEvent,\r\n  MarkBarFocusOptions,\r\n  MarkBarInputEvent,\r\n  MarkBarPaginationEvent,\r\n} from \"./mark-bar.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-mark-bar\",\r\n  styleUrl: \"./mark-bar.scss\",\r\n  shadow: true,\r\n})\r\nexport class MarkBar implements ComponentInterface {\r\n  /**\r\n   * The current search value.\r\n   */\r\n  @Prop()\r\n  value?: string;\r\n\r\n  /**\r\n   * The label for the input field.\r\n   */\r\n  @Prop()\r\n  label = \"Zoeken in document\";\r\n\r\n  /**\r\n   * The current (one-based) highlighted search item.\r\n   */\r\n  @Prop()\r\n  current?: number;\r\n\r\n  /**\r\n   * Total number of search results.\r\n   */\r\n  @Prop()\r\n  totalCount?: number;\r\n\r\n  /**\r\n   * Focuses the input field.\r\n   */\r\n  @Method()\r\n  async dsoFocus(options: MarkBarFocusOptions = {}) {\r\n    this.inputElement?.focus();\r\n\r\n    if (options.select) {\r\n      this.inputElement?.select();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Emitted each time the user types in the search field.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoInput!: EventEmitter<MarkBarInputEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"next search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoNext!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"previous search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoPrevious!: EventEmitter<MarkBarPaginationEvent>;\r\n\r\n  /**\r\n   * Emitted when user activates \"clear search result\" button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClear!: EventEmitter<MarkBarClearEvent>;\r\n\r\n  private inputElement?: HTMLInputElement;\r\n\r\n  private handleInput = (e: Event) => {\r\n    if (!(e.target instanceof HTMLInputElement)) {\r\n      return;\r\n    }\r\n\r\n    this.dsoInput.emit({\r\n      originalEvent: e,\r\n      value: e.target.value,\r\n    });\r\n  };\r\n\r\n  private handleNext = (e: MouseEvent | KeyboardEvent) => {\r\n    this.dsoNext.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handlePrevious = (e: MouseEvent) => {\r\n    this.dsoPrevious.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleClear = (e: MouseEvent) => {\r\n    this.dsoClear.emit({ originalEvent: e });\r\n  };\r\n\r\n  private handleKeyDown = (e: KeyboardEvent) => {\r\n    if (e.key === \"Enter\") {\r\n      this.handleNext(e);\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const current = this.current || 0;\r\n    const totalCount = this.totalCount || 0;\r\n\r\n    return (\r\n      <div class=\"dso-mark-bar\">\r\n        <div class=\"dso-mark-bar-input\">\r\n          <input\r\n            type=\"text\"\r\n            id=\"search-input\"\r\n            value={this.value}\r\n            onInput={this.handleInput}\r\n            onKeyDown={this.handleKeyDown}\r\n            placeholder=\" \"\r\n            ref={(element) => (this.inputElement = element)}\r\n          />\r\n          <label htmlFor=\"search-input\">\r\n            <dso-icon class=\"dso-search-icon\" icon=\"search\"></dso-icon>\r\n            <span class=\"label-text\">{this.label}</span>\r\n          </label>\r\n          <button type=\"button\" onClick={this.handleClear}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Zoekopdracht legen</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"dso-button-container\">\r\n          <span class=\"divider\" />\r\n          <button type=\"button\" onClick={this.handlePrevious} disabled={current <= 1}>\r\n            <dso-icon icon=\"chevron-up\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Vorig zoekresultaat</span>\r\n          </button>\r\n          <span>\r\n            {current}/{totalCount}\r\n          </span>\r\n          <button type=\"button\" onClick={this.handleNext} disabled={current >= totalCount}>\r\n            <dso-icon icon=\"chevron-down\" class=\"hydrated\"></dso-icon>\r\n            <span class=\"sr-only\">Volgend zoekresultaat</span>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAa,qgF,MCcNC,EAAO,MALpB,WAAAC,CAAAC,G,0JAgBEC,KAAKC,MAAG,qBAoDAD,KAAAE,YAAeC,IACrB,KAAMA,EAAEC,kBAAkBC,kBAAmB,CAC3C,M,CAGFL,KAAKM,SAASC,KAAK,CACjBC,cAAeL,EACfM,MAAON,EAAEC,OAAOK,OAChB,EAGIT,KAAAU,WAAcP,IACpBH,KAAKW,QAAQJ,KAAK,CAAEC,cAAeL,GAAI,EAGjCH,KAAAY,eAAkBT,IACxBH,KAAKa,YAAYN,KAAK,CAAEC,cAAeL,GAAI,EAGrCH,KAAAc,YAAeX,IACrBH,KAAKe,SAASR,KAAK,CAAEC,cAAeL,GAAI,EAGlCH,KAAAgB,cAAiBb,IACvB,GAAIA,EAAEc,MAAQ,QAAS,CACrBjB,KAAKU,WAAWP,E,EA8CrB,CAzGC,cAAMe,CAASC,EAA+B,I,SAC5CC,EAAApB,KAAKqB,gBAAc,MAAAD,SAAA,SAAAA,EAAAE,QAEnB,GAAIH,EAAQI,OAAQ,EAClBC,EAAAxB,KAAKqB,gBAAc,MAAAG,SAAA,SAAAA,EAAAD,Q,EA2DvB,MAAAE,GACE,MAAMC,EAAU1B,KAAK0B,SAAW,EAChC,MAAMC,EAAa3B,KAAK2B,YAAc,EAEtC,OACEC,EAAA,OAAAX,IAAA,2CAAKY,MAAM,gBACTD,EAAK,OAAAX,IAAA,2CAAAY,MAAM,sBACTD,EACE,SAAAX,IAAA,2CAAAa,KAAK,OACLC,GAAG,eACHtB,MAAOT,KAAKS,MACZuB,QAAShC,KAAKE,YACd+B,UAAWjC,KAAKgB,cAChBkB,YAAY,IACZC,IAAMC,GAAapC,KAAKqB,aAAee,IAEzCR,EAAO,SAAAX,IAAA,2CAAAoB,QAAQ,gBACbT,EAAA,YAAAX,IAAA,2CAAUY,MAAM,kBAAkBS,KAAK,WACvCV,EAAM,QAAAX,IAAA,2CAAAY,MAAM,cAAc7B,KAAKC,QAEjC2B,EAAQ,UAAAX,IAAA,2CAAAa,KAAK,SAASS,QAASvC,KAAKc,aAClCc,EAAU,YAAAX,IAAA,2CAAAqB,KAAK,UACfV,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAGzBD,EAAK,OAAAX,IAAA,2CAAAY,MAAM,wBACTD,EAAM,QAAAX,IAAA,2CAAAY,MAAM,YACZD,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASS,QAASvC,KAAKY,eAAgB4B,SAAUd,GAAW,GACvEE,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,aAAaT,MAAM,aAClCD,EAAA,QAAAX,IAAA,2CAAMY,MAAM,WAAS,wBAEvBD,EAAA,QAAAX,IAAA,4CACGS,EAAO,IAAGC,GAEbC,EAAA,UAAAX,IAAA,2CAAQa,KAAK,SAASS,QAASvC,KAAKU,WAAY8B,SAAUd,GAAWC,GACnEC,EAAA,YAAAX,IAAA,2CAAUqB,KAAK,eAAeT,MAAM,aACpCD,EAAM,QAAAX,IAAA,2CAAAY,MAAM,WAAS,2B","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as s,c as t,h as i,H as e,g as a}from"./p-C-b4jsbt.js";const o=":host{display:block}";const r=[{width:624,alias:"large"},{width:375,alias:"medium"},{width:0,alias:"small"}];const l=class{constructor(i){s(this,i);this.dsoSizeChange=t(this,"dsoSizeChange",7);this.sizeAlias=r[0].alias;this.sizeWidth=0;this.observer=new ResizeObserver((([s])=>{var t,i;if(!s){throw new Error("No entry found")}const e=(i=(t=r.find((t=>s.contentRect.width>=t.width)))===null||t===void 0?void 0:t.alias)!==null&&i!==void 0?i:r[0].alias;this.sizeAlias=e;this.dsoSizeChange.emit(e)}))}async getSize(){return this.sizeAlias}componentWillLoad(){this.observer.observe(this.host)}disconnectedCallback(){this.observer.unobserve(this.host)}render(){return i(e,{key:"955fc12443133b5a2875672894684bc78012afb5",small:this.sizeAlias==="small",medium:this.sizeAlias==="medium",large:this.sizeAlias==="large"},i("slot",{key:"ebdb89bcbe9ce70bacd73a39ba1d01f3387d9c49"}))}get host(){return a(this)}};l.style=o;export{l as dso_responsive_element};
+//# sourceMappingURL=p-bd717c9b.entry.js.map

package/dist/dso-toolkit/{p-75819075.entry.js.map → p-bd717c9b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["responsiveElementCss","elementSizes","width","alias","ResponsiveElement","constructor","hostRef","this","sizeAlias","sizeWidth","observer","ResizeObserver","entry","Error","size","_b","_a","find","s","contentRect","dsoSizeChange","emit","getSize","componentWillLoad","observe","host","disconnectedCallback","unobserve","render","h","Host","key","small","medium","large"],"sources":["src/components/responsive-element/responsive-element.scss?tag=dso-responsive-element&encapsulation=shadow","src/components/responsive-element/responsive-element.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Host, Method, State } from \"@stencil/core\";\r\n\r\nimport { ElementSize, ResponsiveElementSize } from \"./responsive-element.interfaces\";\r\n\r\nconst elementSizes: [ElementSize, ElementSize, ElementSize] = [\r\n  {\r\n    width: 624,\r\n    alias: \"large\",\r\n  },\r\n  {\r\n    width: 375,\r\n    alias: \"medium\",\r\n  },\r\n  {\r\n    width: 0,\r\n    alias: \"small\",\r\n  },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-responsive-element\",\r\n  styleUrl: \"./responsive-element.scss\",\r\n  shadow: true,\r\n})\r\nexport class ResponsiveElement implements ComponentInterface {\r\n  @State()\r\n  sizeAlias: ResponsiveElementSize = elementSizes[0].alias;\r\n\r\n  @State()\r\n  sizeWidth = 0;\r\n\r\n  /**\r\n   * Emitted when size has changed\r\n   */\r\n  @Event()\r\n  dsoSizeChange!: EventEmitter<ResponsiveElementSize>;\r\n\r\n  /**\r\n   * The current size\r\n   */\r\n  @Method()\r\n  async getSize(): Promise<ResponsiveElementSize> {\r\n    return this.sizeAlias;\r\n  }\r\n\r\n  private observer = new ResizeObserver(([entry]) => {\r\n    if (!entry) {\r\n      throw new Error(\"No entry found\");\r\n    }\r\n\r\n    const size = elementSizes.find((s) => entry.contentRect.width >= s.width)?.alias ?? elementSizes[0].alias;\r\n\r\n    this.sizeAlias = size;\r\n    this.dsoSizeChange.emit(size);\r\n  });\r\n\r\n  @Element()\r\n  host!: HTMLDsoResponsiveElementElement;\r\n\r\n  componentWillLoad() {\r\n    this.observer.observe(this.host);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.observer.unobserve(this.host);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host small={this.sizeAlias === \"small\"} medium={this.sizeAlias === \"medium\"} large={this.sizeAlias === \"large\"}>\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAuB,uBCI7B,MAAMC,EAAwD,CAC5D,CACEC,MAAO,IACPC,MAAO,SAET,CACED,MAAO,IACPC,MAAO,UAET,CACED,MAAO,EACPC,MAAO,U,MASEC,EAAiB,MAL9B,WAAAC,CAAAC,G,uDAOEC,KAAAC,UAAmCP,EAAa,GAAGE,MAGnDI,KAASE,UAAG,EAgBJF,KAAQG,SAAG,IAAIC,gBAAe,EAAEC,M,QACtC,IAAKA,EAAO,CACV,MAAM,IAAIC,MAAM,iB,CAGlB,MAAMC,GAAOC,GAAAC,EAAAf,EAAagB,MAAMC,GAAMN,EAAMO,YAAYjB,OAASgB,EAAEhB,WAAQ,MAAAc,SAAA,SAAAA,EAAAb,SAAS,MAAAY,SAAA,EAAAA,EAAAd,EAAa,GAAGE,MAEpGI,KAAKC,UAAYM,EACjBP,KAAKa,cAAcC,KAAKP,EAAK,GAqBhC,CAjCC,aAAMQ,GACJ,OAAOf,KAAKC,S,CAiBd,iBAAAe,GACEhB,KAAKG,SAASc,QAAQjB,KAAKkB,K,CAG7B,oBAAAC,GACEnB,KAAKG,SAASiB,UAAUpB,KAAKkB,K,CAG/B,MAAAG,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAOzB,KAAKC,YAAc,QAASyB,OAAQ1B,KAAKC,YAAc,SAAU0B,MAAO3B,KAAKC,YAAc,SACtGqB,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["responsiveElementCss","elementSizes","width","alias","ResponsiveElement","constructor","hostRef","this","sizeAlias","sizeWidth","observer","ResizeObserver","entry","Error","size","_b","_a","find","s","contentRect","dsoSizeChange","emit","getSize","componentWillLoad","observe","host","disconnectedCallback","unobserve","render","h","Host","key","small","medium","large"],"sources":["src/components/responsive-element/responsive-element.scss?tag=dso-responsive-element&encapsulation=shadow","src/components/responsive-element/responsive-element.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, Host, Method, State, h } from \"@stencil/core\";\r\n\r\nimport { ElementSize, ResponsiveElementSize } from \"./responsive-element.interfaces\";\r\n\r\nconst elementSizes: [ElementSize, ElementSize, ElementSize] = [\r\n  {\r\n    width: 624,\r\n    alias: \"large\",\r\n  },\r\n  {\r\n    width: 375,\r\n    alias: \"medium\",\r\n  },\r\n  {\r\n    width: 0,\r\n    alias: \"small\",\r\n  },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-responsive-element\",\r\n  styleUrl: \"./responsive-element.scss\",\r\n  shadow: true,\r\n})\r\nexport class ResponsiveElement implements ComponentInterface {\r\n  @State()\r\n  sizeAlias: ResponsiveElementSize = elementSizes[0].alias;\r\n\r\n  @State()\r\n  sizeWidth = 0;\r\n\r\n  /**\r\n   * Emitted when size has changed\r\n   */\r\n  @Event()\r\n  dsoSizeChange!: EventEmitter<ResponsiveElementSize>;\r\n\r\n  /**\r\n   * The current size\r\n   */\r\n  @Method()\r\n  async getSize(): Promise<ResponsiveElementSize> {\r\n    return this.sizeAlias;\r\n  }\r\n\r\n  private observer = new ResizeObserver(([entry]) => {\r\n    if (!entry) {\r\n      throw new Error(\"No entry found\");\r\n    }\r\n\r\n    const size = elementSizes.find((s) => entry.contentRect.width >= s.width)?.alias ?? elementSizes[0].alias;\r\n\r\n    this.sizeAlias = size;\r\n    this.dsoSizeChange.emit(size);\r\n  });\r\n\r\n  @Element()\r\n  host!: HTMLDsoResponsiveElementElement;\r\n\r\n  componentWillLoad() {\r\n    this.observer.observe(this.host);\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.observer.unobserve(this.host);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host small={this.sizeAlias === \"small\"} medium={this.sizeAlias === \"medium\"} large={this.sizeAlias === \"large\"}>\r\n        <slot />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gEAAA,MAAMA,EAAuB,uBCI7B,MAAMC,EAAwD,CAC5D,CACEC,MAAO,IACPC,MAAO,SAET,CACED,MAAO,IACPC,MAAO,UAET,CACED,MAAO,EACPC,MAAO,U,MASEC,EAAiB,MAL9B,WAAAC,CAAAC,G,uDAOEC,KAAAC,UAAmCP,EAAa,GAAGE,MAGnDI,KAASE,UAAG,EAgBJF,KAAQG,SAAG,IAAIC,gBAAe,EAAEC,M,QACtC,IAAKA,EAAO,CACV,MAAM,IAAIC,MAAM,iB,CAGlB,MAAMC,GAAOC,GAAAC,EAAAf,EAAagB,MAAMC,GAAMN,EAAMO,YAAYjB,OAASgB,EAAEhB,WAAQ,MAAAc,SAAA,SAAAA,EAAAb,SAAS,MAAAY,SAAA,EAAAA,EAAAd,EAAa,GAAGE,MAEpGI,KAAKC,UAAYM,EACjBP,KAAKa,cAAcC,KAAKP,EAAK,GAqBhC,CAjCC,aAAMQ,GACJ,OAAOf,KAAKC,S,CAiBd,iBAAAe,GACEhB,KAAKG,SAASc,QAAQjB,KAAKkB,K,CAG7B,oBAAAC,GACEnB,KAAKG,SAASiB,UAAUpB,KAAKkB,K,CAG/B,MAAAG,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAOzB,KAAKC,YAAc,QAASyB,OAAQ1B,KAAKC,YAAc,SAAU0B,MAAO3B,KAAKC,YAAc,SACtGqB,EAAQ,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as n,h as e,H as o,g as r}from"./p-C-b4jsbt.js";const i=["top","right","bottom","left"];const s=Math.min;const c=Math.max;const a=Math.round;const l=Math.floor;const f=t=>({x:t,y:t});const d={left:"right",right:"left",bottom:"top",top:"bottom"};const u={start:"end",end:"start"};function p(t,n,e){return c(t,s(n,e))}function b(t,n){return typeof t==="function"?t(n):t}function h(t){return t.split("-")[0]}function m(t){return t.split("-")[1]}function g(t){return t==="x"?"y":"x"}function y(t){return t==="y"?"height":"width"}function x(t){return["top","bottom"].includes(h(t))?"y":"x"}function w(t){return g(x(t))}function v(t,n,e){if(e===void 0){e=false}const o=m(t);const r=w(t);const i=y(r);let s=r==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[i]>n.floating[i]){s=R(s)}return[s,R(s)]}function k(t){const n=R(t);return[_(t),n,_(n)]}function _(t){return t.replace(/start|end/g,(t=>u[t]))}function A(t,n,e){const o=["left","right"];const r=["right","left"];const i=["top","bottom"];const s=["bottom","top"];switch(t){case"top":case"bottom":if(e)return n?r:o;return n?o:r;case"left":case"right":return n?i:s;default:return[]}}function z(t,n,e,o){const r=m(t);let i=A(h(t),e==="start",o);if(r){i=i.map((t=>t+"-"+r));if(n){i=i.concat(i.map(_))}}return i}function R(t){return t.replace(/left|right|bottom|top/g,(t=>d[t]))}function S(t){return{top:0,right:0,bottom:0,left:0,...t}}function O(t){return typeof t!=="number"?S(t):{top:t,right:t,bottom:t,left:t}}function D(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 T(t,n,e){let{reference:o,floating:r}=t;const i=x(n);const s=w(n);const c=y(s);const a=h(n);const l=i==="y";const f=o.x+o.width/2-r.width/2;const d=o.y+o.height/2-r.height/2;const u=o[c]/2-r[c]/2;let p;switch(a){case"top":p={x:f,y:o.y-r.height};break;case"bottom":p={x:f,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:d};break;case"left":p={x:o.x-r.width,y:d};break;default:p={x:o.x,y:o.y}}switch(m(n)){case"start":p[s]-=u*(e&&l?-1:1);break;case"end":p[s]+=u*(e&&l?-1:1);break}return p}const C=async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=e;const c=i.filter(Boolean);const a=await(s.isRTL==null?void 0:s.isRTL(n));let l=await s.getElementRects({reference:t,floating:n,strategy:r});let{x:f,y:d}=T(l,o,a);let u=o;let p={};let b=0;for(let e=0;e<c.length;e++){const{name:i,fn:h}=c[e];const{x:m,y:g,data:y,reset:x}=await h({x:f,y:d,initialPlacement:o,placement:u,strategy:r,middlewareData:p,rects:l,platform:s,elements:{reference:t,floating:n}});f=m!=null?m:f;d=g!=null?g:d;p={...p,[i]:{...p[i],...y}};if(x&&b<=50){b++;if(typeof x==="object"){if(x.placement){u=x.placement}if(x.rects){l=x.rects===true?await s.getElementRects({reference:t,floating:n,strategy:r}):x.rects}({x:f,y:d}=T(l,u,a))}e=-1}}return{x:f,y:d,placement:u,strategy:r,middlewareData:p}};async function F(t,n){var e;if(n===void 0){n={}}const{x:o,y:r,platform:i,rects:s,elements:c,strategy:a}=t;const{boundary:l="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:u=false,padding:p=0}=b(n,t);const h=O(p);const m=d==="floating"?"reference":"floating";const g=c[u?m:d];const y=D(await i.getClippingRect({element:((e=await(i.isElement==null?void 0:i.isElement(g)))!=null?e:true)?g:g.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(c.floating)),boundary:l,rootBoundary:f,strategy:a}));const x=d==="floating"?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference;const w=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c.floating));const v=await(i.isElement==null?void 0:i.isElement(w))?await(i.getScale==null?void 0:i.getScale(w))||{x:1,y:1}:{x:1,y:1};const k=D(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:w,strategy:a}):x);return{top:(y.top-k.top+h.top)/v.y,bottom:(k.bottom-y.bottom+h.bottom)/v.y,left:(y.left-k.left+h.left)/v.x,right:(k.right-y.right+h.right)/v.x}}const $=t=>({name:"arrow",options:t,async fn(n){const{x:e,y:o,placement:r,rects:i,platform:c,elements:a,middlewareData:l}=n;const{element:f,padding:d=0}=b(t,n)||{};if(f==null){return{}}const u=O(d);const h={x:e,y:o};const g=w(r);const x=y(g);const v=await c.getDimensions(f);const k=g==="y";const _=k?"top":"left";const A=k?"bottom":"right";const z=k?"clientHeight":"clientWidth";const R=i.reference[x]+i.reference[g]-h[g]-i.floating[x];const S=h[g]-i.reference[g];const D=await(c.getOffsetParent==null?void 0:c.getOffsetParent(f));let T=D?D[z]:0;if(!T||!await(c.isElement==null?void 0:c.isElement(D))){T=a.floating[z]||i.floating[x]}const C=R/2-S/2;const F=T/2-v[x]/2-1;const $=s(u[_],F);const E=s(u[A],F);const M=$;const H=T-v[x]-E;const P=T/2-v[x]/2+C;const j=p(M,P,H);const L=!l.arrow&&m(r)!=null&&P!==j&&i.reference[x]/2-(P<M?$:E)-v[x]/2<0;const B=L?P<M?P-M:P-H:0;return{[g]:h[g]+B,data:{[g]:j,centerOffset:P-j-B,...L&&{alignmentOffset:B}},reset:L}}});const E=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:s,initialPlacement:c,platform:a,elements:l}=n;const{mainAxis:f=true,crossAxis:d=true,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=true,...y}=b(t,n);if((e=i.arrow)!=null&&e.alignmentOffset){return{}}const w=h(r);const _=x(c);const A=h(c)===c;const S=await(a.isRTL==null?void 0:a.isRTL(l.floating));const O=u||(A||!g?[R(c)]:k(c));const D=m!=="none";if(!u&&D){O.push(...z(c,g,m,S))}const T=[c,...O];const C=await F(n,y);const $=[];let E=((o=i.flip)==null?void 0:o.overflows)||[];if(f){$.push(C[w])}if(d){const t=v(r,s,S);$.push(C[t[0]],C[t[1]])}E=[...E,{placement:r,overflows:$}];if(!$.every((t=>t<=0))){var M,H;const t=(((M=i.flip)==null?void 0:M.index)||0)+1;const n=T[t];if(n){var P;const e=d==="alignment"?_!==x(n):false;const o=((P=E[0])==null?void 0:P.overflows[0])>0;if(!e||o){return{data:{index:t,overflows:E},reset:{placement:n}}}}let e=(H=E.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:H.placement;if(!e){switch(p){case"bestFit":{var j;const t=(j=E.filter((t=>{if(D){const n=x(t.placement);return n===_||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:j[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(r!==e){return{reset:{placement:e}}}}return{}}}};function M(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function H(t){return i.some((n=>t[n]>=0))}const P=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...r}=b(t,n);switch(o){case"referenceHidden":{const t=await F(n,{...r,elementContext:"reference"});const o=M(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:H(o)}}}case"escaped":{const t=await F(n,{...r,altBoundary:true});const o=M(t,e.floating);return{data:{escapedOffsets:o,escaped:H(o)}}}default:{return{}}}}}};async function j(t,n){const{placement:e,platform:o,elements:r}=t;const i=await(o.isRTL==null?void 0:o.isRTL(r.floating));const s=h(e);const c=m(e);const a=x(e)==="y";const l=["left","top"].includes(s)?-1:1;const f=i&&a?-1:1;const d=b(n,t);let{mainAxis:u,crossAxis:p,alignmentAxis:g}=typeof d==="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};if(c&&typeof g==="number"){p=c==="end"?g*-1:g}return a?{x:p*f,y:u*l}:{x:u*l,y:p*f}}const L=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:s,middlewareData:c}=n;const a=await j(n,t);if(s===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:r+a.x,y:i+a.y,data:{...a,placement:s}}}}};const B=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r}=n;const{mainAxis:i=true,crossAxis:s=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...a}=b(t,n);const l={x:e,y:o};const f=await F(n,a);const d=x(h(r));const u=g(d);let m=l[u];let y=l[d];if(i){const t=u==="y"?"top":"left";const n=u==="y"?"bottom":"right";const e=m+f[t];const o=m-f[n];m=p(e,m,o)}if(s){const t=d==="y"?"top":"left";const n=d==="y"?"bottom":"right";const e=y+f[t];const o=y-f[n];y=p(e,y,o)}const w=c.fn({...n,[u]:m,[d]:y});return{...w,data:{x:w.x-e,y:w.y-o,enabled:{[u]:i,[d]:s}}}}}};function N(){return typeof window!=="undefined"}function I(t){if(V(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function q(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function U(t){var n;return(n=(V(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function V(t){if(!N()){return false}return t instanceof Node||t instanceof q(t).Node}function W(t){if(!N()){return false}return t instanceof Element||t instanceof q(t).Element}function X(t){if(!N()){return false}return t instanceof HTMLElement||t instanceof q(t).HTMLElement}function Y(t){if(!N()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof q(t).ShadowRoot}function G(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=et(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function J(t){return["table","td","th"].includes(I(t))}function K(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return false}}))}function Q(t){const n=tt();const e=W(t)?et(t):t;return["transform","translate","scale","rotate","perspective"].some((t=>e[t]?e[t]!=="none":false))||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||["transform","translate","scale","rotate","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function Z(t){let n=rt(t);while(X(n)&&!nt(n)){if(Q(n)){return n}else if(K(n)){return null}n=rt(n)}return null}function tt(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function nt(t){return["html","body","#document"].includes(I(t))}function et(t){return q(t).getComputedStyle(t)}function ot(t){if(W(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function rt(t){if(I(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||Y(t)&&t.host||U(t);return Y(n)?n.host:n}function it(t){const n=rt(t);if(nt(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(X(n)&&G(n)){return n}return it(n)}function st(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const r=it(t);const i=r===((o=t.ownerDocument)==null?void 0:o.body);const s=q(r);if(i){const t=ct(s);return n.concat(s,s.visualViewport||[],G(r)?r:[],t&&e?st(t):[])}return n.concat(r,st(r,[],e))}function ct(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function at(t){const n=et(t);let e=parseFloat(n.width)||0;let o=parseFloat(n.height)||0;const r=X(t);const i=r?t.offsetWidth:e;const s=r?t.offsetHeight:o;const c=a(e)!==i||a(o)!==s;if(c){e=i;o=s}return{width:e,height:o,$:c}}function lt(t){return!W(t)?t.contextElement:t}function ft(t){const n=lt(t);if(!X(n)){return f(1)}const e=n.getBoundingClientRect();const{width:o,height:r,$:i}=at(n);let s=(i?a(e.width):e.width)/o;let c=(i?a(e.height):e.height)/r;if(!s||!Number.isFinite(s)){s=1}if(!c||!Number.isFinite(c)){c=1}return{x:s,y:c}}const dt=f(0);function ut(t){const n=q(t);if(!tt()||!n.visualViewport){return dt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function pt(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==q(t)){return false}return n}function bt(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const r=t.getBoundingClientRect();const i=lt(t);let s=f(1);if(n){if(o){if(W(o)){s=ft(o)}}else{s=ft(t)}}const c=pt(i,e,o)?ut(i):f(0);let a=(r.left+c.x)/s.x;let l=(r.top+c.y)/s.y;let d=r.width/s.x;let u=r.height/s.y;if(i){const t=q(i);const n=o&&W(o)?q(o):o;let e=t;let r=ct(e);while(r&&o&&n!==e){const t=ft(r);const n=r.getBoundingClientRect();const o=et(r);const i=n.left+(r.clientLeft+parseFloat(o.paddingLeft))*t.x;const s=n.top+(r.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;l*=t.y;d*=t.x;u*=t.y;a+=i;l+=s;e=q(r);r=ct(e)}}return D({width:d,height:u,x:a,y:l})}function ht(t,n){const e=ot(t).scrollLeft;if(!n){return bt(U(t)).left+e}return n.left+e}function mt(t,n,e){if(e===void 0){e=false}const o=t.getBoundingClientRect();const r=o.left+n.scrollLeft-(e?0:ht(t,o));const i=o.top+n.scrollTop;return{x:r,y:i}}function gt(t){let{elements:n,rect:e,offsetParent:o,strategy:r}=t;const i=r==="fixed";const s=U(o);const c=n?K(n.floating):false;if(o===s||c&&i){return e}let a={scrollLeft:0,scrollTop:0};let l=f(1);const d=f(0);const u=X(o);if(u||!u&&!i){if(I(o)!=="body"||G(s)){a=ot(o)}if(X(o)){const t=bt(o);l=ft(o);d.x=t.x+o.clientLeft;d.y=t.y+o.clientTop}}const p=s&&!u&&!i?mt(s,a,true):f(0);return{width:e.width*l.x,height:e.height*l.y,x:e.x*l.x-a.scrollLeft*l.x+d.x+p.x,y:e.y*l.y-a.scrollTop*l.y+d.y+p.y}}function yt(t){return Array.from(t.getClientRects())}function xt(t){const n=U(t);const e=ot(t);const o=t.ownerDocument.body;const r=c(n.scrollWidth,n.clientWidth,o.scrollWidth,o.clientWidth);const i=c(n.scrollHeight,n.clientHeight,o.scrollHeight,o.clientHeight);let s=-e.scrollLeft+ht(t);const a=-e.scrollTop;if(et(o).direction==="rtl"){s+=c(n.clientWidth,o.clientWidth)-r}return{width:r,height:i,x:s,y:a}}function wt(t,n){const e=q(t);const o=U(t);const r=e.visualViewport;let i=o.clientWidth;let s=o.clientHeight;let c=0;let a=0;if(r){i=r.width;s=r.height;const t=tt();if(!t||t&&n==="fixed"){c=r.offsetLeft;a=r.offsetTop}}return{width:i,height:s,x:c,y:a}}function vt(t,n){const e=bt(t,true,n==="fixed");const o=e.top+t.clientTop;const r=e.left+t.clientLeft;const i=X(t)?ft(t):f(1);const s=t.clientWidth*i.x;const c=t.clientHeight*i.y;const a=r*i.x;const l=o*i.y;return{width:s,height:c,x:a,y:l}}function kt(t,n,e){let o;if(n==="viewport"){o=wt(t,e)}else if(n==="document"){o=xt(U(t))}else if(W(n)){o=vt(n,e)}else{const e=ut(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return D(o)}function _t(t,n){const e=rt(t);if(e===n||!W(e)||nt(e)){return false}return et(e).position==="fixed"||_t(e,n)}function At(t,n){const e=n.get(t);if(e){return e}let o=st(t,[],false).filter((t=>W(t)&&I(t)!=="body"));let r=null;const i=et(t).position==="fixed";let s=i?rt(t):t;while(W(s)&&!nt(s)){const n=et(s);const e=Q(s);if(!e&&n.position==="fixed"){r=null}const c=i?!e&&!r:!e&&n.position==="static"&&!!r&&["absolute","fixed"].includes(r.position)||G(s)&&!e&&_t(t,s);if(c){o=o.filter((t=>t!==s))}else{r=n}s=rt(s)}n.set(t,o);return o}function zt(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=e==="clippingAncestors"?K(n)?[]:At(n,this._c):[].concat(e);const a=[...i,o];const l=a[0];const f=a.reduce(((t,e)=>{const o=kt(n,e,r);t.top=c(o.top,t.top);t.right=s(o.right,t.right);t.bottom=s(o.bottom,t.bottom);t.left=c(o.left,t.left);return t}),kt(n,l,r));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Rt(t){const{width:n,height:e}=at(t);return{width:n,height:e}}function St(t,n,e){const o=X(n);const r=U(n);const i=e==="fixed";const s=bt(t,true,i,n);let c={scrollLeft:0,scrollTop:0};const a=f(0);function l(){a.x=ht(r)}if(o||!o&&!i){if(I(n)!=="body"||G(r)){c=ot(n)}if(o){const t=bt(n,true,i,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(r){l()}}if(i&&!o&&r){l()}const d=r&&!o&&!i?mt(r,c):f(0);const u=s.left+c.scrollLeft-a.x-d.x;const p=s.top+c.scrollTop-a.y-d.y;return{x:u,y:p,width:s.width,height:s.height}}function Ot(t){return et(t).position==="static"}function Dt(t,n){if(!X(t)||et(t).position==="fixed"){return null}if(n){return n(t)}let e=t.offsetParent;if(U(t)===e){e=e.ownerDocument.body}return e}function Tt(t,n){const e=q(t);if(K(t)){return e}if(!X(t)){let n=rt(t);while(n&&!nt(n)){if(W(n)&&!Ot(n)){return n}n=rt(n)}return e}let o=Dt(t,n);while(o&&J(o)&&Ot(o)){o=Dt(o,n)}if(o&&nt(o)&&Ot(o)&&!Q(o)){return e}return o||Z(t)||e}const Ct=async function(t){const n=this.getOffsetParent||Tt;const e=this.getDimensions;const o=await e(t.floating);return{reference:St(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Ft(t){return et(t).direction==="rtl"}const $t={convertOffsetParentRelativeRectToViewportRelativeRect:gt,getDocumentElement:U,getClippingRect:zt,getOffsetParent:Tt,getElementRects:Ct,getClientRects:yt,getDimensions:Rt,getScale:ft,isElement:W,isRTL:Ft};function Et(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function Mt(t,n){let e=null;let o;const r=U(t);function i(){var t;clearTimeout(o);(t=e)==null||t.disconnect();e=null}function a(f,d){if(f===void 0){f=false}if(d===void 0){d=1}i();const u=t.getBoundingClientRect();const{left:p,top:b,width:h,height:m}=u;if(!f){n()}if(!h||!m){return}const g=l(b);const y=l(r.clientWidth-(p+h));const x=l(r.clientHeight-(b+m));const w=l(p);const v=-g+"px "+-y+"px "+-x+"px "+-w+"px";const k={rootMargin:v,threshold:c(0,s(1,d))||1};let _=true;function A(n){const e=n[0].intersectionRatio;if(e!==d){if(!_){return a()}if(!e){o=setTimeout((()=>{a(false,1e-7)}),1e3)}else{a(false,e)}}if(e===1&&!Et(u,t.getBoundingClientRect())){a()}_=false}try{e=new IntersectionObserver(A,{...k,root:r.ownerDocument})}catch(t){e=new IntersectionObserver(A,k)}e.observe(t)}a(true);return i}function Ht(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:r=true,ancestorResize:i=true,elementResize:s=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:a=false}=o;const l=lt(t);const f=r||i?[...l?st(l):[],...st(n)]:[];f.forEach((t=>{r&&t.addEventListener("scroll",e,{passive:true});i&&t.addEventListener("resize",e)}));const d=l&&c?Mt(l,e):null;let u=-1;let p=null;if(s){p=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===l&&p){p.unobserve(n);cancelAnimationFrame(u);u=requestAnimationFrame((()=>{var t;(t=p)==null||t.observe(n)}))}e()}));if(l&&!a){p.observe(l)}p.observe(n)}let b;let h=a?bt(t):null;if(a){m()}function m(){const n=bt(t);if(h&&!Et(h,n)){e()}h=n;b=requestAnimationFrame(m)}e();return()=>{var t;f.forEach((t=>{r&&t.removeEventListener("scroll",e);i&&t.removeEventListener("resize",e)}));d==null||d();(t=p)==null||t.disconnect();p=null;if(a){cancelAnimationFrame(b)}}}const Pt=L;const jt=B;const Lt=E;const Bt=P;const Nt=$;const It=(t,n,e)=>{const o=new Map;const r={platform:$t,...e};const i={...r.platform,_c:o};return C(t,n,{...r,platform:i})};const qt="*,*::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}::slotted([slot=heading]){display:flex !important;align-items:center !important;margin-block-end:0 !important;margin-block-start:0 !important;color:#fff !important;line-height:1.375 !important}:host{--_dso-button-primary-background-color:#fff;--_dso-button-primary-border-color:#fff;--_dso-button-primary-color:#000;--_dso-button-primary-hover-background-color:#ccc;--_dso-button-primary-hover-border-color:#ccc;--_dso-button-primary-hover-color:#000;--_dso-button-primary-active-background-color:#999;--_dso-button-primary-active-border-color:#999;--_dso-button-primary-active-color:#000;--_dso-button-primary-disabled-background-color:#fff;--_dso-button-primary-disabled-border-color:#fff;--_dso-button-primary-disabled-color:#b2b2b2;--_dso-button-secondary-background-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-color:#000;--_dso-button-secondary-hover-background-color:#ccc;--_dso-button-secondary-hover-border-color:#ccc;--_dso-button-secondary-hover-color:#000;--_dso-button-secondary-active-background-color:#999;--_dso-button-secondary-active-border-color:#999;--_dso-button-secondary-active-color:#000;--_dso-button-secondary-disabled-background-color:#fff;--_dso-button-secondary-disabled-border-color:#fff;--_dso-button-secondary-disabled-color:#b2b2b2;display:block;filter:drop-shadow(2px 2px 16px rgba(0, 0, 0, 0.4))}:host([popover]){margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset}.onboarding-tip{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;overflow-wrap:anywhere;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;inset-block-start:0;inset-inline-start:0;z-index:410}@media screen and (max-width: 360px){.onboarding-tip{padding-inline-start:8px !important}}.dso-close{-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;position:absolute;inset-block-start:0;inset-inline-end:0;block-size:32px;inline-size:32px;padding:0;background-color:transparent;border:0;text-align:center}.dso-close[disabled]{cursor:default}.dso-close::-moz-focus-inner{border:0;padding:0}.onboarding-tip-inner{--link-color:#fff;--link-hover-color:#b2b2b2;--link-visited-color:#7f7f7f;max-inline-size:min(360px, 100vw - 2 * 8px);max-block-size:40vh;overflow:auto;padding-block:32px 8px;padding-inline:8px;border-radius:4px;display:block;font-size:1rem;position:relative;z-index:2}.onboarding-tip-inner{background-color:#2b5780;border-color:#2b5780;color:#fff}.onboarding-tip-arrow{border-start-start-radius:4px;position:absolute;block-size:20px;inline-size:20px;background:#2b5780;z-index:1;pointer-events:none}.onboarding-tip-content-wrapper{padding-inline:16px;padding-block-end:16px}.onboarding-tip-content-heading{display:flex}.onboarding-tip-content-heading dso-icon{margin-inline-end:8px}";const Ut=class{constructor(e){t(this,e);this.dsoClose=n(this,"dsoClose",7);this.placement="right"}componentDidRender(){if(!this.host.matches(":popover-open")){this.host.showPopover()}if(!this.cleanUp&&this.referenceElement&&this.tipArrowRef instanceof HTMLElement){this.cleanUp=Ut.positionTip(this.referenceElement,this.host,this.tipArrowRef,this.placement)}}disconnectedCallback(){var t;if(this.host.matches(":popover-open")){this.host.hidePopover()}(t=this.cleanUp)===null||t===void 0?void 0:t.call(this);this.cleanUp=undefined}static positionTip(t,n,e,o){const r=e.offsetWidth;const i=Math.sqrt(2*r**2)/2;const s=5;return Ht(t,n,(()=>{It(t,n,{strategy:"fixed",middleware:[Pt(i),Lt({padding:s}),jt({padding:s}),Nt({padding:s+r,element:e}),Bt({padding:42})],placement:o}).then((({x:t,y:o,middlewareData:i,placement:s})=>{if(i.hide){Object.assign(n.style,{visibility:i.hide.referenceHidden?"hidden":"visible"})}Object.assign(n.style,{left:`${t}px`,top:`${o}px`});const c=s.split("-")[0];const a=c?{top:"bottom",right:"left",bottom:"top",left:"right"}[c]:"top";let l;switch(a){default:case"top":l=45;break;case"right":l=135;break;case"bottom":l=225;break;case"left":l=315;break}if(i.arrow&&a){const{x:t,y:n}=i.arrow;Object.assign(e.style,{right:"",bottom:"",left:t?`${t}px`:"",top:n?`${n}px`:"",[a]:`${-r/2}px`,transform:`rotate(${l}deg)`})}}))}))}render(){return e(o,{key:"7c5150901a9ecbe69c373333009130db322d2303",popover:"manual"},e("div",{key:"ea013d32e5d7b74da14d420ca37a4eaffe377270",class:"onboarding-tip",role:"tooltip"},e("div",{key:"adb76bcf17737a81ff9a84e091b95c706261588a",class:"onboarding-tip-inner"},e("div",{key:"9485bf312830f8788e3768719ced93d589c35de0",class:"onboarding-tip-content-wrapper"},this.headingSlottedElement!==null&&e("div",{key:"545450463fbf1c144481f5fa0cdf2b80744d3771",class:"onboarding-tip-content-heading"},e("dso-icon",{key:"9c2ae3b0e5c6f3eb496dbbd46168ad10f417f4ab",icon:"light-bulb"}),e("slot",{key:"a1db25995416339c41d1d2828a8b9257222a0917",name:"heading"})),e("button",{key:"0a54cb67e9927602923fbda804f0839b1d995c4f",type:"button",class:"dso-close",onClick:t=>this.dsoClose.emit({originalEvent:t})},e("dso-icon",{key:"e6c5d482f8ec171a6dd2969b66ac92b71d24bf8c",icon:"times"}),e("span",{key:"569fd4ac7d43b90c9c85d245636f34101dd28184",class:"sr-only"},"Sluiten")),e("slot",{key:"984b8f980fa33e8d82a479c8c2a3b27a6645ee05"}))),e("div",{key:"7d0158f6329dec134ae9e049ce2110cbb4f27adf",class:"onboarding-tip-arrow",ref:t=>this.tipArrowRef=t})))}get headingSlottedElement(){return this.host.querySelector("[slot='heading']")}get referenceElement(){const t=this.host.id;if(!t){console.warn("Unable to find reference. Onboarding Tip has no [id] attribute.");return}const n=this.host.getRootNode();if(!(n instanceof Document||n instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=n.querySelector(`[aria-describedby="${t}`);if(!e){console.warn(`Unable to find reference element with aria-describedby ${t}`);return}return e}get host(){return r(this)}};Ut.style=qt;export{Ut as dso_onboarding_tip};
+//# sourceMappingURL=p-c0410277.entry.js.map