@dso-toolkit/core 82.0.0 → 83.1.0

package/dist/dso-toolkit/p-24bd7e04.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconButtonCss","IconButton","constructor","hostRef","this","variant","tooltipPlacement","disabled","showTooltip","lastClickTime","tooltipShowDelay","handleShowTooltip","Date","now","tooltipTimeout","clearTimeout","window","setTimeout","_a","tooltipElRef","showPopover","cleanUp","buttonElRef","tipArrowElRef","positionTooltip","referenceElement","tipRef","tipArrowRef","placementTip","topPositionSmallViewPort","halfMainAxisOffset","forceVisible","handleHideTooltip","hidePopover","undefined","handleClick","e","dsoClick","emit","originalEvent","setFocus","focus","render","h","key","ref","el","type","label","class","onMouseEnter","onMouseLeave","onFocus","onBlur","onClick","icon","Tooltip","visible","onAfterHidden","tipElementRef","element","tipArrowElementRef"],"sources":["src/components/icon-button/icon-button.scss?tag=dso-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.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@use \"~dso-toolkit/src/components/button\";\r\n\r\n@use \"../../functional-components/tooltip\";\r\n\r\n@include tooltip.include(colors.$grijs-60, 4px, units.$u1, 0, units.$u1);\r\n\r\n:host {\r\n  display: inline-block;\r\n  line-height: 1;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-secondary {\r\n  @include button.secondary();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: calc(#{units.$u1} - 1px);\r\n    padding-block: calc(#{units.$u1} - 1px);\r\n  }\r\n}\r\n\r\n.dso-tertiary {\r\n  @include button.base();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: 0;\r\n    padding-block: 0;\r\n\r\n    color: var(--_dso-icon-button-tertiary-color, button.$tertiary-color);\r\n    background-color: transparent;\r\n    border: 0;\r\n  }\r\n\r\n  &:not([disabled]) {\r\n    &:hover {\r\n      color: var(\r\n        --_dso-icon-button-tertiary-hover-color,\r\n        var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n      );\r\n    }\r\n\r\n    &:active {\r\n      color: var(\r\n        --_dso-icon-button-tertiary-active-color,\r\n        var(--_dso-icon-button-tertiary-color, button.$tertiary-hover-color)\r\n      );\r\n    }\r\n  }\r\n\r\n  &[disabled] {\r\n    color: var(\r\n      --_dso-icon-button-tertiary-disabled-color,\r\n      var(--_dso-icon-button-tertiary-color, button.$tertiary-disabled-color)\r\n    );\r\n  }\r\n}\r\n\r\n.dso-map {\r\n  @include button.map();\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    padding-inline: units.$u1;\r\n    padding-block: units.$u1;\r\n    border: 0;\r\n    margin-inline-end: 0;\r\n    box-shadow: var(--_dso-icon-button-map-box-shadow, 0 0 8px 0 rgba(0, 0, 0, 0.3));\r\n    border-radius: var(--_dso-icon-button-map-border-radius, button.$border-radius);\r\n  }\r\n}\r\n\r\n.icon-button {\r\n  min-inline-size: auto;\r\n  cursor: pointer;\r\n\r\n  &[disabled] {\r\n    cursor: default;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Method, Prop, State, h } from \"@stencil/core\";\r\n\r\nimport { positionTooltip } from \"../../functional-components/tooltip/position-tooltip.function\";\r\nimport { Tooltip } from \"../../functional-components/tooltip/tooltip.functional-component\";\r\nimport { TooltipClean, TooltipPlacement } from \"../../functional-components/tooltip/tooltip.interfaces\";\r\n\r\nimport { IconButtonClickEvent, IconButtonVariant } from \"./icon-button.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-icon-button\",\r\n  styleUrl: \"icon-button.scss\",\r\n  shadow: true,\r\n})\r\nexport class IconButton implements ComponentInterface {\r\n  /**\r\n   * The alias of the icon in the button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  icon!: string | undefined;\r\n\r\n  /**\r\n   * The label of the Icon Button which is shown on hover in a tooltip.\r\n   */\r\n  @Prop({ reflect: true })\r\n  label!: string | undefined;\r\n\r\n  /**\r\n   * The variant of the Icon Button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  variant?: IconButtonVariant = \"secondary\";\r\n\r\n  /**\r\n   * The placement of the tooltip on hover and focus of the Icon Button.\r\n   */\r\n  @Prop({ reflect: true })\r\n  tooltipPlacement: TooltipPlacement = \"top\";\r\n\r\n  /**\r\n   * To disable the Icon Button\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Emitted when the user clicks the Icon Button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoClick!: EventEmitter<IconButtonClickEvent>;\r\n\r\n  @State()\r\n  showTooltip = false;\r\n\r\n  /**\r\n   * Focuses the button.\r\n   */\r\n  @Method()\r\n  async setFocus() {\r\n    this.buttonElRef?.focus();\r\n  }\r\n\r\n  private buttonElRef?: HTMLButtonElement;\r\n  private tooltipElRef?: HTMLDivElement;\r\n  private tipArrowElRef?: HTMLSpanElement;\r\n  private tooltipTimeout?: number;\r\n  private cleanUp: TooltipClean | undefined;\r\n  private lastClickTime = 0;\r\n  private tooltipShowDelay = 500;\r\n\r\n  private handleShowTooltip = () => {\r\n    if (this.disabled) {\r\n      return;\r\n    }\r\n\r\n    // Don't show the tooltip if the button is clicked within 500ms of the last click\r\n    if (Date.now() - this.lastClickTime < this.tooltipShowDelay) {\r\n      return;\r\n    }\r\n\r\n    if (this.tooltipTimeout) {\r\n      clearTimeout(this.tooltipTimeout);\r\n    }\r\n\r\n    this.tooltipTimeout = window.setTimeout(() => {\r\n      this.showTooltip = true;\r\n      this.tooltipElRef?.showPopover();\r\n\r\n      if (!this.cleanUp && this.buttonElRef && this.tooltipElRef && this.tipArrowElRef) {\r\n        this.cleanUp = positionTooltip({\r\n          referenceElement: this.buttonElRef,\r\n          tipRef: this.tooltipElRef,\r\n          tipArrowRef: this.tipArrowElRef,\r\n          placementTip: this.tooltipPlacement,\r\n          topPositionSmallViewPort: false,\r\n          halfMainAxisOffset: false,\r\n          forceVisible: true,\r\n        });\r\n      }\r\n    }, this.tooltipShowDelay);\r\n  };\r\n\r\n  private handleHideTooltip = () => {\r\n    if (this.tooltipTimeout) {\r\n      clearTimeout(this.tooltipTimeout);\r\n    }\r\n\r\n    this.showTooltip = false;\r\n    this.tooltipElRef?.hidePopover();\r\n\r\n    if (!this.showTooltip && this.cleanUp) {\r\n      this.cleanUp();\r\n      this.cleanUp = undefined;\r\n    }\r\n  };\r\n\r\n  private handleClick = (e: MouseEvent) => {\r\n    this.lastClickTime = Date.now();\r\n    this.handleHideTooltip();\r\n    this.dsoClick.emit({ originalEvent: e });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <button\r\n        ref={(el) => (this.buttonElRef = el)}\r\n        type=\"button\"\r\n        disabled={this.disabled}\r\n        aria-label={this.label}\r\n        class={`icon-button dso-${this.variant}`}\r\n        onMouseEnter={this.handleShowTooltip}\r\n        onMouseLeave={this.handleHideTooltip}\r\n        onFocus={this.handleShowTooltip}\r\n        onBlur={this.handleHideTooltip}\r\n        onClick={this.handleClick}\r\n      >\r\n        <dso-icon icon={this.icon} />\r\n        <Tooltip\r\n          visible={this.showTooltip}\r\n          onAfterHidden={this.handleHideTooltip}\r\n          tipElementRef={(element) => (this.tooltipElRef = element)}\r\n          tipArrowElementRef={(element) => (this.tipArrowElRef = element)}\r\n        >\r\n          {this.label}\r\n        </Tooltip>\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"0KAAA,MAAMA,EAAgB,m/pB,MCaTC,EAAU,MALvB,WAAAC,CAAAC,G,6CAsBEC,KAAOC,QAAuB,YAM9BD,KAAgBE,iBAAqB,MAMrCF,KAAQG,SAAG,MASXH,KAAWI,YAAG,MAeNJ,KAAaK,cAAG,EAChBL,KAAgBM,iBAAG,IAEnBN,KAAiBO,kBAAG,KAC1B,GAAIP,KAAKG,SAAU,CACjB,M,CAIF,GAAIK,KAAKC,MAAQT,KAAKK,cAAgBL,KAAKM,iBAAkB,CAC3D,M,CAGF,GAAIN,KAAKU,eAAgB,CACvBC,aAAaX,KAAKU,e,CAGpBV,KAAKU,eAAiBE,OAAOC,YAAW,K,MACtCb,KAAKI,YAAc,MACnBU,EAAAd,KAAKe,gBAAc,MAAAD,SAAA,SAAAA,EAAAE,cAEnB,IAAKhB,KAAKiB,SAAWjB,KAAKkB,aAAelB,KAAKe,cAAgBf,KAAKmB,cAAe,CAChFnB,KAAKiB,QAAUG,EAAgB,CAC7BC,iBAAkBrB,KAAKkB,YACvBI,OAAQtB,KAAKe,aACbQ,YAAavB,KAAKmB,cAClBK,aAAcxB,KAAKE,iBACnBuB,yBAA0B,MAC1BC,mBAAoB,MACpBC,aAAc,M,IAGjB3B,KAAKM,iBAAiB,EAGnBN,KAAiB4B,kBAAG,K,MAC1B,GAAI5B,KAAKU,eAAgB,CACvBC,aAAaX,KAAKU,e,CAGpBV,KAAKI,YAAc,OACnBU,EAAAd,KAAKe,gBAAc,MAAAD,SAAA,SAAAA,EAAAe,cAEnB,IAAK7B,KAAKI,aAAeJ,KAAKiB,QAAS,CACrCjB,KAAKiB,UACLjB,KAAKiB,QAAUa,S,GAIX9B,KAAA+B,YAAeC,IACrBhC,KAAKK,cAAgBG,KAAKC,MAC1BT,KAAK4B,oBACL5B,KAAKiC,SAASC,KAAK,CAAEC,cAAeH,GAAI,CA6B3C,CA1FC,cAAMI,G,OACJtB,EAAAd,KAAKkB,eAAa,MAAAJ,SAAA,SAAAA,EAAAuB,O,CA+DpB,MAAAC,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,IAAMC,GAAQ1C,KAAKkB,YAAcwB,EACjCC,KAAK,SACLxC,SAAUH,KAAKG,SACH,aAAAH,KAAK4C,MACjBC,MAAO,mBAAmB7C,KAAKC,UAC/B6C,aAAc9C,KAAKO,kBACnBwC,aAAc/C,KAAK4B,kBACnBoB,QAAShD,KAAKO,kBACd0C,OAAQjD,KAAK4B,kBACbsB,QAASlD,KAAK+B,aAEdQ,EAAA,YAAAC,IAAA,2CAAUW,KAAMnD,KAAKmD,OACrBZ,EAACa,EAAO,CAAAZ,IAAA,2CACNa,QAASrD,KAAKI,YACdkD,cAAetD,KAAK4B,kBACpB2B,cAAgBC,GAAaxD,KAAKe,aAAeyC,EACjDC,mBAAqBD,GAAaxD,KAAKmB,cAAgBqC,GAEtDxD,KAAK4C,O","ignoreList":[]}

package/dist/dso-toolkit/p-2787bc48.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,F as t}from"./p-DxWmN7gh.js";const e='*,*::after,*::before{box-sizing:border-box}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#fff;background-color:#8b4a6a;color:#fff}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-wit"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-wit"))}:host{display:grid;block-size:100%;padding-block:8px;padding-inline:24px}@media screen and (min-width: 768px){:host{align-items:center;justify-content:center;gap:8px;grid-template-columns:auto auto auto;grid-template-areas:"icon slot button"}}@media screen and (max-width: 767px){:host{align-items:start;grid-template-columns:max-content auto;grid-template-areas:"icon slot" ". button";padding-block:16px;gap:16px 8px}}:host dso-icon{grid-area:icon}:host slot:not([name]){grid-area:slot;margin-inline-end:10px}:host ::slotted([slot=button]){--_dso-button-secondary-background-color:transparent;--_dso-button-secondary-color:#fff;--_dso-button-secondary-border-color:#fff;--_dso-button-secondary-hover-background-color:rgba(235, 225, 235, 0.2);--_dso-button-secondary-hover-color:#fff;--_dso-button-secondary-hover-border-color:#fff;--_dso-button-secondary-active-background-color:rgba(235, 225, 235, 0.4);--_dso-button-secondary-active-border-color:rgba(235, 225, 235, 0.3);--_dso-button-secondary-disabled-background-color:transparent;--_dso-button-secondary-disabled-color:rgba(235, 225, 235, 0.7);--_dso-button-secondary-disabled-border-color:rgba(235, 225, 235, 0.7)}@media screen and (min-width: 768px){:host ::slotted([slot=button]){margin-inline-start:32px !important;}}@media screen and (max-width: 767px){:host ::slotted([slot=button]){grid-area:button;justify-self:start}}';const a=class{constructor(r){o(this,r)}render(){return r(t,{key:"cb57567ddfb405ed5580f3056824df6f3125e57d"},r("dso-icon",{key:"e4a8892dabbd44bc9ca7f1548c065473537aaa45",icon:"clock"}),r("slot",{key:"facdf989c45f44e10336ca5d3b7319e48929ca82"}),r("slot",{key:"0bc0625232374f0df07b23186e3f51a26632a76b",name:"button"}))}};a.style=e;export{a as dso_tijdreis_banner};
-//# sourceMappingURL=p-2787bc48.entry.js.map

package/dist/dso-toolkit/p-27eac763.entry.js

