@dso-toolkit/core 62.21.0 → 62.23.0

package/dist/dso-toolkit/p-0308135a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e,a as o}from"./p-701648d3.js";import{d as r,h as a,c as n,b as s}from"./p-202d2cdf.js";import{c as l}from"./p-8a1a6e56.js";import{d}from"./p-23b5692c.js";var p={name:"maxSize",enabled:true,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function t(i){var e=i.state,o=i.name,a=i.options;var n=r(e,a);var s=e.modifiersData.preventOverflow||{x:0,y:0},l=s.x,d=s.y;var p=e.rects.popper,h=p.width,c=p.height;var f=e.placement.split("-"),m=f[0];var b=m==="left"?"left":"right";var u=m==="top"?"top":"bottom";e.modifiersData[o]={width:h-n[b]-l,height:c-n[u]-d}}};const h=":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:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;--link-color:#39870c;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding-block:8px;padding-inline:16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-block-start:-3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=top] .tooltip-arrow{bottom:0;border-block-start-color:#fff;border-width:6px;border-block-end-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=right]{margin-inline-start:3px;padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=right] .tooltip-arrow{left:0;border-inline-end-color:#fff;border-width:6px;border-inline-start-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}.tooltip[data-popper-placement=bottom]{margin-block-start:3px;padding-block:6px;padding-inline:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{top:0;border-block-end-color:#fff;border-width:6px;border-block-start-width:0;margin-inline-start:var(--tooltip-margin-inline-start, -3px)}.tooltip[data-popper-placement=left]{margin-inline-start:-3px;margin-inline-end:var(--tooltip-margin-inline-end, unset);padding-block:0;padding-inline:6px}.tooltip[data-popper-placement=left] .tooltip-arrow{right:0;border-inline-start-color:#fff;border-width:6px;border-inline-end-width:0;margin-block-start:var(--tooltip-margin-block-start, -3px)}";const c=h;var f=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var m=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,r){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!r)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!r:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?r.call(t,e):r?r.value=e:i.set(t,e),e};var b;const u=150;const v={name:"applyMaxSize",enabled:true,phase:s,requires:["maxSize"],fn({state:t}){let{width:i}=t.modifiersData.maxSize;if(i<160){i=160}t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${i}px`})}};const w=class{constructor(i){t(this,i);this.callbacks={activate:()=>this.active=true,deactivate:()=>this.active=false};this.onMouseLeave=()=>{var t;if(!this.element.matches(":hover")&&!((t=this.target)===null||t===void 0?void 0:t.matches(":hover"))){this.callbacks.deactivate()}};this.keyDownListener=t=>{if(t.key==="Escape"){this.deactivate()}};this.deactivatePopper=d((()=>{var t;this.hidden=true;(t=this.popper)===null||t===void 0?void 0:t.destroy();this.popper=undefined}),u);b.set(this,void 0);this.descriptive=false;this.position="top";this.strategy="auto";this.noArrow=false;this.stateless=undefined;this.small=undefined;this.active=false;this.hidden=true}async activate(){this.active=true}async deactivate(){this.active=false}watchPosition(){if(!this.popper){return}this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper){return}if(this.strategy==="absolute"||this.strategy==="fixed"){this.popper.setOptions({strategy:this.strategy});return}let t=this.element;while(t&&t.parentNode!==document){t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement;if(t!==null&&a(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 i=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(!(i instanceof HTMLElement)){throw new Error("tooltip element is not instanceof HTMLElement")}if(!this.stateless&&this.target){this.target.addEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.addEventListener("mouseleave",this.onMouseLeave)));this.target.addEventListener("focus",this.callbacks.activate);this.target.addEventListener("blur",this.callbacks.deactivate)}}disconnectedCallback(){var t;(t=this.popper)===null||t===void 0?void 0:t.destroy();if(!this.stateless&&this.target){this.target.removeEventListener("mouseenter",this.callbacks.activate);[this.element,this.target].forEach((t=>t.removeEventListener("mouseleave",this.onMouseLeave)));this.target.removeEventListener("focus",this.callbacks.activate);this.target.removeEventListener("blur",this.callbacks.deactivate)}this.target=undefined}componentDidRender(){var t;if(this.active){(t=this.popper)===null||t===void 0?void 0:t.update()}}render(){return i(e,{key:"bfe2260ec9c7af5baf9fc76c353ef3b40d216ffb",class:{hidden:this.hidden},role:"tooltip",onClick:this.listenClick},i("div",{key:"c92aa7136230c3ab13aed14ac891836951a249c9",class:l("tooltip",{in:this.active})},!this.noArrow&&i("div",{key:"1d26b18c210cf35e2071979cc673a38a6a22fc06","data-popper-arrow":true,class:"tooltip-arrow"}),i("div",{key:"da068220b840d08455f228e7a1af11009a642079","aria-hidden":!this.descriptive||undefined,class:l("tooltip-inner",{"dso-small":this.small})},i("slot",{key:"bb243860111ec789105320e61bd4c3aadc812781"}))))}activatePopper(){var t;this.hidden=false;if(this.popper){return}const i=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tooltip");if(this.target&&i instanceof HTMLElement){this.popper=n(this.target,i,{placement:this.position,modifiers:[p,v,{name:"eventListeners",enabled:false}]});this.setStrategy()}}get target(){var t;return(t=f(this,b,"f"))!==null&&t!==void 0?t:this.initializeTarget()}set target(t){m(this,b,t,"f")}initializeTarget(){const t=this.element.id;if(!t){console.warn("Unable to find reference tooltip has no [id] attribute.");return}const i=this.element.getRootNode();if(!(i instanceof Document||i instanceof ShadowRoot)){console.warn(`rootNode is not instance of Document or ShadowRoot`);return}const e=i.querySelector(`[aria-describedBy="${t}`);if(!e){console.warn(`Unable to find reference with aria-describedby ${t}`);return}m(this,b,e,"f");return e}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};b=new WeakMap;w.style=c;export{w as dso_tooltip};
-//# sourceMappingURL=p-0308135a.entry.js.map

package/dist/dso-toolkit/p-0308135a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["maxSize","name","enabled","phase","requiresIfExists","fn","_ref","state","options","overflow","detectOverflow","_ref2","modifiersData","preventOverflow","x","y","_state$rects$popper","rects","popper","width","height","_state$placement$spli","placement","split","basePlacement","widthProp","heightProp","tooltipCss","DsoTooltipStyle0","transitionDuration","applyMaxSize","beforeWrite","requires","styles","Object","assign","maxWidth","Tooltip","this","callbacks","activate","active","deactivate","onMouseLeave","element","matches","_a","target","keyDownListener","event","key","deactivatePopper","debounce","hidden","destroy","undefined","_Tooltip_target","set","watchPosition","setOptions","position","watchStrategy","setStrategy","strategy","parentNode","document","ShadowRoot","host","parentElement","hasOverflow","watchActive","activatePopper","stateless","setTimeout","modifiers","addEventListener","removeEventListener","listenClick","e","stopPropagation","componentDidLoad","tooltip","shadowRoot","querySelector","HTMLElement","Error","forEach","disconnectedCallback","componentDidRender","update","render","h","Host","class","role","onClick","clsx","in","noArrow","descriptive","small","createPopper","__classPrivateFieldGet","initializeTarget","__classPrivateFieldSet","id","console","warn","rootNode","getRootNode","Document","reference"],"sources":["../../node_modules/popper-max-size-modifier/dist/popper-max-size-modifier.esm.js","src/components/tooltip/tooltip.scss?tag=dso-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { detectOverflow } from '@popperjs/core';\n\nvar maxSize = {\n  name: 'maxSize',\n  enabled: true,\n  phase: 'main',\n  requiresIfExists: ['offset', 'preventOverflow', 'flip'],\n  fn: function fn(_ref) {\n    var state = _ref.state,\n        name = _ref.name,\n        options = _ref.options;\n    var overflow = detectOverflow(state, options);\n\n    var _ref2 = state.modifiersData.preventOverflow || {\n      x: 0,\n      y: 0\n    },\n        x = _ref2.x,\n        y = _ref2.y;\n\n    var _state$rects$popper = state.rects.popper,\n        width = _state$rects$popper.width,\n        height = _state$rects$popper.height;\n\n    var _state$placement$spli = state.placement.split('-'),\n        basePlacement = _state$placement$spli[0];\n\n    var widthProp = basePlacement === 'left' ? 'left' : 'right';\n    var heightProp = basePlacement === 'top' ? 'top' : 'bottom';\n    state.modifiersData[name] = {\n      width: width - overflow[widthProp] - x,\n      height: height - overflow[heightProp] - y\n    };\n  }\n};\n\nexport default maxSize;\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"tooltip.variables\" as tooltip-variables;\r\n\r\n:host(.hidden) {\r\n  visibility: hidden;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.tooltip {\r\n  font-family: typography.$font-family-base;\r\n  // We deliberately do NOT reset font-size.\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: typography.$line-height-base;\r\n  line-break: auto;\r\n  text-align: left; // Fallback for where `start` is not supported\r\n  text-align: start;\r\n  text-decoration: none;\r\n  text-shadow: none;\r\n  text-transform: none;\r\n  letter-spacing: normal;\r\n  word-break: normal;\r\n  word-spacing: normal;\r\n  word-wrap: normal;\r\n  white-space: normal;\r\n\r\n  --link-color: #{colors.$grasgroen};\r\n\r\n  display: block;\r\n  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));\r\n  font-size: typography.$font-size-small;\r\n  opacity: 0;\r\n  position: absolute;\r\n  transition: opacity tooltip-variables.$transition-duration linear;\r\n  z-index: zindex.$tooltip;\r\n\r\n  &.in {\r\n    opacity: tooltip-variables.$opacity;\r\n  }\r\n\r\n  .tooltip-inner {\r\n    background-color: colors.$wit;\r\n    border-radius: tooltip-variables.$border-radius;\r\n    color: colors.$grijs-90;\r\n    display: inline-block;\r\n    font-size: typography.$root-font-size-base;\r\n    max-width: tooltip-variables.$max-width;\r\n    padding-block: tooltip-variables.$padding-vertical;\r\n    padding-inline: tooltip-variables.$padding-horizontal;\r\n    position: relative;\r\n\r\n    &.dso-small {\r\n      max-width: tooltip-variables.$max-width-small;\r\n    }\r\n  }\r\n\r\n  .tooltip-arrow {\r\n    border-color: transparent;\r\n    border-style: solid;\r\n    height: 0;\r\n    width: 0;\r\n  }\r\n\r\n  &[data-popper-placement=\"top\"] {\r\n    margin-block-start: -3px;\r\n    padding-block: tooltip-variables.$arrow-width;\r\n    padding-inline: 0;\r\n\r\n    .tooltip-arrow {\r\n      bottom: 0;\r\n      border-block-start-color: tooltip-variables.$arrow-color;\r\n      border-width: tooltip-variables.$arrow-width;\r\n      border-block-end-width: 0;\r\n      margin-inline-start: var(--tooltip-margin-inline-start, tooltip-variables.$arrow-margin * -1);\r\n    }\r\n  }\r\n\r\n  &[data-popper-placement=\"right\"] {\r\n    margin-inline-start: 3px;\r\n    padding-block: 0;\r\n    padding-inline: tooltip-variables.$arrow-width;\r\n\r\n    .tooltip-arrow {\r\n      left: 0;\r\n      border-inline-end-color: tooltip-variables.$arrow-color;\r\n      border-width: tooltip-variables.$arrow-width;\r\n      border-inline-start-width: 0;\r\n      margin-block-start: var(--tooltip-margin-block-start, tooltip-variables.$arrow-margin * -1);\r\n    }\r\n  }\r\n\r\n  &[data-popper-placement=\"bottom\"] {\r\n    margin-block-start: 3px;\r\n    padding-block: tooltip-variables.$arrow-width;\r\n    padding-inline: 0;\r\n\r\n    .tooltip-arrow {\r\n      top: 0;\r\n      border-block-end-color: tooltip-variables.$arrow-color;\r\n      border-width: tooltip-variables.$arrow-width;\r\n      border-block-start-width: 0;\r\n      margin-inline-start: var(--tooltip-margin-inline-start, tooltip-variables.$arrow-margin * -1);\r\n    }\r\n  }\r\n\r\n  &[data-popper-placement=\"left\"] {\r\n    margin-inline-start: -3px;\r\n    margin-inline-end: var(--tooltip-margin-inline-end, unset);\r\n    padding-block: 0;\r\n    padding-inline: tooltip-variables.$arrow-width;\r\n\r\n    .tooltip-arrow {\r\n      right: 0;\r\n      border-inline-start-color: tooltip-variables.$arrow-color;\r\n      border-width: tooltip-variables.$arrow-width;\r\n      border-inline-end-width: 0;\r\n      margin-block-start: var(--tooltip-margin-block-start, tooltip-variables.$arrow-margin * -1);\r\n    }\r\n  }\r\n}\r\n","import { beforeWrite, createPopper, Instance as PopperInstance, Placement, State as PopperState } from \"@popperjs/core\";\r\nimport maxSize from \"popper-max-size-modifier\";\r\nimport { h, Component, Element, Host, Method, Prop, State, Watch } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { hasOverflow } from \"../../utils/has-overflow\";\r\nimport debounce from \"debounce\";\r\n\r\n// Keep const in sync with $tooltip-transition-duration in dso-toolkit/src/components/tooltip/tooltip.scss tooltip_root() mixin\r\nconst transitionDuration = 150;\r\n\r\nconst applyMaxSize = {\r\n  name: \"applyMaxSize\",\r\n  enabled: true,\r\n  phase: beforeWrite,\r\n  requires: [\"maxSize\"],\r\n  fn({ state }: { state: PopperState }) {\r\n    let { width } = state.modifiersData.maxSize;\r\n    if (width < 160) {\r\n      width = 160;\r\n    }\r\n\r\n    state.styles.popper = {\r\n      ...state.styles.popper,\r\n      maxWidth: `${width}px`,\r\n    };\r\n  },\r\n};\r\n\r\n@Component({\r\n  tag: \"dso-tooltip\",\r\n  styleUrl: \"tooltip.scss\",\r\n  shadow: true,\r\n})\r\nexport class Tooltip {\r\n  /**\r\n   * Defines if the tooltip is descriptive. A descriptive tooltip contains a meaningful message. Tooltips that are not descriptive are hidden from screenreaders using `aria-hidden`.\r\n   */\r\n  @Prop({\r\n    reflect: true,\r\n  })\r\n  descriptive = false;\r\n\r\n  /**\r\n   * Set position of tooltip relative to target\r\n   */\r\n  @Prop()\r\n  position: Placement = \"top\";\r\n\r\n  /**\r\n   * Set position strategy of tooltip\r\n   */\r\n  @Prop()\r\n  strategy: \"auto\" | \"absolute\" | \"fixed\" = \"auto\";\r\n\r\n  /**\r\n   * Set attribute `no-arrow` to hide the arrow\r\n   */\r\n  @Prop()\r\n  noArrow = false;\r\n\r\n  /**\r\n   * Deactivates mouseover behaviour\r\n   */\r\n  @Prop()\r\n  stateless?: boolean;\r\n\r\n  /**\r\n   * Defines if the tooltip has a smaller max-width\r\n   */\r\n  @Prop()\r\n  small?: boolean;\r\n\r\n  /**\r\n   * Whether or not to show the tooltip. To control the tooltip add the `active` attribute or use the `activate()` and `deactivate()` instance methods.\r\n   */\r\n  @Prop({ reflect: true, mutable: true })\r\n  active = false;\r\n\r\n  /**\r\n   * Activate the tooltip (Sets the `active` attribute)\r\n   */\r\n  @Method()\r\n  async activate(): Promise<void> {\r\n    this.active = true;\r\n  }\r\n\r\n  /**\r\n   * Deactivate the tooltip (Removes the `active` attribute)\r\n   */\r\n  @Method()\r\n  async deactivate(): Promise<void> {\r\n    this.active = false;\r\n  }\r\n\r\n  @Watch(\"position\")\r\n  watchPosition() {\r\n    if (!this.popper) {\r\n      return;\r\n    }\r\n\r\n    this.popper.setOptions({\r\n      placement: this.position,\r\n    });\r\n  }\r\n\r\n  @Watch(\"strategy\")\r\n  watchStrategy() {\r\n    this.setStrategy();\r\n  }\r\n\r\n  private setStrategy() {\r\n    if (!this.popper) {\r\n      return;\r\n    }\r\n\r\n    if (this.strategy === \"absolute\" || this.strategy === \"fixed\") {\r\n      this.popper.setOptions({\r\n        strategy: this.strategy,\r\n      });\r\n\r\n      return;\r\n    }\r\n\r\n    let element: Element | null = this.element;\r\n    while (element && element.parentNode !== document) {\r\n      element = element.parentNode instanceof ShadowRoot ? element.parentNode.host : element.parentElement;\r\n      if (element !== null && hasOverflow(element)) {\r\n        this.popper.setOptions({\r\n          strategy: \"fixed\",\r\n        });\r\n\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.popper.setOptions({\r\n      strategy: \"absolute\",\r\n    });\r\n  }\r\n\r\n  @Watch(\"active\")\r\n  watchActive() {\r\n    if (this.active) {\r\n      this.activatePopper();\r\n\r\n      if (!this.stateless) {\r\n        setTimeout(() => {\r\n          this.popper?.setOptions({\r\n            modifiers: [{ name: \"eventListeners\", enabled: true }],\r\n          });\r\n          document.addEventListener(\"keydown\", this.keyDownListener);\r\n        });\r\n      }\r\n    } else {\r\n      document.removeEventListener(\"keydown\", this.keyDownListener);\r\n      this.deactivatePopper();\r\n    }\r\n  }\r\n\r\n  @Element()\r\n  private element!: HTMLDsoTooltipElement;\r\n\r\n  private popper: PopperInstance | undefined;\r\n\r\n  private callbacks: TooltipCallbacks = {\r\n    activate: () => (this.active = true),\r\n    deactivate: () => (this.active = false),\r\n  };\r\n\r\n  private onMouseLeave = () => {\r\n    if (!this.element.matches(\":hover\") && !this.target?.matches(\":hover\")) {\r\n      this.callbacks.deactivate();\r\n    }\r\n  };\r\n\r\n  @State()\r\n  private hidden = true;\r\n\r\n  private listenClick(e: MouseEvent) {\r\n    e.stopPropagation();\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n    if (!(tooltip instanceof HTMLElement)) {\r\n      throw new Error(\"tooltip element is not instanceof HTMLElement\");\r\n    }\r\n\r\n    if (!this.stateless && this.target) {\r\n      this.target.addEventListener(\"mouseenter\", this.callbacks.activate);\r\n      [this.element, this.target].forEach((element) => element.addEventListener(\"mouseleave\", this.onMouseLeave));\r\n      this.target.addEventListener(\"focus\", this.callbacks.activate);\r\n      this.target.addEventListener(\"blur\", this.callbacks.deactivate);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    this.popper?.destroy();\r\n\r\n    if (!this.stateless && this.target) {\r\n      this.target.removeEventListener(\"mouseenter\", this.callbacks.activate);\r\n      [this.element, this.target].forEach((element) => element.removeEventListener(\"mouseleave\", this.onMouseLeave));\r\n      this.target.removeEventListener(\"focus\", this.callbacks.activate);\r\n      this.target.removeEventListener(\"blur\", this.callbacks.deactivate);\r\n    }\r\n\r\n    this.target = undefined;\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (this.active) {\r\n      this.popper?.update();\r\n    }\r\n  }\r\n\r\n  private keyDownListener = (event: KeyboardEvent) => {\r\n    if (event.key === \"Escape\") {\r\n      this.deactivate();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <Host class={{ hidden: this.hidden }} role=\"tooltip\" onClick={this.listenClick}>\r\n        <div class={clsx(\"tooltip\", { in: this.active })}>\r\n          {!this.noArrow && <div data-popper-arrow class=\"tooltip-arrow\"></div>}\r\n          <div aria-hidden={!this.descriptive || undefined} class={clsx(\"tooltip-inner\", { \"dso-small\": this.small })}>\r\n            <slot></slot>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private deactivatePopper = debounce(() => {\r\n    this.hidden = true;\r\n    this.popper?.destroy();\r\n    this.popper = undefined;\r\n  }, transitionDuration);\r\n\r\n  private activatePopper(): void {\r\n    this.hidden = false;\r\n\r\n    if (this.popper) {\r\n      return;\r\n    }\r\n\r\n    const tooltip = this.element.shadowRoot?.querySelector(\".tooltip\");\r\n\r\n    if (this.target && tooltip instanceof HTMLElement) {\r\n      this.popper = createPopper(this.target, tooltip, {\r\n        placement: this.position,\r\n        modifiers: [maxSize, applyMaxSize, { name: \"eventListeners\", enabled: false }],\r\n      });\r\n\r\n      this.setStrategy();\r\n    }\r\n  }\r\n\r\n  private get target(): HTMLElement | undefined {\r\n    return this.#target ?? this.initializeTarget();\r\n  }\r\n\r\n  private set target(element: HTMLElement | undefined) {\r\n    this.#target = element;\r\n  }\r\n\r\n  #target?: HTMLElement;\r\n\r\n  private initializeTarget(): HTMLElement | undefined {\r\n    const id = this.element.id;\r\n\r\n    if (!id) {\r\n      console.warn(\"Unable to find reference tooltip has no [id] attribute.\");\r\n\r\n      return;\r\n    }\r\n\r\n    const rootNode = this.element.getRootNode();\r\n    if (!(rootNode instanceof Document || rootNode instanceof ShadowRoot)) {\r\n      console.warn(`rootNode is not instance of Document or ShadowRoot`);\r\n\r\n      return;\r\n    }\r\n\r\n    const reference = rootNode.querySelector<HTMLElement>(`[aria-describedBy=\"${id}`);\r\n    if (!reference) {\r\n      console.warn(`Unable to find reference with aria-describedby ${id}`);\r\n\r\n      return;\r\n    }\r\n\r\n    this.#target = reference;\r\n    return reference;\r\n  }\r\n}\r\n\r\ninterface TooltipCallbacks {\r\n  activate: () => void;\r\n  deactivate: () => void;\r\n}\r\n"],"mappings":"qLAEA,IAAIA,EAAU,CACZC,KAAM,UACNC,QAAS,KACTC,MAAO,OACPC,iBAAkB,CAAC,SAAU,kBAAmB,QAChDC,GAAI,SAASA,EAAGC,GACd,IAAIC,EAAQD,EAAKC,MACbN,EAAOK,EAAKL,KACZO,EAAUF,EAAKE,QACnB,IAAIC,EAAWC,EAAeH,EAAOC,GAErC,IAAIG,EAAQJ,EAAMK,cAAcC,iBAAmB,CACjDC,EAAG,EACHC,EAAG,GAEDD,EAAIH,EAAMG,EACVC,EAAIJ,EAAMI,EAEd,IAAIC,EAAsBT,EAAMU,MAAMC,OAClCC,EAAQH,EAAoBG,MAC5BC,EAASJ,EAAoBI,OAEjC,IAAIC,EAAwBd,EAAMe,UAAUC,MAAM,KAC9CC,EAAgBH,EAAsB,GAE1C,IAAII,EAAYD,IAAkB,OAAS,OAAS,QACpD,IAAIE,EAAaF,IAAkB,MAAQ,MAAQ,SACnDjB,EAAMK,cAAcX,GAAQ,CAC1BkB,MAAOA,EAAQV,EAASgB,GAAaX,EACrCM,OAAQA,EAASX,EAASiB,GAAcX,EAE9C,GCjCA,MAAMY,EAAa,ojEACnB,MAAAC,EAAeD,E,gwBCOf,MAAME,EAAqB,IAE3B,MAAMC,EAAe,CACnB7B,KAAM,eACNC,QAAS,KACTC,MAAO4B,EACPC,SAAU,CAAC,WACX,EAAA3B,EAAGE,MAAEA,IACH,IAAIY,MAAEA,GAAUZ,EAAMK,cAAcZ,QACpC,GAAImB,EAAQ,IAAK,CACfA,EAAQ,G,CAGVZ,EAAM0B,OAAOf,OAAMgB,OAAAC,OAAAD,OAAAC,OAAA,GACd5B,EAAM0B,OAAOf,QAAM,CACtBkB,SAAU,GAAGjB,O,SAUNkB,EAAO,M,yBAmIVC,KAAAC,UAA8B,CACpCC,SAAU,IAAOF,KAAKG,OAAS,KAC/BC,WAAY,IAAOJ,KAAKG,OAAS,OAG3BH,KAAAK,aAAe,K,MACrB,IAAKL,KAAKM,QAAQC,QAAQ,cAAcC,EAAAR,KAAKS,UAAM,MAAAD,SAAA,SAAAA,EAAED,QAAQ,WAAW,CACtEP,KAAKC,UAAUG,Y,GA4CXJ,KAAAU,gBAAmBC,IACzB,GAAIA,EAAMC,MAAQ,SAAU,CAC1BZ,KAAKI,Y,GAiBDJ,KAAAa,iBAAmBC,GAAS,K,MAClCd,KAAKe,OAAS,MACdP,EAAAR,KAAKpB,UAAM,MAAA4B,SAAA,SAAAA,EAAEQ,UACbhB,KAAKpB,OAASqC,SAAS,GACtB1B,GA6BH2B,EAAAC,IAAAnB,UAAA,G,iBAnOc,M,cAMQ,M,cAMoB,O,aAMhC,M,0DAkBD,M,YAoGQ,I,CA9FjB,cAAME,GACJF,KAAKG,OAAS,I,CAOhB,gBAAMC,GACJJ,KAAKG,OAAS,K,CAIhB,aAAAiB,GACE,IAAKpB,KAAKpB,OAAQ,CAChB,M,CAGFoB,KAAKpB,OAAOyC,WAAW,CACrBrC,UAAWgB,KAAKsB,U,CAKpB,aAAAC,GACEvB,KAAKwB,a,CAGC,WAAAA,GACN,IAAKxB,KAAKpB,OAAQ,CAChB,M,CAGF,GAAIoB,KAAKyB,WAAa,YAAczB,KAAKyB,WAAa,QAAS,CAC7DzB,KAAKpB,OAAOyC,WAAW,CACrBI,SAAUzB,KAAKyB,WAGjB,M,CAGF,IAAInB,EAA0BN,KAAKM,QACnC,MAAOA,GAAWA,EAAQoB,aAAeC,SAAU,CACjDrB,EAAUA,EAAQoB,sBAAsBE,WAAatB,EAAQoB,WAAWG,KAAOvB,EAAQwB,cACvF,GAAIxB,IAAY,MAAQyB,EAAYzB,GAAU,CAC5CN,KAAKpB,OAAOyC,WAAW,CACrBI,SAAU,UAGZ,M,EAIJzB,KAAKpB,OAAOyC,WAAW,CACrBI,SAAU,Y,CAKd,WAAAO,GACE,GAAIhC,KAAKG,OAAQ,CACfH,KAAKiC,iBAEL,IAAKjC,KAAKkC,UAAW,CACnBC,YAAW,K,OACT3B,EAAAR,KAAKpB,UAAM,MAAA4B,SAAA,SAAAA,EAAEa,WAAW,CACtBe,UAAW,CAAC,CAAEzE,KAAM,iBAAkBC,QAAS,SAEjD+D,SAASU,iBAAiB,UAAWrC,KAAKU,gBAAgB,G,MAGzD,CACLiB,SAASW,oBAAoB,UAAWtC,KAAKU,iBAC7CV,KAAKa,kB,EAuBD,WAAA0B,CAAYC,GAClBA,EAAEC,iB,CAGJ,gBAAAC,G,MACE,MAAMC,GAAUnC,EAAAR,KAAKM,QAAQsC,cAAU,MAAApC,SAAA,SAAAA,EAAEqC,cAAc,YACvD,KAAMF,aAAmBG,aAAc,CACrC,MAAM,IAAIC,MAAM,gD,CAGlB,IAAK/C,KAAKkC,WAAalC,KAAKS,OAAQ,CAClCT,KAAKS,OAAO4B,iBAAiB,aAAcrC,KAAKC,UAAUC,UAC1D,CAACF,KAAKM,QAASN,KAAKS,QAAQuC,SAAS1C,GAAYA,EAAQ+B,iBAAiB,aAAcrC,KAAKK,gBAC7FL,KAAKS,OAAO4B,iBAAiB,QAASrC,KAAKC,UAAUC,UACrDF,KAAKS,OAAO4B,iBAAiB,OAAQrC,KAAKC,UAAUG,W,EAIxD,oBAAA6C,G,OACEzC,EAAAR,KAAKpB,UAAM,MAAA4B,SAAA,SAAAA,EAAEQ,UAEb,IAAKhB,KAAKkC,WAAalC,KAAKS,OAAQ,CAClCT,KAAKS,OAAO6B,oBAAoB,aAActC,KAAKC,UAAUC,UAC7D,CAACF,KAAKM,QAASN,KAAKS,QAAQuC,SAAS1C,GAAYA,EAAQgC,oBAAoB,aAActC,KAAKK,gBAChGL,KAAKS,OAAO6B,oBAAoB,QAAStC,KAAKC,UAAUC,UACxDF,KAAKS,OAAO6B,oBAAoB,OAAQtC,KAAKC,UAAUG,W,CAGzDJ,KAAKS,OAASQ,S,CAGhB,kBAAAiC,G,MACE,GAAIlD,KAAKG,OAAQ,EACfK,EAAAR,KAAKpB,UAAM,MAAA4B,SAAA,SAAAA,EAAE2C,Q,EAUjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAA1C,IAAA,2CAAC2C,MAAO,CAAExC,OAAQf,KAAKe,QAAUyC,KAAK,UAAUC,QAASzD,KAAKuC,aACjEc,EAAA,OAAAzC,IAAA,2CAAK2C,MAAOG,EAAK,UAAW,CAAEC,GAAI3D,KAAKG,WACnCH,KAAK4D,SAAWP,EAAA,OAAAzC,IAAA,oEAAuB2C,MAAM,kBAC/CF,EAAA,OAAAzC,IAAA,0DAAmBZ,KAAK6D,aAAe5C,UAAWsC,MAAOG,EAAK,gBAAiB,CAAE,YAAa1D,KAAK8D,SACjGT,EAAA,QAAAzC,IAAA,+C,CAaF,cAAAqB,G,MACNjC,KAAKe,OAAS,MAEd,GAAIf,KAAKpB,OAAQ,CACf,M,CAGF,MAAM+D,GAAUnC,EAAAR,KAAKM,QAAQsC,cAAU,MAAApC,SAAA,SAAAA,EAAEqC,cAAc,YAEvD,GAAI7C,KAAKS,QAAUkC,aAAmBG,YAAa,CACjD9C,KAAKpB,OAASmF,EAAa/D,KAAKS,OAAQkC,EAAS,CAC/C3D,UAAWgB,KAAKsB,SAChBc,UAAW,CAAC1E,EAAS8B,EAAc,CAAE7B,KAAM,iBAAkBC,QAAS,UAGxEoC,KAAKwB,a,EAIT,UAAYf,G,MACV,OAAOD,EAAAwD,EAAAhE,KAAIkB,EAAA,QAAQ,MAAAV,SAAA,EAAAA,EAAIR,KAAKiE,kB,CAG9B,UAAYxD,CAAOH,GACjB4D,EAAAlE,KAAIkB,EAAWZ,EAAO,I,CAKhB,gBAAA2D,GACN,MAAME,EAAKnE,KAAKM,QAAQ6D,GAExB,IAAKA,EAAI,CACPC,QAAQC,KAAK,2DAEb,M,CAGF,MAAMC,EAAWtE,KAAKM,QAAQiE,cAC9B,KAAMD,aAAoBE,UAAYF,aAAoB1C,YAAa,CACrEwC,QAAQC,KAAK,sDAEb,M,CAGF,MAAMI,EAAYH,EAASzB,cAA2B,sBAAsBsB,KAC5E,IAAKM,EAAW,CACdL,QAAQC,KAAK,kDAAkDF,KAE/D,M,CAGFD,EAAAlE,KAAIkB,EAAWuD,EAAS,KACxB,OAAOA,C"}

package/dist/dso-toolkit/p-1f66a719.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as s,h as i}from"./p-701648d3.js";import{v as d}from"./p-14616bce.js";const o=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-width:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-bottom:8px;max-width:100%;text-align:left}p[slot=info]{margin:0}";const a=o;const t=class{constructor(i){e(this,i);this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7);this.selectableRefs={};this.group=d();this.baseLayers=undefined}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousBaselayers)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{key:"de1069481148768ce882022e2439d10c78dea353",class:"form-group dso-radios"},i("legend",{key:"c26522cddd21cfb5d35f8ccd7a4d39951b3e1e79",class:"sr-only"},"Achtergrond"),i("div",{key:"81ad22334e84f5bda6b1987f62ed95d89c269872",class:"dso-label-container"},i("span",{key:"f982b307e6b7bff5f97658cf9b7be43aa4d9ca3f",class:"control-label","aria-hidden":"true"},"Achtergrond")),i("div",{key:"4c8562c76ecb35a7a16b08580c0d0b032a93048f",class:"dso-field-container"},this.baseLayers.map((e=>i("dso-selectable",{key:e.id,type:"radio",value:e.name,checked:e.checked,disabled:e.disabled,name:this.group,ref:s=>s&&(this.selectableRefs[e.id]=s),onDsoChange:()=>this.baseLayerChangeHandler(e)},e.name,e.info?i("p",{slot:"info"},e.info):null)))))}};t.style=a;export{t as dso_map_base_layers};
-//# sourceMappingURL=p-1f66a719.entry.js.map