@@ -1,2 +0,0 @@
-import{h as n,F as i,r as e,c as a,g as s}from"./p-DxWmN7gh.js";import{c as t}from"./p-ChV9xqsO.js";import{d as o}from"./p-DDU8nTJS.js";import"./p-BFTU3MAI.js";const l=["search","map","document"];const d={map:"Kaart",document:"Document",search:"Zoeken"};const r={small:"smal",medium:"middel",large:"breed"};const c=({className:i,onClick:e,label:a,icon:s})=>n("dso-icon-button",{variant:"map",class:i,onDsoClick:e,icon:s,label:a});const p=({shrink:i,expand:e,size:a,panelLabel:s,placement:t})=>{const o=[];if(a!=="small"){o.push(n(c,{onClick:i,label:`${s} smaller maken`,icon:t==="right"?"chevron-right":"chevron-left",className:"shrink"}))}if(a!=="large"){o.push(n(c,{onClick:e,label:`${s} breder maken`,icon:t==="right"?"chevron-left":"chevron-right",className:"expand"}))}return n("div",{class:"sizing-buttons"},n("span",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},"Breedte ",s.toLocaleLowerCase(),": ",r[a]),o)};const m=({tabView:i,panelSize:e,shrinkDocumentPanel:a,expandDocumentPanel:s,dsoDocumentPanelSizeChangeAnimationEnd:t})=>n("div",{class:"dso-document-panel",onTransitionEnd:n=>{if(n.propertyName==="flex-basis"){t.emit({currentSize:e})}}},!i&&n(p,{panelLabel:"Documentpaneel",size:e,expand:s,shrink:a,placement:"right"}),n("div",{class:"content"},n("slot",{name:"document-panel"})));const h=({open:e,title:a,ref:s,dsoCloseFilterPanel:t})=>n("dialog",{class:"filter-panel",ref:s},e&&n(i,null,a&&n("h3",null,a),n("dso-icon-button",{class:"dso-close",icon:"times",variant:"tertiary",label:"Sluiten",onDsoClick:t}),n("slot",{name:"filter-panel"})));const b=({tabView:i,mainSize:e,documentPanelOpen:a,mainPanelExpanded:s,mainPanelHidden:o,toggleMainPanel:l,dsoMainSizeChangeAnimationEnd:d})=>n("div",{class:t("dso-main-panel",{compact:!i&&a&&!s,contracted:!i&&!a&&!s,expanded:!i&&a&&s,collapsed:o}),onTransitionEnd:n=>{if(n.propertyName==="flex-basis"){d.emit({currentSize:e})}}},!i&&a&&n("div",{class:"toggle-button"},n("dso-icon-button",{variant:"map",label:`Zoeken paneel ${o?"tonen":"verbergen"}`,icon:o?"chevron-right":"chevron-left",onDsoClick:l})),n("div",{class:t("content",{invisible:o})},n("slot",{name:"main"})));const v=({ref:i,dsoCloseOverlay:e})=>n("dialog",{class:"overlay",ref:i,onCancel:n=>{n.preventDefault();e(n)}},n("dso-icon-button",{class:"overlay-close-button",icon:"times",variant:"tertiary",label:"Sluiten",onDsoClick:e}),n("slot",{name:"overlay"}));const f="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host .overlay {\n  block-size: calc(100% - 32px);\n  margin-block: 16px;\n  margin-inline: auto 16px;\n}\n:host .dso-main-panel {\n  transition: min-inline-size 200ms ease-in, margin-inline-start 200ms ease-in;\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.overlay-close-button {\n  position: absolute;\n  line-height: 1;\n  inset-block-start: 8px;\n  inset-inline-end: 16px;\n}\n\n.content.invisible {\n  visibility: hidden;\n}\n\n.viewer-grid-columns {\n  position: relative;\n}\n\n.dso-main-panel .content,\n.dso-document-panel .content {\n  block-size: 100%;\n  padding-block: 0;\n  padding-inline: 16px;\n}\n\n.dso-main-panel {\n  background-color: #fff;\n  flex-shrink: 0;\n  flex-grow: 0;\n  position: relative;\n  transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;\n  z-index: 100;\n}\n.dso-main-panel.compact.collapsed, .dso-main-panel.expanded.collapsed {\n  inset-inline-start: -432px;\n}\n.dso-main-panel.compact, .dso-main-panel.contracted {\n  flex-shrink: unset;\n  flex-grow: unset;\n  position: absolute;\n  transition: none;\n}\n.dso-main-panel.expanded.collapsed {\n  position: absolute;\n  block-size: 100%;\n}\n.dso-main-panel .sizing-buttons,\n.dso-main-panel .toggle-button {\n  inset-inline-start: calc(100% + 1px);\n  transition: inset-inline-start 200ms ease-in;\n  padding-block: 0 8px;\n  padding-inline: 0 4px;\n}\n.dso-main-panel .toggle-button {\n  --_dso-icon-button-map-border-radius: 0 4px 4px 0;\n}\n\n.dso-document-panel {\n  background-color: #fff;\n  flex-shrink: 0;\n  flex-grow: 0;\n  position: relative;\n  transition: flex-basis 200ms ease-in, max-inline-size 200ms ease-in, min-inline-size 200ms ease-in;\n  z-index: 100;\n}\n.dso-document-panel .sizing-buttons {\n  inset-block-start: auto;\n  inset-block-end: 16px;\n  inset-inline-end: calc(100% + 1px);\n  transition: inset-inline-end 200ms ease-in;\n  padding-block: 0 8px;\n  padding-inline: 4px 0;\n}\n.dso-document-panel .sizing-buttons .shrink,\n.dso-document-panel .sizing-buttons .expand {\n  --_dso-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;\n  --_dso-icon-button-map-border-radius: 4px 0 0 4px;\n}\n\n.sizing-buttons,\n.toggle-button {\n  overflow-x: hidden;\n  position: absolute;\n  inset-block-start: 16px;\n  inline-size: 44px;\n  z-index: -1;\n}\n\n.map {\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: hidden;\n  position: relative;\n}\n\n.filter-panel,\n.overlay {\n  background-color: #fff;\n  border: 0;\n  block-size: 100%;\n  margin-block: 0;\n  max-block-size: 100vh;\n  overflow-y: auto;\n  z-index: 101;\n}\n\n.filter-panel {\n  display: block;\n  position: absolute;\n  padding-block: 8px;\n  padding-inline: 16px;\n  inset-block-start: 0;\n  block-size: 100%;\n  inset-inline-start: -380px;\n  inline-size: 100%;\n  transition: inset-inline-start 200ms ease-in;\n}\n@media screen and (max-width: 768px) {\n  .filter-panel {\n    inline-size: 100vw;\n  }\n  .filter-panel::before {\n    display: none !important;\n  }\n}\n@media screen and (min-width: 992px) {\n  .filter-panel {\n    max-inline-size: 380px;\n  }\n}\n.filter-panel[open] {\n  inset-inline-start: 0;\n  box-shadow: none;\n  border-inline-end: 1px solid #e5e5e5;\n}\n.filter-panel h3 {\n  color: #275937;\n}\n.filter-panel .dso-close {\n  --_dso-icon-button-tertiary-color: #191919;\n  position: absolute;\n  inset-block-start: 20px;\n  inset-inline-end: 20px;\n}\n\n.overlay {\n  padding-block: 40px 8px;\n  padding-inline: 16px;\n  inset-inline-end: 0;\n  inline-size: 624px;\n}\n.overlay::backdrop {\n  background-color: rgba(0, 0, 0, 0.5);\n}\n@media screen and (max-width: 624px) {\n  .overlay {\n    inline-size: 100vw;\n  }\n}\n\n@media screen and (min-width: 808px) {\n  :host([main-size=small]) .dso-main-panel,\n  :host([document-panel-size=small]) .dso-document-panel {\n    flex-basis: 375px;\n    min-inline-size: 0;\n    max-inline-size: 375px;\n  }\n}\n@media screen and (min-width: 808px) and (max-width: 375px) {\n  :host([main-size=small]) .dso-main-panel,\n  :host([document-panel-size=small]) .dso-document-panel {\n    flex-basis: 100vw;\n    max-inline-size: 100vw;\n    min-inline-size: 0;\n    transition: none;\n  }\n}\n@media screen and (min-width: 808px) {\n  :host([main-size=medium]) .dso-main-panel,\n  :host([document-panel-size=medium]) .dso-document-panel {\n    flex-basis: 624px;\n    min-inline-size: 375px;\n    max-inline-size: 624px;\n  }\n}\n@media screen and (min-width: 808px) and (max-width: 624px) {\n  :host([main-size=medium]) .dso-main-panel,\n  :host([document-panel-size=medium]) .dso-document-panel {\n    flex-basis: 100vw;\n    max-inline-size: 100vw;\n    min-inline-size: 375px;\n    transition: none;\n  }\n}\n@media screen and (min-width: 808px) {\n  :host([main-size=large]) .dso-main-panel,\n  :host([document-panel-size=large]) .dso-document-panel {\n    flex-basis: 60%;\n    min-inline-size: 768px;\n    max-inline-size: 1024px;\n  }\n}\n@media screen and (min-width: 808px) and (max-width: 768px) {\n  :host([main-size=large]) .dso-main-panel,\n  :host([document-panel-size=large]) .dso-document-panel {\n    flex-basis: 100vw;\n    max-inline-size: 100vw;\n    min-inline-size: 768px;\n    transition: none;\n  }\n}\n@media screen and (min-width: 808px) {\n  :host {\n    display: flex;\n    flex-direction: column;\n    block-size: 100vh;\n    overflow: clip;\n    position: relative;\n  }\n  :host .dso-main-panel.compact,\n  :host .dso-main-panel.expanded {\n    flex-basis: unset;\n    min-inline-size: unset;\n    max-inline-size: unset;\n    inline-size: 440px;\n  }\n  :host .viewer-grid-columns {\n    display: flex;\n    overflow: hidden;\n    flex-grow: 1;\n  }\n  .dso-main-panel,\n  .dso-document-panel {\n    box-shadow: 2px 0 8px 0 rgba(0, 0, 0, 0.4);\n  }\n  .dso-main-panel .content,\n  .dso-document-panel .content {\n    overflow-y: auto;\n  }\n  .filter-panel {\n    margin-inline: 0 auto;\n    inline-size: calc(100vw - 40px);\n  }\n  .filter-panel[open] {\n    border-inline-end: 1px solid #e5e5e5;\n  }\n  .overlay {\n    box-shadow: -2px 0 5px #666;\n    margin-inline: auto 0;\n  }\n}\n@media screen and (min-width: 808px) and (max-width: 1031.99px) {\n  :host([filter-panel-open]) .dso-main-panel {\n    margin-inline-start: 380px;\n    max-inline-size: calc(100vw - 380px);\n  }\n  .filter-panel {\n    inline-size: 380px;\n    inset-inline-start: -380px;\n  }\n}\n@media screen and (max-width: 807.99px) {\n  .dso-navbar {\n    min-block-size: 32px;\n  }\n  .dso-navbar .dso-navbar-header {\n    float: inline-start;\n  }\n  .dso-navbar .dso-navbar-toggle {\n    border-radius: 4px;\n    min-inline-size: auto;\n    padding-block: 5px;\n    padding-inline: 0;\n  }\n  .dso-navbar .dso-navbar-toggle dso-icon {\n    margin-inline-start: 8px;\n    margin-inline-end: 8px;\n  }\n}\n@media screen and (max-width: 807.99px) and (min-width: 992px) {\n  .dso-navbar .dso-navbar-toggle {\n    display: none;\n  }\n}\n@media screen and (max-width: 807.99px) {\n  .dso-navbar.dso-has-navbar-extension .dso-nav > li:last-child {\n    margin-inline-end: 8rem;\n  }\n  .dso-nav {\n    list-style: none;\n    margin-block-end: 0;\n    padding-inline-start: 0;\n  }\n  .dso-nav > li > button {\n    border: 0;\n    background-color: transparent;\n  }\n  .dso-nav > li > a,\n  .dso-nav > li > button {\n    display: block;\n  }\n  .dso-nav > li > a, .dso-nav > li > a:hover, .dso-nav > li > a:focus, .dso-nav > li > a:visited,\n  .dso-nav > li > button,\n  .dso-nav > li > button:hover,\n  .dso-nav > li > button:focus,\n  .dso-nav > li > button:visited {\n    color: #275937;\n  }\n  .dso-nav > li.dso-active > a,\n  .dso-nav > li.dso-active > button, .dso-nav > li.is-active > a,\n  .dso-nav > li.is-active > button {\n    border-block-end: 4px solid #8b4a6a;\n    font-weight: bold;\n  }\n  .dso-nav.dso-nav-main > li {\n    display: inline-block;\n  }\n  .dso-nav.dso-nav-main > li > a,\n  .dso-nav.dso-nav-main > li > button {\n    text-decoration: none;\n  }\n  .dso-nav.dso-nav-main > li > a:hover, .dso-nav.dso-nav-main > li > a:focus-visible, .dso-nav.dso-nav-main > li > a:active,\n  .dso-nav.dso-nav-main > li > button:hover,\n  .dso-nav.dso-nav-main > li > button:focus-visible,\n  .dso-nav.dso-nav-main > li > button:active {\n    text-decoration: underline;\n  }\n  .dso-nav.dso-nav-main > li > a,\n  .dso-nav.dso-nav-main > li > button {\n    font-size: 1.25em;\n    line-height: 1;\n    margin-block-start: 8px;\n    padding-block: 8px 7px;\n    padding-inline: 16px;\n  }\n  .dso-nav.dso-nav-sub > li {\n    display: inline-block;\n  }\n  .dso-nav.dso-nav-sub > li > a,\n  .dso-nav.dso-nav-sub > li > button {\n    text-decoration: none;\n  }\n  .dso-nav.dso-nav-sub > li > a:hover, .dso-nav.dso-nav-sub > li > a:focus-visible, .dso-nav.dso-nav-sub > li > a:active,\n  .dso-nav.dso-nav-sub > li > button:hover,\n  .dso-nav.dso-nav-sub > li > button:focus-visible,\n  .dso-nav.dso-nav-sub > li > button:active {\n    text-decoration: underline;\n  }\n  .dso-nav.dso-nav-sub > li > a,\n  .dso-nav.dso-nav-sub > li > button {\n    font-size: 1rem;\n    margin-block-start: 4px;\n    padding-block: 4px 3px;\n    padding-inline: 8px;\n  }\n  .dso-navbar {\n    padding-inline: 16px;\n  }\n  .dso-nav {\n    border-block-end: 1px solid #ccc;\n    display: flex;\n    gap: 16px;\n    margin-block-start: 0;\n    inline-size: calc(100vw - 32px);\n  }\n  .dso-tertiary {\n    display: inline-block;\n    font-size: 1em;\n    font-weight: 500;\n    margin-block-end: 0;\n    text-decoration: none;\n    touch-action: manipulation;\n    text-align: start;\n    user-select: none;\n    vertical-align: middle;\n  }\n  .dso-tertiary:focus, .dso-tertiary:focus-visible {\n    outline-offset: 2px;\n  }\n  .dso-tertiary:active {\n    outline: 0;\n  }\n  .dso-tertiary {\n    border: 0;\n    color: #39870c;\n    line-height: 1;\n    padding: 0;\n    background-color: transparent;\n  }\n  .dso-tertiary[disabled] {\n    color: #afcf9d;\n  }\n  .dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n    color: #39870c;\n  }\n  .dso-tertiary:not([disabled]):hover {\n    color: #275937;\n    text-decoration: underline;\n    text-underline-position: under;\n  }\n  .dso-tertiary:not([disabled]):active {\n    color: #173521;\n  }\n  .dso-tertiary.dso-align {\n    line-height: calc(1.5em - 1px);\n    padding-block: 11px;\n    padding-inline: 0;\n    position: relative;\n  }\n  .dso-tertiary.dso-truncate {\n    max-inline-size: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .dso-tertiary.dso-spinner-left::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    content: \"\";\n    display: inline-block;\n    block-size: 24px;\n    vertical-align: middle;\n    inline-size: 24px;\n    margin-inline-end: 8px;\n  }\n  .dso-tertiary.dso-spinner-right::after {\n    background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    content: \"\";\n    display: inline-block;\n    block-size: 24px;\n    vertical-align: middle;\n    inline-size: 24px;\n    margin-inline-start: 8px;\n  }\n  .dso-tertiary dso-icon + span:not(.sr-only),\n  .dso-tertiary span:not(.sr-only) + dso-icon {\n    margin-inline-start: 8px;\n  }\n  .dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n  .dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n  .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n  .dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n    margin-inline-start: 0;\n  }\n  .dso-tertiary dso-icon,\n  .dso-tertiary span {\n    vertical-align: middle;\n  }\n  .dso-tertiary {\n    font-weight: 300;\n  }\n  .filter-panel,\n  .overlay {\n    margin-inline: 0;\n    max-inline-size: 100vw;\n    inset-block-start: 0;\n    inline-size: 100vw;\n  }\n  .filter-panel {\n    inset-inline-start: -100vw;\n  }\n}\n@media screen and (min-width: 992px) {\n  :host([filter-panel-open]) .dso-main-panel {\n    margin-inline-start: 380px;\n  }\n}";const x=new ResizeObserver(o((([n])=>{const i=n===null||n===void 0?void 0:n.target.getRootNode();if(i instanceof ShadowRoot&&u(i.host)){i.host._checkMainPanelVisibility()}}),50));function u(n){return n.tagName==="DSO-VIEWER-GRID"}const g=40;const k=768+g;const y=440;const z=class{constructor(n){e(this,n);this.dsoCloseOverlay=a(this,"dsoCloseOverlay",7);this.dsoCloseFilterPanel=a(this,"dsoCloseFilterPanel",7);this.dsoActiveTabSwitch=a(this,"dsoActiveTabSwitch",7);this.dsoMainSizeChangeAnimationEnd=a(this,"dsoMainSizeChangeAnimationEnd",7);this.dsoDocumentPanelSizeChange=a(this,"dsoDocumentPanelSizeChange",7);this.dsoDocumentPanelSizeChangeAnimationEnd=a(this,"dsoDocumentPanelSizeChangeAnimationEnd",7);this.dsoMainPanelToggle=a(this,"dsoMainPanelToggle",7);this.mediaCondition=`(min-width: ${k}px)`;this.filterPanelOpen=false;this.overlayOpen=false;this.documentPanelOpen=false;this.mainSize="large";this.documentPanelSize="large";this.mainPanelExpanded=false;this.mainPanelHidden=false;this.tabView=window.innerWidth<k;this.switchActiveTab=n=>{this.dsoActiveTabSwitch.emit({tab:n})};this.shrinkDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:this.documentPanelSize==="large"?"medium":"small"})};this.expandDocumentPanel=()=>{this.dsoDocumentPanelSizeChange.emit({currentSize:this.documentPanelSize,nextSize:this.documentPanelSize==="small"?"medium":"large"})};this.toggleMainPanel=()=>{if(this.mapElement instanceof HTMLDivElement&&this.mapElement.clientWidth<=y+g+g){this.mainSize="small"}this.dsoMainPanelToggle.emit({hide:!this.mainPanelHidden})};this.changeListener=n=>this.tabView=!n.matches}get filterPanelSlot(){return this.host.querySelector("[slot='filter-panel']")}get overlaySlot(){return this.host.querySelector("[slot='overlay']")}documentPanelOpenWatcher(n){if(n){this._checkMainPanelVisibility()}}filterPanelOpenWatcher(n){var i,e;if(!this.filterPanelSlot){console.warn("slot 'filter-panel' has not been set")}if(n){(i=this.filterPanel)===null||i===void 0?void 0:i.show()}else{(e=this.filterPanel)===null||e===void 0?void 0:e.close()}}overlayOpenWatcher(n){var i,e;if(!this.overlaySlot){console.warn("slot 'overlay' has not been set")}if(n){(i=this.overlay)===null||i===void 0?void 0:i.showModal()}else{(e=this.overlay)===null||e===void 0?void 0:e.close()}}async _checkMainPanelVisibility(){if(this.documentPanelOpen&&!this.mainPanelHidden&&this.mapElement instanceof HTMLDivElement&&(this.mapElement.clientWidth<=y+g+g&&!this.mainPanelExpanded||this.mapElement.clientWidth<=g+g&&this.mainPanelExpanded)){this.dsoMainPanelToggle.emit({hide:true})}}connectedCallback(){window.matchMedia(this.mediaCondition).addEventListener("change",this.changeListener)}componentDidLoad(){var n,i;if(this.filterPanelOpen&&this.filterPanelSlot){(n=this.filterPanel)===null||n===void 0?void 0:n.show()}if(this.overlayOpen&&this.overlaySlot){(i=this.overlay)===null||i===void 0?void 0:i.showModal()}if(this.mapElement instanceof HTMLDivElement){x.observe(this.mapElement)}}disconnectedCallback(){window.matchMedia(this.mediaCondition).removeEventListener("change",this.changeListener);if(this.mapElement){x.unobserve(this.mapElement)}}render(){return n(i,{key:"1a4122fc962df5d43cd8f68ee78ca712ddd33bba"},n("slot",{key:"e1928ab063a06b93f2041fe71e76012070bdca31",name:"top-bar"}),n("div",{key:"18488465f8df22fb195eab8374d8701ccb5774c0",class:"viewer-grid-columns"},this.tabView&&n("nav",{key:"b975c12a1f6087e8be56fa61a5401bcf51c9549c",class:"dso-navbar"},n("ul",{key:"9f45193f92f2e6893b9489029ba0051c878a33dd",class:"dso-nav dso-nav-sub"},l.map((i=>n("li",{key:i,class:t({"dso-active":this.activeTab===i})},n("button",{type:"button",class:"dso-tertiary",onClick:()=>this.switchActiveTab(i)},d[i])))))),(!this.tabView||this.tabView&&this.activeTab==="search")&&n(b,{key:"16175775a1fc2c1c6733859b79129589a72276bd",tabView:this.tabView,mainSize:this.mainSize,documentPanelOpen:this.documentPanelOpen,mainPanelExpanded:this.mainPanelExpanded,mainPanelHidden:this.mainPanelHidden,toggleMainPanel:this.toggleMainPanel,dsoMainSizeChangeAnimationEnd:this.dsoMainSizeChangeAnimationEnd}),(!this.tabView||this.tabView&&this.activeTab==="search")&&n(h,{key:"a77bde1daaea831831e6aef8c72d9b116d8cf57e",open:this.filterPanelOpen,title:this.filterPanelTitle,ref:n=>this.filterPanel=n,dsoCloseFilterPanel:n=>this.dsoCloseFilterPanel.emit({originalEvent:n})}),(!this.tabView||this.tabView&&this.activeTab==="map")&&n("div",{key:"94d2c4cf569223c72b575d562237dcb6bbf64abf",class:"map",ref:n=>this.mapElement=n},n("slot",{key:"30b93bee7bd78970448f80e5eb0cadbf7e3f3838",name:"map"})),(!this.tabView&&this.documentPanelOpen||this.tabView&&this.activeTab==="document")&&n(m,{key:"27332cb7110ad6354d9512570ee0885bcff55f51",tabView:this.tabView,panelSize:this.documentPanelSize,shrinkDocumentPanel:this.shrinkDocumentPanel,expandDocumentPanel:this.expandDocumentPanel,dsoDocumentPanelSizeChangeAnimationEnd:this.dsoDocumentPanelSizeChangeAnimationEnd}),n(v,{key:"3138b795a0ead5eb104b8195a9cfc0877a387f88",ref:n=>this.overlay=n,dsoCloseOverlay:n=>this.dsoCloseOverlay.emit({originalEvent:n})})))}get host(){return s(this)}static get watchers(){return{documentPanelOpen:["documentPanelOpenWatcher"],filterPanelOpen:["filterPanelOpenWatcher"],overlayOpen:["overlayOpenWatcher"]}}};z.style=f;export{z as dso_viewer_grid};
-//# sourceMappingURL=p-27eac763.entry.js.map

package/dist/dso-toolkit/p-27eac763.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["viewerGridTabs","viewerGridTabLabelMap","map","document","search","viewerGridSizeLabelMap","small","medium","large","SizingButton","className","onClick","label","icon","h","variant","class","onDsoClick","SizingButtons","shrink","expand","size","panelLabel","placement","buttons","push","toLocaleLowerCase","DocumentPanel","tabView","panelSize","shrinkDocumentPanel","expandDocumentPanel","dsoDocumentPanelSizeChangeAnimationEnd","onTransitionEnd","e","propertyName","emit","currentSize","name","FilterPanel","open","title","ref","dsoCloseFilterPanel","Fragment","MainPanel","mainSize","documentPanelOpen","mainPanelExpanded","mainPanelHidden","toggleMainPanel","dsoMainSizeChangeAnimationEnd","clsx","compact","contracted","expanded","collapsed","invisible","Overlay","dsoCloseOverlay","onCancel","preventDefault","viewerGridCss","resizeObserver","ResizeObserver","debounce","entry","shadowRoot","target","getRootNode","ShadowRoot","isDsoViewerGridComponent","host","_checkMainPanelVisibility","element","tagName","buttonWidth","tabViewBreakpoint","minMapElementWidth","ViewerGrid","constructor","hostRef","this","mediaCondition","filterPanelOpen","overlayOpen","documentPanelSize","window","innerWidth","switchActiveTab","tab","dsoActiveTabSwitch","dsoDocumentPanelSizeChange","nextSize","mapElement","HTMLDivElement","clientWidth","dsoMainPanelToggle","hide","changeListener","largeScreen","matches","filterPanelSlot","querySelector","overlaySlot","documentPanelOpenWatcher","filterPanelOpenWatcher","console","warn","_a","filterPanel","show","_b","close","overlayOpenWatcher","overlay","showModal","connectedCallback","matchMedia","addEventListener","componentDidLoad","observe","disconnectedCallback","removeEventListener","unobserve","render","key","activeTab","type","filterPanelTitle","originalEvent"],"sources":["src/components/viewer-grid/viewer-grid.interfaces.ts","src/components/viewer-grid/components/sizing-buttons.tsx","src/components/viewer-grid/components/document-panel.tsx","src/components/viewer-grid/components/filter-panel.tsx","src/components/viewer-grid/components/main-panel.tsx","src/components/viewer-grid/components/overlay.tsx","src/components/viewer-grid/viewer-grid.scss?tag=dso-viewer-grid&encapsulation=shadow","src/components/viewer-grid/viewer-grid.tsx"],"sourcesContent":["export interface ViewerGridChangeSizeEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n  nextSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridChangeSizeAnimationEndEvent {\r\n  currentSize: ViewerGridPanelSize;\r\n}\r\n\r\nexport interface ViewerGridCloseOverlayEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridCloseFilterPanelEvent {\r\n  originalEvent: MouseEvent | Event;\r\n}\r\n\r\nexport interface ViewerGridActiveTabSwitchEvent {\r\n  tab: ViewerGridTab;\r\n}\r\n\r\nexport interface ViewerGridMainToggleEvent {\r\n  hide: boolean;\r\n}\r\n\r\nexport type ViewerGridPanelSize = \"small\" | \"medium\" | \"large\";\r\n\r\nexport type ViewerGridLabelSizeMap = { [key in ViewerGridPanelSize]: string };\r\n\r\nexport const viewerGridTabs = [\"search\", \"map\", \"document\"] as const;\r\nexport type ViewerGridTab = (typeof viewerGridTabs)[number];\r\n\r\nexport type ViewerGridTabLabelMap = { [key in ViewerGridTab]: string };\r\n\r\nexport const viewerGridTabLabelMap: ViewerGridTabLabelMap = {\r\n  map: \"Kaart\",\r\n  document: \"Document\",\r\n  search: \"Zoeken\",\r\n};\r\n\r\nexport const viewerGridSizeLabelMap: ViewerGridLabelSizeMap = {\r\n  small: \"smal\",\r\n  medium: \"middel\",\r\n  large: \"breed\",\r\n};\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridPanelSize, viewerGridSizeLabelMap } from \"../viewer-grid.interfaces\";\r\n\r\ninterface SizingButtonProp {\r\n  className: string;\r\n  onClick: any;\r\n  label: string;\r\n  icon: \"chevron-left\" | \"chevron-right\";\r\n}\r\n\r\nconst SizingButton: FunctionalComponent<SizingButtonProp> = ({ className, onClick, label, icon }) => (\r\n  <dso-icon-button variant=\"map\" class={className} onDsoClick={onClick} icon={icon} label={label} />\r\n);\r\n\r\ninterface SizingButtonProps {\r\n  panelLabel: string;\r\n  size: ViewerGridPanelSize;\r\n  expand: () => void;\r\n  shrink: () => void;\r\n  placement: \"left\" | \"right\";\r\n}\r\n\r\nexport const SizingButtons: FunctionalComponent<SizingButtonProps> = ({\r\n  shrink,\r\n  expand,\r\n  size,\r\n  panelLabel,\r\n  placement,\r\n}) => {\r\n  const buttons = [];\r\n\r\n  if (size !== \"small\") {\r\n    buttons.push(\r\n      <SizingButton\r\n        onClick={shrink}\r\n        label={`${panelLabel} smaller maken`}\r\n        icon={placement === \"right\" ? \"chevron-right\" : \"chevron-left\"}\r\n        className=\"shrink\"\r\n      />,\r\n    );\r\n  }\r\n\r\n  if (size !== \"large\") {\r\n    buttons.push(\r\n      <SizingButton\r\n        onClick={expand}\r\n        label={`${panelLabel} breder maken`}\r\n        icon={placement === \"right\" ? \"chevron-left\" : \"chevron-right\"}\r\n        className=\"expand\"\r\n      />,\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div class=\"sizing-buttons\">\r\n      <span class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\r\n        Breedte {panelLabel.toLocaleLowerCase()}: {viewerGridSizeLabelMap[size]}\r\n      </span>\r\n      {buttons}\r\n    </div>\r\n  );\r\n};\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nimport { SizingButtons } from \"./sizing-buttons\";\r\n\r\nexport interface ViewerGridDocumentPanelProps {\r\n  tabView: boolean;\r\n  panelSize: ViewerGridPanelSize;\r\n  shrinkDocumentPanel: () => void;\r\n  expandDocumentPanel: () => void;\r\n  dsoDocumentPanelSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const DocumentPanel: FunctionalComponent<ViewerGridDocumentPanelProps> = ({\r\n  tabView,\r\n  panelSize,\r\n  shrinkDocumentPanel,\r\n  expandDocumentPanel,\r\n  dsoDocumentPanelSizeChangeAnimationEnd,\r\n}) => (\r\n  <div\r\n    class=\"dso-document-panel\"\r\n    onTransitionEnd={(e) => {\r\n      if (e.propertyName === \"flex-basis\") {\r\n        dsoDocumentPanelSizeChangeAnimationEnd.emit({ currentSize: panelSize });\r\n      }\r\n    }}\r\n  >\r\n    {!tabView && (\r\n      <SizingButtons\r\n        panelLabel=\"Documentpaneel\"\r\n        size={panelSize}\r\n        expand={expandDocumentPanel}\r\n        shrink={shrinkDocumentPanel}\r\n        placement=\"right\"\r\n      />\r\n    )}\r\n    <div class=\"content\">\r\n      <slot name=\"document-panel\" />\r\n    </div>\r\n  </div>\r\n);\r\n","import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridFilterPanelProps {\r\n  open: boolean;\r\n  title?: string;\r\n  ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n  dsoCloseFilterPanel: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const FilterPanel: FunctionalComponent<ViewerGridFilterPanelProps> = ({\r\n  open,\r\n  title,\r\n  ref,\r\n  dsoCloseFilterPanel,\r\n}) => (\r\n  <dialog class=\"filter-panel\" ref={ref}>\r\n    {open && (\r\n      <Fragment>\r\n        {title && <h3>{title}</h3>}\r\n        <dso-icon-button\r\n          class=\"dso-close\"\r\n          icon=\"times\"\r\n          variant=\"tertiary\"\r\n          label=\"Sluiten\"\r\n          onDsoClick={dsoCloseFilterPanel}\r\n        />\r\n        <slot name=\"filter-panel\" />\r\n      </Fragment>\r\n    )}\r\n  </dialog>\r\n);\r\n","import { EventEmitter, FunctionalComponent, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { ViewerGridChangeSizeAnimationEndEvent, ViewerGridPanelSize } from \"../viewer-grid.interfaces\";\r\n\r\nexport interface ViewerGridMainPanelProps {\r\n  tabView: boolean;\r\n  mainSize: ViewerGridPanelSize;\r\n  documentPanelOpen: boolean;\r\n  mainPanelExpanded: boolean;\r\n  mainPanelHidden: boolean;\r\n  toggleMainPanel: () => void;\r\n  dsoMainSizeChangeAnimationEnd: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n}\r\n\r\nexport const MainPanel: FunctionalComponent<ViewerGridMainPanelProps> = ({\r\n  tabView,\r\n  mainSize,\r\n  documentPanelOpen,\r\n  mainPanelExpanded,\r\n  mainPanelHidden,\r\n  toggleMainPanel,\r\n  dsoMainSizeChangeAnimationEnd,\r\n}) => (\r\n  <div\r\n    class={clsx(\"dso-main-panel\", {\r\n      compact: !tabView && documentPanelOpen && !mainPanelExpanded,\r\n      contracted: !tabView && !documentPanelOpen && !mainPanelExpanded,\r\n      expanded: !tabView && documentPanelOpen && mainPanelExpanded,\r\n      collapsed: mainPanelHidden,\r\n    })}\r\n    onTransitionEnd={(e) => {\r\n      if (e.propertyName === \"flex-basis\") {\r\n        dsoMainSizeChangeAnimationEnd.emit({ currentSize: mainSize });\r\n      }\r\n    }}\r\n  >\r\n    {!tabView && documentPanelOpen && (\r\n      <div class=\"toggle-button\">\r\n        <dso-icon-button\r\n          variant=\"map\"\r\n          label={`Zoeken paneel ${mainPanelHidden ? \"tonen\" : \"verbergen\"}`}\r\n          icon={mainPanelHidden ? \"chevron-right\" : \"chevron-left\"}\r\n          onDsoClick={toggleMainPanel}\r\n        ></dso-icon-button>\r\n      </div>\r\n    )}\r\n    <div class={clsx(\"content\", { invisible: mainPanelHidden })}>\r\n      <slot name=\"main\" />\r\n    </div>\r\n  </div>\r\n);\r\n","import { FunctionalComponent, h } from \"@stencil/core\";\r\n\r\nexport interface ViewerGridOverlayProps {\r\n  ref: ((element: HTMLDialogElement | undefined) => void) | undefined;\r\n  dsoCloseOverlay: (event: MouseEvent | Event) => void;\r\n}\r\n\r\nexport const Overlay: FunctionalComponent<ViewerGridOverlayProps> = ({ ref, dsoCloseOverlay }) => (\r\n  <dialog\r\n    class=\"overlay\"\r\n    ref={ref}\r\n    onCancel={(e) => {\r\n      e.preventDefault();\r\n\r\n      dsoCloseOverlay(e);\r\n    }}\r\n  >\r\n    <dso-icon-button\r\n      class=\"overlay-close-button\"\r\n      icon=\"times\"\r\n      variant=\"tertiary\"\r\n      label=\"Sluiten\"\r\n      onDsoClick={dsoCloseOverlay}\r\n    />\r\n    <slot name=\"overlay\" />\r\n  </dialog>\r\n);\r\n","@use \"~dso-toolkit/src/components/grid\" as css-grid;\r\n\r\n@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/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/heading\";\r\n@use \"~dso-toolkit/src/components/navbar\";\r\n\r\n@use \"viewer-grid.variables\" as core-viewer-grid-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host {\r\n  .overlay {\r\n    block-size: calc(100% - units.$u4);\r\n    margin-block: units.$u2;\r\n    margin-inline: auto units.$u2;\r\n  }\r\n\r\n  .dso-main-panel {\r\n    transition:\r\n      min-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n      margin-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n  }\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.overlay-close-button {\r\n  position: absolute;\r\n  line-height: 1;\r\n  inset-block-start: units.$u1;\r\n  inset-inline-end: css-grid.$grid-gutter-width * 0.5;\r\n}\r\n\r\n.content.invisible {\r\n  visibility: hidden;\r\n}\r\n\r\n.viewer-grid-columns {\r\n  position: relative;\r\n}\r\n\r\n.dso-main-panel,\r\n.dso-document-panel {\r\n  .content {\r\n    block-size: 100%;\r\n    padding-block: 0;\r\n    padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n  }\r\n}\r\n\r\n.dso-main-panel {\r\n  background-color: colors.$wit;\r\n  flex-shrink: 0;\r\n  flex-grow: 0;\r\n  position: relative;\r\n  transition:\r\n    flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n    max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n    min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n  z-index: zindex.$viewer-grid-main-panel;\r\n\r\n  &.compact,\r\n  &.expanded {\r\n    &.collapsed {\r\n      inset-inline-start: -432px;\r\n    }\r\n  }\r\n\r\n  &.compact,\r\n  &.contracted {\r\n    flex-shrink: unset;\r\n    flex-grow: unset;\r\n    position: absolute;\r\n    transition: none;\r\n  }\r\n\r\n  &.expanded.collapsed {\r\n    position: absolute;\r\n    block-size: 100%;\r\n  }\r\n\r\n  .sizing-buttons,\r\n  .toggle-button {\r\n    inset-inline-start: calc(100% + 1px);\r\n    transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n    padding-block: 0 units.$u1;\r\n    padding-inline: 0 units.$u1 * 0.5;\r\n  }\r\n\r\n  .toggle-button {\r\n    --_dso-icon-button-map-border-radius: 0 4px 4px 0;\r\n  }\r\n}\r\n\r\n.dso-document-panel {\r\n  background-color: colors.$wit;\r\n  flex-shrink: 0;\r\n  flex-grow: 0;\r\n  position: relative;\r\n  transition:\r\n    flex-basis core-viewer-grid-variables.$transition-time ease-in,\r\n    max-inline-size core-viewer-grid-variables.$transition-time ease-in,\r\n    min-inline-size core-viewer-grid-variables.$transition-time ease-in;\r\n  z-index: zindex.$viewer-grid-main-panel;\r\n\r\n  .sizing-buttons {\r\n    inset-block-start: auto;\r\n    inset-block-end: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n    inset-inline-end: calc(100% + 1px);\r\n    transition: inset-inline-end core-viewer-grid-variables.$transition-time ease-in;\r\n    padding-block: 0 units.$u1;\r\n    padding-inline: units.$u1 * 0.5 0;\r\n\r\n    .shrink,\r\n    .expand {\r\n      --_dso-icon-button-map-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px 0px;\r\n      --_dso-icon-button-map-border-radius: 4px 0 0 4px;\r\n    }\r\n  }\r\n}\r\n\r\n.sizing-buttons,\r\n.toggle-button {\r\n  overflow-x: hidden;\r\n  position: absolute;\r\n  inset-block-start: core-viewer-grid-variables.$sizing-buttons-block-start;\r\n  inline-size: core-viewer-grid-variables.$resize-button-size + units.$u1 * 0.5;\r\n  z-index: zindex.$viewer-grid-sizing-buttons;\r\n}\r\n\r\n.map {\r\n  block-size: 100%;\r\n  inline-size: 100%;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.filter-panel,\r\n.overlay {\r\n  background-color: colors.$wit;\r\n  border: 0;\r\n  block-size: 100%;\r\n  margin-block: 0;\r\n  max-block-size: 100vh;\r\n  overflow-y: auto;\r\n  z-index: zindex.$viewer-grid-main-panel + 1;\r\n}\r\n\r\n.filter-panel {\r\n  display: block;\r\n  position: absolute;\r\n  padding-block: units.$u1;\r\n  padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n  inset-block-start: 0;\r\n  block-size: 100%;\r\n  inset-inline-start: calc(core-viewer-grid-variables.$filter-panel-max-inline-size * -1);\r\n  inline-size: 100%;\r\n  transition: inset-inline-start core-viewer-grid-variables.$transition-time ease-in;\r\n\r\n  @media screen and (max-width: core-viewer-grid-variables.$filter-panel-inline-size) {\r\n    inline-size: 100vw;\r\n\r\n    &::before {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  @media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n    max-inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n  }\r\n\r\n  &[open] {\r\n    inset-inline-start: 0;\r\n    box-shadow: none;\r\n    border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n  }\r\n\r\n  h3 {\r\n    color: colors.$bosgroen;\r\n  }\r\n\r\n  .dso-close {\r\n    --_dso-icon-button-tertiary-color: #{colors.$grijs-90};\r\n\r\n    position: absolute;\r\n    inset-block-start: 20px;\r\n    inset-inline-end: 20px;\r\n  }\r\n}\r\n\r\n.overlay {\r\n  padding-block: units.$u5 units.$u1;\r\n  padding-inline: css-grid.$grid-gutter-width * 0.5;\r\n  inset-inline-end: 0;\r\n  inline-size: core-viewer-grid-variables.$overlay-inline-size;\r\n\r\n  &::backdrop {\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  @media screen and (max-width: core-viewer-grid-variables.$overlay-inline-size) {\r\n    inline-size: 100vw;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-sm-min + units.$u5}) {\r\n  :host([main-size=\"small\"]) .dso-main-panel,\r\n  :host([document-panel-size=\"small\"]) .dso-document-panel {\r\n    flex-basis: core-viewer-grid-variables.$small;\r\n    min-inline-size: 0;\r\n    max-inline-size: core-viewer-grid-variables.$small;\r\n\r\n    @media screen and (max-width: core-viewer-grid-variables.$small) {\r\n      flex-basis: 100vw;\r\n      max-inline-size: 100vw;\r\n      min-inline-size: 0;\r\n      transition: none;\r\n    }\r\n  }\r\n\r\n  :host([main-size=\"medium\"]) .dso-main-panel,\r\n  :host([document-panel-size=\"medium\"]) .dso-document-panel {\r\n    flex-basis: core-viewer-grid-variables.$medium;\r\n    min-inline-size: core-viewer-grid-variables.$small;\r\n    max-inline-size: core-viewer-grid-variables.$medium;\r\n\r\n    @media screen and (max-width: core-viewer-grid-variables.$medium) {\r\n      flex-basis: 100vw;\r\n      max-inline-size: 100vw;\r\n      min-inline-size: core-viewer-grid-variables.$small;\r\n      transition: none;\r\n    }\r\n  }\r\n\r\n  :host([main-size=\"large\"]) .dso-main-panel,\r\n  :host([document-panel-size=\"large\"]) .dso-document-panel {\r\n    flex-basis: core-viewer-grid-variables.$large;\r\n    min-inline-size: core-viewer-grid-variables.$large-min;\r\n    max-inline-size: core-viewer-grid-variables.$large-max;\r\n\r\n    @media screen and (max-width: core-viewer-grid-variables.$large-min) {\r\n      flex-basis: 100vw;\r\n      max-inline-size: 100vw;\r\n      min-inline-size: core-viewer-grid-variables.$large-min;\r\n      transition: none;\r\n    }\r\n  }\r\n\r\n  :host {\r\n    display: flex;\r\n    flex-direction: column;\r\n    block-size: 100vh;\r\n    overflow: clip;\r\n    position: relative;\r\n\r\n    .dso-main-panel.compact,\r\n    .dso-main-panel.expanded {\r\n      flex-basis: unset;\r\n      min-inline-size: unset;\r\n      max-inline-size: unset;\r\n      inline-size: 440px;\r\n    }\r\n\r\n    .viewer-grid-columns {\r\n      display: flex;\r\n      overflow: hidden;\r\n      flex-grow: 1;\r\n    }\r\n  }\r\n\r\n  .dso-main-panel,\r\n  .dso-document-panel {\r\n    box-shadow: units.$u1 * 0.25 0 units.$u1 0 rgba(0, 0, 0, 0.4);\r\n\r\n    .content {\r\n      overflow-y: auto;\r\n    }\r\n  }\r\n\r\n  .filter-panel {\r\n    margin-inline: 0 auto;\r\n    inline-size: calc(100vw - 40px);\r\n\r\n    &[open] {\r\n      border-inline-end: 1px solid core-viewer-grid-variables.$filter-panel-border-color;\r\n    }\r\n  }\r\n\r\n  .overlay {\r\n    box-shadow: -2px 0 5px colors.$grijs-60;\r\n    margin-inline: auto 0;\r\n  }\r\n\r\n  @media screen and (max-width: #{media-query-breakpoints.$screen-sm-max + units.$u5 + 0.99}) {\r\n    :host([filter-panel-open]) {\r\n      .dso-main-panel {\r\n        margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n        max-inline-size: calc(100vw - #{core-viewer-grid-variables.$filter-panel-max-inline-size});\r\n      }\r\n    }\r\n\r\n    .filter-panel {\r\n      inline-size: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n      inset-inline-start: -(core-viewer-grid-variables.$filter-panel-max-inline-size);\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: #{media-query-breakpoints.$screen-xs-max + units.$u5 + 0.99}) {\r\n  @include navbar.root();\r\n\r\n  .dso-navbar {\r\n    padding-inline: units.$u2;\r\n  }\r\n\r\n  .dso-nav {\r\n    @include navbar.nav-border();\r\n\r\n    display: flex;\r\n    gap: units.$u2;\r\n    margin-block-start: 0;\r\n    inline-size: calc(100vw - units.$u4);\r\n  }\r\n\r\n  .dso-tertiary {\r\n    @include button.tertiary($modifiers: false);\r\n\r\n    // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n    & {\r\n      font-weight: 300;\r\n    }\r\n  }\r\n\r\n  .filter-panel,\r\n  .overlay {\r\n    margin-inline: 0;\r\n    max-inline-size: 100vw;\r\n    inset-block-start: 0;\r\n    inline-size: 100vw;\r\n  }\r\n\r\n  .filter-panel {\r\n    inset-inline-start: -100vw;\r\n  }\r\n}\r\n\r\n@media screen and (min-width: #{media-query-breakpoints.$screen-md-min}) {\r\n  :host([filter-panel-open]) {\r\n    .dso-main-panel {\r\n      margin-inline-start: core-viewer-grid-variables.$filter-panel-max-inline-size;\r\n    }\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Fragment, Method, Prop, State, Watch, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\nimport { DocumentPanel, FilterPanel, MainPanel, Overlay } from \"./components\";\r\nimport {\r\n  ViewerGridActiveTabSwitchEvent,\r\n  ViewerGridChangeSizeAnimationEndEvent,\r\n  ViewerGridChangeSizeEvent,\r\n  ViewerGridCloseFilterPanelEvent,\r\n  ViewerGridCloseOverlayEvent,\r\n  ViewerGridMainToggleEvent,\r\n  ViewerGridPanelSize,\r\n  ViewerGridTab,\r\n  viewerGridTabLabelMap,\r\n  viewerGridTabs,\r\n} from \"./viewer-grid.interfaces\";\r\n\r\nconst resizeObserver = new ResizeObserver(\r\n  debounce(([entry]) => {\r\n    const shadowRoot = entry?.target.getRootNode();\r\n    if (shadowRoot instanceof ShadowRoot && isDsoViewerGridComponent(shadowRoot.host)) {\r\n      shadowRoot.host._checkMainPanelVisibility();\r\n    }\r\n  }, 50),\r\n);\r\n\r\nfunction isDsoViewerGridComponent(element: Element): element is HTMLDsoViewerGridElement {\r\n  return element.tagName === \"DSO-VIEWER-GRID\";\r\n}\r\n\r\nconst buttonWidth = 40;\r\n\r\nconst tabViewBreakpoint = 768 + buttonWidth;\r\n\r\nconst minMapElementWidth = 440;\r\n\r\n/**\r\n * @slot top-bar - Een slot die bovenaan de viewer over de hele breedte kan worden gevuld met bijv een banner.\r\n * @slot main\r\n * @slot map\r\n * @slot filter-panel\r\n * @slot overlay\r\n * @slot document-panel\r\n */\r\n@Component({\r\n  tag: \"dso-viewer-grid\",\r\n  styleUrl: \"viewer-grid.scss\",\r\n  shadow: true,\r\n})\r\nexport class ViewerGrid {\r\n  private mediaCondition = `(min-width: ${tabViewBreakpoint}px)`;\r\n\r\n  private mapElement?: HTMLDivElement;\r\n\r\n  /**\r\n   * The title of the filter panel\r\n   */\r\n  @Prop({ reflect: true })\r\n  filterPanelTitle?: string;\r\n\r\n  /**\r\n   * Set to true when filter panel should show.\r\n   */\r\n  @Prop({ reflect: true })\r\n  filterPanelOpen = false;\r\n\r\n  /**\r\n   * Set to true when overlay should show.\r\n   */\r\n  @Prop({ reflect: true })\r\n  overlayOpen = false;\r\n\r\n  /**\r\n   * Set to true when document panel should show.\r\n   */\r\n  @Prop({ reflect: true })\r\n  documentPanelOpen = false;\r\n\r\n  /**\r\n   * Size of the panel when component loads.\r\n   *\r\n   * Default size is `large`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  mainSize: ViewerGridPanelSize = \"large\";\r\n\r\n  /**\r\n   * Set active tab in tab view.\r\n   */\r\n  @Prop()\r\n  activeTab?: ViewerGridTab;\r\n\r\n  /**\r\n   * Size of the panel when component loads.\r\n   *\r\n   * Default size is `large`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  documentPanelSize: ViewerGridPanelSize = \"large\";\r\n\r\n  /**\r\n   * Set to show main panel expanded.\r\n   */\r\n  @Prop()\r\n  mainPanelExpanded = false;\r\n\r\n  /**\r\n   * Set to hide the main panel.\r\n   */\r\n  @Prop()\r\n  mainPanelHidden = false;\r\n\r\n  /**\r\n   * Emitted when user wants to close the overlay.\r\n   */\r\n  @Event()\r\n  dsoCloseOverlay!: EventEmitter<ViewerGridCloseOverlayEvent>;\r\n\r\n  /**\r\n   * Emitted when user wants to close the filter panel.\r\n   */\r\n  @Event()\r\n  dsoCloseFilterPanel!: EventEmitter<ViewerGridCloseFilterPanelEvent>;\r\n\r\n  /**\r\n   * Emitted when user applies filter panel options.\r\n   */\r\n  @Event()\r\n  dsoActiveTabSwitch!: EventEmitter<ViewerGridActiveTabSwitchEvent>;\r\n\r\n  /**\r\n   * Emitted after main size animation.\r\n   */\r\n  @Event()\r\n  dsoMainSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n  /**\r\n   * Emitted on interaction with sizing buttons.\r\n   */\r\n  @Event()\r\n  dsoDocumentPanelSizeChange!: EventEmitter<ViewerGridChangeSizeEvent>;\r\n\r\n  /**\r\n   * Emitted after main size animation.\r\n   */\r\n  @Event()\r\n  dsoDocumentPanelSizeChangeAnimationEnd!: EventEmitter<ViewerGridChangeSizeAnimationEndEvent>;\r\n\r\n  /**\r\n   * Emitted when the user toggles the visibility of the main panel.\r\n   *\r\n   * Also emitted by scripting when the panels do not fit anymore.\r\n   */\r\n  @Event()\r\n  dsoMainPanelToggle!: EventEmitter<ViewerGridMainToggleEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoViewerGridElement;\r\n\r\n  @State()\r\n  tabView = window.innerWidth < tabViewBreakpoint;\r\n\r\n  private filterPanel: HTMLDialogElement | undefined;\r\n\r\n  private get filterPanelSlot() {\r\n    return this.host.querySelector(\"[slot='filter-panel']\");\r\n  }\r\n\r\n  private get overlaySlot() {\r\n    return this.host.querySelector(\"[slot='overlay']\");\r\n  }\r\n\r\n  private overlay: HTMLDialogElement | undefined;\r\n\r\n  @Watch(\"documentPanelOpen\")\r\n  documentPanelOpenWatcher(open: boolean) {\r\n    if (open) {\r\n      this._checkMainPanelVisibility();\r\n    }\r\n  }\r\n\r\n  @Watch(\"filterPanelOpen\")\r\n  filterPanelOpenWatcher(open: boolean) {\r\n    if (!this.filterPanelSlot) {\r\n      console.warn(\"slot 'filter-panel' has not been set\");\r\n    }\r\n\r\n    if (open) {\r\n      this.filterPanel?.show();\r\n    } else {\r\n      this.filterPanel?.close();\r\n    }\r\n  }\r\n\r\n  @Watch(\"overlayOpen\")\r\n  overlayOpenWatcher(open: boolean) {\r\n    if (!this.overlaySlot) {\r\n      console.warn(\"slot 'overlay' has not been set\");\r\n    }\r\n\r\n    if (open) {\r\n      this.overlay?.showModal();\r\n    } else {\r\n      this.overlay?.close();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _checkMainPanelVisibility() {\r\n    if (\r\n      this.documentPanelOpen &&\r\n      !this.mainPanelHidden &&\r\n      this.mapElement instanceof HTMLDivElement &&\r\n      ((this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth && !this.mainPanelExpanded) ||\r\n        (this.mapElement.clientWidth <= buttonWidth + buttonWidth && this.mainPanelExpanded))\r\n    ) {\r\n      this.dsoMainPanelToggle.emit({\r\n        hide: true,\r\n      });\r\n    }\r\n  }\r\n\r\n  private switchActiveTab = (tab: ViewerGridTab) => {\r\n    this.dsoActiveTabSwitch.emit({\r\n      tab,\r\n    });\r\n  };\r\n\r\n  private shrinkDocumentPanel = () => {\r\n    this.dsoDocumentPanelSizeChange.emit({\r\n      currentSize: this.documentPanelSize,\r\n      nextSize: this.documentPanelSize === \"large\" ? \"medium\" : \"small\",\r\n    });\r\n  };\r\n\r\n  private expandDocumentPanel = () => {\r\n    this.dsoDocumentPanelSizeChange.emit({\r\n      currentSize: this.documentPanelSize,\r\n      nextSize: this.documentPanelSize === \"small\" ? \"medium\" : \"large\",\r\n    });\r\n  };\r\n\r\n  private toggleMainPanel = () => {\r\n    if (\r\n      this.mapElement instanceof HTMLDivElement &&\r\n      this.mapElement.clientWidth <= minMapElementWidth + buttonWidth + buttonWidth\r\n    ) {\r\n      this.mainSize = \"small\";\r\n    }\r\n\r\n    this.dsoMainPanelToggle.emit({\r\n      hide: !this.mainPanelHidden,\r\n    });\r\n  };\r\n\r\n  private changeListener = (largeScreen: MediaQueryListEvent) => (this.tabView = !largeScreen.matches);\r\n\r\n  connectedCallback() {\r\n    window.matchMedia(this.mediaCondition).addEventListener(\"change\", this.changeListener);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.filterPanelOpen && this.filterPanelSlot) {\r\n      this.filterPanel?.show();\r\n    }\r\n\r\n    if (this.overlayOpen && this.overlaySlot) {\r\n      this.overlay?.showModal();\r\n    }\r\n\r\n    if (this.mapElement instanceof HTMLDivElement) {\r\n      resizeObserver.observe(this.mapElement);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    window.matchMedia(this.mediaCondition).removeEventListener(\"change\", this.changeListener);\r\n\r\n    if (this.mapElement) {\r\n      resizeObserver.unobserve(this.mapElement);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <slot name=\"top-bar\" />\r\n        <div class=\"viewer-grid-columns\">\r\n          {this.tabView && (\r\n            <nav class=\"dso-navbar\">\r\n              <ul class=\"dso-nav dso-nav-sub\">\r\n                {viewerGridTabs.map((tab) => (\r\n                  <li key={tab} class={clsx({ \"dso-active\": this.activeTab === tab })}>\r\n                    <button type=\"button\" class=\"dso-tertiary\" onClick={() => this.switchActiveTab(tab)}>\r\n                      {viewerGridTabLabelMap[tab]}\r\n                    </button>\r\n                  </li>\r\n                ))}\r\n              </ul>\r\n            </nav>\r\n          )}\r\n          {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n            <MainPanel\r\n              tabView={this.tabView}\r\n              mainSize={this.mainSize}\r\n              documentPanelOpen={this.documentPanelOpen}\r\n              mainPanelExpanded={this.mainPanelExpanded}\r\n              mainPanelHidden={this.mainPanelHidden}\r\n              toggleMainPanel={this.toggleMainPanel}\r\n              dsoMainSizeChangeAnimationEnd={this.dsoMainSizeChangeAnimationEnd}\r\n            ></MainPanel>\r\n          )}\r\n          {(!this.tabView || (this.tabView && this.activeTab === \"search\")) && (\r\n            <FilterPanel\r\n              open={this.filterPanelOpen}\r\n              title={this.filterPanelTitle}\r\n              ref={(element) => (this.filterPanel = element)}\r\n              dsoCloseFilterPanel={(e) => this.dsoCloseFilterPanel.emit({ originalEvent: e })}\r\n            ></FilterPanel>\r\n          )}\r\n          {(!this.tabView || (this.tabView && this.activeTab === \"map\")) && (\r\n            <div class=\"map\" ref={(element) => (this.mapElement = element)}>\r\n              <slot name=\"map\" />\r\n            </div>\r\n          )}\r\n          {((!this.tabView && this.documentPanelOpen) || (this.tabView && this.activeTab === \"document\")) && (\r\n            <DocumentPanel\r\n              tabView={this.tabView}\r\n              panelSize={this.documentPanelSize}\r\n              shrinkDocumentPanel={this.shrinkDocumentPanel}\r\n              expandDocumentPanel={this.expandDocumentPanel}\r\n              dsoDocumentPanelSizeChangeAnimationEnd={this.dsoDocumentPanelSizeChangeAnimationEnd}\r\n            ></DocumentPanel>\r\n          )}\r\n          <Overlay\r\n            ref={(element) => (this.overlay = element)}\r\n            dsoCloseOverlay={(e) => this.dsoCloseOverlay.emit({ originalEvent: e })}\r\n          ></Overlay>\r\n        </div>\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gKA6BO,MAAMA,EAAiB,CAAC,SAAU,MAAO,YAKzC,MAAMC,EAA+C,CAC1DC,IAAK,QACLC,SAAU,WACVC,OAAQ,UAGH,MAAMC,EAAiD,CAC5DC,MAAO,OACPC,OAAQ,SACRC,MAAO,SChCT,MAAMC,EAAsD,EAAGC,YAAWC,UAASC,QAAOC,UACxFC,EAAA,mBAAiBC,QAAQ,MAAMC,MAAON,EAAWO,WAAYN,EAASE,KAAMA,EAAMD,MAAOA,IAWpF,MAAMM,EAAwD,EACnEC,SACAC,SACAC,OACAC,aACAC,gBAEA,MAAMC,EAAU,GAEhB,GAAIH,IAAS,QAAS,CACpBG,EAAQC,KACNX,EAACL,EACC,CAAAE,QAASQ,EACTP,MAAO,GAAGU,kBACVT,KAAMU,IAAc,QAAU,gBAAkB,eAChDb,UAAU,W,CAKhB,GAAIW,IAAS,QAAS,CACpBG,EAAQC,KACNX,EAACL,EACC,CAAAE,QAASS,EACTR,MAAO,GAAGU,iBACVT,KAAMU,IAAc,QAAU,eAAiB,gBAC/Cb,UAAU,W,CAKhB,OACEI,EAAA,OAAKE,MAAM,kBACTF,EAAA,QAAME,MAAM,UAAoB,qBAAQ,cAAa,Q,WAC1CM,EAAWI,oB,KAAuBrB,EAAuBgB,IAEnEG,EACG,EC9CH,MAAMG,EAAmE,EAC9EC,UACAC,YACAC,sBACAC,sBACAC,4CAEAlB,EAAA,OACEE,MAAM,qBACNiB,gBAAkBC,IAChB,GAAIA,EAAEC,eAAiB,aAAc,CACnCH,EAAuCI,KAAK,CAAEC,YAAaR,G,KAI7DD,GACAd,EAACI,EACC,CAAAI,WAAW,iBACXD,KAAMQ,EACNT,OAAQW,EACRZ,OAAQW,EACRP,UAAU,UAGdT,EAAK,OAAAE,MAAM,WACTF,EAAA,QAAMwB,KAAK,qBC9BV,MAAMC,EAA+D,EAC1EC,OACAC,QACAC,MACAC,yBAEA7B,EAAA,UAAQE,MAAM,eAAe0B,IAAKA,GAC/BF,GACC1B,EAAC8B,EAAQ,KACNH,GAAS3B,EAAK,UAAA2B,GACf3B,EAAA,mBACEE,MAAM,YACNH,KAAK,QACLE,QAAQ,WACRH,MAAM,UACNK,WAAY0B,IAEd7B,EAAM,QAAAwB,KAAK,mBCXZ,MAAMO,EAA2D,EACtEjB,UACAkB,WACAC,oBACAC,oBACAC,kBACAC,kBACAC,mCAEArC,EAAA,OACEE,MAAOoC,EAAK,iBAAkB,CAC5BC,SAAUzB,GAAWmB,IAAsBC,EAC3CM,YAAa1B,IAAYmB,IAAsBC,EAC/CO,UAAW3B,GAAWmB,GAAqBC,EAC3CQ,UAAWP,IAEbhB,gBAAkBC,IAChB,GAAIA,EAAEC,eAAiB,aAAc,CACnCgB,EAA8Bf,KAAK,CAAEC,YAAaS,G,KAIpDlB,GAAWmB,GACXjC,EAAK,OAAAE,MAAM,iBACTF,EAAA,mBACEC,QAAQ,MACRH,MAAO,iBAAiBqC,EAAkB,QAAU,cACpDpC,KAAMoC,EAAkB,gBAAkB,eAC1ChC,WAAYiC,KAIlBpC,EAAK,OAAAE,MAAOoC,EAAK,UAAW,CAAEK,UAAWR,KACvCnC,EAAA,QAAMwB,KAAK,WCzCV,MAAMoB,EAAuD,EAAGhB,MAAKiB,qBAC1E7C,EACE,UAAAE,MAAM,UACN0B,IAAKA,EACLkB,SAAW1B,IACTA,EAAE2B,iBAEFF,EAAgBzB,EAAE,GAGpBpB,EAAA,mBACEE,MAAM,uBACNH,KAAK,QACLE,QAAQ,WACRH,MAAM,UACNK,WAAY0C,IAEd7C,EAAA,QAAMwB,KAAK,aCxBf,MAAMwB,EAAgB,8xbCkBtB,MAAMC,EAAiB,IAAIC,eACzBC,GAAS,EAAEC,MACT,MAAMC,EAAaD,IAAK,MAALA,SAAK,SAALA,EAAOE,OAAOC,cACjC,GAAIF,aAAsBG,YAAcC,EAAyBJ,EAAWK,MAAO,CACjFL,EAAWK,KAAKC,2B,IAEjB,KAGL,SAASF,EAAyBG,GAChC,OAAOA,EAAQC,UAAY,iBAC7B,CAEA,MAAMC,EAAc,GAEpB,MAAMC,EAAoB,IAAMD,EAEhC,MAAME,EAAqB,I,MAedC,EAAU,MALvB,WAAAC,CAAAC,G,qdAMUC,KAAAC,eAAiB,eAAeN,OAcxCK,KAAeE,gBAAG,MAMlBF,KAAWG,YAAG,MAMdH,KAAiBnC,kBAAG,MAQpBmC,KAAQpC,SAAwB,QAchCoC,KAAiBI,kBAAwB,QAMzCJ,KAAiBlC,kBAAG,MAMpBkC,KAAejC,gBAAG,MAkDlBiC,KAAAtD,QAAU2D,OAAOC,WAAaX,EAiEtBK,KAAAO,gBAAmBC,IACzBR,KAAKS,mBAAmBvD,KAAK,CAC3BsD,OACA,EAGIR,KAAmBpD,oBAAG,KAC5BoD,KAAKU,2BAA2BxD,KAAK,CACnCC,YAAa6C,KAAKI,kBAClBO,SAAUX,KAAKI,oBAAsB,QAAU,SAAW,SAC1D,EAGIJ,KAAmBnD,oBAAG,KAC5BmD,KAAKU,2BAA2BxD,KAAK,CACnCC,YAAa6C,KAAKI,kBAClBO,SAAUX,KAAKI,oBAAsB,QAAU,SAAW,SAC1D,EAGIJ,KAAehC,gBAAG,KACxB,GACEgC,KAAKY,sBAAsBC,gBAC3Bb,KAAKY,WAAWE,aAAelB,EAAqBF,EAAcA,EAClE,CACAM,KAAKpC,SAAW,O,CAGlBoC,KAAKe,mBAAmB7D,KAAK,CAC3B8D,MAAOhB,KAAKjC,iBACZ,EAGIiC,KAAAiB,eAAkBC,GAAsClB,KAAKtD,SAAWwE,EAAYC,OAuF7F,CArLC,mBAAYC,GACV,OAAOpB,KAAKV,KAAK+B,cAAc,wB,CAGjC,eAAYC,GACV,OAAOtB,KAAKV,KAAK+B,cAAc,mB,CAMjC,wBAAAE,CAAyBjE,GACvB,GAAIA,EAAM,CACR0C,KAAKT,2B,EAKT,sBAAAiC,CAAuBlE,G,QACrB,IAAK0C,KAAKoB,gBAAiB,CACzBK,QAAQC,KAAK,uC,CAGf,GAAIpE,EAAM,EACRqE,EAAA3B,KAAK4B,eAAa,MAAAD,SAAA,SAAAA,EAAAE,M,KACb,EACLC,EAAA9B,KAAK4B,eAAa,MAAAE,SAAA,SAAAA,EAAAC,O,EAKtB,kBAAAC,CAAmB1E,G,QACjB,IAAK0C,KAAKsB,YAAa,CACrBG,QAAQC,KAAK,kC,CAGf,GAAIpE,EAAM,EACRqE,EAAA3B,KAAKiC,WAAS,MAAAN,SAAA,SAAAA,EAAAO,W,KACT,EACLJ,EAAA9B,KAAKiC,WAAS,MAAAH,SAAA,SAAAA,EAAAC,O,EAQlB,+BAAMxC,GACJ,GACES,KAAKnC,oBACJmC,KAAKjC,iBACNiC,KAAKY,sBAAsBC,iBACzBb,KAAKY,WAAWE,aAAelB,EAAqBF,EAAcA,IAAgBM,KAAKlC,mBACtFkC,KAAKY,WAAWE,aAAepB,EAAcA,GAAeM,KAAKlC,mBACpE,CACAkC,KAAKe,mBAAmB7D,KAAK,CAC3B8D,KAAM,M,EAwCZ,iBAAAmB,GACE9B,OAAO+B,WAAWpC,KAAKC,gBAAgBoC,iBAAiB,SAAUrC,KAAKiB,e,CAGzE,gBAAAqB,G,QACE,GAAItC,KAAKE,iBAAmBF,KAAKoB,gBAAiB,EAChDO,EAAA3B,KAAK4B,eAAa,MAAAD,SAAA,SAAAA,EAAAE,M,CAGpB,GAAI7B,KAAKG,aAAeH,KAAKsB,YAAa,EACxCQ,EAAA9B,KAAKiC,WAAS,MAAAH,SAAA,SAAAA,EAAAI,W,CAGhB,GAAIlC,KAAKY,sBAAsBC,eAAgB,CAC7ChC,EAAe0D,QAAQvC,KAAKY,W,EAIhC,oBAAA4B,GACEnC,OAAO+B,WAAWpC,KAAKC,gBAAgBwC,oBAAoB,SAAUzC,KAAKiB,gBAE1E,GAAIjB,KAAKY,WAAY,CACnB/B,EAAe6D,UAAU1C,KAAKY,W,EAIlC,MAAA+B,GACE,OACE/G,EAAC8B,EAAQ,CAAAkF,IAAA,4CACPhH,EAAM,QAAAgH,IAAA,2CAAAxF,KAAK,YACXxB,EAAK,OAAAgH,IAAA,2CAAA9G,MAAM,uBACRkE,KAAKtD,SACJd,EAAK,OAAAgH,IAAA,2CAAA9G,MAAM,cACTF,EAAA,MAAAgH,IAAA,2CAAI9G,MAAM,uBACPhB,EAAeE,KAAKwF,GACnB5E,EAAI,MAAAgH,IAAKpC,EAAK1E,MAAOoC,EAAK,CAAE,aAAc8B,KAAK6C,YAAcrC,KAC3D5E,EAAA,UAAQkH,KAAK,SAAShH,MAAM,eAAeL,QAAS,IAAMuE,KAAKO,gBAAgBC,IAC5EzF,EAAsByF,WAOhCR,KAAKtD,SAAYsD,KAAKtD,SAAWsD,KAAK6C,YAAc,WACrDjH,EAAC+B,EACC,CAAAiF,IAAA,2CAAAlG,QAASsD,KAAKtD,QACdkB,SAAUoC,KAAKpC,SACfC,kBAAmBmC,KAAKnC,kBACxBC,kBAAmBkC,KAAKlC,kBACxBC,gBAAiBiC,KAAKjC,gBACtBC,gBAAiBgC,KAAKhC,gBACtBC,8BAA+B+B,KAAK/B,kCAGrC+B,KAAKtD,SAAYsD,KAAKtD,SAAWsD,KAAK6C,YAAc,WACrDjH,EAACyB,EAAW,CAAAuF,IAAA,2CACVtF,KAAM0C,KAAKE,gBACX3C,MAAOyC,KAAK+C,iBACZvF,IAAMgC,GAAaQ,KAAK4B,YAAcpC,EACtC/B,oBAAsBT,GAAMgD,KAAKvC,oBAAoBP,KAAK,CAAE8F,cAAehG,QAG5EgD,KAAKtD,SAAYsD,KAAKtD,SAAWsD,KAAK6C,YAAc,QACrDjH,EAAA,OAAAgH,IAAA,2CAAK9G,MAAM,MAAM0B,IAAMgC,GAAaQ,KAAKY,WAAapB,GACpD5D,EAAA,QAAAgH,IAAA,2CAAMxF,KAAK,WAGX4C,KAAKtD,SAAWsD,KAAKnC,mBAAuBmC,KAAKtD,SAAWsD,KAAK6C,YAAc,aACjFjH,EAACa,EACC,CAAAmG,IAAA,2CAAAlG,QAASsD,KAAKtD,QACdC,UAAWqD,KAAKI,kBAChBxD,oBAAqBoD,KAAKpD,oBAC1BC,oBAAqBmD,KAAKnD,oBAC1BC,uCAAwCkD,KAAKlD,yCAGjDlB,EAAC4C,EACC,CAAAoE,IAAA,2CAAApF,IAAMgC,GAAaQ,KAAKiC,QAAUzC,EAClCf,gBAAkBzB,GAAMgD,KAAKvB,gBAAgBvB,KAAK,CAAE8F,cAAehG,O","ignoreList":[]}