package/dist/dso-toolkit/p-43bcfb18.entry.js

@@ -1,2 +0,0 @@
-import{r as n,h as e,H as a}from"./p-701648d3.js";const o=':host {\n  max-block-size: 3rem;\n  block-size: 3rem;\n  display: grid;\n  grid-template-areas: "target wordmark label";\n  grid-template-columns: repeat(3, max-content);\n  grid-template-rows: 100%;\n  gap: 16px;\n  font-size: 1.5625rem;\n  font-weight: 500;\n  align-items: center;\n  container-type: size;\n  container-name: logo;\n}\n\n.logo-target {\n  grid-area: target;\n  max-block-size: 48px;\n  max-inline-size: 48px;\n  inline-size: 100%;\n  display: block;\n  aspect-ratio: 1/1;\n}\n\n.logo-wordmark {\n  grid-area: wordmark;\n  font-size: 1.5625rem;\n}\n\n@container logo (max-height: 47px) {\n  .logo-wordmark,\n  .logo-label {\n    font-size: 50cqb;\n    line-height: 1;\n  }\n}\n.logo-wordmark-omgevings {\n  color: #39870c;\n}\n\n.logo-wordmark-loket {\n  color: #275937;\n}\n\n.logo-label {\n  grid-area: label;\n  color: #275937;\n  margin-inline-start: 1rem;\n}\n\n.logo-ribbon {\n  grid-area: wordmark;\n  place-self: start end;\n  display: flex;\n  place-items: center;\n  background-color: #8b4a6a;\n  border-radius: 3px;\n  transform: rotate(3deg);\n  padding: 0 8px;\n  font-size: 0.75rem;\n  font-weight: normal;\n  text-transform: uppercase;\n  color: #fff;\n}\n@container logo (max-height: 47px) {\n  .logo-ribbon {\n    block-size: 28cqb;\n    font-size: 25cqb;\n  }\n}\n\n.inner {\n  fill: #e17000;\n}\n\n.middle {\n  fill: #275937;\n}\n\n.outer {\n  fill: #80bc00;\n}\n\n@media screen and (max-width: 767px) {\n  .logo-wordmark {\n    font-size: initial;\n  }\n  :host([label]) {\n    grid-template-areas: "target label";\n    grid-template-columns: max-content minmax(130px, max-content);\n  }\n  :host([label]) .logo-wordmark {\n    display: none;\n  }\n  :host([label]) .logo-ribbon {\n    grid-area: label;\n  }\n  :host([label]) .logo-label {\n    margin-inline-start: 0;\n    font-size: initial;\n    text-wrap: balance;\n    overflow-wrap: normal;\n  }\n}\n@media screen and (max-width: 480px) {\n  .logo-ribbon {\n    transform: rotate(3deg) translateY(-7px);\n  }\n}';const r=o;const l=class{constructor(e){n(this,e);this.label=undefined;this.ribbon=undefined}render(){return e(a,{key:"af3e148d5fd223144d72c846976442e016f1da95","aria-label":["Omgevingsloket",this.label,this.ribbon&&`(${this.ribbon})`].filter((n=>!!n)).join(" ")},e("svg",{key:"636c66dfbc9ba81c24db337ae9827e9703080da7",fill:"none",viewBox:"0 0 48 48",height:"100%",class:"logo-target"},e("path",{key:"a96d2501cef73c91f6862e7f7d61e895104924ed",class:"outer",d:"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z"}),e("path",{key:"fc0bfede97df907f8aa774d63b4dbc8f9ab0aac2",class:"middle",d:"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z"}),e("path",{key:"7922d7a863ac62e71564d18bf329f6ebda55f29c",class:"inner",d:"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z"})),e("div",{key:"988ba3831261216e3b5c1b9a5647480bc9d7b817",class:"logo-wordmark"},e("span",{key:"84388d709db2ecb31be51cbe1736d03e59cdf1e7",class:"logo-wordmark-omgevings"},"Omgevings"),e("span",{key:"8b0718c57cfb095972c2a5c4edb87f411896bdd4",class:"logo-wordmark-loket"},"loket")),this.label&&e("span",{key:"36ba8516b43749b5b0a53c00dcdfe6e6ce2f7b02",class:"logo-label"},this.label),this.ribbon&&e("div",{key:"c86c6c5df017f3297f9f7a775bcd746a9fe8893b",class:"logo-ribbon"},this.ribbon))}};l.style=r;export{l as dso_logo};
-//# sourceMappingURL=p-43bcfb18.entry.js.map