package/dist/dso-toolkit/p-2d35ce14.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as e,g as s}from"./p-DxWmN7gh.js";import{c as i}from"./p-ChV9xqsO.js";import{d as r}from"./p-DDU8nTJS.js";import"./p-BFTU3MAI.js";const n=':host{display:block;block-size:100%;overflow-y:hidden}*,*::after,*::before{box-sizing:border-box}.dso-shadow-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;position:relative}.dso-shadow-container .dso-scroll-container{block-size:100%;max-block-size:inherit;min-block-size:inherit;overflow-y:auto}.dso-shadow-container .dso-scroll-container::before,.dso-shadow-container .dso-scroll-container::after{background-repeat:no-repeat;background-size:100% 24px;content:"";display:block;block-size:24px;inset-inline-start:0;opacity:0;overflow:visible;position:absolute;transition:opacity 150ms ease-in-out;inline-size:100%;pointer-events:none;z-index:1}.dso-shadow-container .dso-scroll-container::before{background-image:linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-start:0}.dso-shadow-container .dso-scroll-container::after{background-image:linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));inset-block-end:0}.dso-shadow-container .dso-scroll-container.dso-scroll-bottom::before{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-top::after{opacity:1}.dso-shadow-container .dso-scroll-container.dso-scroll-middle::before,.dso-shadow-container .dso-scroll-container.dso-scroll-middle::after{opacity:1}';const a=new ResizeObserver(r((o=>o.forEach((o=>{var t;return(t=l(o))===null||t===void 0?void 0:t._setScrollState()}))),50));function l({target:o}){if(o.parentNode instanceof ShadowRoot&&c(o.parentNode.host)){return o.parentNode.host}if(o.parentElement&&c(o.parentElement)){return o.parentElement}return undefined}function c(o){return o.tagName==="DSO-SCROLLABLE"}const d=class{constructor(e){o(this,e);this.dsoScrollEnd=t(this,"dsoScrollEnd",7);this.mutationObserver=new MutationObserver((o=>o.forEach((({target:o})=>{var t;const e=(t=o.parentElement)===null||t===void 0?void 0:t.closest("dso-scrollable");if(e!==this.host){return}this._setScrollState()}))));this.scrollPosition="noScroll"}async _setScrollState(){if(!this.host.isConnected){return}const o=this.getScrollPosition();if(this.scrollPosition!==o){this.scrollPosition=o;if(this.scrollPosition==="top"||this.scrollPosition==="bottom"){this.dsoScrollEnd.emit({scrollEnd:this.scrollPosition})}}}get slottedElements(){return Array.from(this.host.children)}getScrollPosition(){if(!this.scrollContainerDiv){return"noScroll"}const{scrollHeight:o,clientHeight:t,scrollTop:e}=this.scrollContainerDiv;if(o<=t){return"noScroll"}if(e===0){return"top"}if(o-e-t<1){return"bottom"}if(e>0){return"middle"}return"noScroll"}componentDidLoad(){this.mutationObserver.observe(this.host,{characterData:true,attributes:false,childList:false,subtree:true});if(this.shadowContainerDiv instanceof HTMLDivElement){a.observe(this.shadowContainerDiv)}this.slottedElements.forEach((o=>a.observe(o)))}disconnectedCallback(){if(this.shadowContainerDiv instanceof HTMLDivElement){a.unobserve(this.shadowContainerDiv)}this.mutationObserver.disconnect();this.slottedElements.forEach((o=>a.unobserve(o)))}render(){return e("div",{key:"cd2e8869fe88a66ae39be86f693e99a0b049169a",ref:o=>this.shadowContainerDiv=o,class:"dso-shadow-container"},e("div",{key:"9b6612d2f5d55d87dd37ea837ca575b47a9e3607",ref:o=>this.scrollContainerDiv=o,class:i("dso-scroll-container",{[`dso-scroll-${this.scrollPosition}`]:this.scrollPosition!=="noScroll"}),onScroll:()=>this._setScrollState()},e("slot",{key:"0e726000193e43041424c113d9a53a0d7ffe91e4"})))}get host(){return s(this)}};d.style=n;export{d as dso_scrollable};
-//# sourceMappingURL=p-2d35ce14.entry.js.map

package/dist/dso-toolkit/p-2d35ce14.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["scrollableCss","resizeObserver","ResizeObserver","debounce","entries","forEach","entry","_a","getScrollableComponentFromResizeObserverEntry","_setScrollState","target","parentNode","ShadowRoot","isDsoScrollableComponent","host","parentElement","undefined","element","tagName","Scrollable","constructor","hostRef","this","mutationObserver","MutationObserver","closest","scrollPosition","isConnected","getScrollPosition","dsoScrollEnd","emit","scrollEnd","slottedElements","Array","from","children","scrollContainerDiv","scrollHeight","clientHeight","scrollTop","componentDidLoad","observe","characterData","attributes","childList","subtree","shadowContainerDiv","HTMLDivElement","disconnectedCallback","unobserve","disconnect","render","h","key","ref","el","class","clsx","onScroll"],"sources":["src/components/scrollable/scrollable.scss?tag=dso-scrollable&encapsulation=shadow","src/components/scrollable/scrollable.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  display: block;\r\n  block-size: 100%;\r\n  overflow-y: hidden;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-shadow-container {\r\n  block-size: 100%;\r\n  max-block-size: inherit;\r\n  min-block-size: inherit;\r\n  position: relative;\r\n\r\n  .dso-scroll-container {\r\n    block-size: 100%;\r\n    max-block-size: inherit;\r\n    min-block-size: inherit;\r\n    overflow-y: auto;\r\n\r\n    &::before,\r\n    &::after {\r\n      background-repeat: no-repeat;\r\n      background-size: 100% units.$u3;\r\n      content: \"\";\r\n      display: block;\r\n      block-size: units.$u3;\r\n      inset-inline-start: 0;\r\n      opacity: 0;\r\n      overflow: visible;\r\n      position: absolute;\r\n      transition: opacity 150ms ease-in-out;\r\n      inline-size: 100%;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    &::before {\r\n      background-image: linear-gradient(to top, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));\r\n      inset-block-start: 0;\r\n    }\r\n\r\n    &::after {\r\n      background-image: linear-gradient(to bottom, rgba(183, 183, 183, 0), rgba(183, 183, 183, 0.7));\r\n      inset-block-end: 0;\r\n    }\r\n\r\n    &.dso-scroll-bottom {\r\n      &::before {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    &.dso-scroll-top {\r\n      &::after {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n    &.dso-scroll-middle {\r\n      &::before,\r\n      &::after {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Component, Element, Event, EventEmitter, Method, State, h } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\nimport { DsoScrollEndEvent, ScrollPosition } from \"./scrollable.interfaces\";\r\n\r\nconst resizeObserver = new ResizeObserver(\r\n  debounce(\r\n    (entries: ResizeObserverEntry[]) =>\r\n      entries.forEach((entry) => getScrollableComponentFromResizeObserverEntry(entry)?._setScrollState()),\r\n    50,\r\n  ),\r\n);\r\n\r\nfunction getScrollableComponentFromResizeObserverEntry({\r\n  target,\r\n}: ResizeObserverEntry): HTMLDsoScrollableElement | undefined {\r\n  if (target.parentNode instanceof ShadowRoot && isDsoScrollableComponent(target.parentNode.host)) {\r\n    return target.parentNode.host;\r\n  }\r\n\r\n  if (target.parentElement && isDsoScrollableComponent(target.parentElement)) {\r\n    return target.parentElement;\r\n  }\r\n\r\n  return undefined;\r\n}\r\n\r\nfunction isDsoScrollableComponent(element: Element): element is HTMLDsoScrollableElement {\r\n  return element.tagName === \"DSO-SCROLLABLE\";\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-scrollable\",\r\n  styleUrl: \"scrollable.scss\",\r\n  shadow: true,\r\n})\r\nexport class Scrollable {\r\n  // One MutationObserver per instance because of https://github.com/whatwg/dom/issues/126\r\n  private mutationObserver = new MutationObserver((entries) =>\r\n    entries.forEach(({ target }) => {\r\n      const element = target.parentElement?.closest(\"dso-scrollable\");\r\n      if (element !== this.host) {\r\n        return;\r\n      }\r\n\r\n      this._setScrollState();\r\n    }),\r\n  );\r\n\r\n  private scrollContainerDiv?: HTMLDivElement;\r\n\r\n  private shadowContainerDiv?: HTMLDivElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoScrollableElement;\r\n\r\n  /**\r\n   * Event emitted when the scrollbar has reached top or bottom.\r\n   */\r\n  @Event()\r\n  dsoScrollEnd!: EventEmitter<DsoScrollEndEvent>;\r\n\r\n  @State()\r\n  scrollPosition: ScrollPosition = \"noScroll\";\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _setScrollState() {\r\n    if (!this.host.isConnected) {\r\n      return;\r\n    }\r\n\r\n    const scrollPosition = this.getScrollPosition();\r\n    if (this.scrollPosition !== scrollPosition) {\r\n      this.scrollPosition = scrollPosition;\r\n\r\n      if (this.scrollPosition === \"top\" || this.scrollPosition === \"bottom\") {\r\n        this.dsoScrollEnd.emit({ scrollEnd: this.scrollPosition });\r\n      }\r\n    }\r\n  }\r\n\r\n  private get slottedElements() {\r\n    return Array.from(this.host.children);\r\n  }\r\n\r\n  private getScrollPosition(): ScrollPosition {\r\n    if (!this.scrollContainerDiv) {\r\n      return \"noScroll\";\r\n    }\r\n\r\n    const { scrollHeight, clientHeight, scrollTop } = this.scrollContainerDiv;\r\n\r\n    if (scrollHeight <= clientHeight) {\r\n      return \"noScroll\";\r\n    }\r\n\r\n    if (scrollTop === 0) {\r\n      return \"top\";\r\n    }\r\n\r\n    if (scrollHeight - scrollTop - clientHeight < 1) {\r\n      return \"bottom\";\r\n    }\r\n\r\n    if (scrollTop > 0) {\r\n      return \"middle\";\r\n    }\r\n\r\n    return \"noScroll\";\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.mutationObserver.observe(this.host, {\r\n      characterData: true,\r\n      attributes: false,\r\n      childList: false,\r\n      subtree: true,\r\n    });\r\n\r\n    if (this.shadowContainerDiv instanceof HTMLDivElement) {\r\n      resizeObserver.observe(this.shadowContainerDiv);\r\n    }\r\n\r\n    this.slottedElements.forEach((element) => resizeObserver.observe(element));\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    if (this.shadowContainerDiv instanceof HTMLDivElement) {\r\n      resizeObserver.unobserve(this.shadowContainerDiv);\r\n    }\r\n\r\n    this.mutationObserver.disconnect();\r\n\r\n    this.slottedElements.forEach((element) => resizeObserver.unobserve(element));\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div ref={(el) => (this.shadowContainerDiv = el)} class=\"dso-shadow-container\">\r\n        <div\r\n          ref={(el) => (this.scrollContainerDiv = el)}\r\n          class={clsx(\"dso-scroll-container\", {\r\n            [`dso-scroll-${this.scrollPosition}`]: this.scrollPosition !== \"noScroll\",\r\n          })}\r\n          onScroll={() => this._setScrollState()}\r\n        >\r\n          <slot></slot>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yJAAA,MAAMA,EAAgB,uxCCMtB,MAAMC,EAAiB,IAAIC,eACzBC,GACGC,GACCA,EAAQC,SAASC,IAAK,IAAAC,EAAK,OAAAA,EAAAC,EAA8CF,MAAM,MAAAC,SAAA,SAAAA,EAAEE,iBAAiB,KACpG,KAIJ,SAASD,GAA8CE,OACrDA,IAEA,GAAIA,EAAOC,sBAAsBC,YAAcC,EAAyBH,EAAOC,WAAWG,MAAO,CAC/F,OAAOJ,EAAOC,WAAWG,I,CAG3B,GAAIJ,EAAOK,eAAiBF,EAAyBH,EAAOK,eAAgB,CAC1E,OAAOL,EAAOK,a,CAGhB,OAAOC,SACT,CAEA,SAASH,EAAyBI,GAChC,OAAOA,EAAQC,UAAY,gBAC7B,C,MAOaC,EAAU,MALvB,WAAAC,CAAAC,G,qDAOUC,KAAAC,iBAAmB,IAAIC,kBAAkBpB,GAC/CA,EAAQC,SAAQ,EAAGK,a,MACjB,MAAMO,GAAUV,EAAAG,EAAOK,iBAAa,MAAAR,SAAA,SAAAA,EAAEkB,QAAQ,kBAC9C,GAAIR,IAAYK,KAAKR,KAAM,CACzB,M,CAGFQ,KAAKb,iBAAiB,MAkB1Ba,KAAcI,eAAmB,UA2FlC,CArFC,qBAAMjB,GACJ,IAAKa,KAAKR,KAAKa,YAAa,CAC1B,M,CAGF,MAAMD,EAAiBJ,KAAKM,oBAC5B,GAAIN,KAAKI,iBAAmBA,EAAgB,CAC1CJ,KAAKI,eAAiBA,EAEtB,GAAIJ,KAAKI,iBAAmB,OAASJ,KAAKI,iBAAmB,SAAU,CACrEJ,KAAKO,aAAaC,KAAK,CAAEC,UAAWT,KAAKI,gB,GAK/C,mBAAYM,GACV,OAAOC,MAAMC,KAAKZ,KAAKR,KAAKqB,S,CAGtB,iBAAAP,GACN,IAAKN,KAAKc,mBAAoB,CAC5B,MAAO,U,CAGT,MAAMC,aAAEA,EAAYC,aAAEA,EAAYC,UAAEA,GAAcjB,KAAKc,mBAEvD,GAAIC,GAAgBC,EAAc,CAChC,MAAO,U,CAGT,GAAIC,IAAc,EAAG,CACnB,MAAO,K,CAGT,GAAIF,EAAeE,EAAYD,EAAe,EAAG,CAC/C,MAAO,Q,CAGT,GAAIC,EAAY,EAAG,CACjB,MAAO,Q,CAGT,MAAO,U,CAGT,gBAAAC,GACElB,KAAKC,iBAAiBkB,QAAQnB,KAAKR,KAAM,CACvC4B,cAAe,KACfC,WAAY,MACZC,UAAW,MACXC,QAAS,OAGX,GAAIvB,KAAKwB,8BAA8BC,eAAgB,CACrD9C,EAAewC,QAAQnB,KAAKwB,mB,CAG9BxB,KAAKU,gBAAgB3B,SAASY,GAAYhB,EAAewC,QAAQxB,I,CAGnE,oBAAA+B,GACE,GAAI1B,KAAKwB,8BAA8BC,eAAgB,CACrD9C,EAAegD,UAAU3B,KAAKwB,mB,CAGhCxB,KAAKC,iBAAiB2B,aAEtB5B,KAAKU,gBAAgB3B,SAASY,GAAYhB,EAAegD,UAAUhC,I,CAGrE,MAAAkC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,IAAMC,GAAQjC,KAAKwB,mBAAqBS,EAAKC,MAAM,wBACtDJ,EACE,OAAAC,IAAA,2CAAAC,IAAMC,GAAQjC,KAAKc,mBAAqBmB,EACxCC,MAAOC,EAAK,uBAAwB,CAClC,CAAC,cAAcnC,KAAKI,kBAAmBJ,KAAKI,iBAAmB,aAEjEgC,SAAU,IAAMpC,KAAKb,mBAErB2C,EAAa,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/dso-toolkit/p-32b64025.entry.js

@@ -1,2 +0,0 @@
-import{r as n,c as t,f as o,h as e,F as s,g as i}from"./p-DxWmN7gh.js";import{c as r}from"./p-ChV9xqsO.js";const d="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-tertiary:focus, .dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\n.dso-tertiary:active {\n  outline: 0;\n}\n.dso-tertiary {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\n.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\n.dso-tertiary[disabled].dso-spinner-left, .dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\n.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\n.dso-tertiary.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\n.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\n.dso-tertiary dso-icon + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n}\n.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\n.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\n.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-inline-start: 0;\n}\n.dso-tertiary dso-icon,\n.dso-tertiary span {\n  vertical-align: middle;\n}\n.dso-tertiary {\n  cursor: pointer;\n}\n\n.dso-input-number {\n  align-items: center;\n  display: flex;\n}\n.dso-input-number .dso-input-step-counter {\n  text-align: center;\n  inline-size: 1.5rem;\n  font-size: 14px;\n}\n\n.dso-button-group {\n  display: flex;\n  flex-direction: row;\n}\n.dso-button-group.dso-disabled > * {\n  background-color: #fff;\n  border-color: #e5e5e5;\n  color: #666;\n}\n.dso-button-group.dso-disabled > * {\n  pointer-events: none;\n}\n.dso-button-group > * {\n  border-radius: 0;\n}\n.dso-button-group > *:first-child {\n  border-radius: 4px 0 0 4px;\n}\n.dso-button-group > *:not(:first-child) {\n  border-inline-start-style: none !important;\n}\n.dso-button-group > *:last-child {\n  border-radius: 0 4px 4px 0;\n}\n.dso-button-group > *:only-child {\n  border-radius: 4px;\n}\n.dso-button-group > .dso-input-number {\n  border-style: solid;\n  border-width: 1px;\n  flex-wrap: nowrap;\n  padding-block: 0;\n  padding-inline: 16px;\n}\n.dso-button-group > .dso-input-number {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n@media screen and (max-width: 767px) {\n  .dso-button-group > .dso-input-number {\n    justify-content: center;\n  }\n}\n.dso-button-group > *:hover + .dso-input-number,\n.dso-button-group > *:focus + .dso-input-number {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  box-shadow: inset 0 -1px 0 0 #39870c, inset 0 1px 0 0 #39870c, inset -1px 0 0 0 #39870c;\n}\n.dso-button-group > *.dso-selected + .dso-input-number {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-button-group > *:active + .dso-input-number, .dso-button-group > *:active + .dso-input-number:hover,\n.dso-button-group > *.active + .dso-input-number,\n.dso-button-group > *.active + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  opacity: 1;\n}\n.dso-button-group > *.disabled + .dso-input-number, .dso-button-group > *.disabled + .dso-input-number:hover,\n.dso-button-group > *[disabled] + .dso-input-number,\n.dso-button-group > *[disabled] + .dso-input-number:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-button-group .dso-list-button {\n  padding-inline-end: 15px;\n}\n\n.dso-list-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\n.dso-list-button:focus, .dso-list-button:focus-visible {\n  outline-offset: 2px;\n}\n.dso-list-button:active {\n  outline: 0;\n}\n.dso-list-button {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #191919;\n}\n.dso-list-button {\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 600;\n  padding-block: 15px;\n  padding-inline: 15px 47px;\n  position: relative;\n  text-align: start;\n  white-space: normal;\n  inline-size: 100%;\n  cursor: pointer;\n}\n.dso-list-button:hover, .dso-list-button:focus {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #191919;\n}\n.dso-list-button:active, .dso-list-button:active:hover, .dso-list-button.active, .dso-list-button.active:hover {\n  background-color: #fff;\n  border-color: #d7e7ce;\n  color: #191919;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #ccc;\n  color: #666;\n}\n.dso-list-button.disabled, .dso-list-button.disabled:hover, .dso-list-button[disabled], .dso-list-button[disabled]:hover {\n  opacity: 1;\n}\n.dso-list-button dso-selectable:not(:last-child) {\n  margin-block-end: 0;\n}\n.dso-list-button .dso-selectable-container label {\n  font-weight: 700;\n}\n.dso-list-button.dso-selected {\n  border-color: #39870c;\n  border-width: 1px;\n  box-shadow: inset 0px 0px 0px 1px #39870c, inset -1px 0px 0px 0px #39870c;\n}\n@media screen and (min-width: 768px) {\n  .dso-list-button.dso-selected.dso-single-count {\n    border-inline-end: 0;\n    box-shadow: #39870c 0px 1px 0px 0px inset, #39870c 1px 0px 0px 0px inset, #39870c 0px -1px 0px 0px inset;\n  }\n}\n.dso-list-button label {\n  cursor: inherit;\n}\n.dso-list-button > span {\n  display: block;\n}\n.dso-list-button .dso-sublabel,\n.dso-list-button .subcontent {\n  font-weight: 400;\n  inline-size: 100%;\n  padding-inline-start: 32px;\n}\n.dso-list-button dso-icon {\n  block-size: 24px;\n  color: #39870c;\n  inset-block-start: 15px;\n  inset-inline-end: 15px;\n  inline-size: 24px;\n  page-break-before: always;\n  position: absolute;\n}\n@media screen and (max-width: 767px) {\n  .dso-list-button.dso-selected.dso-single-count::after {\n    inline-size: 0;\n  }\n}";const a=class{constructor(o){n(this,o);this.dsoCountChange=t(this,"dsoCountChange",7);this.dsoSelectedChange=t(this,"dsoSelectedChange",7);this.checked=false;this.disabled=false}get subcontentSlot(){return this.host.querySelector("[slot='subcontent']")}connectedCallback(){this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true})}componentDidRender(){var n,t;if(!((n=this.subcontentSlot)===null||n===void 0?void 0:n.hasAttribute("aria-hidden"))){(t=this.subcontentSlot)===null||t===void 0?void 0:t.setAttribute("aria-hidden","true")}}disconnectedCallback(){var n;(n=this.mutationObserver)===null||n===void 0?void 0:n.disconnect();delete this.mutationObserver}stepValue(n,t){if(typeof this.count==="number"){const o=t==="increment"?this.count+1:this.count-1;if(!this.isNewCountValid(o)){return}this.dsoCountChange.emit({originalEvent:n,count:o})}}handleSelectClick(n){n.preventDefault();if(this.count!==undefined){this.dsoCountChange.emit({originalEvent:n,count:this.count>0?0:1});return}this.dsoSelectedChange.emit({originalEvent:n,checked:!this.checked})}isNewCountValid(n){return!(this.min!==undefined&&this.max!==undefined&&(n<Number(this.min)||n>Number(this.max)))}render(){const n=this.checked||this.count!==undefined&&this.count>0;return e("div",{key:"8cbfa76101157d473ca590fae8abb9dc0b21ed4f",class:r(["dso-button-group",{"dso-disabled":this.disabled}])},e("div",{key:"827c846d4b1f675c8c1cfdb88e74d8e1c6f89a25",class:r(["dso-list-button",{"dso-selected":n,"dso-single-count":this.count===1}]),onClick:n=>this.handleSelectClick(n)},e("dso-selectable",{key:"8d6dd54020dafcb0422299ac5c8a22b3a40940e1",type:"checkbox",value:"list-button",name:"naam",checked:n,disabled:this.disabled},this.label,this.sublabel&&e("span",{key:"f4977f991eb94ed7a39c52dc4a1080329f62516c",class:"sr-only"}," ",this.sublabel),this.subcontentSlot&&e("span",{key:"cbbe81498a4fa41bf56562912dfd1970bf8ba7ea",class:"sr-only"},this.subcontentPrefix&&this.subcontentPrefix+":"," ",e("span",{key:"253b1cfea57ecfb1c217caa59ec110cd0c727c28",innerHTML:this.subcontentSlot.innerHTML}))),this.sublabel&&e("span",{key:"f9ac1b6becfe6437862ecd53686ddfc1173ee859",class:"dso-sublabel"},this.sublabel),this.subcontentSlot&&e("div",{key:"b46d7fd959d085c6485c79dd50e15d4ad6c21d0c",class:"subcontent"},e("slot",{key:"a482b7d5837ccded712c9586fa90a7e47232b768",name:"subcontent"}))),this.count!==undefined&&this.count>0&&e("div",{key:"be7eeb3245496ddf7c46a2ad964b94b3f569b2cf",class:"dso-input-number"},this.count>1&&e(s,{key:"afc63a9435f731bb4475be5bcfaea77da68fd80e"},e("dso-icon-button",{key:"231403e30c4475e11b3615d7a5b9360cf548a8a9",label:"Aantal verlagen",variant:"tertiary",icon:"minus-circle",disabled:this.count===Number(this.min)||this.disabled,onDsoClick:n=>this.stepValue(n,"decrement")}),e("span",{key:"18907024014d48c2c421898b009d7675748d5cab",class:"dso-input-step-counter","aria-label":"Aantal","aria-live":"polite"},this.count)),e("dso-icon-button",{key:"08d683773392eb6248a7b4698473321757d90c40",label:"Aantal verhogen",variant:"tertiary",icon:"plus-circle",disabled:this.count===Number(this.max)||this.disabled,onDsoClick:n=>this.stepValue(n,"increment")})))}get host(){return i(this)}};a.style=d;export{a as dso_list_button};
-//# sourceMappingURL=p-32b64025.entry.js.map