package/dist/dso-toolkit/p-43bcfb18.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["logoCss","DsoLogoStyle0","Logo","render","h","Host","key","this","label","ribbon","filter","s","join","fill","viewBox","height","class","d"],"sources":["src/components/logo/logo.scss?tag=dso-logo&encapsulation=shadow","src/components/logo/logo.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  max-block-size: units.$ru6;\r\n  block-size: units.$ru6;\r\n  display: grid;\r\n  grid-template-areas: \"target wordmark label\";\r\n  grid-template-columns: repeat(3, max-content);\r\n  grid-template-rows: 100%;\r\n  gap: units.$u2;\r\n  font-size: 1.5625rem;\r\n  font-weight: 500;\r\n  align-items: center;\r\n  container-type: size;\r\n  container-name: logo;\r\n}\r\n\r\n.logo-target {\r\n  grid-area: target;\r\n  max-block-size: units.$u6;\r\n  max-inline-size: units.$u6;\r\n  inline-size: 100%;\r\n  display: block;\r\n  aspect-ratio: 1 / 1;\r\n}\r\n\r\n.logo-wordmark {\r\n  grid-area: wordmark;\r\n  font-size: 1.5625rem;\r\n}\r\n\r\n@container logo (max-height: 47px) {\r\n  .logo-wordmark,\r\n  .logo-label {\r\n    font-size: 50cqb;\r\n    line-height: 1;\r\n  }\r\n}\r\n\r\n.logo-wordmark-omgevings {\r\n  color: colors.$grasgroen;\r\n}\r\n\r\n.logo-wordmark-loket {\r\n  color: colors.$bosgroen;\r\n}\r\n\r\n.logo-label {\r\n  grid-area: label;\r\n  color: colors.$bosgroen;\r\n  margin-inline-start: units.$ru2;\r\n}\r\n\r\n.logo-ribbon {\r\n  grid-area: wordmark;\r\n  place-self: start end;\r\n  display: flex;\r\n  place-items: center;\r\n\r\n  background-color: colors.$mauve;\r\n  border-radius: 3px;\r\n  transform: rotate(3deg);\r\n  padding: 0 8px;\r\n\r\n  font-size: 0.75rem;\r\n  font-weight: normal;\r\n  text-transform: uppercase;\r\n  color: colors.$wit;\r\n\r\n  @container logo (max-height: 47px) {\r\n    & {\r\n      block-size: 28cqb;\r\n      font-size: 25cqb;\r\n    }\r\n  }\r\n}\r\n\r\n.inner {\r\n  fill: colors.$oranje;\r\n}\r\n\r\n.middle {\r\n  fill: colors.$bosgroen;\r\n}\r\n\r\n.outer {\r\n  fill: #80bc00;\r\n}\r\n\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n  .logo-wordmark {\r\n    font-size: initial;\r\n  }\r\n\r\n  // if the logo has a label, hide the wordmark on smaller screens and replace it with the label\r\n  :host([label]) {\r\n    grid-template-areas: \"target label\";\r\n    grid-template-columns: max-content minmax(130px, max-content);\r\n\r\n    .logo-wordmark {\r\n      display: none;\r\n    }\r\n\r\n    .logo-ribbon {\r\n      grid-area: label;\r\n    }\r\n\r\n    .logo-label {\r\n      margin-inline-start: 0;\r\n      font-size: initial;\r\n      text-wrap: balance;\r\n      overflow-wrap: normal;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n  .logo-ribbon {\r\n    transform: rotate(3deg) translateY(-7px);\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Host, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-logo\",\r\n  styleUrl: \"logo.scss\",\r\n  shadow: true,\r\n})\r\nexport class Logo implements ComponentInterface {\r\n  /**\r\n   * The label clarifies the service within the Omgevingsloket, shown\r\n   * as a subtitle (and on smaller screens as the main wordmark itself).\r\n   */\r\n  @Prop({ reflect: true })\r\n  label?: string;\r\n\r\n  /**\r\n   * The ribbon contains the text for a possible 'sticker' on top of the logo.\r\n   * Used to clarify the (non-production) server environment (\"int\", \"kta\", \"pfm\", \"pre\", or \"dmo\")\r\n   *\r\n   */\r\n  @Prop()\r\n  ribbon?: string;\r\n\r\n  render() {\r\n    return (\r\n      <Host aria-label={[\"Omgevingsloket\", this.label, this.ribbon && `(${this.ribbon})`].filter((s) => !!s).join(\" \")}>\r\n        <svg fill=\"none\" viewBox=\"0 0 48 48\" height=\"100%\" class=\"logo-target\">\r\n          <path class=\"outer\" d=\"M26 0a24 24 0 1 0 0 47.9A24 24 0 0 0 24 0Z\" />\r\n          <path class=\"middle\" d=\"M24 8A16 16 0 0 0 8 24 16 16 0 1 0 24 8Z\" />\r\n          <path class=\"inner\" d=\"M24 32a8 8 0 0 0 0-16 8 8 0 0 0 0 16Z\" />\r\n        </svg>\r\n\r\n        <div class=\"logo-wordmark\">\r\n          <span class=\"logo-wordmark-omgevings\">Omgevings</span>\r\n          <span class=\"logo-wordmark-loket\">loket</span>\r\n        </div>\r\n\r\n        {this.label && <span class=\"logo-label\">{this.label}</span>}\r\n        {this.ribbon && <div class=\"logo-ribbon\">{this.ribbon}</div>}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAU,y9DAChB,MAAAC,EAAeD,E,MCMFE,EAAI,M,oEAgBf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,wDAAa,CAAC,iBAAkBC,KAAKC,MAAOD,KAAKE,QAAU,IAAIF,KAAKE,WAAWC,QAAQC,KAAQA,IAAGC,KAAK,MAC1GR,EAAA,OAAAE,IAAA,2CAAKO,KAAK,OAAOC,QAAQ,YAAYC,OAAO,OAAOC,MAAM,eACvDZ,EAAA,QAAAE,IAAA,2CAAMU,MAAM,QAAQC,EAAE,+CACtBb,EAAA,QAAAE,IAAA,2CAAMU,MAAM,SAASC,EAAE,6CACvBb,EAAA,QAAAE,IAAA,2CAAMU,MAAM,QAAQC,EAAE,2CAGxBb,EAAA,OAAAE,IAAA,2CAAKU,MAAM,iBACTZ,EAAA,QAAAE,IAAA,2CAAMU,MAAM,2BAAyB,aACrCZ,EAAA,QAAAE,IAAA,2CAAMU,MAAM,uBAAqB,UAGlCT,KAAKC,OAASJ,EAAA,QAAAE,IAAA,2CAAMU,MAAM,cAAcT,KAAKC,OAC7CD,KAAKE,QAAUL,EAAA,OAAAE,IAAA,2CAAKU,MAAM,eAAeT,KAAKE,Q"}