package/dist/dso-toolkit/p-32b64025.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["listButtonCss","ListButton","constructor","hostRef","this","checked","disabled","subcontentSlot","host","querySelector","connectedCallback","mutationObserver","MutationObserver","forceUpdate","observe","characterData","childList","subtree","attributes","componentDidRender","_a","hasAttribute","_b","setAttribute","disconnectedCallback","disconnect","stepValue","e","direction","count","newValue","isNewCountValid","dsoCountChange","emit","originalEvent","handleSelectClick","preventDefault","undefined","dsoSelectedChange","min","max","Number","render","selected","h","key","class","clsx","onClick","type","value","name","label","sublabel","subcontentPrefix","innerHTML","Fragment","variant","icon","onDsoClick"],"sources":["src/components/list-button/list-button.scss?tag=dso-list-button&encapsulation=shadow","src/components/list-button/list-button.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/form-control\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n\r\n@use \"list-button.variables\" as list-button-variables;\r\n\r\n@include utilities.box-sizing();\r\n\r\n@mixin _state-styling($background-color: inherit, $border-color: inherit, $color: inherit) {\r\n  & {\r\n    background-color: $background-color;\r\n    border-color: $border-color;\r\n    color: $color;\r\n  }\r\n}\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-tertiary {\r\n  @include button.tertiary($modifiers: false);\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n  & {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.dso-input-number {\r\n  align-items: center;\r\n  display: flex;\r\n\r\n  .dso-input-step-counter {\r\n    text-align: center;\r\n    inline-size: units.$ru3;\r\n    font-size: list-button-variables.$font-size-count;\r\n  }\r\n}\r\n\r\n.dso-button-group {\r\n  display: flex;\r\n  flex-direction: row;\r\n\r\n  &.dso-disabled {\r\n    > * {\r\n      @include _state-styling(colors.$wit, colors.$grijs-10, colors.$grijs-60);\r\n\r\n      // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n      & {\r\n        pointer-events: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  > * {\r\n    border-radius: 0;\r\n\r\n    &:first-child {\r\n      border-radius: list-button-variables.$border-radius 0 0 list-button-variables.$border-radius;\r\n    }\r\n\r\n    &:not(:first-child) {\r\n      border-inline-start-style: none !important;\r\n    }\r\n\r\n    &:last-child {\r\n      border-radius: 0 list-button-variables.$border-radius list-button-variables.$border-radius 0;\r\n    }\r\n\r\n    &:only-child {\r\n      border-radius: list-button-variables.$border-radius;\r\n    }\r\n  }\r\n\r\n  > .dso-input-number {\r\n    border-style: solid;\r\n    border-width: 1px;\r\n    flex-wrap: nowrap;\r\n    padding-block: 0;\r\n    padding-inline: units.$u2;\r\n\r\n    @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-90);\r\n\r\n    @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  > *:hover + .dso-input-number,\r\n  > *:focus + .dso-input-number {\r\n    @include _state-styling(colors.$wit, button.$secondary-hover-background-color, colors.$grijs-90);\r\n  }\r\n\r\n  > *.dso-selected + .dso-input-number {\r\n    box-shadow:\r\n      inset 0 -1px 0 0 button.$secondary-border-color,\r\n      inset 0 1px 0 0 button.$secondary-border-color,\r\n      inset -1px 0 0 0 button.$secondary-border-color;\r\n\r\n    @include _state-styling(colors.$wit, button.$secondary-border-color, colors.$grijs-90);\r\n  }\r\n\r\n  > *:active + .dso-input-number,\r\n  > *.active + .dso-input-number {\r\n    &,\r\n    &:hover {\r\n      @include _state-styling(colors.$wit, button.$secondary-hover-background-color, colors.$grijs-90);\r\n    }\r\n  }\r\n\r\n  > *.disabled + .dso-input-number,\r\n  > *[disabled] + .dso-input-number {\r\n    &,\r\n    &:hover {\r\n      opacity: 1;\r\n\r\n      @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-60);\r\n    }\r\n  }\r\n\r\n  .dso-list-button {\r\n    padding-inline-end: #{units.$u2 - 1};\r\n  }\r\n}\r\n\r\n.dso-list-button {\r\n  @include button.base($modifiers: false);\r\n  @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-90);\r\n\r\n  // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2977\r\n  & {\r\n    border-radius: button.$border-radius;\r\n    border-width: 1px;\r\n    border-style: solid;\r\n    font-weight: 600;\r\n    padding-block: #{units.$u2 - 1};\r\n    padding-inline: #{units.$u2 - 1} #{units.$u6 - 1};\r\n    position: relative;\r\n    text-align: start;\r\n    white-space: normal;\r\n    inline-size: 100%;\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    @include _state-styling(colors.$wit, button.$secondary-border-color, colors.$grijs-90);\r\n  }\r\n\r\n  &:active,\r\n  &.active {\r\n    &,\r\n    &:hover {\r\n      @include _state-styling(colors.$wit, button.$secondary-hover-background-color, colors.$grijs-90);\r\n    }\r\n  }\r\n\r\n  &.disabled,\r\n  &[disabled] {\r\n    &,\r\n    &:hover {\r\n      @include _state-styling(colors.$wit, colors.$grijs-20, colors.$grijs-60);\r\n\r\n      // stylelint-disable-next-line no-duplicate-selectors -- needed to fix sass deprecation warnings: #2724\r\n      & {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  dso-selectable:not(:last-child) {\r\n    margin-block-end: 0;\r\n  }\r\n\r\n  .dso-selectable-container label {\r\n    font-weight: 700;\r\n  }\r\n\r\n  &.dso-selected {\r\n    border-color: colors.$grasgroen;\r\n    border-width: 1px;\r\n    box-shadow:\r\n      inset 0px 0px 0px 1px colors.$grasgroen,\r\n      inset -1px 0px 0px 0px colors.$grasgroen;\r\n\r\n    &.dso-single-count {\r\n      @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {\r\n        border-inline-end: 0;\r\n        box-shadow:\r\n          colors.$grasgroen 0px 1px 0px 0px inset,\r\n          colors.$grasgroen 1px 0px 0px 0px inset,\r\n          colors.$grasgroen 0px -1px 0px 0px inset;\r\n      }\r\n    }\r\n  }\r\n\r\n  label {\r\n    cursor: inherit;\r\n  }\r\n\r\n  > span {\r\n    display: block;\r\n  }\r\n\r\n  .dso-sublabel,\r\n  .subcontent {\r\n    font-weight: 400;\r\n    inline-size: 100%;\r\n    padding-inline-start: units.$u4;\r\n  }\r\n\r\n  dso-icon {\r\n    block-size: units.$u3;\r\n    color: colors.$grasgroen;\r\n    inset-block-start: #{units.$u2 - 1};\r\n    inset-inline-end: #{units.$u2 - 1};\r\n    inline-size: units.$u3;\r\n    page-break-before: always;\r\n    position: absolute;\r\n  }\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    &.dso-selected.dso-single-count {\r\n      &::after {\r\n        inline-size: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Prop,\r\n  forceUpdate,\r\n  h,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\n\r\nimport { ListButtonChangeEvent, ListButtonSelectedEvent } from \"./list-button.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-list-button\",\r\n  shadow: true,\r\n  styleUrl: \"list-button.scss\",\r\n})\r\nexport class ListButton implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoListButtonElement;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private get subcontentSlot() {\r\n    return this.host.querySelector<HTMLElement>(\"[slot='subcontent']\");\r\n  }\r\n\r\n  /**\r\n   * The label of the List Button.\r\n   */\r\n  @Prop()\r\n  label?: string;\r\n\r\n  /**\r\n   * The sublabel of the List Button.\r\n   */\r\n  @Prop()\r\n  sublabel?: string;\r\n\r\n  /**\r\n   * When defined the count can show on the List Button.\r\n   */\r\n  @Prop()\r\n  count?: number;\r\n\r\n  /**\r\n   * The minimum value.\r\n   */\r\n  @Prop()\r\n  min?: string | number;\r\n\r\n  /**\r\n   * The maximum value.\r\n   */\r\n  @Prop()\r\n  max?: string | number;\r\n\r\n  /**\r\n   * Whether the List Button is checked.\r\n   */\r\n  @Prop({ reflect: true })\r\n  checked = false;\r\n\r\n  /**\r\n   * Whether the List Button is disabled.\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Prefix to subcontent for the purpose of screenreading.\r\n   */\r\n  @Prop()\r\n  subcontentPrefix?: string;\r\n\r\n  /**\r\n   * Emitted when the user changes the count.\r\n   */\r\n  @Event()\r\n  dsoCountChange!: EventEmitter<ListButtonChangeEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the List Button itself.\r\n   *\r\n   * Does not fire when the user activates the count controls.\r\n   */\r\n  @Event()\r\n  dsoSelectedChange!: EventEmitter<ListButtonSelectedEvent>;\r\n\r\n  connectedCallback() {\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      characterData: true,\r\n      childList: true,\r\n      subtree: true,\r\n      attributes: true,\r\n    });\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    if (!this.subcontentSlot?.hasAttribute(\"aria-hidden\")) {\r\n      this.subcontentSlot?.setAttribute(\"aria-hidden\", \"true\");\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.mutationObserver?.disconnect();\r\n    delete this.mutationObserver;\r\n  }\r\n\r\n  private stepValue(e: Event, direction: \"increment\" | \"decrement\"): void {\r\n    if (typeof this.count === \"number\") {\r\n      const newValue = direction === \"increment\" ? this.count + 1 : this.count - 1;\r\n\r\n      if (!this.isNewCountValid(newValue)) {\r\n        return;\r\n      }\r\n\r\n      this.dsoCountChange.emit({\r\n        originalEvent: e,\r\n        count: newValue,\r\n      });\r\n    }\r\n  }\r\n\r\n  private handleSelectClick(e: Event): void {\r\n    e.preventDefault();\r\n\r\n    if (this.count !== undefined) {\r\n      this.dsoCountChange.emit({\r\n        originalEvent: e,\r\n        count: this.count > 0 ? 0 : 1,\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    this.dsoSelectedChange.emit({\r\n      originalEvent: e,\r\n      checked: !this.checked,\r\n    });\r\n  }\r\n\r\n  private isNewCountValid(newValue: number): boolean {\r\n    return !(\r\n      this.min !== undefined &&\r\n      this.max !== undefined &&\r\n      (newValue < Number(this.min) || newValue > Number(this.max))\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const selected = this.checked || (this.count !== undefined && this.count > 0);\r\n\r\n    return (\r\n      <div class={clsx([\"dso-button-group\", { \"dso-disabled\": this.disabled }])}>\r\n        <div\r\n          class={clsx([\"dso-list-button\", { \"dso-selected\": selected, \"dso-single-count\": this.count === 1 }])}\r\n          onClick={(e) => this.handleSelectClick(e)}\r\n        >\r\n          <dso-selectable type=\"checkbox\" value=\"list-button\" name=\"naam\" checked={selected} disabled={this.disabled}>\r\n            {this.label}\r\n            {this.sublabel && <span class=\"sr-only\"> {this.sublabel}</span>}\r\n            {this.subcontentSlot && (\r\n              <span class=\"sr-only\">\r\n                {this.subcontentPrefix && this.subcontentPrefix + \":\"}{\" \"}\r\n                <span innerHTML={this.subcontentSlot.innerHTML}></span>\r\n              </span>\r\n            )}\r\n          </dso-selectable>\r\n          {this.sublabel && <span class=\"dso-sublabel\">{this.sublabel}</span>}\r\n          {this.subcontentSlot && (\r\n            <div class=\"subcontent\">\r\n              <slot name=\"subcontent\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {this.count !== undefined && this.count > 0 && (\r\n          <div class=\"dso-input-number\">\r\n            {this.count > 1 && (\r\n              <Fragment>\r\n                <dso-icon-button\r\n                  label=\"Aantal verlagen\"\r\n                  variant=\"tertiary\"\r\n                  icon=\"minus-circle\"\r\n                  disabled={this.count === Number(this.min) || this.disabled}\r\n                  onDsoClick={(e) => this.stepValue(e, \"decrement\")}\r\n                />\r\n                <span class=\"dso-input-step-counter\" aria-label=\"Aantal\" aria-live=\"polite\">\r\n                  {this.count}\r\n                </span>\r\n              </Fragment>\r\n            )}\r\n\r\n            <dso-icon-button\r\n              label=\"Aantal verhogen\"\r\n              variant=\"tertiary\"\r\n              icon=\"plus-circle\"\r\n              disabled={this.count === Number(this.max) || this.disabled}\r\n              onDsoClick={(e) => this.stepValue(e, \"increment\")}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"2GAAA,MAAMA,EAAgB,kxR,MCoBTC,EAAU,MALvB,WAAAC,CAAAC,G,8GAiDEC,KAAOC,QAAG,MAMVD,KAAQE,SAAG,KA6IZ,CAzLC,kBAAYC,GACV,OAAOH,KAAKI,KAAKC,cAA2B,sB,CAiE9C,iBAAAC,GACEN,KAAKO,iBAAmB,IAAIC,kBAAiB,IAAMC,EAAYT,KAAKI,QAEpEJ,KAAKO,iBAAiBG,QAAQV,KAAKI,KAAM,CACvCO,cAAe,KACfC,UAAW,KACXC,QAAS,KACTC,WAAY,M,CAIhB,kBAAAC,G,QACE,MAAKC,EAAAhB,KAAKG,kBAAgB,MAAAa,SAAA,SAAAA,EAAAC,aAAa,gBAAgB,EACrDC,EAAAlB,KAAKG,kBAAgB,MAAAe,SAAA,SAAAA,EAAAC,aAAa,cAAe,O,EAIrD,oBAAAC,G,OACEJ,EAAAhB,KAAKO,oBAAkB,MAAAS,SAAA,SAAAA,EAAAK,oBAChBrB,KAAKO,gB,CAGN,SAAAe,CAAUC,EAAUC,GAC1B,UAAWxB,KAAKyB,QAAU,SAAU,CAClC,MAAMC,EAAWF,IAAc,YAAcxB,KAAKyB,MAAQ,EAAIzB,KAAKyB,MAAQ,EAE3E,IAAKzB,KAAK2B,gBAAgBD,GAAW,CACnC,M,CAGF1B,KAAK4B,eAAeC,KAAK,CACvBC,cAAeP,EACfE,MAAOC,G,EAKL,iBAAAK,CAAkBR,GACxBA,EAAES,iBAEF,GAAIhC,KAAKyB,QAAUQ,UAAW,CAC5BjC,KAAK4B,eAAeC,KAAK,CACvBC,cAAeP,EACfE,MAAOzB,KAAKyB,MAAQ,EAAI,EAAI,IAG9B,M,CAGFzB,KAAKkC,kBAAkBL,KAAK,CAC1BC,cAAeP,EACftB,SAAUD,KAAKC,S,CAIX,eAAA0B,CAAgBD,GACtB,QACE1B,KAAKmC,MAAQF,WACbjC,KAAKoC,MAAQH,YACZP,EAAWW,OAAOrC,KAAKmC,MAAQT,EAAWW,OAAOrC,KAAKoC,M,CAI3D,MAAAE,GACE,MAAMC,EAAWvC,KAAKC,SAAYD,KAAKyB,QAAUQ,WAAajC,KAAKyB,MAAQ,EAE3E,OACEe,EAAK,OAAAC,IAAA,2CAAAC,MAAOC,EAAK,CAAC,mBAAoB,CAAE,eAAgB3C,KAAKE,aAC3DsC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAK,CAAC,kBAAmB,CAAE,eAAgBJ,EAAU,mBAAoBvC,KAAKyB,QAAU,KAC/FmB,QAAUrB,GAAMvB,KAAK+B,kBAAkBR,IAEvCiB,EAAgB,kBAAAC,IAAA,2CAAAI,KAAK,WAAWC,MAAM,cAAcC,KAAK,OAAO9C,QAASsC,EAAUrC,SAAUF,KAAKE,UAC/FF,KAAKgD,MACLhD,KAAKiD,UAAYT,EAAM,QAAAC,IAAA,2CAAAC,MAAM,WAAS,IAAG1C,KAAKiD,UAC9CjD,KAAKG,gBACJqC,EAAM,QAAAC,IAAA,2CAAAC,MAAM,WACT1C,KAAKkD,kBAAoBlD,KAAKkD,iBAAmB,IAAK,IACvDV,EAAM,QAAAC,IAAA,2CAAAU,UAAWnD,KAAKG,eAAegD,cAI1CnD,KAAKiD,UAAYT,EAAM,QAAAC,IAAA,2CAAAC,MAAM,gBAAgB1C,KAAKiD,UAClDjD,KAAKG,gBACJqC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,cACTF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,iBAKhB/C,KAAKyB,QAAUQ,WAAajC,KAAKyB,MAAQ,GACxCe,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACR1C,KAAKyB,MAAQ,GACZe,EAACY,EAAQ,CAAAX,IAAA,4CACPD,EACE,mBAAAC,IAAA,2CAAAO,MAAM,kBACNK,QAAQ,WACRC,KAAK,eACLpD,SAAUF,KAAKyB,QAAUY,OAAOrC,KAAKmC,MAAQnC,KAAKE,SAClDqD,WAAahC,GAAMvB,KAAKsB,UAAUC,EAAG,eAEvCiB,EAAA,QAAAC,IAAA,2CAAMC,MAAM,yBAAwB,aAAY,SAAQ,YAAW,UAChE1C,KAAKyB,QAKZe,EACE,mBAAAC,IAAA,2CAAAO,MAAM,kBACNK,QAAQ,WACRC,KAAK,cACLpD,SAAUF,KAAKyB,QAAUY,OAAOrC,KAAKoC,MAAQpC,KAAKE,SAClDqD,WAAahC,GAAMvB,KAAKsB,UAAUC,EAAG,gB","ignoreList":[]}

package/dist/dso-toolkit/p-3bc30158.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as o,F as n}from"./p-DxWmN7gh.js";const a=':host {\n  display: block;\n  position: fixed;\n  inset-block-end: 16px;\n  inset-inline-start: 16px;\n  inline-size: 370px;\n  background-color: #fff;\n  box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.5);\n  border-radius: 4px;\n  z-index: 1000;\n}\n@media screen and (max-width: 480px) {\n  :host {\n    inline-size: 320px;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    --panel-heading-padding-inline-start: 8px;\n    --panel-body-padding-inline: 8px;\n  }\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.visual-rating-labels {\n  display: flex;\n  justify-content: space-between;\n  margin-block: 8px;\n}\n\ninput[type=radio] {\n  appearance: none;\n  cursor: pointer;\n  position: absolute;\n  margin-inline: 0;\n  margin-block: 0;\n  inset-block: 8px 0;\n  inset-inline: 0;\n  z-index: 1;\n}\n\nlabel {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: 48px;\n  block-size: 48px;\n  border: 1px solid #ccc;\n  border-inline-end-width: 0;\n  padding-block-start: 8px;\n}\n@media screen and (max-width: 480px) {\n  label {\n    inline-size: 43px;\n    block-size: 43px;\n  }\n}\nlabel:hover {\n  background-color: #f2f2f2;\n}\nlabel:active {\n  background-color: #e5e5e5;\n}\nlabel:first-of-type {\n  border-radius: 4px 0 0 4px;\n}\nlabel:first-of-type::before {\n  border-radius: 3px 0 0;\n}\nlabel:last-of-type {\n  border-inline-end-width: 1px;\n  border-radius: 0 4px 4px 0;\n}\nlabel:last-of-type::before {\n  border-radius: 0 3px 0 0;\n}\nlabel::before {\n  content: "";\n  display: block;\n  position: absolute;\n  inset-block-start: 0;\n  block-size: 8px;\n  inline-size: 100%;\n  border-block-end: 1px solid #ccc;\n}\nlabel:has(input:checked) {\n  font-weight: bold;\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #fff;\n  background-color: #b62f41;\n  color: #fff;\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-1::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-1:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-1::before, label.survey-rating-1:has(input:checked) {\n  border-color: #ccc;\n}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #fff;\n  background-color: #ce3f51;\n  color: #fff;\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-2::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-2:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-2::before, label.survey-rating-2:has(input:checked) {\n  border-color: #ccc;\n}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  background-color: #e17000;\n  color: #191919;\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-3::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-3:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-3::before, label.survey-rating-3:has(input:checked) {\n  border-color: #ccc;\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  background-color: #dcd400;\n  color: #191919;\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-4::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-4:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-4::before, label.survey-rating-4:has(input:checked) {\n  border-color: #ccc;\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #191919;\n  --_dso-icon-button-tertiary-hover-color: #4c4c4c;\n  --_dso-icon-button-tertiary-active-color: #173521;\n  --_dso-icon-button-tertiary-disabled-color: #999;\n  background-color: #79b929;\n  color: #191919;\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));\n}\nlabel.survey-rating-5::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-5:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));\n}\nlabel.survey-rating-5::before, label.survey-rating-5:has(input:checked) {\n  border-color: #ccc;\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #fff;\n  background-color: #39870c;\n  color: #fff;\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-6::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-6:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-6::before, label.survey-rating-6:has(input:checked) {\n  border-color: #ccc;\n}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  --_dso-alert-success-border-color: #39870c;\n  --_dso-alert-error-border-color: #ce3f51;\n  --_dso-alert-info-border-color: #6ca4d9;\n  --_dso-alert-warning-border-color: #dcd400;\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  --_dso-icon-button-tertiary-color: #fff;\n  background-color: #275937;\n  color: #fff;\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#call-wit"));\n}\nlabel.survey-rating-7::before a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), label.survey-rating-7:has(input:checked) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url("./di.svg#email-wit"));\n}\nlabel.survey-rating-7::before, label.survey-rating-7:has(input:checked) {\n  border-color: #ccc;\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  margin-block-start: 16px;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\nbutton.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\nbutton.dso-secondary:focus, button.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\nbutton.dso-secondary:active {\n  outline: 0;\n}\nbutton.dso-secondary.extern::after, button.dso-secondary.download::after {\n  content: "";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n}\nbutton.dso-secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\nbutton.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #275937);\n  color: var(--_dso-button-secondary-hover-color, #275937);\n}\nbutton.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #275937);\n  border-color: var(--_dso-button-secondary-active-border-color, #275937);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\nbutton.dso-secondary[disabled], button.dso-secondary[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\nbutton.dso-secondary.dso-small {\n  line-height: 1rem;\n}\nbutton.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-extra-small {\n  line-height: 1rem;\n}\nbutton.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\nbutton.dso-secondary.dso-extra-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-extra-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-extra-small {\n  padding-block: 9px;\n}\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\nbutton.dso-secondary span:not(.sr-only) + dso-icon {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\nbutton.dso-secondary dso-icon + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\nbutton.dso-secondary.dso-spinner-left::before {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\nbutton.dso-secondary.dso-spinner-right::after {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url("data:image/svg+xml,%3Csvg class=\'spinner\' viewBox=\'0 0 100 100\' xmlns=\'http://www.w3.org/2000/svg\' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class=\'path\' fill=\'none\' stroke-width=\'10\' stroke-linecap=\'butt\' cx=\'50\' cy=\'50\' r=\'45\'%3E%3C/circle%3E%3C/svg%3E");\n  background-repeat: no-repeat;\n  content: "";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}';const s=class{constructor(o){e(this,o);this.dsoSubmit=r(this,"dsoSubmit",7);this.dsoClose=r(this,"dsoClose",7)}handleForm(e){e.preventDefault();this.dsoSubmit.emit({rating:this.rating,scale:{start:1,end:7},originalEvent:e})}handleChange(e){const r=e.target;this.rating=Number(r.value)}render(){const e=["Heel moeilijk","Moeilijk","Redelijk moeilijk","Neutraal","Redelijk makkelijk","Makkelijk","Heel makkelijk"];return o("dso-panel",{key:"0f06dfed9925eabf4bd774ca129f43dd1fc40044",emphasized:true,onDsoCloseClick:e=>this.dsoClose.emit({originalEvent:e}),role:"dialog","aria-labelledby":"panel-heading"},o("h2",{key:"2d7deb32e2346881ca97f80423be382cbab3855b",id:"panel-heading",slot:"heading"},"Help ons met een onderzoek"),o("strong",{key:"ebd96e00abb902df3e7e16f32744b36024c7970d"},"Hoe moeilijk of makkelijk was deze taak om uit te voeren?"),o("form",{key:"943d8178b356a20960db9755b5d998ac57c1023b",onSubmit:e=>this.handleForm(e)},o("div",{key:"02d29ea0db5bfdff94c49a7cff5ca28f16dae4db",class:"visual-rating-labels","aria-hidden":"true"},o("span",{key:"124f8ab8267d44ca06a1443eb455d5812394e9f4"},"Heel moeilijk"),o("span",{key:"a32058ae664c9e56e290e84824ec1417318bc2da"},"Heel makkelijk")),o("div",{key:"8b010ece10dd4ed7e97b1c6e5d80195d3e70d656",role:"radiogroup"},e.map(((e,r)=>{const a=r+1;return o(n,null,o("label",{class:`survey-rating-${a}`},a,o("span",{class:"sr-only"},e),o("input",{type:"radio",name:"rating",value:a,checked:a===this.rating,onChange:e=>this.handleChange(e)})))}))),o("button",{key:"583767e6daf55ee28da9346609644bdfa4da2bc1",type:"submit",class:"dso-secondary"},o("span",{key:"c5c8b245c1ebc8f8543f863f17ccb80300234c7e"},"Antwoord verzenden"))))}};s.style=a;export{s as dso_survey_rating};
-//# sourceMappingURL=p-3bc30158.entry.js.map

package/dist/dso-toolkit/p-4341eaab.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as e}from"./p-DxWmN7gh.js";import{i as a}from"./p-Hgv-pDpy.js";import{A as i}from"./p-CtC5362R.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 dso-icon+span,a span+dso-icon{margin-inline-start:8px}a .sr-only+dso-icon{margin-inline-start:0}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"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=voegtoe]){box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:colors.$zwart}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=verwijder]){--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';const d=class{constructor(e){o(this,e);this.dsoClick=r(this,"dsoClick",3);this.clickHandler=o=>{if(!this.href){return}this.dsoClick.emit({href:this.href,originalEvent:o,isModifiedEvent:a(o)})}}render(){const o=this.href?e("a",{class:"content",href:this.href,onClick:this.clickHandler},e("dso-renvooi",{value:this.naam})):e("span",{class:"content"},e("dso-renvooi",{value:this.naam}));return e(i,{key:"680af669a24ea1a4834611e78339f482a592c8ec",symbol:e("dso-icon",{icon:"land"}),title:o})}};d.style=t;export{d as dso_annotation_kaart};
-//# sourceMappingURL=p-4341eaab.entry.js.map

package/dist/dso-toolkit/p-4a07fb41.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as r,H as e,g as n}from"./p-DxWmN7gh.js";import{c as i}from"./p-ChV9xqsO.js";import{d as a}from"./p-DDU8nTJS.js";import"./p-BFTU3MAI.js";var o="top";var f="bottom";var v="right";var s="left";var u="auto";var c=[o,f,v,s];var l="start";var d="end";var p="clippingParents";var h="viewport";var b="popper";var m="reference";var w=c.reduce((function(t,r){return t.concat([r+"-"+l,r+"-"+d])}),[]);var y=[].concat(c,[u]).reduce((function(t,r){return t.concat([r,r+"-"+l,r+"-"+d])}),[]);var x="beforeRead";var g="read";var O="afterRead";var k="beforeMain";var j="main";var E="afterMain";var M="beforeWrite";var T="write";var z="afterWrite";var S=[x,g,O,k,j,E,M,T,z];function P(t){return t?(t.nodeName||"").toLowerCase():null}function A(t){if(t==null){return window}if(t.toString()!=="[object Window]"){var r=t.ownerDocument;return r?r.defaultView||window:window}return t}function L(t){var r=A(t).Element;return t instanceof r||t instanceof Element}function q(t){var r=A(t).HTMLElement;return t instanceof r||t instanceof HTMLElement}function R(t){if(typeof ShadowRoot==="undefined"){return false}var r=A(t).ShadowRoot;return t instanceof r||t instanceof ShadowRoot}function B(t){var r=t.state;Object.keys(r.elements).forEach((function(t){var e=r.styles[t]||{};var n=r.attributes[t]||{};var i=r.elements[t];if(!q(i)||!P(i)){return}Object.assign(i.style,e);Object.keys(n).forEach((function(t){var r=n[t];if(r===false){i.removeAttribute(t)}else{i.setAttribute(t,r===true?"":r)}}))}))}function W(t){var r=t.state;var e={popper:{position:r.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(r.elements.popper.style,e.popper);r.styles=e;if(r.elements.arrow){Object.assign(r.elements.arrow.style,e.arrow)}return function(){Object.keys(r.elements).forEach((function(t){var n=r.elements[t];var i=r.attributes[t]||{};var a=Object.keys(r.styles.hasOwnProperty(t)?r.styles[t]:e[t]);var o=a.reduce((function(t,r){t[r]="";return t}),{});if(!q(n)||!P(n)){return}Object.assign(n.style,o);Object.keys(i).forEach((function(t){n.removeAttribute(t)}))}))}}var C={name:"applyStyles",enabled:true,phase:"write",fn:B,effect:W,requires:["computeStyles"]};function D(t){return t.split("-")[0]}var H=Math.max;var I=Math.min;var U=Math.round;function $(){var t=navigator.userAgentData;if(t!=null&&t.brands&&Array.isArray(t.brands)){return t.brands.map((function(t){return t.brand+"/"+t.version})).join(" ")}return navigator.userAgent}function F(){return!/^((?!chrome|android).)*safari/i.test($())}function N(t,r,e){if(r===void 0){r=false}if(e===void 0){e=false}var n=t.getBoundingClientRect();var i=1;var a=1;if(r&&q(t)){i=t.offsetWidth>0?U(n.width)/t.offsetWidth||1:1;a=t.offsetHeight>0?U(n.height)/t.offsetHeight||1:1}var o=L(t)?A(t):window,f=o.visualViewport;var v=!F()&&e;var s=(n.left+(v&&f?f.offsetLeft:0))/i;var u=(n.top+(v&&f?f.offsetTop:0))/a;var c=n.width/i;var l=n.height/a;return{width:c,height:l,top:u,right:s+c,bottom:u+l,left:s,x:s,y:u}}function V(t){var r=N(t);var e=t.offsetWidth;var n=t.offsetHeight;if(Math.abs(r.width-e)<=1){e=r.width}if(Math.abs(r.height-n)<=1){n=r.height}return{x:t.offsetLeft,y:t.offsetTop,width:e,height:n}}function _(t,r){var e=r.getRootNode&&r.getRootNode();if(t.contains(r)){return true}else if(e&&R(e)){var n=r;do{if(n&&t.isSameNode(n)){return true}n=n.parentNode||n.host}while(n)}return false}function J(t){return A(t).getComputedStyle(t)}function G(t){return["table","td","th"].indexOf(P(t))>=0}function K(t){return((L(t)?t.ownerDocument:t.document)||window.document).documentElement}function Q(t){if(P(t)==="html"){return t}return t.assignedSlot||t.parentNode||(R(t)?t.host:null)||K(t)}function X(t){if(!q(t)||J(t).position==="fixed"){return null}return t.offsetParent}function Y(t){var r=/firefox/i.test($());var e=/Trident/i.test($());if(e&&q(t)){var n=J(t);if(n.position==="fixed"){return null}}var i=Q(t);if(R(i)){i=i.host}while(q(i)&&["html","body"].indexOf(P(i))<0){var a=J(i);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||r&&a.willChange==="filter"||r&&a.filter&&a.filter!=="none"){return i}else{i=i.parentNode}}return null}function Z(t){var r=A(t);var e=X(t);while(e&&G(e)&&J(e).position==="static"){e=X(e)}if(e&&(P(e)==="html"||P(e)==="body"&&J(e).position==="static")){return r}return e||Y(t)||r}function tt(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function rt(t,r,e){return H(t,I(r,e))}function et(t,r,e){var n=rt(t,r,e);return n>e?e:n}function nt(){return{top:0,right:0,bottom:0,left:0}}function it(t){return Object.assign({},nt(),t)}function at(t,r){return r.reduce((function(r,e){r[e]=t;return r}),{})}var ot=function t(r,e){r=typeof r==="function"?r(Object.assign({},e.rects,{placement:e.placement})):r;return it(typeof r!=="number"?r:at(r,c))};function ft(t){var r;var e=t.state,n=t.name,i=t.options;var a=e.elements.arrow;var u=e.modifiersData.popperOffsets;var c=D(e.placement);var l=tt(c);var d=[s,v].indexOf(c)>=0;var p=d?"height":"width";if(!a||!u){return}var h=ot(i.padding,e);var b=V(a);var m=l==="y"?o:s;var w=l==="y"?f:v;var y=e.rects.reference[p]+e.rects.reference[l]-u[l]-e.rects.popper[p];var x=u[l]-e.rects.reference[l];var g=Z(a);var O=g?l==="y"?g.clientHeight||0:g.clientWidth||0:0;var k=y/2-x/2;var j=h[m];var E=O-b[p]-h[w];var M=O/2-b[p]/2+k;var T=rt(j,M,E);var z=l;e.modifiersData[n]=(r={},r[z]=T,r.centerOffset=T-M,r)}function vt(t){var r=t.state,e=t.options;var n=e.element,i=n===void 0?"[data-popper-arrow]":n;if(i==null){return}if(typeof i==="string"){i=r.elements.popper.querySelector(i);if(!i){return}}if(!_(r.elements.popper,i)){return}r.elements.arrow=i}var st={name:"arrow",enabled:true,phase:"main",fn:ft,effect:vt,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ut(t){return t.split("-")[1]}var ct={top:"auto",right:"auto",bottom:"auto",left:"auto"};function lt(t,r){var e=t.x,n=t.y;var i=r.devicePixelRatio||1;return{x:U(e*i)/i||0,y:U(n*i)/i||0}}function dt(t){var r;var e=t.popper,n=t.popperRect,i=t.placement,a=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,p=t.adaptive,h=t.roundOffsets,b=t.isFixed;var m=u.x,w=m===void 0?0:m,y=u.y,x=y===void 0?0:y;var g=typeof h==="function"?h({x:w,y:x}):{x:w,y:x};w=g.x;x=g.y;var O=u.hasOwnProperty("x");var k=u.hasOwnProperty("y");var j=s;var E=o;var M=window;if(p){var T=Z(e);var z="clientHeight";var S="clientWidth";if(T===A(e)){T=K(e);if(J(T).position!=="static"&&c==="absolute"){z="scrollHeight";S="scrollWidth"}}T=T;if(i===o||(i===s||i===v)&&a===d){E=f;var P=b&&T===M&&M.visualViewport?M.visualViewport.height:T[z];x-=P-n.height;x*=l?1:-1}if(i===s||(i===o||i===f)&&a===d){j=v;var L=b&&T===M&&M.visualViewport?M.visualViewport.width:T[S];w-=L-n.width;w*=l?1:-1}}var q=Object.assign({position:c},p&&ct);var R=h===true?lt({x:w,y:x},A(e)):{x:w,y:x};w=R.x;x=R.y;if(l){var B;return Object.assign({},q,(B={},B[E]=k?"0":"",B[j]=O?"0":"",B.transform=(M.devicePixelRatio||1)<=1?"translate("+w+"px, "+x+"px)":"translate3d("+w+"px, "+x+"px, 0)",B))}return Object.assign({},q,(r={},r[E]=k?x+"px":"",r[j]=O?w+"px":"",r.transform="",r))}function pt(t){var r=t.state,e=t.options;var n=e.gpuAcceleration,i=n===void 0?true:n,a=e.adaptive,o=a===void 0?true:a,f=e.roundOffsets,v=f===void 0?true:f;var s={placement:D(r.placement),variation:ut(r.placement),popper:r.elements.popper,popperRect:r.rects.popper,gpuAcceleration:i,isFixed:r.options.strategy==="fixed"};if(r.modifiersData.popperOffsets!=null){r.styles.popper=Object.assign({},r.styles.popper,dt(Object.assign({},s,{offsets:r.modifiersData.popperOffsets,position:r.options.strategy,adaptive:o,roundOffsets:v})))}if(r.modifiersData.arrow!=null){r.styles.arrow=Object.assign({},r.styles.arrow,dt(Object.assign({},s,{offsets:r.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:v})))}r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-placement":r.placement})}var ht={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:pt,data:{}};var bt={passive:true};function mt(t){var r=t.state,e=t.instance,n=t.options;var i=n.scroll,a=i===void 0?true:i,o=n.resize,f=o===void 0?true:o;var v=A(r.elements.popper);var s=[].concat(r.scrollParents.reference,r.scrollParents.popper);if(a){s.forEach((function(t){t.addEventListener("scroll",e.update,bt)}))}if(f){v.addEventListener("resize",e.update,bt)}return function(){if(a){s.forEach((function(t){t.removeEventListener("scroll",e.update,bt)}))}if(f){v.removeEventListener("resize",e.update,bt)}}}var wt={name:"eventListeners",enabled:true,phase:"write",fn:function t(){},effect:mt,data:{}};var yt={left:"right",right:"left",bottom:"top",top:"bottom"};function xt(t){return t.replace(/left|right|bottom|top/g,(function(t){return yt[t]}))}var gt={start:"end",end:"start"};function Ot(t){return t.replace(/start|end/g,(function(t){return gt[t]}))}function kt(t){var r=A(t);var e=r.pageXOffset;var n=r.pageYOffset;return{scrollLeft:e,scrollTop:n}}function jt(t){return N(K(t)).left+kt(t).scrollLeft}function Et(t,r){var e=A(t);var n=K(t);var i=e.visualViewport;var a=n.clientWidth;var o=n.clientHeight;var f=0;var v=0;if(i){a=i.width;o=i.height;var s=F();if(s||!s&&r==="fixed"){f=i.offsetLeft;v=i.offsetTop}}return{width:a,height:o,x:f+jt(t),y:v}}function Mt(t){var r;var e=K(t);var n=kt(t);var i=(r=t.ownerDocument)==null?void 0:r.body;var a=H(e.scrollWidth,e.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0);var o=H(e.scrollHeight,e.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0);var f=-n.scrollLeft+jt(t);var v=-n.scrollTop;if(J(i||e).direction==="rtl"){f+=H(e.clientWidth,i?i.clientWidth:0)-a}return{width:a,height:o,x:f,y:v}}function Tt(t){var r=J(t),e=r.overflow,n=r.overflowX,i=r.overflowY;return/auto|scroll|overlay|hidden/.test(e+i+n)}function zt(t){if(["html","body","#document"].indexOf(P(t))>=0){return t.ownerDocument.body}if(q(t)&&Tt(t)){return t}return zt(Q(t))}function St(t,r){var e;if(r===void 0){r=[]}var n=zt(t);var i=n===((e=t.ownerDocument)==null?void 0:e.body);var a=A(n);var o=i?[a].concat(a.visualViewport||[],Tt(n)?n:[]):n;var f=r.concat(o);return i?f:f.concat(St(Q(o)))}function Pt(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function At(t,r){var e=N(t,false,r==="fixed");e.top=e.top+t.clientTop;e.left=e.left+t.clientLeft;e.bottom=e.top+t.clientHeight;e.right=e.left+t.clientWidth;e.width=t.clientWidth;e.height=t.clientHeight;e.x=e.left;e.y=e.top;return e}function Lt(t,r,e){return r===h?Pt(Et(t,e)):L(r)?At(r,e):Pt(Mt(K(t)))}function qt(t){var r=St(Q(t));var e=["absolute","fixed"].indexOf(J(t).position)>=0;var n=e&&q(t)?Z(t):t;if(!L(n)){return[]}return r.filter((function(t){return L(t)&&_(t,n)&&P(t)!=="body"}))}function Rt(t,r,e,n){var i=r==="clippingParents"?qt(t):[].concat(r);var a=[].concat(i,[e]);var o=a[0];var f=a.reduce((function(r,e){var i=Lt(t,e,n);r.top=H(i.top,r.top);r.right=I(i.right,r.right);r.bottom=I(i.bottom,r.bottom);r.left=H(i.left,r.left);return r}),Lt(t,o,n));f.width=f.right-f.left;f.height=f.bottom-f.top;f.x=f.left;f.y=f.top;return f}function Bt(t){var r=t.reference,e=t.element,n=t.placement;var i=n?D(n):null;var a=n?ut(n):null;var u=r.x+r.width/2-e.width/2;var c=r.y+r.height/2-e.height/2;var p;switch(i){case o:p={x:u,y:r.y-e.height};break;case f:p={x:u,y:r.y+r.height};break;case v:p={x:r.x+r.width,y:c};break;case s:p={x:r.x-e.width,y:c};break;default:p={x:r.x,y:r.y}}var h=i?tt(i):null;if(h!=null){var b=h==="y"?"height":"width";switch(a){case l:p[h]=p[h]-(r[b]/2-e[b]/2);break;case d:p[h]=p[h]+(r[b]/2-e[b]/2);break}}return p}function Wt(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=n===void 0?t.placement:n,a=e.strategy,s=a===void 0?t.strategy:a,u=e.boundary,l=u===void 0?p:u,d=e.rootBoundary,w=d===void 0?h:d,y=e.elementContext,x=y===void 0?b:y,g=e.altBoundary,O=g===void 0?false:g,k=e.padding,j=k===void 0?0:k;var E=it(typeof j!=="number"?j:at(j,c));var M=x===b?m:b;var T=t.rects.popper;var z=t.elements[O?M:x];var S=Rt(L(z)?z:z.contextElement||K(t.elements.popper),l,w,s);var P=N(t.elements.reference);var A=Bt({reference:P,element:T,placement:i});var q=Pt(Object.assign({},T,A));var R=x===b?q:P;var B={top:S.top-R.top+E.top,bottom:R.bottom-S.bottom+E.bottom,left:S.left-R.left+E.left,right:R.right-S.right+E.right};var W=t.modifiersData.offset;if(x===b&&W){var C=W[i];Object.keys(B).forEach((function(t){var r=[v,f].indexOf(t)>=0?1:-1;var e=[o,f].indexOf(t)>=0?"y":"x";B[t]+=C[e]*r}))}return B}function Ct(t,r){if(r===void 0){r={}}var e=r,n=e.placement,i=e.boundary,a=e.rootBoundary,o=e.padding,f=e.flipVariations,v=e.allowedAutoPlacements,s=v===void 0?y:v;var u=ut(n);var l=u?f?w:w.filter((function(t){return ut(t)===u})):c;var d=l.filter((function(t){return s.indexOf(t)>=0}));if(d.length===0){d=l}var p=d.reduce((function(r,e){r[e]=Wt(t,{placement:e,boundary:i,rootBoundary:a,padding:o})[D(e)];return r}),{});return Object.keys(p).sort((function(t,r){return p[t]-p[r]}))}function Dt(t){if(D(t)===u){return[]}var r=xt(t);return[Ot(t),r,Ot(r)]}function Ht(t){var r=t.state,e=t.options,n=t.name;if(r.modifiersData[n]._skip){return}var i=e.mainAxis,a=i===void 0?true:i,c=e.altAxis,d=c===void 0?true:c,p=e.fallbackPlacements,h=e.padding,b=e.boundary,m=e.rootBoundary,w=e.altBoundary,y=e.flipVariations,x=y===void 0?true:y,g=e.allowedAutoPlacements;var O=r.options.placement;var k=D(O);var j=k===O;var E=p||(j||!x?[xt(O)]:Dt(O));var M=[O].concat(E).reduce((function(t,e){return t.concat(D(e)===u?Ct(r,{placement:e,boundary:b,rootBoundary:m,padding:h,flipVariations:x,allowedAutoPlacements:g}):e)}),[]);var T=r.rects.reference;var z=r.rects.popper;var S=new Map;var P=true;var A=M[0];for(var L=0;L<M.length;L++){var q=M[L];var R=D(q);var B=ut(q)===l;var W=[o,f].indexOf(R)>=0;var C=W?"width":"height";var H=Wt(r,{placement:q,boundary:b,rootBoundary:m,altBoundary:w,padding:h});var I=W?B?v:s:B?f:o;if(T[C]>z[C]){I=xt(I)}var U=xt(I);var $=[];if(a){$.push(H[R]<=0)}if(d){$.push(H[I]<=0,H[U]<=0)}if($.every((function(t){return t}))){A=q;P=false;break}S.set(q,$)}if(P){var F=x?3:1;var N=function t(r){var e=M.find((function(t){var e=S.get(t);if(e){return e.slice(0,r).every((function(t){return t}))}}));if(e){A=e;return"break"}};for(var V=F;V>0;V--){var _=N(V);if(_==="break")break}}if(r.placement!==A){r.modifiersData[n]._skip=true;r.placement=A;r.reset=true}}var It={name:"flip",enabled:true,phase:"main",fn:Ht,requiresIfExists:["offset"],data:{_skip:false}};function Ut(t,r,e){if(e===void 0){e={x:0,y:0}}return{top:t.top-r.height-e.y,right:t.right-r.width+e.x,bottom:t.bottom-r.height+e.y,left:t.left-r.width-e.x}}function $t(t){return[o,v,f,s].some((function(r){return t[r]>=0}))}function Ft(t){var r=t.state,e=t.name;var n=r.rects.reference;var i=r.rects.popper;var a=r.modifiersData.preventOverflow;var o=Wt(r,{elementContext:"reference"});var f=Wt(r,{altBoundary:true});var v=Ut(o,n);var s=Ut(f,i,a);var u=$t(v);var c=$t(s);r.modifiersData[e]={referenceClippingOffsets:v,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c};r.attributes.popper=Object.assign({},r.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}var Nt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Ft};function Vt(t,r,e){var n=D(t);var i=[s,o].indexOf(n)>=0?-1:1;var a=typeof e==="function"?e(Object.assign({},r,{placement:t})):e,f=a[0],u=a[1];f=f||0;u=(u||0)*i;return[s,v].indexOf(n)>=0?{x:u,y:f}:{x:f,y:u}}function _t(t){var r=t.state,e=t.options,n=t.name;var i=e.offset,a=i===void 0?[0,0]:i;var o=y.reduce((function(t,e){t[e]=Vt(e,r.rects,a);return t}),{});var f=o[r.placement],v=f.x,s=f.y;if(r.modifiersData.popperOffsets!=null){r.modifiersData.popperOffsets.x+=v;r.modifiersData.popperOffsets.y+=s}r.modifiersData[n]=o}var Jt={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:_t};function Gt(t){var r=t.state,e=t.name;r.modifiersData[e]=Bt({reference:r.rects.reference,element:r.rects.popper,placement:r.placement})}var Kt={name:"popperOffsets",enabled:true,phase:"read",fn:Gt,data:{}};function Qt(t){return t==="x"?"y":"x"}function Xt(t){var r=t.state,e=t.options,n=t.name;var i=e.mainAxis,a=i===void 0?true:i,u=e.altAxis,c=u===void 0?false:u,d=e.boundary,p=e.rootBoundary,h=e.altBoundary,b=e.padding,m=e.tether,w=m===void 0?true:m,y=e.tetherOffset,x=y===void 0?0:y;var g=Wt(r,{boundary:d,rootBoundary:p,padding:b,altBoundary:h});var O=D(r.placement);var k=ut(r.placement);var j=!k;var E=tt(O);var M=Qt(E);var T=r.modifiersData.popperOffsets;var z=r.rects.reference;var S=r.rects.popper;var P=typeof x==="function"?x(Object.assign({},r.rects,{placement:r.placement})):x;var A=typeof P==="number"?{mainAxis:P,altAxis:P}:Object.assign({mainAxis:0,altAxis:0},P);var L=r.modifiersData.offset?r.modifiersData.offset[r.placement]:null;var q={x:0,y:0};if(!T){return}if(a){var R;var B=E==="y"?o:s;var W=E==="y"?f:v;var C=E==="y"?"height":"width";var U=T[E];var $=U+g[B];var F=U-g[W];var N=w?-S[C]/2:0;var _=k===l?z[C]:S[C];var J=k===l?-S[C]:-z[C];var G=r.elements.arrow;var K=w&&G?V(G):{width:0,height:0};var Q=r.modifiersData["arrow#persistent"]?r.modifiersData["arrow#persistent"].padding:nt();var X=Q[B];var Y=Q[W];var it=rt(0,z[C],K[C]);var at=j?z[C]/2-N-it-X-A.mainAxis:_-it-X-A.mainAxis;var ot=j?-z[C]/2+N+it+Y+A.mainAxis:J+it+Y+A.mainAxis;var ft=r.elements.arrow&&Z(r.elements.arrow);var vt=ft?E==="y"?ft.clientTop||0:ft.clientLeft||0:0;var st=(R=L==null?void 0:L[E])!=null?R:0;var ct=U+at-st-vt;var lt=U+ot-st;var dt=rt(w?I($,ct):$,U,w?H(F,lt):F);T[E]=dt;q[E]=dt-U}if(c){var pt;var ht=E==="x"?o:s;var bt=E==="x"?f:v;var mt=T[M];var wt=M==="y"?"height":"width";var yt=mt+g[ht];var xt=mt-g[bt];var gt=[o,s].indexOf(O)!==-1;var Ot=(pt=L==null?void 0:L[M])!=null?pt:0;var kt=gt?yt:mt-z[wt]-S[wt]-Ot+A.altAxis;var jt=gt?mt+z[wt]+S[wt]-Ot-A.altAxis:xt;var Et=w&&gt?et(kt,mt,jt):rt(w?kt:yt,mt,w?jt:xt);T[M]=Et;q[M]=Et-mt}r.modifiersData[n]=q}var Yt={name:"preventOverflow",enabled:true,phase:"main",fn:Xt,requiresIfExists:["offset"]};function Zt(t){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function tr(t){if(t===A(t)||!q(t)){return kt(t)}else{return Zt(t)}}function rr(t){var r=t.getBoundingClientRect();var e=U(r.width)/t.offsetWidth||1;var n=U(r.height)/t.offsetHeight||1;return e!==1||n!==1}function er(t,r,e){if(e===void 0){e=false}var n=q(r);var i=q(r)&&rr(r);var a=K(r);var o=N(t,i,e);var f={scrollLeft:0,scrollTop:0};var v={x:0,y:0};if(n||!n&&!e){if(P(r)!=="body"||Tt(a)){f=tr(r)}if(q(r)){v=N(r,true);v.x+=r.clientLeft;v.y+=r.clientTop}else if(a){v.x=jt(a)}}return{x:o.left+f.scrollLeft-v.x,y:o.top+f.scrollTop-v.y,width:o.width,height:o.height}}function nr(t){var r=new Map;var e=new Set;var n=[];t.forEach((function(t){r.set(t.name,t)}));function i(t){e.add(t.name);var a=[].concat(t.requires||[],t.requiresIfExists||[]);a.forEach((function(t){if(!e.has(t)){var n=r.get(t);if(n){i(n)}}}));n.push(t)}t.forEach((function(t){if(!e.has(t.name)){i(t)}}));return n}function ir(t){var r=nr(t);return S.reduce((function(t,e){return t.concat(r.filter((function(t){return t.phase===e})))}),[])}function ar(t){var r;return function(){if(!r){r=new Promise((function(e){Promise.resolve().then((function(){r=undefined;e(t())}))}))}return r}}function or(t){var r=t.reduce((function(t,r){var e=t[r.name];t[r.name]=e?Object.assign({},e,r,{options:Object.assign({},e.options,r.options),data:Object.assign({},e.data,r.data)}):r;return t}),{});return Object.keys(r).map((function(t){return r[t]}))}var fr={placement:"bottom",modifiers:[],strategy:"absolute"};function vr(){for(var t=arguments.length,r=new Array(t),e=0;e<t;e++){r[e]=arguments[e]}return!r.some((function(t){return!(t&&typeof t.getBoundingClientRect==="function")}))}function sr(t){if(t===void 0){t={}}var r=t,e=r.defaultModifiers,n=e===void 0?[]:e,i=r.defaultOptions,a=i===void 0?fr:i;return function t(r,e,i){if(i===void 0){i=a}var o={placement:"bottom",orderedModifiers:[],options:Object.assign({},fr,a),modifiersData:{},elements:{reference:r,popper:e},attributes:{},styles:{}};var f=[];var v=false;var s={state:o,setOptions:function t(i){var f=typeof i==="function"?i(o.options):i;c();o.options=Object.assign({},a,o.options,f);o.scrollParents={reference:L(r)?St(r):r.contextElement?St(r.contextElement):[],popper:St(e)};var v=ir(or([].concat(n,o.options.modifiers)));o.orderedModifiers=v.filter((function(t){return t.enabled}));u();return s.update()},forceUpdate:function t(){if(v){return}var r=o.elements,e=r.reference,n=r.popper;if(!vr(e,n)){return}o.rects={reference:er(e,Z(n),o.options.strategy==="fixed"),popper:V(n)};o.reset=false;o.placement=o.options.placement;o.orderedModifiers.forEach((function(t){return o.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<o.orderedModifiers.length;i++){if(o.reset===true){o.reset=false;i=-1;continue}var a=o.orderedModifiers[i],f=a.fn,u=a.options,c=u===void 0?{}:u,l=a.name;if(typeof f==="function"){o=f({state:o,options:c,name:l,instance:s})||o}}},update:ar((function(){return new Promise((function(t){s.forceUpdate();t(o)}))})),destroy:function t(){c();v=true}};if(!vr(r,e)){return s}s.setOptions(i).then((function(t){if(!v&&i.onFirstUpdate){i.onFirstUpdate(t)}}));function u(){o.orderedModifiers.forEach((function(t){var r=t.name,e=t.options,n=e===void 0?{}:e,i=t.effect;if(typeof i==="function"){var a=i({state:o,name:r,instance:s,options:n});var v=function t(){};f.push(a||v)}}))}function c(){f.forEach((function(t){return t()}));f=[]}return s}}var ur=[wt,Kt,ht,C,Jt,It,Yt,st,Nt];var cr=sr({defaultModifiers:ur});var lr={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(r){var e=r.state,n=r.name,i=r.options;var a=Wt(e,i);var o=e.modifiersData.preventOverflow||{x:0,y:0},f=o.x,v=o.y;var s=e.rects.popper,u=s.width,c=s.height;var l=e.placement.split("-"),d=l[0];var p=d==="left"?"left":"right";var h=d==="top"?"top":"bottom";e.modifiersData[n]={width:u-a[p]-f,height:c-a[h]-v}}};function dr(t){const r=window.getComputedStyle(t);const e=r.getPropertyValue("overflow-x");const n=r.getPropertyValue("overflow-y");const i=["hidden","clip"];return i.indexOf(e)!==-1||i.indexOf(n)!==-1}const pr=":host(.hidden){visibility:hidden}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;overflow-wrap:anywhere;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip.in .tooltip-inner{max-block-size:200vh;overflow:auto;visibility:visible;padding-block:8px;padding-inline:16px}.tooltip:not(.in) .tooltip-inner{max-block-size:0;overflow:hidden;visibility:hidden;transition:all 0s linear 0.15s}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-inline-size:640px;position:relative}.tooltip .tooltip-inner.dso-small{max-inline-size:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;block-size:0;inline-size:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{inset-block-end:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-inline-start:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{inset-inline-start:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block-start:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{inset-block-start:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline-end:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{inset-inline-end:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";var hr=undefined&&undefined.__classPrivateFieldGet||function(t,r,e,n){if(e==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof r==="function"?t!==r||!n:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?n:e==="a"?n.call(t):n?n.value:r.get(t)};var br=undefined&&undefined.__classPrivateFieldSet||function(t,r,e,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof r==="function"?t!==r||!i:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(t,e):i?i.value=e:r.set(t,e),e};var mr;const wr=150;const yr={name:"applyMaxSize",enabled:true,phase:M,requires:["maxSize"],fn({state:t}){let{width:r}=t.modifiersData.maxSize;if(r<160){r=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${r}px`})}};const xr=class{constructor(r){t(this,r);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.active=false;this.callbacks={activate:()=>this.active=true,deactivate:()=>{setTimeout((()=>{if(this.element.isConnected){this.active=false}}),2)}};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.hidden=true;this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=a((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),wr);mr.set(this,void 0)}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&dr(t)){this.popper.setOptions({strategy:"fixed"});return}}this.popper.setOptions({strategy:"absolute"})}watchActive(){if(this.active){this.activatePopper();if(!this.stateless){setTimeout((()=>{var t;(t=this.popper)===null||t===void 0?void 0:t.setOptions({modifiers:[{name:"eventListeners",enabled:true}]});document.addEventListener("keydown",this.keyDownListener)}))}}else{document.removeEventListener("keydown",this.keyDownListener);this.deactivatePopper()}}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;const r=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(r instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return r(e,{key:"f1bb81edcda73696503dbe6c861df3dcea6c3f3a",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},r("div",{key:"31a072208b412595e1e019c2bb780dbd0f88c21f",class:i("tooltip",{in:this.active})},!this.noArrow&&r("div",{key:"f21726f6c49752e21cb93faa2671a97a32b6d7e8","data-popper-arrow":true,class:"tooltip-arrow"}),r("div",{key:"900369b00247af6d83a12b22f02ac65baf12c12a","aria-hidden":!this.descriptive||undefined,class:i("tooltip-inner",{"dso-small":this.small})},r("slot",{key:"ff81e46d1c50684bc9e95ca238efa5772042b241"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const r=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&r instanceof HTMLElement){this.popper=cr(this.target,r,{placement:this.position,modifiers:[lr,yr,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=hr(this,mr,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){br(this,mr,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const r=this.element.getRootNode();if(!(r instanceof Document||r instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=r.querySelector(`[aria-describedBy="${t}`);if(!e){console.warn(`Unable to find reference with aria-describedby ${t}`);return}br(this,mr,e,"f");return e}get element(){return n(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};mr=new WeakMap;xr.style=pr;export{xr as dso_tooltip};
-//# sourceMappingURL=p-4a07fb41.entry.js.map

package/dist/dso-toolkit/p-4bd397cb.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as s,h as t,F as l,f as o,g as c}from"./p-DxWmN7gh.js";const a=':host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative}:host{--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}';const i=class{constructor(t){e(this,t);this.dsoClose=s(this,"dsoClose",7)}render(){return t(l,{key:"a80876ff311b19c6111c3b86cf93f141666643b3"},t("slot",{key:"8ea0b58e6a831e2ea86924e1c7ce3b460e68a01c"}),!this.fixed&&t("dso-icon-button",{key:"250fb5b6fc21134a0566eb0689c0b5117547c060",label:"Sluiten",variant:"tertiary",icon:"times",onDsoClick:e=>this.dsoClose.emit(e.detail.originalEvent)}))}};i.style=a;function d(){return Math.random().toString(16).slice(-4)}function n(e){return`${e}-${d()}${d()}-${d()}-${d()}-${d()}-${d()}${d()}${d()}`}const r='.sc-dso-selectable-h{padding-inline-start:var(--_dt-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dt-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dt-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}';const b=class{constructor(t){e(this,t);this.dsoChange=s(this,"dsoChange",7);this.infoActive=false;this.fallbackIdentifier=n("DsoSelectable");this.handleOnChange=e=>{const{target:s}=e;this.dsoChange.emit({originalEvent:e,checked:s instanceof HTMLInputElement&&s.checked});o(this.host)}}async toggleInfo(e){this.infoActive=e!==null&&e!==void 0?e:!this.infoActive}componentDidLoad(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.mutationObserver=new MutationObserver((()=>o(this.host)));this.mutationObserver.observe(this.host,{childList:true});this.setIndeterminate()}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}setIndeterminate(){if(!(this.input instanceof HTMLInputElement)||this.type!=="checkbox"){return}this.input.indeterminate=!!this.indeterminate}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(l,{key:"00e6b1e40b31921349d80e3366fb906a6ed2910f"},t("div",{key:"9af374c56672f803a6e375653a897a1565867e32",class:"dso-selectable-container"},t("div",{key:"28284258c0115abcfc63bdb9caf9b92419647ea5",class:"dso-selectable-input-wrapper"},t("input",{key:"a0f793fc4661203df26ed5a51d4cb2e0b258185c",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":(e=this.invalid)===null||e===void 0?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:undefined,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,ref:e=>this.input=e}),!this.labelledById?t("label",{htmlFor:this.getIdentifier()},t("slot",null)):t("label",null,t("slot",null))),s&&!this.infoFixed&&t("dso-info-button",{key:"eb4309b9dcafbe1328b8ec3262eb9d3d9815d911",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),s&&t("dso-info",{key:"2abad7f22d72eb07bf1c5c680e5cbd72295aea30",id:s&&this.infoFixed?this.describedById:undefined,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=false},t("div",{key:"c9c36f4002a49c504722d4c0d2367649ed5f5adc"},t("slot",{key:"c68bd4a1203dd5e1dd37a68180921f841a2ad7a7",name:"info"}))),t("slot",{key:"6fcb669e8307e97b7b950d60963259478d7b0d28",name:"options"}))}componentDidRender(){if(this.input&&typeof this.checked==="boolean"&&this.input.checked!==this.checked){this.input.checked=this.checked}}getIdentifier(){var e;return(e=this.identifier)!==null&&e!==void 0?e:this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};b.style=r;export{i as dso_info,b as dso_selectable};
-//# sourceMappingURL=p-4bd397cb.entry.js.map

package/dist/dso-toolkit/p-556f5935.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as e,F as a,g as i}from"./p-DxWmN7gh.js";import{A as t}from"./p-CtC5362R.js";import{w as d,A as n,a as s}from"./p-Dk013L7v.js";import{A as c}from"./p-Ah0-aaXh.js";const l='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 dso-icon+span,a span+dso-icon{margin-inline-start:8px}a .sr-only+dso-icon{margin-inline-start:0}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"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=voegtoe]){box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:colors.$zwart}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=verwijder]){--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';const g=class{constructor(e){o(this,e);this.dsoActiveChange=r(this,"dsoActiveChange",7);this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return e(t,{key:"cfdf3412ce0519bea847163dee0750be8194a987",symbol:o?e(s,null):undefined,active:this.active||false,dsoActiveChange:this.dsoActiveChange,title:e(a,null,e("dso-renvooi",{value:this.naam}),this.eenheid&&e(a,null," ","(in ",e("dso-renvooi",{value:this.eenheid}),")")),data:e(a,null,e("span",{class:"content"},this.toelichting&&e(a,null,this.toelichting),this.waardes&&this.waardes.length>0&&e(a,null,": ",e(c,{values:this.waardes}))),this.gewijzigdeLocatie&&e(n,null))})}get host(){return i(this)}};g.style=l;export{g as dso_annotation_omgevingsnormwaarde};
-//# sourceMappingURL=p-556f5935.entry.js.map

package/dist/dso-toolkit/p-573b9046.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as r,h as e,F as a,g as i}from"./p-DxWmN7gh.js";import{A as t}from"./p-CtC5362R.js";import{w as d,A as n,a as s}from"./p-Dk013L7v.js";const c='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 dso-icon+span,a span+dso-icon{margin-inline-start:8px}a .sr-only+dso-icon{margin-inline-start:0}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"))}:host{display:block;padding:2px}:host([wijzigactie=voegtoe]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#e4f1d4;color:#191919}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=voegtoe]){box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.5);--_dso-ozon-content-toggletip-color:colors.$zwart}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=verwijder]){--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}';const l=class{constructor(e){o(this,e);this.dsoActiveChange=r(this,"dsoActiveChange",7);this.watcher=d(this.host)}connectedCallback(){this.watcher.watch()}disconnectedCallback(){this.watcher.unwatch()}render(){const o=this.watcher.hasSymbool();return e(t,{key:"1c2e9b1a174e6d1afd1dd70de5c702209d2823b8",symbol:o?e(s,null):undefined,active:this.active,dsoActiveChange:this.dsoActiveChange,title:e(a,null,e("span",{class:"content"},e("dso-renvooi",{value:this.naam})),this.gewijzigdeLocatie&&e(n,null))})}get host(){return i(this)}};l.style=c;export{l as dso_annotation_gebiedsaanwijzing};
-//# sourceMappingURL=p-573b9046.entry.js.map