package/dist/dso-toolkit/p-701648d3.js

@@ -1,3 +0,0 @@
-const e="dso-toolkit";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};let n;let s;let l;let o=false;let i=false;let f=false;let c=false;let r=null;let u=false;const a=(e,t="")=>{{return()=>{}}};const d=(e,t)=>{{return()=>{}}};const v="{visibility:hidden}.hydrated{visibility:inherit}";const p="slot-fb{display:contents}slot-fb[hidden]{display:none}";const m="http://www.w3.org/1999/xlink";const h={};const y="http://www.w3.org/2000/svg";const b="http://www.w3.org/1999/xhtml";const w=e=>e!=null;const g=e=>{e=typeof e;return e==="object"||e==="function"};function $(e){var t,n,s;return(s=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const S=(e,t,...n)=>{let s=null;let l=null;let o=null;let i=false;let f=false;const c=[];const r=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){r(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!g(s)){s=String(s)}if(i&&f){c[c.length-1].t+=s}else{c.push(i?k(null,s):s)}f=i}}};r(n);if(t){if(t.key){l=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,c,O)}const u=k(e,null);u.l=t;if(c.length>0){u.o=c}{u.i=l}{u.u=o}return u};const k=(e,t)=>{const n={v:0,p:e,t,m:null,o:null};{n.l=null}{n.i=null}{n.u=null}return n};const C={};const j=e=>e&&e.p===C;const O={forEach:(e,t)=>e.map(x).forEach(t),map:(e,t)=>e.map(x).map(t).map(T)};const x=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.p,vtext:e.t});const T=e=>{if(typeof e.vtag==="function"){const t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return S(e.vtag,t,...e.vchildren||[])}const t=k(e.vtag,e.vtext);t.l=e.vattrs;t.o=e.vchildren;t.i=e.vkey;t.u=e.vname;return t};const L=(e,t)=>{if(e!=null&&!g(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};const R=e=>Pe(e).$hostElement$;const D=(e,t,n)=>{const s=R(e);return{emit:e=>F(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};const F=(e,t,n)=>{const s=Ke.ce(t,n);e.dispatchEvent(s);return s};const M=new WeakMap;const A=(e,t,n)=>{let s=Qe.get(e);if(_e&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}Qe.set(e,s)};const N=(e,t,n)=>{var s;const l=U(t);const o=Qe.get(l);e=e.nodeType===11?e:Ie;if(o){if(typeof o==="string"){e=e.head||e;let n=M.get(e);let i;if(!n){M.set(e,n=new Set)}if(!n.has(l)){{i=Ie.createElement("style");i.innerHTML=o;const t=(s=Ke.h)!==null&&s!==void 0?s:$(Ie);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.v&4){i.innerHTML+=p}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}return l};const P=e=>{const t=e.$;const n=e.$hostElement$;const s=t.v;const l=a("attachStyles",t.S);const o=N(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h");if(s&2){n.classList.add(o+"-s")}}l()};const U=(e,t)=>"sc-"+e.S;const E=(e,t,n,s,l,o)=>{if(n!==s){let i=We(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const l=z(n);const o=z(s);t.remove(...l.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(We(qe,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||s){const l=t.endsWith(B);t=t.replace(H,"");if(n){Ke.rel(e,t,n,l)}if(s){Ke.ael(e,t,s,l)}}}else{const c=g(s);if((i||c&&s!==null)&&!l){try{if(!e.tagName.includes("-")){const l=s==null?"":s;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=s}}catch(e){}}let r=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;r=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(r){e.removeAttributeNS(m,t)}else{e.removeAttribute(t)}}}else if((!i||o&4||l)&&!c){s=s===true?"":s;if(r){e.setAttributeNS(m,t,s)}else{e.setAttribute(t,s)}}}}};const W=/\s/;const z=e=>!e?[]:e.split(W);const B="Capture";const H=new RegExp(B+"$");const Q=(e,t,n,s)=>{const l=t.m.nodeType===11&&t.m.host?t.m.host:t.m;const o=e&&e.l||h;const i=t.l||h;{for(s of q(Object.keys(o))){if(!(s in i)){E(l,s,o[s],undefined,n,t.v)}}}for(s of q(Object.keys(i))){E(l,s,o[s],i[s],n,t.v)}};function q(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}const I=(e,t,i,r)=>{var u;const a=t.o[i];let d=0;let v;let p;let m;if(!o){f=true;if(a.p==="slot"){if(n){r.classList.add(n+"-s")}a.v|=a.o?2:1}}if(a.t!==null){v=a.m=Ie.createTextNode(a.t)}else if(a.v&1){v=a.m=Ie.createTextNode("")}else{if(!c){c=a.p==="svg"}v=a.m=Ie.createElementNS(c?y:b,a.v&2?"slot-fb":a.p);if(c&&a.p==="foreignObject"){c=false}{Q(null,a,c)}if(w(n)&&v["s-si"]!==n){v.classList.add(v["s-si"]=n)}if(a.o){for(d=0;d<a.o.length;++d){p=I(e,a,d,v);if(p){v.appendChild(p)}}}{if(a.p==="svg"){c=false}else if(v.tagName==="foreignObject"){c=true}}}v["s-hn"]=l;{if(a.v&(2|1)){v["s-sr"]=true;v["s-cr"]=s;v["s-sn"]=a.u||"";v["s-rf"]=(u=a.l)===null||u===void 0?void 0:u.ref;m=e&&e.o&&e.o[i];if(m&&m.p===a.p&&e.m){{K(e.m,false)}}}}return v};const K=(e,n)=>{Ke.v|=1;const s=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===l){s.push(t)}}}for(let e=s.length-1;e>=0;e--){const t=s[e];if(t["s-hn"]!==l&&t["s-ol"]){Y(t).insertBefore(t,J(t));t["s-ol"].remove();t["s-ol"]=undefined;t["s-sh"]=undefined;f=true}if(n){K(t,n)}}Ke.v&=~1};const V=(e,t,n,s,o,i)=>{let f=e["s-cr"]&&e["s-cr"].parentNode||e;let c;if(f.shadowRoot&&f.tagName===l){f=f.shadowRoot}for(;o<=i;++o){if(s[o]){c=I(null,n,o,e);if(c){s[o].m=c;f.insertBefore(c,J(t))}}}};const X=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.m;le(t);if(e){{i=true;if(e["s-ol"]){e["s-ol"].remove()}else{K(e,true)}}e.remove()}}}};const _=(e,t,n,s,l=false)=>{let o=0;let i=0;let f=0;let c=0;let r=t.length-1;let u=t[0];let a=t[r];let d=s.length-1;let v=s[0];let p=s[d];let m;let h;while(o<=r&&i<=d){if(u==null){u=t[++o]}else if(a==null){a=t[--r]}else if(v==null){v=s[++i]}else if(p==null){p=s[--d]}else if(G(u,v,l)){Z(u,v,l);u=t[++o];v=s[++i]}else if(G(a,p,l)){Z(a,p,l);a=t[--r];p=s[--d]}else if(G(u,p,l)){if(u.p==="slot"||p.p==="slot"){K(u.m.parentNode,false)}Z(u,p,l);e.insertBefore(u.m,a.m.nextSibling);u=t[++o];p=s[--d]}else if(G(a,v,l)){if(u.p==="slot"||p.p==="slot"){K(a.m.parentNode,false)}Z(a,v,l);e.insertBefore(a.m,u.m);a=t[--r];v=s[++i]}else{f=-1;{for(c=o;c<=r;++c){if(t[c]&&t[c].i!==null&&t[c].i===v.i){f=c;break}}}if(f>=0){h=t[f];if(h.p!==v.p){m=I(t&&t[i],n,f,e)}else{Z(h,v,l);t[f]=undefined;m=h.m}v=s[++i]}else{m=I(t&&t[i],n,i,e);v=s[++i]}if(m){{Y(u.m).insertBefore(m,J(u.m))}}}}if(o>r){V(e,s[d+1]==null?null:s[d+1].m,n,s,i,d)}else if(i>d){X(t,o,r)}};const G=(e,t,n=false)=>{if(e.p===t.p){if(e.p==="slot"){return e.u===t.u}if(!n){return e.i===t.i}return true}return false};const J=e=>e&&e["s-ol"]||e;const Y=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;const Z=(e,t,n=false)=>{const s=t.m=e.m;const l=e.o;const i=t.o;const f=t.p;const r=t.t;let u;if(r===null){{c=f==="svg"?true:f==="foreignObject"?false:c}{if(f==="slot"&&!o);else{Q(e,t,c)}}if(l!==null&&i!==null){_(s,l,t,i,n)}else if(i!==null){if(e.t!==null){s.textContent=""}V(s,null,t,i,0,i.length-1)}else if(l!==null){X(l,0,l.length-1)}if(c&&f==="svg"){c=false}}else if(u=s["s-cr"]){u.parentNode.textContent=r}else if(e.t!==r){s.data=r}};const ee=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const s of t){if(s!==e){if(s["s-hn"]!==e["s-hn"]||n!==""){if(s.nodeType===1&&(n===s.getAttribute("slot")||n===s["s-sn"])){e.hidden=true;break}}else{if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){e.hidden=true;break}}}}}ee(e)}}};const te=[];const ne=e=>{let n;let s;let l;for(const o of e.childNodes){if(o["s-sr"]&&(n=o["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;const e=o["s-sn"];for(l=s.length-1;l>=0;l--){n=s[l];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==o["s-hn"]&&!t.experimentalSlotFixes){if(se(n,e)){let t=te.find((e=>e.k===n));i=true;n["s-sn"]=n["s-sn"]||e;if(t){t.k["s-sh"]=o["s-hn"];t.C=o}else{n["s-sh"]=o["s-hn"];te.push({C:o,k:n})}if(n["s-sr"]){te.map((e=>{if(se(e.k,n["s-sn"])){t=te.find((e=>e.k===n));if(t&&!e.C){e.C=t.C}}}))}}else if(!te.some((e=>e.k===n))){te.push({k:n})}}}}if(o.nodeType===1){ne(o)}}};const se=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};const le=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.o&&e.o.map(le)}};const oe=(e,t,c=false)=>{var r,u,a,d;const v=e.$hostElement$;const p=e.$;const m=e.j||k(null,null);const h=j(t)?t:S(null,null,t);l=v.tagName;if(p.O){h.l=h.l||{};p.O.map((([e,t])=>h.l[t]=v[e]))}if(c&&h.l){for(const e of Object.keys(h.l)){if(v.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){h.l[e]=v[e]}}}h.p=null;h.v|=4;e.j=h;h.m=m.m=v.shadowRoot||v;{n=v["s-sc"]}o=(p.v&1)!==0;{s=v["s-cr"];i=false}Z(m,h,c);{Ke.v|=1;if(f){ne(h.m);for(const e of te){const t=e.k;if(!t["s-ol"]){const e=Ie.createTextNode("");e["s-nr"]=t;t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of te){const t=e.k;const n=e.C;if(n){const e=n.parentNode;let s=n.nextSibling;{let n=(r=t["s-ol"])===null||r===void 0?void 0:r.previousSibling;while(n){let l=(u=n["s-nr"])!==null&&u!==void 0?u:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;while(l===t||(l===null||l===void 0?void 0:l["s-sr"])){l=l===null||l===void 0?void 0:l.nextSibling}if(!l||!l["s-nr"]){s=l;break}}n=n.previousSibling}}if(!s&&e!==t.parentNode||t.nextSibling!==s){if(t!==s){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}e.insertBefore(t,s);if(t.nodeType===1){t.hidden=(a=t["s-ih"])!==null&&a!==void 0?a:false}}}t&&typeof n["s-rf"]==="function"&&n["s-rf"](t)}else{if(t.nodeType===1){if(c){t["s-ih"]=(d=t.hidden)!==null&&d!==void 0?d:false}t.hidden=true}}}}if(i){ee(h.m)}Ke.v&=~1;te.length=0}s=undefined};const ie=(e,t)=>{if(t&&!e.T&&t["s-p"]){t["s-p"].push(new Promise((t=>e.T=t)))}};const fe=(e,t)=>{{e.v|=16}if(e.v&4){e.v|=512;return}ie(e,e.L);const n=()=>ce(e,t);return nt(n)};const ce=(e,t)=>{const n=a("scheduleUpdate",e.$.S);const s=e.R;let l;if(t){{e.v|=256;if(e.D){e.D.map((([e,t])=>ye(s,e,t)));e.D=undefined}}{l=ye(s,"componentWillLoad")}}n();return re(l,(()=>ae(e,s,t)))};const re=(e,t)=>ue(e)?e.then(t):t();const ue=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";const ae=async(e,t,n)=>{var s;const l=e.$hostElement$;const o=a("update",e.$.S);const i=l["s-rc"];if(n){P(e)}const f=a("render",e.$.S);{de(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=undefined}f();o();{const t=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>pe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.v|=4;t.length=0}}};const de=(e,t,n,s)=>{try{r=t;t=t.render();{e.v&=~16}{e.v|=2}{{{oe(e,t,s)}}}}catch(t){ze(t,e.$hostElement$)}r=null;return null};const ve=()=>r;const pe=e=>{const t=e.$.S;const n=e.$hostElement$;const s=a("postUpdate",t);const l=e.R;const o=e.L;{ye(l,"componentDidRender")}if(!(e.v&64)){e.v|=64;{be(n)}{ye(l,"componentDidLoad")}s();{e.F(n);if(!o){he()}}}else{s()}{e.M(n)}{if(e.T){e.T();e.T=undefined}if(e.v&512){tt((()=>fe(e,false)))}e.v&=~(4|512)}};const me=e=>{{const t=Pe(e);const n=t.$hostElement$.isConnected;if(n&&(t.v&(2|16))===2){fe(t,false)}return n}};const he=t=>{{be(Ie.documentElement)}tt((()=>F(qe,"appload",{detail:{namespace:e}})))};const ye=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){ze(e)}}return undefined};const be=e=>e.classList.add("hydrated");const we=(e,t)=>Pe(e).A.get(t);const ge=(e,t,n,s)=>{const l=Pe(e);const o=l.$hostElement$;const i=l.A.get(t);const f=l.v;const c=l.R;n=L(n,s.N[t][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.A.set(t,n);if(c){if(s.P&&f&128){const e=s.P[t];if(e){e.map((e=>{try{c[e](n,i,t)}catch(e){ze(e,o)}}))}}if((f&(2|16))===2){fe(l,false)}}}};const $e=(e,t,n)=>{var s;const l=e.prototype;if(t.N){if(e.watchers){t.P=e.watchers}const o=Object.entries(t.N);o.map((([e,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(l,e,{get(){return we(this,e)},set(n){ge(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&s&64){Object.defineProperty(l,e,{value(...t){var n;const s=Pe(this);return(n=s===null||s===void 0?void 0:s.U)===null||n===void 0?void 0:n.then((()=>{var n;return(n=s.R)===null||n===void 0?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,s,o){Ke.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){o=this[f];delete this[f]}else if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==o){return}else if(f==null){const n=Pe(this);const l=n===null||n===void 0?void 0:n.v;if(l&&!(l&8)&&l&128&&o!==s){const l=n.R;const f=(i=t.P)===null||i===void 0?void 0:i[e];f===null||f===void 0?void 0:f.forEach((t=>{if(l[t]!=null){l[t].call(l,o,s,e)}}))}return}this[f]=o===null&&typeof this[f]==="boolean"?false:o}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=t.P)!==null&&s!==void 0?s:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,s])=>{var l;const o=s[1]||e;n.set(o,e);if(s[0]&512){(l=t.O)===null||l===void 0?void 0:l.push([e,o])}return o}))]))}}return e};const Se=async(e,t,n,s)=>{let l;if((t.v&32)===0){t.v|=32;const s=n.W;if(s){l=He(n);if(l.then){const e=d();l=await l;e()}if(!l.isProxied){{n.P=l.watchers}$e(l,n,2);l.isProxied=true}const e=a("createInstance",n.S);{t.v|=8}try{new l(t)}catch(e){ze(e)}{t.v&=~8}{t.v|=128}e();ke(t.R)}else{l=e.constructor;customElements.whenDefined(n.S).then((()=>t.v|=128))}if(l.style){let e=l.style;const t=U(n);if(!Qe.has(t)){const s=a("registerStyles",n.S);A(t,e,!!(n.v&1));s()}}}const o=t.L;const i=()=>fe(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const ke=e=>{{ye(e,"connectedCallback")}};const Ce=e=>{if((Ke.v&1)===0){const t=Pe(e);const n=t.$;const s=a("connectedCallback",n.S);if(!(t.v&1)){t.v|=1;{if(n.v&(4|8)){je(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ie(t,t.L=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Se(e,t,n)}}else{Re(e,t,n.B);if(t===null||t===void 0?void 0:t.R){ke(t.R)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>ke(t.R)))}}s()}};const je=e=>{const t=e["s-cr"]=Ie.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};const Oe=e=>{{ye(e,"disconnectedCallback")}};const xe=async e=>{if((Ke.v&1)===0){const t=Pe(e);{if(t.q){t.q.map((e=>e()));t.q=undefined}}if(t===null||t===void 0?void 0:t.R){Oe(t.R)}else if(t===null||t===void 0?void 0:t.H){t.H.then((()=>Oe(t.R)))}}};const Te=(e,t={})=>{var n;const s=a();const l=[];const o=t.exclude||[];const i=qe.customElements;const f=Ie.head;const c=f.querySelector("meta[charset]");const r=Ie.createElement("style");const u=[];let d;let m=true;Object.assign(Ke,t);Ke.I=new URL(t.resourcesUrl||"./",Ie.baseURI).href;let h=false;e.map((e=>{e[1].map((t=>{var n;const s={v:t[0],S:t[1],N:t[2],B:t[3]};if(s.v&4){h=true}{s.N=t[2]}{s.B=t[3]}{s.O=[]}{s.P=(n=t[4])!==null&&n!==void 0?n:{}}const f=s.S;const c=class extends HTMLElement{constructor(e){super(e);e=this;Ee(e,s);if(s.v&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if(m){u.push(this)}else{Ke.jmp((()=>Ce(this)))}}disconnectedCallback(){Ke.jmp((()=>xe(this)))}componentOnReady(){return Pe(this).H}};s.W=e[0];if(!o.includes(f)&&!i.get(f)){l.push(f);i.define(f,$e(c,s,1))}}))}));if(l.length>0){if(h){r.textContent+=p}{r.textContent+=l+v}if(r.innerHTML.length){r.setAttribute("data-styles","");const e=(n=Ke.h)!==null&&n!==void 0?n:$(Ie);if(e!=null){r.setAttribute("nonce",e)}f.insertBefore(r,c?c.nextSibling:f.firstChild)}}m=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{Ke.jmp((()=>d=setTimeout(he,30)))}}s()};const Le=(e,t)=>t;const Re=(e,t,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Fe(e,n);const i=De(t,l);const f=Me(n);Ke.ael(o,s,i,f);(t.q=t.q||[]).push((()=>Ke.rel(o,s,i,f)))}))}};const De=(e,t)=>n=>{try{{if(e.v&256){e.R[t](n)}else{(e.D=e.D||[]).push([t,n])}}}catch(e){ze(e)}};const Fe=(e,t)=>{if(t&4)return Ie;if(t&8)return qe;return e};const Me=e=>Ve?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;const Ae=e=>Ke.h=e;const Ne=new WeakMap;const Pe=e=>Ne.get(e);const Ue=(e,t)=>Ne.set(t.R=e,t);const Ee=(e,t)=>{const n={v:0,$hostElement$:e,$:t,A:new Map};{n.U=new Promise((e=>n.M=e))}{n.H=new Promise((e=>n.F=e));e["s-p"]=[];e["s-rc"]=[]}Re(e,n,t.B);return Ne.set(e,n)};const We=(e,t)=>t in e;const ze=(e,t)=>(0,console.error)(e,t);const Be=new Map;const He=(e,t,n)=>{const s=e.S.replace(/-/g,"_");const l=e.W;const o=Be.get(l);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Be.set(l,e)}return e[s]}),ze)};const Qe=new Map;const qe=typeof window!=="undefined"?window:{};const Ie=qe.document||{head:{}};const Ke={v:0,I:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};const Ve=(()=>{let e=false;try{Ie.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();const Xe=e=>Promise.resolve(e);const _e=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();const Ge=[];const Je=[];const Ye=(e,t)=>n=>{e.push(n);if(!u){u=true;if(t&&Ke.v&4){tt(et)}else{Ke.raf(et)}}};const Ze=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){ze(e)}}e.length=0};const et=()=>{Ze(Ge);{Ze(Je);if(u=Ge.length>0){Ke.raf(et)}}};const tt=e=>Xe().then(e);const nt=Ye(Je,true);export{Le as F,C as H,R as a,Te as b,D as c,me as f,ve as g,S as h,Xe as p,Ue as r,Ae as s};
-//# sourceMappingURL=p-701648d3.js.map