@dso-toolkit/core 54.2.0 → 54.3.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapControlsCss","transitionDuration","MapControls","this","panelTitle","_MapControls_closeButtonElement","set","_MapControls_toggleButtonElement","open","watchOpen","hideContent","setTimeout","_a","__classPrivateFieldGet","focus","async","e","dsoToggle","emit","originalEvent","render","h","Host","type","id","class","onClick","toggleVisibility","ref","element","__classPrivateFieldSet","icon","dsoZoomIn","disabled","disableZoom","dsoZoomOut","hidden"],"sources":["./src/components/map-controls/map-controls.scss?tag=dso-map-controls&encapsulation=shadow","./src/components/map-controls/map-controls.tsx"],"sourcesContent":["@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/components/button\";\r\n\r\n@use \"map-controls.variables\" as core-map-controls-variables;\r\n\r\n:host {\r\n  background-color: colors.$wit;\r\n  border: 1px solid colors.$grijs-20;\r\n  bottom: 0;\r\n  display: block;\r\n  font-family: typography.$font-family-base;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 100%;\r\n  transition: transform core-map-controls-variables.$transition-duration ease;\r\n  width: 300px;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n:host([open]) {\r\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);\r\n  transform: translateX(-100%);\r\n\r\n  .toggle-visibility-button {\r\n    display: none;\r\n  }\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.toggle-visibility-button {\r\n  @include button.map();\r\n\r\n  position: absolute;\r\n  right: calc(100% + #{core-map-controls-variables.$controls-margin + core-map-controls-variables.$zoom-button-size});\r\n  top: core-map-controls-variables.$controls-margin;\r\n}\r\n\r\n.zoom-buttons {\r\n  border-radius: 4px;\r\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex: 0 0;\r\n  position: absolute;\r\n  right: calc(100% + core-map-controls-variables.$controls-margin);\r\n  top: core-map-controls-variables.$controls-margin;\r\n\r\n  button {\r\n    @include button.secondary($modifiers: false, $icon-only: true);\r\n    @include button.map-focus();\r\n\r\n    border: 0;\r\n    padding: 8px;\r\n    border-radius: 0;\r\n    border-top-left-radius: 4px;\r\n    border-top-right-radius: 4px;\r\n    flex: 0 0 100%;\r\n    height: core-map-controls-variables.$zoom-button-size;\r\n    min-width: auto;\r\n    width: core-map-controls-variables.$zoom-button-size;\r\n\r\n    + button {\r\n      border-radius: 0;\r\n      border-bottom-left-radius: 4px;\r\n      border-bottom-right-radius: 4px;\r\n      border-top: 1px solid colors.$grijs-20;\r\n    }\r\n  }\r\n}\r\n\r\n.close-button {\r\n  @include button.tertiary($modifiers: false, $icon-only: true);\r\n\r\n  padding: 0;\r\n  position: absolute;\r\n  right: core-map-controls-variables.$controls-margin;\r\n  top: core-map-controls-variables.$controls-margin;\r\n}\r\n\r\nsection:not([hidden]) {\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\nheader,\r\n.content {\r\n  padding: units.$u2;\r\n}\r\n\r\nheader {\r\n  border-bottom: 1px solid colors.$grijs-20;\r\n  flex-grow: 0;\r\n  position: relative;\r\n\r\n  h2 {\r\n    color: colors.$bosgroen;\r\n    font-family: typography.$headings-font-family;\r\n    line-height: 1;\r\n    margin: 0;\r\n  }\r\n}\r\n","import { Component, h, Host, Prop, Event, EventEmitter, State, Watch, Method } from \"@stencil/core\";\r\nimport { MapControlsToggleEvent } from \"./map-controls.interfaces\";\r\n\r\n// Sync with $transition-duration in ./map-controls.scss\r\nconst transitionDuration = 300;\r\n\r\n@Component({\r\n  tag: \"dso-map-controls\",\r\n  styleUrl: \"./map-controls.scss\",\r\n  shadow: true,\r\n})\r\nexport class MapControls {\r\n  private panelTitle = \"Kaartlagen\";\r\n\r\n  /**\r\n   * To show and hide the Map Controls.\r\n   */\r\n  @Prop({ reflect: true, mutable: true })\r\n  open = false;\r\n\r\n  /**\r\n   * To disable the zoom controls:\r\n   *\r\n   * * `in`: Disable zoom in button.\r\n   * * `out`: Disable zoom out button.\r\n   * * `both`: Disable zoom in and zoom out.\r\n   */\r\n  @Prop()\r\n  disableZoom?: \"in\" | \"out\" | \"both\";\r\n\r\n  /**\r\n   * Emitted when the user activates the zoom in button.\r\n   */\r\n  @Event()\r\n  dsoZoomIn!: EventEmitter<MouseEvent>;\r\n\r\n  /**\r\n   * Emitted when the user activates the zoom out button.\r\n   */\r\n  @Event()\r\n  dsoZoomOut!: EventEmitter<MouseEvent>;\r\n\r\n  /**\r\n   * emits when the panel opens or closes.\r\n   *\r\n   * - `event.detail.originalEvent` contains the original `MouseEvent / KeyboardEvent` when the panel is toggled by clicking the visibility button or the close button.\r\n   * - `event.detail.open` is true when the panel opens and false when the panel closes.\r\n   */\r\n  @Event()\r\n  dsoToggle!: EventEmitter<MapControlsToggleEvent>;\r\n\r\n  @State()\r\n  hideContent = !this.open;\r\n\r\n  @Watch(\"open\")\r\n  watchOpen(open: boolean) {\r\n    if (open) {\r\n      this.hideContent = false;\r\n\r\n      setTimeout(() => this.#closeButtonElement?.focus(), transitionDuration);\r\n    } else {\r\n      setTimeout(() => {\r\n        this.hideContent = true;\r\n\r\n        this.#toggleButtonElement?.focus();\r\n      }, transitionDuration);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Emitted when the visibility is toggled.\r\n   *\r\n   * Can be used to recalculate map widths or reposition center when the Map Controls opens or closes.\r\n   * @param e\r\n   */\r\n  @Method()\r\n  async toggleVisibility(e: MouseEvent | KeyboardEvent) {\r\n    this.open = !this.open;\r\n\r\n    this.dsoToggle.emit({\r\n      originalEvent: e,\r\n      open: this.open,\r\n    });\r\n  }\r\n\r\n  #closeButtonElement: HTMLButtonElement | undefined;\r\n  #toggleButtonElement: HTMLButtonElement | undefined;\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <button\r\n          type=\"button\"\r\n          id=\"toggle-visibility-button\"\r\n          class=\"toggle-visibility-button\"\r\n          onClick={(e) => this.toggleVisibility(e)}\r\n          ref={(element) => (this.#toggleButtonElement = element)}\r\n        >\r\n          <dso-icon icon=\"layers\"></dso-icon>\r\n          <span>Kaartlagen</span>\r\n        </button>\r\n        <div class=\"zoom-buttons\">\r\n          <button\r\n            type=\"button\"\r\n            onClick={(e) => this.dsoZoomIn.emit(e)}\r\n            disabled={this.disableZoom === \"in\" || this.disableZoom === \"both\"}\r\n          >\r\n            <span>Zoom in</span>\r\n            <dso-icon icon=\"plus\"></dso-icon>\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            onClick={(e) => this.dsoZoomOut.emit(e)}\r\n            disabled={this.disableZoom === \"out\" || this.disableZoom === \"both\"}\r\n          >\r\n            <span>Zoom uit</span>\r\n            <dso-icon icon=\"minus\"></dso-icon>\r\n          </button>\r\n        </div>\r\n        <section hidden={this.hideContent}>\r\n          <header>\r\n            <h2>{this.panelTitle}</h2>\r\n            <button\r\n              type=\"button\"\r\n              class=\"close-button\"\r\n              onClick={(e) => this.toggleVisibility(e)}\r\n              ref={(element) => (this.#closeButtonElement = element)}\r\n            >\r\n              <span>Verberg paneel {this.panelTitle}</span>\r\n              <dso-icon icon=\"times\"></dso-icon>\r\n            </button>\r\n          </header>\r\n          <dso-scrollable>\r\n            <div class=\"content\">\r\n              <slot></slot>\r\n            </div>\r\n          </dso-scrollable>\r\n        </section>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"yDAAA,MAAMA,EAAiB,+ziB,kwBCIvB,MAAMC,EAAqB,I,MAOdC,EAAW,M,0IACdC,KAAAC,WAAa,aAyErBC,EAAAC,IAAAH,UAAA,GACAI,EAAAD,IAAAH,UAAA,G,UApEO,M,6CAkCQA,KAAKK,I,CAGpBC,UAAUD,GACR,GAAIA,EAAM,CACRL,KAAKO,YAAc,MAEnBC,YAAW,SAAAC,EAAM,OAAAA,EAAAC,EAAAV,KAAIE,EAAA,QAAoB,MAAAO,SAAA,SAAAA,EAAEE,OAAO,GAAEb,E,KAC/C,CACLU,YAAW,K,MACTR,KAAKO,YAAc,MAEnBE,EAAAC,EAAAV,KAAII,EAAA,QAAqB,MAAAK,SAAA,SAAAA,EAAEE,OAAO,GACjCb,E,EAWPc,uBAAuBC,GACrBb,KAAKK,MAAQL,KAAKK,KAElBL,KAAKc,UAAUC,KAAK,CAClBC,cAAeH,EACfR,KAAML,KAAKK,M,CAOfY,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,UACEE,KAAK,SACLC,GAAG,2BACHC,MAAM,2BACNC,QAAUV,GAAMb,KAAKwB,iBAAiBX,GACtCY,IAAMC,GAAaC,EAAA3B,KAAII,EAAwBsB,EAAO,MAEtDR,EAAA,YAAUU,KAAK,WACfV,EAAA,2BAEFA,EAAA,OAAKI,MAAM,gBACTJ,EAAA,UACEE,KAAK,SACLG,QAAUV,GAAMb,KAAK6B,UAAUd,KAAKF,GACpCiB,SAAU9B,KAAK+B,cAAgB,MAAQ/B,KAAK+B,cAAgB,QAE5Db,EAAA,uBACAA,EAAA,YAAUU,KAAK,UAEjBV,EAAA,UACEE,KAAK,SACLG,QAAUV,GAAMb,KAAKgC,WAAWjB,KAAKF,GACrCiB,SAAU9B,KAAK+B,cAAgB,OAAS/B,KAAK+B,cAAgB,QAE7Db,EAAA,wBACAA,EAAA,YAAUU,KAAK,YAGnBV,EAAA,WAASe,OAAQjC,KAAKO,aACpBW,EAAA,cACEA,EAAA,UAAKlB,KAAKC,YACViB,EAAA,UACEE,KAAK,SACLE,MAAM,eACNC,QAAUV,GAAMb,KAAKwB,iBAAiBX,GACtCY,IAAMC,GAAaC,EAAA3B,KAAIE,EAAuBwB,EAAO,MAErDR,EAAA,8BAAsBlB,KAAKC,YAC3BiB,EAAA,YAAUU,KAAK,YAGnBV,EAAA,sBACEA,EAAA,OAAKI,MAAM,WACTJ,EAAA,gB"}

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

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as i}from"./p-53c8538c.js";import{v as o}from"./p-5d7f4ff2.js";const t=":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 r=class{constructor(i){e(this,i);this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7);this.selectableRefs={};this.group=o();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",{class:"form-group dso-radios"},i("legend",{class:"sr-only"},"Achtergrond"),i("div",{class:"dso-label-container"},i("span",{class:"control-label","aria-hidden":"true"},"Achtergrond")),i("div",{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)))))}};r.style=t;export{r as dso_map_base_layers};
+//# sourceMappingURL=p-d138fc15.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapBaseLayersCss","MapBaseLayers","this","selectableRefs","uuidv4","baseLayerChangeHandler","baseLayer","dsoBaseLayerChange","emit","activeBaseLayer","componentDidRender","baseLayers","filter","l","_a","_b","disabled","previousBaselayers","find","p","id","forEach","o","toggleInfo","render","ref","h","class","map","key","type","value","name","checked","group","onDsoChange","info","slot"],"sources":["./src/components/map-base-layers/map-base-layers.scss?tag=dso-map-base-layers&encapsulation=shadow","./src/components/map-base-layers/map-base-layers.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}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n// Todo #1194\r\nfieldset {\r\n  border: 0;\r\n  margin: 0;\r\n  min-width: 0;\r\n  padding: 0;\r\n\r\n  .control-label {\r\n    display: inline-block;\r\n    font-weight: bold;\r\n    margin-bottom: units.$u1;\r\n    max-width: 100%;\r\n    text-align: left;\r\n  }\r\n}\r\n\r\np[slot=\"info\"] {\r\n  margin: 0;\r\n}\r\n","import { Component, h, Prop, Event, EventEmitter, ComponentInterface } from \"@stencil/core\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\n\r\nimport { BaseLayer, BaseLayerChangeEvent } from \"./map-base-layers.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-map-base-layers\",\r\n  styleUrl: \"./map-base-layers.scss\",\r\n  shadow: true,\r\n})\r\nexport class MapBaseLayers implements ComponentInterface {\r\n  private previousBaselayers: BaseLayer[] | undefined;\r\n  private selectableRefs: { [id: number]: HTMLDsoSelectableElement } = {};\r\n\r\n  /**\r\n   * Emitted when the user checks or unchecks a base layer.\r\n   */\r\n  @Event()\r\n  dsoBaseLayerChange!: EventEmitter<BaseLayerChangeEvent>;\r\n\r\n  /**\r\n   * To group the overlays together. Generally the default value suffices.\r\n   */\r\n  @Prop()\r\n  group = uuidv4();\r\n\r\n  /**\r\n   * The base layers.\r\n   */\r\n  @Prop()\r\n  baseLayers!: BaseLayer[];\r\n\r\n  private baseLayerChangeHandler(baseLayer: BaseLayer): void {\r\n    this.dsoBaseLayerChange.emit({ activeBaseLayer: baseLayer });\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.baseLayers\r\n      .filter((l) => !l.disabled && this.previousBaselayers?.find((p) => p.id === l.id)?.disabled === true)\r\n      .forEach((o) => {\r\n        this.selectableRefs[o.id]?.toggleInfo(false);\r\n      });\r\n\r\n    this.previousBaselayers = this.baseLayers;\r\n  }\r\n\r\n  render() {\r\n    for (const ref in this.selectableRefs) {\r\n      delete this.selectableRefs[ref];\r\n    }\r\n\r\n    return (\r\n      <fieldset class=\"form-group dso-radios\">\r\n        <legend class=\"sr-only\">Achtergrond</legend>\r\n        <div class=\"dso-label-container\">\r\n          <span class=\"control-label\" aria-hidden=\"true\">\r\n            Achtergrond\r\n          </span>\r\n        </div>\r\n        <div class=\"dso-field-container\">\r\n          {this.baseLayers.map((baseLayer) => (\r\n            <dso-selectable\r\n              key={baseLayer.id}\r\n              type=\"radio\"\r\n              value={baseLayer.name}\r\n              checked={baseLayer.checked}\r\n              disabled={baseLayer.disabled}\r\n              name={this.group}\r\n              ref={(ref) => ref && (this.selectableRefs[baseLayer.id] = ref)}\r\n              onDsoChange={() => this.baseLayerChangeHandler(baseLayer)}\r\n            >\r\n              {baseLayer.name}\r\n              {baseLayer.info ? <p slot=\"info\">{baseLayer.info}</p> : null}\r\n            </dso-selectable>\r\n          ))}\r\n        </div>\r\n      </fieldset>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sFAAA,MAAMA,EAAmB,6W,MCUZC,EAAa,M,gFAEhBC,KAAAC,eAA6D,G,WAY7DC,I,0BAQAC,uBAAuBC,GAC7BJ,KAAKK,mBAAmBC,KAAK,CAAEC,gBAAiBH,G,CAGlDI,qBACER,KAAKS,WACFC,QAAQC,IAAC,IAAAC,EAAAC,EAAK,OAACF,EAAEG,YAAYD,GAAAD,EAAAZ,KAAKe,sBAAkB,MAAAH,SAAA,SAAAA,EAAEI,MAAMC,GAAMA,EAAEC,KAAOP,EAAEO,QAAG,MAAAL,SAAA,SAAAA,EAAEC,YAAa,IAAI,IACnGK,SAASC,I,OACRR,EAAAZ,KAAKC,eAAemB,EAAEF,OAAG,MAAAN,SAAA,SAAAA,EAAES,WAAW,MAAM,IAGhDrB,KAAKe,mBAAqBf,KAAKS,U,CAGjCa,SACE,IAAK,MAAMC,KAAOvB,KAAKC,eAAgB,QAC9BD,KAAKC,eAAesB,E,CAG7B,OACEC,EAAA,YAAUC,MAAM,yBACdD,EAAA,UAAQC,MAAM,WAAS,eACvBD,EAAA,OAAKC,MAAM,uBACTD,EAAA,QAAMC,MAAM,gBAAe,cAAa,QAAM,gBAIhDD,EAAA,OAAKC,MAAM,uBACRzB,KAAKS,WAAWiB,KAAKtB,GACpBoB,EAAA,kBACEG,IAAKvB,EAAUc,GACfU,KAAK,QACLC,MAAOzB,EAAU0B,KACjBC,QAAS3B,EAAU2B,QACnBjB,SAAUV,EAAUU,SACpBgB,KAAM9B,KAAKgC,MACXT,IAAMA,GAAQA,IAAQvB,KAAKC,eAAeG,EAAUc,IAAMK,GAC1DU,YAAa,IAAMjC,KAAKG,uBAAuBC,IAE9CA,EAAU0B,KACV1B,EAAU8B,KAAOV,EAAA,KAAGW,KAAK,QAAQ/B,EAAU8B,MAAY,S"}

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

@@ -0,0 +1,2 @@
+import{r as n,f as e,h as t,H as o,g as r}from"./p-53c8538c.js";import{d as i}from"./p-1805f5b0.js";import{c as s}from"./p-91963e3d.js";import"./p-5950644a.js";const a=":host {\n  display: inline-block;\n  position: relative;\n}\n\n:host(:hover) .open,\n.open:focus {\n  opacity: 1;\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.open {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  min-width: auto;\n  padding: 8px;\n  opacity: 0;\n  position: absolute;\n  right: 16px;\n  top: 16px;\n}\n.open:focus, .open:focus-visible {\n  outline-offset: 2px;\n}\n.open:active {\n  outline: 0;\n}\n.open:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open[disabled], .open[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.open.btn-sm {\n  line-height: 1rem;\n}\n.open.btn-sm dso-icon,\n.open.btn-sm svg.di, .open.btn-sm.extern::after, .open.btn-sm.download::after, .open.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open > span {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.open.dso-spinner-left[disabled], .open.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.open.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.open.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n\n.dimmer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 19;\n  display: flex;\n  padding: 32px;\n  background-color: rgba(255, 255, 255, 0.8);\n  justify-content: center;\n}\n\n.wrapper {\n  align-self: center;\n  box-shadow: 0 8px 24px 0 rgba(25, 25, 25, 0.4);\n  line-height: 0;\n  outline: 4px solid #fff;\n  position: relative;\n  z-index: 20;\n}\n.wrapper .titel:not([hidden]) {\n  background-color: #fff;\n  font-weight: 700;\n  line-height: initial;\n  padding: 8px;\n  position: absolute;\n}\n.wrapper img {\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: calc(100vh - 64px);\n}\n.wrapper .figuur-bijschrift:not([hidden]) {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n  padding-bottom: 12px;\n  padding-top: 16px;\n}\n\n.close {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  min-width: auto;\n  padding: 8px;\n  position: absolute;\n  top: 16px;\n  right: 16px;\n}\n.close:focus, .close:focus-visible {\n  outline-offset: 2px;\n}\n.close:active {\n  outline: 0;\n}\n.close:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close[disabled], .close[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close.btn-sm {\n  line-height: 1rem;\n}\n.close.btn-sm dso-icon,\n.close.btn-sm svg.di, .close.btn-sm.extern::after, .close.btn-sm.download::after, .close.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close > span {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.close.dso-spinner-left[disabled], .close.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}";const l=class{constructor(e){n(this,e);this.titelSlot=null;this.bijschriftSlot=null;this.active=false;this.zoomable=false}loadListener(n){if(n.target instanceof HTMLImageElement){this.setZoomable(n.target)}}connectedCallback(){this.titelSlot=this.host.querySelector("div[slot='titel']");this.bijschriftSlot=this.host.querySelector("div[slot='bijschrift']")}componentDidLoad(){this.resizeObserver=new ResizeObserver(i((()=>{const n=this.host.querySelector("img");if(n instanceof HTMLImageElement){this.setZoomable(n)}}),200));this.mutationObserver=new MutationObserver((n=>{var t,o;e(this.host);if(((t=n[0])===null||t===void 0?void 0:t.type)==="childList"){(o=this.resizeObserver)===null||o===void 0?void 0:o.disconnect();this.initZoomableImage()}}));this.mutationObserver.observe(this.host,{attributes:true,subtree:true,attributeFilter:["src","alt"],childList:true});this.initZoomableImage()}disconnectedCallback(){var n,e,t;(n=this.trap)===null||n===void 0?void 0:n.deactivate();(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}initZoomableImage(){var n;const e=this.host.querySelector("img");if(!(e instanceof HTMLImageElement)){return}if(e.complete){this.setZoomable(e)}(n=this.resizeObserver)===null||n===void 0?void 0:n.observe(e)}setZoomable(n){const{width:e,naturalWidth:t,height:o,naturalHeight:r}=n;this.zoomable=e<t||o<r}render(){var n;const{src:e,alt:r}=(n=this.host.querySelector("img"))!==null&&n!==void 0?n:{};return t(o,{onClick:()=>{var n;return(n=this.buttonElement)===null||n===void 0?void 0:n.focus()}},this.active&&e&&r&&t("div",{class:"dimmer"},t("div",{class:"wrapper",ref:n=>this.wrapperElement=n},t("div",{class:"titel",hidden:!this.titelSlot},t("slot",{name:"titel"})),t("img",{src:e,alt:r}),t("button",{type:"button",class:"close",onClick:()=>this.active=false},t("dso-icon",{icon:"times"}),t("span",null,"Sluiten")),t("div",{class:"figuur-bijschrift",hidden:!this.bijschriftSlot},t("slot",{name:"bijschrift"})))),t("slot",null),this.zoomable&&t("button",{type:"button",class:"open",ref:n=>this.buttonElement=n,onClick:()=>this.active=true},t("dso-icon",{icon:"external-link"}),t("span",null,"Afbeelding vergroot weergeven")))}componentDidRender(){var n,e;if(this.active&&this.wrapperElement&&!this.trap){this.trap=s(this.wrapperElement,{escapeDeactivates:true,clickOutsideDeactivates:n=>{if(n instanceof MouseEvent&&n.composedPath()[0]===this.wrapperElement){this.active=false;return false}return true},setReturnFocus:(n=this.buttonElement)!==null&&n!==void 0?n:false,onDeactivate:()=>this.active=false}).activate()}else if(!this.active&&this.trap){(e=this.trap)===null||e===void 0?void 0:e.deactivate();delete this.trap}}get host(){return r(this)}};l.style=a;export{l as dso_image_overlay};
+//# sourceMappingURL=p-dd135c8e.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["imageOverlayCss","ImageOverlay","this","titelSlot","bijschriftSlot","loadListener","event","target","HTMLImageElement","setZoomable","connectedCallback","host","querySelector","componentDidLoad","resizeObserver","ResizeObserver","debounce","imgElement","mutationObserver","MutationObserver","e","forceUpdate","_a","type","_b","disconnect","initZoomableImage","observe","attributes","subtree","attributeFilter","childList","disconnectedCallback","trap","deactivate","_c","complete","imageElement","width","naturalWidth","height","naturalHeight","zoomable","render","src","alt","h","Host","onClick","buttonElement","focus","active","class","ref","element","wrapperElement","hidden","name","icon","componentDidRender","createFocusTrap","escapeDeactivates","clickOutsideDeactivates","MouseEvent","composedPath","setReturnFocus","onDeactivate","activate"],"sources":["./src/components/image-overlay/image-overlay.scss?tag=dso-image-overlay&encapsulation=shadow","./src/components/image-overlay/image-overlay.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/utilities\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n:host(:hover) .open,\r\n.open:focus {\r\n  opacity: 1;\r\n}\r\n\r\nbutton {\r\n  @include button.element();\r\n}\r\n\r\n.open {\r\n  @include button.secondary($modifiers: false, $icon-only: true);\r\n\r\n  border: 0;\r\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\r\n  min-width: auto;\r\n  padding: units.$u1;\r\n  opacity: 0;\r\n  position: absolute;\r\n  right: units.$u2;\r\n  top: units.$u2;\r\n}\r\n\r\n.dimmer {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  z-index: zindex.$image-overlay - 1;\r\n  display: flex;\r\n  padding: units.$u4;\r\n  background-color: fade-out(colors.$wit, 0.2);\r\n  justify-content: center;\r\n}\r\n\r\n.wrapper {\r\n  align-self: center;\r\n  box-shadow: 0 units.$u1 units.$u3 0 rgba(25, 25, 25, 0.4);\r\n  line-height: 0;\r\n  outline: 4px solid colors.$wit;\r\n  position: relative;\r\n  z-index: zindex.$image-overlay;\r\n\r\n  .titel:not([hidden]) {\r\n    background-color: colors.$wit;\r\n    font-weight: 700;\r\n    line-height: initial;\r\n    padding: units.$u1;\r\n    position: absolute;\r\n  }\r\n\r\n  img {\r\n    width: auto;\r\n    height: auto;\r\n    max-width: 100%;\r\n    max-height: calc(100vh - units.$u8);\r\n  }\r\n\r\n  .figuur-bijschrift:not([hidden]) {\r\n    display: block;\r\n    font-size: 0.75rem;\r\n    font-style: italic;\r\n    padding-bottom: units.$u1 * 1.5;\r\n    padding-top: units.$u2;\r\n  }\r\n}\r\n\r\n.close {\r\n  @include button.secondary($modifiers: false, $icon-only: true);\r\n\r\n  border: 0;\r\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\r\n  min-width: auto;\r\n  padding: units.$u1;\r\n  position: absolute;\r\n  top: units.$u2;\r\n  right: units.$u2;\r\n}\r\n","import { Component, ComponentInterface, Element, forceUpdate, h, Host, Listen, State } from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n  tag: \"dso-image-overlay\",\r\n  styleUrl: \"./image-overlay.scss\",\r\n  shadow: true,\r\n})\r\nexport class ImageOverlay implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoImageOverlayElement;\r\n\r\n  @State()\r\n  active = false;\r\n\r\n  @State()\r\n  zoomable = false;\r\n\r\n  private buttonElement: HTMLButtonElement | undefined;\r\n\r\n  private wrapperElement: HTMLDivElement | undefined;\r\n\r\n  private trap: FocusTrap | undefined;\r\n\r\n  private titelSlot: HTMLElement | null = null;\r\n\r\n  private bijschriftSlot: HTMLElement | null = null;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private resizeObserver?: ResizeObserver;\r\n\r\n  @Listen(\"load\", { capture: true })\r\n  loadListener(event: Event) {\r\n    if (event.target instanceof HTMLImageElement) {\r\n      this.setZoomable(event.target);\r\n    }\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.titelSlot = this.host.querySelector<HTMLDivElement>(\"div[slot='titel']\");\r\n\r\n    this.bijschriftSlot = this.host.querySelector<HTMLDivElement>(\"div[slot='bijschrift']\");\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.resizeObserver = new ResizeObserver(\r\n      debounce(() => {\r\n        const imgElement = this.host.querySelector(\"img\");\r\n\r\n        if (imgElement instanceof HTMLImageElement) {\r\n          this.setZoomable(imgElement);\r\n        }\r\n      }, 200)\r\n    );\r\n\r\n    this.mutationObserver = new MutationObserver((e) => {\r\n      forceUpdate(this.host);\r\n\r\n      if (e[0]?.type === \"childList\") {\r\n        this.resizeObserver?.disconnect();\r\n        // <img> is gone or a new element.\r\n        this.initZoomableImage();\r\n      }\r\n    });\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      attributes: true,\r\n      subtree: true,\r\n      attributeFilter: [\"src\", \"alt\"],\r\n      childList: true,\r\n    });\r\n\r\n    this.initZoomableImage();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.trap?.deactivate();\r\n    this.mutationObserver?.disconnect();\r\n    this.resizeObserver?.disconnect();\r\n  }\r\n\r\n  private initZoomableImage(): void {\r\n    const imgElement = this.host.querySelector(\"img\");\r\n\r\n    if (!(imgElement instanceof HTMLImageElement)) {\r\n      return;\r\n    }\r\n\r\n    // Due to timing issues where the image is loaded before we listen to load events we double check if the image is already complete.\r\n    if (imgElement.complete) {\r\n      this.setZoomable(imgElement);\r\n    }\r\n\r\n    this.resizeObserver?.observe(imgElement);\r\n  }\r\n\r\n  private setZoomable(imageElement: HTMLImageElement): void {\r\n    const { width, naturalWidth, height, naturalHeight } = imageElement;\r\n\r\n    this.zoomable = width < naturalWidth || height < naturalHeight;\r\n  }\r\n\r\n  render() {\r\n    const { src, alt } = this.host.querySelector(\"img\") ?? {};\r\n\r\n    return (\r\n      <Host onClick={() => this.buttonElement?.focus()}>\r\n        {this.active && src && alt && (\r\n          <div class=\"dimmer\">\r\n            <div class=\"wrapper\" ref={(element) => (this.wrapperElement = element)}>\r\n              <div class=\"titel\" hidden={!this.titelSlot}>\r\n                <slot name=\"titel\" />\r\n              </div>\r\n              <img src={src} alt={alt} />\r\n              <button type=\"button\" class=\"close\" onClick={() => (this.active = false)}>\r\n                <dso-icon icon=\"times\"></dso-icon>\r\n                <span>Sluiten</span>\r\n              </button>\r\n              <div class=\"figuur-bijschrift\" hidden={!this.bijschriftSlot}>\r\n                <slot name=\"bijschrift\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n        <slot />\r\n        {this.zoomable && (\r\n          <button\r\n            type=\"button\"\r\n            class=\"open\"\r\n            ref={(element) => (this.buttonElement = element)}\r\n            onClick={() => (this.active = true)}\r\n          >\r\n            <dso-icon icon=\"external-link\"></dso-icon>\r\n            <span>Afbeelding vergroot weergeven</span>\r\n          </button>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (this.active && this.wrapperElement && !this.trap) {\r\n      this.trap = createFocusTrap(this.wrapperElement, {\r\n        escapeDeactivates: true,\r\n        clickOutsideDeactivates: (e) => {\r\n          if (e instanceof MouseEvent && e.composedPath()[0] === this.wrapperElement) {\r\n            this.active = false;\r\n\r\n            return false;\r\n          }\r\n\r\n          return true;\r\n        },\r\n        setReturnFocus: this.buttonElement ?? false,\r\n        onDeactivate: () => (this.active = false),\r\n      }).activate();\r\n    } else if (!this.active && this.trap) {\r\n      this.trap?.deactivate();\r\n\r\n      delete this.trap;\r\n    }\r\n  }\r\n}\r\n"],"mappings":"gKAAA,MAAMA,EAAkB,iwZ,MCSXC,EAAY,M,yBAgBfC,KAAAC,UAAgC,KAEhCD,KAAAE,eAAqC,K,YAbpC,M,cAGE,K,CAiBXC,aAAaC,GACX,GAAIA,EAAMC,kBAAkBC,iBAAkB,CAC5CN,KAAKO,YAAYH,EAAMC,O,EAI3BG,oBACER,KAAKC,UAAYD,KAAKS,KAAKC,cAA8B,qBAEzDV,KAAKE,eAAiBF,KAAKS,KAAKC,cAA8B,yB,CAGhEC,mBACEX,KAAKY,eAAiB,IAAIC,eACxBC,GAAS,KACP,MAAMC,EAAaf,KAAKS,KAAKC,cAAc,OAE3C,GAAIK,aAAsBT,iBAAkB,CAC1CN,KAAKO,YAAYQ,E,IAElB,MAGLf,KAAKgB,iBAAmB,IAAIC,kBAAkBC,I,QAC5CC,EAAYnB,KAAKS,MAEjB,KAAIW,EAAAF,EAAE,MAAE,MAAAE,SAAA,SAAAA,EAAEC,QAAS,YAAa,EAC9BC,EAAAtB,KAAKY,kBAAc,MAAAU,SAAA,SAAAA,EAAEC,aAErBvB,KAAKwB,mB,KAITxB,KAAKgB,iBAAiBS,QAAQzB,KAAKS,KAAM,CACvCiB,WAAY,KACZC,QAAS,KACTC,gBAAiB,CAAC,MAAO,OACzBC,UAAW,OAGb7B,KAAKwB,mB,CAGPM,uB,WACEV,EAAApB,KAAK+B,QAAI,MAAAX,SAAA,SAAAA,EAAEY,cACXV,EAAAtB,KAAKgB,oBAAgB,MAAAM,SAAA,SAAAA,EAAEC,cACvBU,EAAAjC,KAAKY,kBAAc,MAAAqB,SAAA,SAAAA,EAAEV,Y,CAGfC,oB,MACN,MAAMT,EAAaf,KAAKS,KAAKC,cAAc,OAE3C,KAAMK,aAAsBT,kBAAmB,CAC7C,M,CAIF,GAAIS,EAAWmB,SAAU,CACvBlC,KAAKO,YAAYQ,E,EAGnBK,EAAApB,KAAKY,kBAAc,MAAAQ,SAAA,SAAAA,EAAEK,QAAQV,E,CAGvBR,YAAY4B,GAClB,MAAMC,MAAEA,EAAKC,aAAEA,EAAYC,OAAEA,EAAMC,cAAEA,GAAkBJ,EAEvDnC,KAAKwC,SAAWJ,EAAQC,GAAgBC,EAASC,C,CAGnDE,S,MACE,MAAMC,IAAEA,EAAGC,IAAEA,IAAQvB,EAAApB,KAAKS,KAAKC,cAAc,UAAM,MAAAU,SAAA,EAAAA,EAAI,GAEvD,OACEwB,EAACC,EAAI,CAACC,QAAS,SAAA1B,EAAM,OAAAA,EAAApB,KAAK+C,iBAAa,MAAA3B,SAAA,SAAAA,EAAE4B,OAAO,GAC7ChD,KAAKiD,QAAUP,GAAOC,GACrBC,EAAA,OAAKM,MAAM,UACTN,EAAA,OAAKM,MAAM,UAAUC,IAAMC,GAAapD,KAAKqD,eAAiBD,GAC5DR,EAAA,OAAKM,MAAM,QAAQI,QAAStD,KAAKC,WAC/B2C,EAAA,QAAMW,KAAK,WAEbX,EAAA,OAAKF,IAAKA,EAAKC,IAAKA,IACpBC,EAAA,UAAQvB,KAAK,SAAS6B,MAAM,QAAQJ,QAAS,IAAO9C,KAAKiD,OAAS,OAChEL,EAAA,YAAUY,KAAK,UACfZ,EAAA,wBAEFA,EAAA,OAAKM,MAAM,oBAAoBI,QAAStD,KAAKE,gBAC3C0C,EAAA,QAAMW,KAAK,kBAKnBX,EAAA,aACC5C,KAAKwC,UACJI,EAAA,UACEvB,KAAK,SACL6B,MAAM,OACNC,IAAMC,GAAapD,KAAK+C,cAAgBK,EACxCN,QAAS,IAAO9C,KAAKiD,OAAS,MAE9BL,EAAA,YAAUY,KAAK,kBACfZ,EAAA,8C,CAOVa,qB,QACE,GAAIzD,KAAKiD,QAAUjD,KAAKqD,iBAAmBrD,KAAK+B,KAAM,CACpD/B,KAAK+B,KAAO2B,EAAgB1D,KAAKqD,eAAgB,CAC/CM,kBAAmB,KACnBC,wBAA0B1C,IACxB,GAAIA,aAAa2C,YAAc3C,EAAE4C,eAAe,KAAO9D,KAAKqD,eAAgB,CAC1ErD,KAAKiD,OAAS,MAEd,OAAO,K,CAGT,OAAO,IAAI,EAEbc,gBAAgB3C,EAAApB,KAAK+C,iBAAa,MAAA3B,SAAA,EAAAA,EAAI,MACtC4C,aAAc,IAAOhE,KAAKiD,OAAS,QAClCgB,U,MACE,IAAKjE,KAAKiD,QAAUjD,KAAK+B,KAAM,EACpCT,EAAAtB,KAAK+B,QAAI,MAAAT,SAAA,SAAAA,EAAEU,oBAEJhC,KAAK+B,I"}

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

@@ -0,0 +1,2 @@
+import{r,c as n,h as t,H as e,g as i}from"./p-53c8538c.js";import{c as a}from"./p-6a1980b4.js";import{d as u}from"./p-1805f5b0.js";var o={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:true,timelineOffset:0};var f={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0};var v=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"];var c={CSS:{},springs:{}};function s(r,n,t){return Math.min(Math.max(r,n),t)}function l(r,n){return r.indexOf(n)>-1}function h(r,n){return r.apply(null,n)}var d={arr:function(r){return Array.isArray(r)},obj:function(r){return l(Object.prototype.toString.call(r),"Object")},pth:function(r){return d.obj(r)&&r.hasOwnProperty("totalLength")},svg:function(r){return r instanceof SVGElement},inp:function(r){return r instanceof HTMLInputElement},dom:function(r){return r.nodeType||d.svg(r)},str:function(r){return typeof r==="string"},fnc:function(r){return typeof r==="function"},und:function(r){return typeof r==="undefined"},nil:function(r){return d.und(r)||r===null},hex:function(r){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(r)},rgb:function(r){return/^rgb/.test(r)},hsl:function(r){return/^hsl/.test(r)},col:function(r){return d.hex(r)||d.rgb(r)||d.hsl(r)},key:function(r){return!o.hasOwnProperty(r)&&!f.hasOwnProperty(r)&&r!=="targets"&&r!=="keyframes"}};function p(r){var n=/\(([^)]+)\)/.exec(r);return n?n[1].split(",").map((function(r){return parseFloat(r)})):[]}function m(r,n){var t=p(r);var e=s(d.und(t[0])?1:t[0],.1,100);var i=s(d.und(t[1])?100:t[1],.1,100);var a=s(d.und(t[2])?10:t[2],.1,100);var u=s(d.und(t[3])?0:t[3],.1,100);var o=Math.sqrt(i/e);var f=a/(2*Math.sqrt(i*e));var v=f<1?o*Math.sqrt(1-f*f):0;var l=1;var h=f<1?(f*o+-u)/v:-u+o;function m(r){var t=n?n*r/1e3:r;if(f<1){t=Math.exp(-t*f*o)*(l*Math.cos(v*t)+h*Math.sin(v*t))}else{t=(l+h*t)*Math.exp(-t*o)}if(r===0||r===1){return r}return 1-t}function g(){var n=c.springs[r];if(n){return n}var t=1/6;var e=0;var i=0;while(true){e+=t;if(m(e)===1){i++;if(i>=16){break}}else{i=0}}var a=e*t*1e3;c.springs[r]=a;return a}return n?m:g}function g(r){if(r===void 0)r=10;return function(n){return Math.ceil(s(n,1e-6,1)*r)*(1/r)}}var b=function(){var r=11;var n=1/(r-1);function t(r,n){return 1-3*n+3*r}function e(r,n){return 3*n-6*r}function i(r){return 3*r}function a(r,n,a){return((t(n,a)*r+e(n,a))*r+i(n))*r}function u(r,n,a){return 3*t(n,a)*r*r+2*e(n,a)*r+i(n)}function o(r,n,t,e,i){var u,o,f=0;do{o=n+(t-n)/2;u=a(o,e,i)-r;if(u>0){t=o}else{n=o}}while(Math.abs(u)>1e-7&&++f<10);return o}function f(r,n,t,e){for(var i=0;i<4;++i){var o=u(n,t,e);if(o===0){return n}var f=a(n,t,e)-r;n-=f/o}return n}function v(t,e,i,v){if(!(0<=t&&t<=1&&0<=i&&i<=1)){return}var c=new Float32Array(r);if(t!==e||i!==v){for(var s=0;s<r;++s){c[s]=a(s*n,t,i)}}function l(e){var a=0;var v=1;var s=r-1;for(;v!==s&&c[v]<=e;++v){a+=n}--v;var l=(e-c[v])/(c[v+1]-c[v]);var h=a+l*n;var d=u(h,t,i);if(d>=.001){return f(e,h,t,i)}else if(d===0){return h}else{return o(e,a,a+n,t,i)}}return function(r){if(t===e&&i===v){return r}if(r===0||r===1){return r}return a(l(r),e,v)}}return v}();var M=function(){var r={linear:function(){return function(r){return r}}};var n={Sine:function(){return function(r){return 1-Math.cos(r*Math.PI/2)}},Circ:function(){return function(r){return 1-Math.sqrt(1-r*r)}},Back:function(){return function(r){return r*r*(3*r-2)}},Bounce:function(){return function(r){var n,t=4;while(r<((n=Math.pow(2,--t))-1)/11){}return 1/Math.pow(4,3-t)-7.5625*Math.pow((n*3-2)/22-r,2)}},Elastic:function(r,n){if(r===void 0)r=1;if(n===void 0)n=.5;var t=s(r,1,10);var e=s(n,.1,2);return function(r){return r===0||r===1?r:-t*Math.pow(2,10*(r-1))*Math.sin((r-1-e/(Math.PI*2)*Math.asin(1/t))*(Math.PI*2)/e)}}};var t=["Quad","Cubic","Quart","Quint","Expo"];t.forEach((function(r,t){n[r]=function(){return function(r){return Math.pow(r,t+2)}}}));Object.keys(n).forEach((function(t){var e=n[t];r["easeIn"+t]=e;r["easeOut"+t]=function(r,n){return function(t){return 1-e(r,n)(1-t)}};r["easeInOut"+t]=function(r,n){return function(t){return t<.5?e(r,n)(t*2)/2:1-e(r,n)(t*-2+2)/2}};r["easeOutIn"+t]=function(r,n){return function(t){return t<.5?(1-e(r,n)(1-t*2))/2:(e(r,n)(t*2-1)+1)/2}}}));return r}();function y(r,n){if(d.fnc(r)){return r}var t=r.split("(")[0];var e=M[t];var i=p(r);switch(t){case"spring":return m(r,n);case"cubicBezier":return h(b,i);case"steps":return h(g,i);default:return h(e,i)}}function w(r){try{var n=document.querySelectorAll(r);return n}catch(r){return}}function x(r,n){var t=r.length;var e=arguments.length>=2?arguments[1]:void 0;var i=[];for(var a=0;a<t;a++){if(a in r){var u=r[a];if(n.call(e,u,a,r)){i.push(u)}}}return i}function A(r){return r.reduce((function(r,n){return r.concat(d.arr(n)?A(n):n)}),[])}function F(r){if(d.arr(r)){return r}if(d.str(r)){r=w(r)||r}if(r instanceof NodeList||r instanceof HTMLCollection){return[].slice.call(r)}return[r]}function O(r,n){return r.some((function(r){return r===n}))}function k(r){var n={};for(var t in r){n[t]=r[t]}return n}function I(r,n){var t=k(r);for(var e in r){t[e]=n.hasOwnProperty(e)?n[e]:r[e]}return t}function B(r,n){var t=k(r);for(var e in n){t[e]=d.und(r[e])?n[e]:r[e]}return t}function C(r){var n=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(r);return n?"rgba("+n[1]+",1)":r}function j(r){var n=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;var t=r.replace(n,(function(r,n,t,e){return n+n+t+t+e+e}));var e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);var i=parseInt(e[1],16);var a=parseInt(e[2],16);var u=parseInt(e[3],16);return"rgba("+i+","+a+","+u+",1)"}function E(r){var n=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(r)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(r);var t=parseInt(n[1],10)/360;var e=parseInt(n[2],10)/100;var i=parseInt(n[3],10)/100;var a=n[4]||1;function u(r,n,t){if(t<0){t+=1}if(t>1){t-=1}if(t<1/6){return r+(n-r)*6*t}if(t<1/2){return n}if(t<2/3){return r+(n-r)*(2/3-t)*6}return r}var o,f,v;if(e==0){o=f=v=i}else{var c=i<.5?i*(1+e):i+e-i*e;var s=2*i-c;o=u(s,c,t+1/3);f=u(s,c,t);v=u(s,c,t-1/3)}return"rgba("+o*255+","+f*255+","+v*255+","+a+")"}function L(r){if(d.rgb(r)){return C(r)}if(d.hex(r)){return j(r)}if(d.hsl(r)){return E(r)}}function N(r){var n=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(r);if(n){return n[1]}}function $(r){if(l(r,"translate")||r==="perspective"){return"px"}if(l(r,"rotate")||l(r,"skew")){return"deg"}}function z(r,n){if(!d.fnc(r)){return r}return r(n.target,n.id,n.total)}function H(r,n){return r.getAttribute(n)}function S(r,n,t){var e=N(n);if(O([t,"deg","rad","turn"],e)){return n}var i=c.CSS[n+t];if(!d.und(i)){return i}var a=100;var u=document.createElement(r.tagName);var o=r.parentNode&&r.parentNode!==document?r.parentNode:document.body;o.appendChild(u);u.style.position="absolute";u.style.width=a+t;var f=a/u.offsetWidth;o.removeChild(u);var v=f*parseFloat(n);c.CSS[n+t]=v;return v}function D(r,n,t){if(n in r.style){var e=n.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();var i=r.style[n]||getComputedStyle(r).getPropertyValue(e)||"0";return t?S(r,i,t):i}}function X(r,n){if(d.dom(r)&&!d.inp(r)&&(!d.nil(H(r,n))||d.svg(r)&&r[n])){return"attribute"}if(d.dom(r)&&O(v,n)){return"transform"}if(d.dom(r)&&(n!=="transform"&&D(r,n))){return"css"}if(r[n]!=null){return"object"}}function Y(r){if(!d.dom(r)){return}var n=r.style.transform||"";var t=/(\w+)\(([^)]*)\)/g;var e=new Map;var i;while(i=t.exec(n)){e.set(i[1],i[2])}return e}function Z(r,n,t,e){var i=l(n,"scale")?1:0+$(n);var a=Y(r).get(n)||i;if(t){t.transforms.list.set(n,a);t.transforms["last"]=n}return e?S(r,a,e):a}function _(r,n,t,e){switch(X(r,n)){case"transform":return Z(r,n,e,t);case"css":return D(r,n,t);case"attribute":return H(r,n);default:return r[n]||0}}function Q(r,n){var t=/^(\*=|\+=|-=)/.exec(r);if(!t){return r}var e=N(r)||0;var i=parseFloat(n);var a=parseFloat(r.replace(t[0],""));switch(t[0][0]){case"+":return i+a+e;case"-":return i-a+e;case"*":return i*a+e}}function q(r,n){if(d.col(r)){return L(r)}if(/\s/g.test(r)){return r}var t=N(r);var e=t?r.substr(0,r.length-t.length):r;if(n){return e+n}return e}function P(r,n){return Math.sqrt(Math.pow(n.x-r.x,2)+Math.pow(n.y-r.y,2))}function R(r){return Math.PI*2*H(r,"r")}function T(r){return H(r,"width")*2+H(r,"height")*2}function W(r){return P({x:H(r,"x1"),y:H(r,"y1")},{x:H(r,"x2"),y:H(r,"y2")})}function G(r){var n=r.points;var t=0;var e;for(var i=0;i<n.numberOfItems;i++){var a=n.getItem(i);if(i>0){t+=P(e,a)}e=a}return t}function V(r){var n=r.points;return G(r)+P(n.getItem(n.numberOfItems-1),n.getItem(0))}function J(r){if(r.getTotalLength){return r.getTotalLength()}switch(r.tagName.toLowerCase()){case"circle":return R(r);case"rect":return T(r);case"line":return W(r);case"polyline":return G(r);case"polygon":return V(r)}}function K(r){var n=J(r);r.setAttribute("stroke-dasharray",n);return n}function U(r){var n=r.parentNode;while(d.svg(n)){if(!d.svg(n.parentNode)){break}n=n.parentNode}return n}function rr(r,n){var t=n||{};var e=t.el||U(r);var i=e.getBoundingClientRect();var a=H(e,"viewBox");var u=i.width;var o=i.height;var f=t.viewBox||(a?a.split(" "):[0,0,u,o]);return{el:e,viewBox:f,x:f[0]/1,y:f[1]/1,w:u,h:o,vW:f[2],vH:f[3]}}function nr(r,n){var t=d.str(r)?w(r)[0]:r;var e=n||100;return function(r){return{property:r,el:t,svg:rr(t),totalLength:J(t)*(e/100)}}}function tr(r,n,t){function e(t){if(t===void 0)t=0;var e=n+t>=1?n+t:0;return r.el.getPointAtLength(e)}var i=rr(r.el,r.svg);var a=e();var u=e(-1);var o=e(+1);var f=t?1:i.w/i.vW;var v=t?1:i.h/i.vH;switch(r.property){case"x":return(a.x-i.x)*f;case"y":return(a.y-i.y)*v;case"angle":return Math.atan2(o.y-u.y,o.x-u.x)*180/Math.PI}}function er(r,n){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;var e=q(d.pth(r)?r.totalLength:r,n)+"";return{original:e,numbers:e.match(t)?e.match(t).map(Number):[0],strings:d.str(r)||n?e.split(t):[]}}function ir(r){var n=r?A(d.arr(r)?r.map(F):F(r)):[];return x(n,(function(r,n,t){return t.indexOf(r)===n}))}function ar(r){var n=ir(r);return n.map((function(r,t){return{target:r,id:t,total:n.length,transforms:{list:Y(r)}}}))}function ur(r,n){var t=k(n);if(/^spring/.test(t.easing)){t.duration=m(t.easing)}if(d.arr(r)){var e=r.length;var i=e===2&&!d.obj(r[0]);if(!i){if(!d.fnc(n.duration)){t.duration=n.duration/e}}else{r={value:r}}}var a=d.arr(r)?r:[r];return a.map((function(r,t){var e=d.obj(r)&&!d.pth(r)?r:{value:r};if(d.und(e.delay)){e.delay=!t?n.delay:0}if(d.und(e.endDelay)){e.endDelay=t===a.length-1?n.endDelay:0}return e})).map((function(r){return B(r,t)}))}function or(r){var n=x(A(r.map((function(r){return Object.keys(r)}))),(function(r){return d.key(r)})).reduce((function(r,n){if(r.indexOf(n)<0){r.push(n)}return r}),[]);var t={};var e=function(e){var i=n[e];t[i]=r.map((function(r){var n={};for(var t in r){if(d.key(t)){if(t==i){n.value=r[t]}}else{n[t]=r[t]}}return n}))};for(var i=0;i<n.length;i++)e(i);return t}function fr(r,n){var t=[];var e=n.keyframes;if(e){n=B(or(e),n)}for(var i in n){if(d.key(i)){t.push({name:i,tweens:ur(n[i],r)})}}return t}function vr(r,n){var t={};for(var e in r){var i=z(r[e],n);if(d.arr(i)){i=i.map((function(r){return z(r,n)}));if(i.length===1){i=i[0]}}t[e]=i}t.duration=parseFloat(t.duration);t.delay=parseFloat(t.delay);return t}function cr(r,n){var t;return r.tweens.map((function(e){var i=vr(e,n);var a=i.value;var u=d.arr(a)?a[1]:a;var o=N(u);var f=_(n.target,r.name,o,n);var v=t?t.to.original:f;var c=d.arr(a)?a[0]:v;var s=N(c)||N(f);var l=o||s;if(d.und(u)){u=v}i.from=er(c,l);i.to=er(Q(u,c),l);i.start=t?t.end:0;i.end=i.start+i.delay+i.duration+i.endDelay;i.easing=y(i.easing,i.duration);i.isPath=d.pth(a);i.isPathTargetInsideSVG=i.isPath&&d.svg(n.target);i.isColor=d.col(i.from.original);if(i.isColor){i.round=1}t=i;return i}))}var sr={css:function(r,n,t){return r.style[n]=t},attribute:function(r,n,t){return r.setAttribute(n,t)},object:function(r,n,t){return r[n]=t},transform:function(r,n,t,e,i){e.list.set(n,t);if(n===e.last||i){var a="";e.list.forEach((function(r,n){a+=n+"("+r+") "}));r.style.transform=a}}};function lr(r,n){var t=ar(r);t.forEach((function(r){for(var t in n){var e=z(n[t],r);var i=r.target;var a=N(e);var u=_(i,t,a,r);var o=a||N(u);var f=Q(q(e,o),u);var v=X(i,t);sr[v](i,t,f,r.transforms,true)}}))}function hr(r,n){var t=X(r.target,n.name);if(t){var e=cr(n,r);var i=e[e.length-1];return{type:t,property:n.name,animatable:r,tweens:e,duration:i.end,delay:e[0].delay,endDelay:i.endDelay}}}function dr(r,n){return x(A(r.map((function(r){return n.map((function(n){return hr(r,n)}))}))),(function(r){return!d.und(r)}))}function pr(r,n){var t=r.length;var e=function(r){return r.timelineOffset?r.timelineOffset:0};var i={};i.duration=t?Math.max.apply(Math,r.map((function(r){return e(r)+r.duration}))):n.duration;i.delay=t?Math.min.apply(Math,r.map((function(r){return e(r)+r.delay}))):n.delay;i.endDelay=t?i.duration-Math.max.apply(Math,r.map((function(r){return e(r)+r.duration-r.endDelay}))):n.endDelay;return i}var mr=0;function gr(r){var n=I(o,r);var t=I(f,r);var e=fr(t,r);var i=ar(r.targets);var a=dr(i,e);var u=pr(a,t);var v=mr;mr++;return B(n,{id:v,children:[],animatables:i,animations:a,duration:u.duration,delay:u.delay,endDelay:u.endDelay})}var br=[];var Mr=function(){var r;function n(){if(!r&&(!yr()||!wr.suspendWhenDocumentHidden)&&br.length>0){r=requestAnimationFrame(t)}}function t(n){var e=br.length;var i=0;while(i<e){var a=br[i];if(!a.paused){a.tick(n);i++}else{br.splice(i,1);e--}}r=i>0?requestAnimationFrame(t):undefined}function e(){if(!wr.suspendWhenDocumentHidden){return}if(yr()){r=cancelAnimationFrame(r)}else{br.forEach((function(r){return r._onDocumentVisibility()}));Mr()}}if(typeof document!=="undefined"){document.addEventListener("visibilitychange",e)}return n}();function yr(){return!!document&&document.hidden}function wr(r){if(r===void 0)r={};var n=0,t=0,e=0;var i,a=0;var u=null;function o(r){var n=window.Promise&&new Promise((function(r){return u=r}));r.finished=n;return n}var f=gr(r);o(f);function v(){var r=f.direction;if(r!=="alternate"){f.direction=r!=="normal"?"normal":"reverse"}f.reversed=!f.reversed;i.forEach((function(r){return r.reversed=f.reversed}))}function c(r){return f.reversed?f.duration-r:r}function l(){n=0;t=c(f.currentTime)*(1/wr.speed)}function h(r,n){if(n){n.seek(r-n.timelineOffset)}}function d(r){if(!f.reversePlayback){for(var n=0;n<a;n++){h(r,i[n])}}else{for(var t=a;t--;){h(r,i[t])}}}function p(r){var n=0;var t=f.animations;var e=t.length;while(n<e){var i=t[n];var a=i.animatable;var u=i.tweens;var o=u.length-1;var v=u[o];if(o){v=x(u,(function(n){return r<n.end}))[0]||v}var c=s(r-v.start-v.delay,0,v.duration)/v.duration;var l=isNaN(c)?1:v.easing(c);var h=v.to.strings;var d=v.round;var p=[];var m=v.to.numbers.length;var g=void 0;for(var b=0;b<m;b++){var M=void 0;var y=v.to.numbers[b];var w=v.from.numbers[b]||0;if(!v.isPath){M=w+l*(y-w)}else{M=tr(v.value,l*y,v.isPathTargetInsideSVG)}if(d){if(!(v.isColor&&b>2)){M=Math.round(M*d)/d}}p.push(M)}var A=h.length;if(!A){g=p[0]}else{g=h[0];for(var F=0;F<A;F++){var O=h[F+1];var k=p[F];if(!isNaN(k)){if(!O){g+=k+" "}else{g+=k+O}}}}sr[i.type](a.target,i.property,g,a.transforms);i.currentValue=g;n++}}function m(r){if(f[r]&&!f.passThrough){f[r](f)}}function g(){if(f.remaining&&f.remaining!==true){f.remaining--}}function b(r){var a=f.duration;var l=f.delay;var h=a-f.endDelay;var b=c(r);f.progress=s(b/a*100,0,100);f.reversePlayback=b<f.currentTime;if(i){d(b)}if(!f.began&&f.currentTime>0){f.began=true;m("begin")}if(!f.loopBegan&&f.currentTime>0){f.loopBegan=true;m("loopBegin")}if(b<=l&&f.currentTime!==0){p(0)}if(b>=h&&f.currentTime!==a||!a){p(a)}if(b>l&&b<h){if(!f.changeBegan){f.changeBegan=true;f.changeCompleted=false;m("changeBegin")}m("change");p(b)}else{if(f.changeBegan){f.changeCompleted=true;f.changeBegan=false;m("changeComplete")}}f.currentTime=s(b,0,a);if(f.began){m("update")}if(r>=a){t=0;g();if(!f.remaining){f.paused=true;if(!f.completed){f.completed=true;m("loopComplete");m("complete");if(!f.passThrough&&"Promise"in window){u();o(f)}}}else{n=e;m("loopComplete");f.loopBegan=false;if(f.direction==="alternate"){v()}}}}f.reset=function(){var r=f.direction;f.passThrough=false;f.currentTime=0;f.progress=0;f.paused=true;f.began=false;f.loopBegan=false;f.changeBegan=false;f.completed=false;f.changeCompleted=false;f.reversePlayback=false;f.reversed=r==="reverse";f.remaining=f.loop;i=f.children;a=i.length;for(var n=a;n--;){f.children[n].reset()}if(f.reversed&&f.loop!==true||r==="alternate"&&f.loop===1){f.remaining++}p(f.reversed?f.duration:0)};f._onDocumentVisibility=l;f.set=function(r,n){lr(r,n);return f};f.tick=function(r){e=r;if(!n){n=e}b((e+(t-n))*wr.speed)};f.seek=function(r){b(c(r))};f.pause=function(){f.paused=true;l()};f.play=function(){if(!f.paused){return}if(f.completed){f.reset()}f.paused=false;br.push(f);l();Mr()};f.reverse=function(){v();f.completed=f.reversed?false:true;l()};f.restart=function(){f.reset();f.play()};f.remove=function(r){var n=ir(r);Ar(n,f)};f.reset();if(f.autoplay){f.play()}return f}function xr(r,n){for(var t=n.length;t--;){if(O(r,n[t].animatable.target)){n.splice(t,1)}}}function Ar(r,n){var t=n.animations;var e=n.children;xr(r,t);for(var i=e.length;i--;){var a=e[i];var u=a.animations;xr(r,u);if(!u.length&&!a.children.length){e.splice(i,1)}}if(!t.length&&!e.length){n.pause()}}function Fr(r){var n=ir(r);for(var t=br.length;t--;){var e=br[t];Ar(n,e)}}function Or(r,n){if(n===void 0)n={};var t=n.direction||"normal";var e=n.easing?y(n.easing):null;var i=n.grid;var a=n.axis;var u=n.from||0;var o=u==="first";var f=u==="center";var v=u==="last";var c=d.arr(r);var s=c?parseFloat(r[0]):parseFloat(r);var l=c?parseFloat(r[1]):0;var h=N(c?r[1]:r)||0;var p=n.start||0+(c?s:0);var m=[];var g=0;return function(r,n,d){if(o){u=0}if(f){u=(d-1)/2}if(v){u=d-1}if(!m.length){for(var b=0;b<d;b++){if(!i){m.push(Math.abs(u-b))}else{var M=!f?u%i[0]:(i[0]-1)/2;var y=!f?Math.floor(u/i[0]):(i[1]-1)/2;var w=b%i[0];var x=Math.floor(b/i[0]);var A=M-w;var F=y-x;var O=Math.sqrt(A*A+F*F);if(a==="x"){O=-A}if(a==="y"){O=-F}m.push(O)}g=Math.max.apply(Math,m)}if(e){m=m.map((function(r){return e(r/g)*g}))}if(t==="reverse"){m=m.map((function(r){return a?r<0?r*-1:-r:Math.abs(g-r)}))}}var k=c?(l-s)/g:s;return p+k*(Math.round(m[n]*100)/100)+h}}function kr(r){if(r===void 0)r={};var n=wr(r);n.duration=0;n.add=function(t,e){var i=br.indexOf(n);var a=n.children;if(i>-1){br.splice(i,1)}function u(r){r.passThrough=true}for(var o=0;o<a.length;o++){u(a[o])}var v=B(t,I(f,r));v.targets=v.targets||r.targets;var c=n.duration;v.autoplay=false;v.direction=n.direction;v.timelineOffset=d.und(e)?c:Q(e,c);u(n);n.seek(v.timelineOffset);var s=wr(v);u(s);a.push(s);var l=pr(a,r);n.delay=l.delay;n.endDelay=l.endDelay;n.duration=l.duration;n.seek(0);n.reset();if(n.autoplay){n.play()}return n};return n}wr.version="3.2.1";wr.speed=1;wr.suspendWhenDocumentHidden=true;wr.running=br;wr.remove=Fr;wr.get=_;wr.set=lr;wr.convertPx=S;wr.path=nr;wr.setDashoffset=K;wr.stagger=Or;wr.timeline=kr;wr.easing=y;wr.penner=M;wr.random=function(r,n){return Math.floor(Math.random()*(n-r+1))+r};const Ir=":host{display:block;overflow-y:hidden}:host(.dso-hide){display:none}:host(:not(.dso-animate-ready)){position:absolute;visibility:hidden}:host([open]){position:inherit;visibility:inherit}*,*::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}";const Br=class{constructor(t){r(this,t);this._animationInstantiated=n(this,"_animationInstantiated",7);this.open=undefined;this.enableAnimation=false;this.minimumHeight=undefined;this.animationReady=false}toggleOpen(){if(this.enableAnimation){this.activateAnimation()}}toggleEnableAnimation(r){var n;if(r){this.prepareAnimationResizeObserver();this.activateObserver()}else{(n=this.resizeObserver)===null||n===void 0?void 0:n.disconnect();delete this.animeInstance;this.host.removeAttribute("style")}}async _getAnimeInstance(){return this.animeInstance}async _getBodyHeight(){return this.bodyHeight}componentWillLoad(){if(this.enableAnimation){this.prepareAnimationResizeObserver()}}componentDidLoad(){this.activateObserver()}activateObserver(){var r;const n=this.host.querySelector(`[slot="expandable-content"]`);if(n){(r=this.resizeObserver)===null||r===void 0?void 0:r.observe(n)}}disconnectedCallback(){var r;(r=this.resizeObserver)===null||r===void 0?void 0:r.disconnect()}render(){return t(e,{"aria-hidden":this.open?"false":"true",class:a({"dso-animate-ready":this.enableAnimation&&this.animationReady,"dso-hide":!this.enableAnimation&&!this.open})},t("slot",{name:"expandable-content"}))}prepareAnimationResizeObserver(){this.resizeObserver=new ResizeObserver(u((([r])=>{if(!r){throw new Error("No entry found")}const n=r.target.getBoundingClientRect().height;if(this.bodyHeight!==n){this.bodyHeight=n}this.instantiateAnimation()}),150))}instantiateAnimation(){var r;this.animeInstance=wr({targets:this.host,height:(r=this.minimumHeight)!==null&&r!==void 0?r:0,easing:"cubicBezier(0.4, 0, 0.2, 1)",duration:260,autoplay:false,direction:"normal",begin:()=>{if(this.host){if(this.open){this.host.style.visibility="";this.host.style.position="";this.host.style.bottom=""}}},complete:()=>{if(this.host){this.host.style.height="";if(!this.open){this.host.style.visibility="hidden";this.host.style.position="absolute";this.host.style.bottom="100%"}}}});if(!this.open){this.animeInstance.reverse();this.animeInstance.play()}if(this.host){this.host.style.height=""}this.animationReady=!!this.animeInstance;this._animationInstantiated.emit()}activateAnimation(){if(this.animeInstance){if(this.animeInstance.progress>0&&this.animeInstance.progress<100){this.animeInstance.reverse()}else{if(this.open){this.animeInstance.direction="reverse";this.animeInstance.play()}else{this.animeInstance.direction="normal";this.animeInstance.play()}}}}get host(){return i(this)}static get watchers(){return{open:["toggleOpen"],enableAnimation:["toggleEnableAnimation"]}}};Br.style=Ir;export{Br as dso_expandable};
+//# sourceMappingURL=p-eeb73369.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["defaultInstanceSettings","update","begin","loopBegin","changeBegin","change","changeComplete","loopComplete","complete","loop","direction","autoplay","timelineOffset","defaultTweenSettings","duration","delay","endDelay","easing","round","validTransforms","cache","CSS","springs","minMax","val","min","max","Math","stringContains","str","text","indexOf","applyArguments","func","args","apply","is","arr","a","Array","isArray","obj","Object","prototype","toString","call","pth","hasOwnProperty","svg","SVGElement","inp","HTMLInputElement","dom","nodeType","fnc","und","nil","hex","test","rgb","hsl","col","key","parseEasingParameters","string","match","exec","split","map","p","parseFloat","spring","params","mass","stiffness","damping","velocity","w0","sqrt","zeta","wd","b","solver","t","progress","exp","cos","sin","getDuration","cached","frame","elapsed","rest","steps","ceil","bezier","kSplineTableSize","kSampleStepSize","A","aA1","aA2","B","C","calcBezier","aT","getSlope","binarySubdivide","aX","aA","aB","mX1","mX2","currentX","currentT","i","abs","newtonRaphsonIterate","aGuessT","currentSlope","mY1","mY2","sampleValues","Float32Array","getTForX","intervalStart","currentSample","lastSample","dist","guessForT","initialSlope","x","penner","eases","linear","functionEasings","Sine","PI","Circ","Back","Bounce","pow2","pow","Elastic","amplitude","period","asin","baseEasings","forEach","name","keys","easeIn","parseEasings","ease","selectString","nodes","document","querySelectorAll","e","filterArray","callback","len","length","thisArg","arguments","result","push","flattenArray","reduce","concat","toArray","o","NodeList","HTMLCollection","slice","arrayContains","some","cloneObject","clone","replaceObjectProps","o1","o2","mergeObjects","rgbToRgba","rgbValue","hexToRgba","hexValue","rgx","replace","m","r","g","parseInt","hslToRgba","hslValue","h","s","l","hue2rgb","q","colorToRgb","getUnit","getTransformUnit","propName","getFunctionValue","animatable","target","id","total","getAttribute","el","prop","convertPxToUnit","value","unit","valueUnit","baseline","tempEl","createElement","tagName","parentEl","parentNode","body","appendChild","style","position","width","factor","offsetWidth","removeChild","convertedUnit","getCSSValue","uppercasePropName","toLowerCase","getComputedStyle","getPropertyValue","getAnimationType","getElementTransforms","transform","reg","transforms","Map","set","getTransformValue","defaultVal","get","list","getOriginalTargetValue","getRelativeValue","to","from","operator","u","y","validateValue","originalUnit","unitLess","substr","getDistance","p1","p2","getCircleLength","getRectLength","getLineLength","getPolylineLength","points","totalLength","previousPos","numberOfItems","currentPos","getItem","getPolygonLength","getTotalLength","setDashoffset","pathLength","setAttribute","getParentSvgEl","getParentSvg","pathEl","svgData","parentSvgEl","rect","getBoundingClientRect","viewBoxAttr","height","viewBox","w","vW","vH","getPath","path","percent","property","getPathProgress","isPathTargetInsideSVG","point","offset","getPointAtLength","p0","scaleX","scaleY","atan2","decomposeValue","original","numbers","Number","strings","parseTargets","targets","targetsArray","item","pos","self","getAnimatables","parsed","normalizePropertyTweens","tweenSettings","settings","isFromTo","propArray","v","k","flattenKeyframes","keyframes","propertyNames","properties","newKey","getProperties","tweens","normalizeTweenValues","tween","normalizeTweens","previousTween","tweenValue","toUnit","originalValue","previousValue","fromUnit","start","end","isPath","isColor","setProgressValue","css","attribute","object","manual","last","setTargetsValue","animatables","animType","createAnimation","lastTween","type","getAnimations","getInstanceTimings","animations","animLength","getTlOffset","anim","timings","instanceID","createNewInstance","instanceSettings","children","activeInstances","engine","raf","play","isDocumentHidden","anime","suspendWhenDocumentHidden","requestAnimationFrame","step","activeInstancesLength","activeInstance","paused","tick","splice","undefined","handleVisibilityChange","cancelAnimationFrame","instance","_onDocumentVisibility","addEventListener","hidden","startTime","lastTime","now","childrenLength","resolve","makePromise","promise","window","Promise","_resolve","finished","toggleInstanceDirection","reversed","child","adjustTime","time","resetTime","currentTime","speed","seekChild","seek","syncInstanceChildren","reversePlayback","i$1","setAnimationsProgress","insTime","animationsLength","tweenLength","eased","isNaN","toNumbersLength","n","toNumber","fromNumber","stringsLength","n$1","currentValue","setCallback","cb","passThrough","countIteration","remaining","setInstanceProgress","engineTime","insDuration","insDelay","insEndDelay","began","loopBegan","changeBegan","changeCompleted","completed","reset","pause","reverse","restart","remove","removeTargetsFromInstance","removeTargetsFromAnimations","c","childAnimations","removeTargetsFromActiveInstances","stagger","grid","axis","fromIndex","fromFirst","fromCenter","fromLast","isRange","val1","val2","values","maxValue","index","fromX","fromY","floor","toX","toY","distanceX","distanceY","spacing","timeline","tl","add","instanceParams","tlIndex","ins","insParams","tlDuration","version","running","convertPx","random","expandableCss","Expandable","toggleOpen","this","enableAnimation","activateAnimation","toggleEnableAnimation","prepareAnimationResizeObserver","activateObserver","_a","resizeObserver","disconnect","animeInstance","host","removeAttribute","async","bodyHeight","componentWillLoad","componentDidLoad","bodyContentElement","querySelector","observe","disconnectedCallback","render","Host","open","class","clsx","animationReady","ResizeObserver","debounce","entry","Error","instantiateAnimation","minimumHeight","visibility","bottom","_animationInstantiated","emit"],"sources":["../../node_modules/animejs/lib/anime.es.js","./src/components/expandable/expandable.scss?tag=dso-expandable&encapsulation=shadow","./src/components/expandable/expandable.tsx"],"sourcesContent":["/*\n * anime.js v3.2.1\n * (c) 2020 Julian Garnier\n * Released under the MIT license\n * animejs.com\n */\n\n// Defaults\n\nvar defaultInstanceSettings = {\n  update: null,\n  begin: null,\n  loopBegin: null,\n  changeBegin: null,\n  change: null,\n  changeComplete: null,\n  loopComplete: null,\n  complete: null,\n  loop: 1,\n  direction: 'normal',\n  autoplay: true,\n  timelineOffset: 0\n};\n\nvar defaultTweenSettings = {\n  duration: 1000,\n  delay: 0,\n  endDelay: 0,\n  easing: 'easeOutElastic(1, .5)',\n  round: 0\n};\n\nvar validTransforms = ['translateX', 'translateY', 'translateZ', 'rotate', 'rotateX', 'rotateY', 'rotateZ', 'scale', 'scaleX', 'scaleY', 'scaleZ', 'skew', 'skewX', 'skewY', 'perspective', 'matrix', 'matrix3d'];\n\n// Caching\n\nvar cache = {\n  CSS: {},\n  springs: {}\n};\n\n// Utils\n\nfunction minMax(val, min, max) {\n  return Math.min(Math.max(val, min), max);\n}\n\nfunction stringContains(str, text) {\n  return str.indexOf(text) > -1;\n}\n\nfunction applyArguments(func, args) {\n  return func.apply(null, args);\n}\n\nvar is = {\n  arr: function (a) { return Array.isArray(a); },\n  obj: function (a) { return stringContains(Object.prototype.toString.call(a), 'Object'); },\n  pth: function (a) { return is.obj(a) && a.hasOwnProperty('totalLength'); },\n  svg: function (a) { return a instanceof SVGElement; },\n  inp: function (a) { return a instanceof HTMLInputElement; },\n  dom: function (a) { return a.nodeType || is.svg(a); },\n  str: function (a) { return typeof a === 'string'; },\n  fnc: function (a) { return typeof a === 'function'; },\n  und: function (a) { return typeof a === 'undefined'; },\n  nil: function (a) { return is.und(a) || a === null; },\n  hex: function (a) { return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a); },\n  rgb: function (a) { return /^rgb/.test(a); },\n  hsl: function (a) { return /^hsl/.test(a); },\n  col: function (a) { return (is.hex(a) || is.rgb(a) || is.hsl(a)); },\n  key: function (a) { return !defaultInstanceSettings.hasOwnProperty(a) && !defaultTweenSettings.hasOwnProperty(a) && a !== 'targets' && a !== 'keyframes'; },\n};\n\n// Easings\n\nfunction parseEasingParameters(string) {\n  var match = /\\(([^)]+)\\)/.exec(string);\n  return match ? match[1].split(',').map(function (p) { return parseFloat(p); }) : [];\n}\n\n// Spring solver inspired by Webkit Copyright © 2016 Apple Inc. All rights reserved. https://webkit.org/demos/spring/spring.js\n\nfunction spring(string, duration) {\n\n  var params = parseEasingParameters(string);\n  var mass = minMax(is.und(params[0]) ? 1 : params[0], .1, 100);\n  var stiffness = minMax(is.und(params[1]) ? 100 : params[1], .1, 100);\n  var damping = minMax(is.und(params[2]) ? 10 : params[2], .1, 100);\n  var velocity =  minMax(is.und(params[3]) ? 0 : params[3], .1, 100);\n  var w0 = Math.sqrt(stiffness / mass);\n  var zeta = damping / (2 * Math.sqrt(stiffness * mass));\n  var wd = zeta < 1 ? w0 * Math.sqrt(1 - zeta * zeta) : 0;\n  var a = 1;\n  var b = zeta < 1 ? (zeta * w0 + -velocity) / wd : -velocity + w0;\n\n  function solver(t) {\n    var progress = duration ? (duration * t) / 1000 : t;\n    if (zeta < 1) {\n      progress = Math.exp(-progress * zeta * w0) * (a * Math.cos(wd * progress) + b * Math.sin(wd * progress));\n    } else {\n      progress = (a + b * progress) * Math.exp(-progress * w0);\n    }\n    if (t === 0 || t === 1) { return t; }\n    return 1 - progress;\n  }\n\n  function getDuration() {\n    var cached = cache.springs[string];\n    if (cached) { return cached; }\n    var frame = 1/6;\n    var elapsed = 0;\n    var rest = 0;\n    while(true) {\n      elapsed += frame;\n      if (solver(elapsed) === 1) {\n        rest++;\n        if (rest >= 16) { break; }\n      } else {\n        rest = 0;\n      }\n    }\n    var duration = elapsed * frame * 1000;\n    cache.springs[string] = duration;\n    return duration;\n  }\n\n  return duration ? solver : getDuration;\n\n}\n\n// Basic steps easing implementation https://developer.mozilla.org/fr/docs/Web/CSS/transition-timing-function\n\nfunction steps(steps) {\n  if ( steps === void 0 ) steps = 10;\n\n  return function (t) { return Math.ceil((minMax(t, 0.000001, 1)) * steps) * (1 / steps); };\n}\n\n// BezierEasing https://github.com/gre/bezier-easing\n\nvar bezier = (function () {\n\n  var kSplineTableSize = 11;\n  var kSampleStepSize = 1.0 / (kSplineTableSize - 1.0);\n\n  function A(aA1, aA2) { return 1.0 - 3.0 * aA2 + 3.0 * aA1 }\n  function B(aA1, aA2) { return 3.0 * aA2 - 6.0 * aA1 }\n  function C(aA1)      { return 3.0 * aA1 }\n\n  function calcBezier(aT, aA1, aA2) { return ((A(aA1, aA2) * aT + B(aA1, aA2)) * aT + C(aA1)) * aT }\n  function getSlope(aT, aA1, aA2) { return 3.0 * A(aA1, aA2) * aT * aT + 2.0 * B(aA1, aA2) * aT + C(aA1) }\n\n  function binarySubdivide(aX, aA, aB, mX1, mX2) {\n    var currentX, currentT, i = 0;\n    do {\n      currentT = aA + (aB - aA) / 2.0;\n      currentX = calcBezier(currentT, mX1, mX2) - aX;\n      if (currentX > 0.0) { aB = currentT; } else { aA = currentT; }\n    } while (Math.abs(currentX) > 0.0000001 && ++i < 10);\n    return currentT;\n  }\n\n  function newtonRaphsonIterate(aX, aGuessT, mX1, mX2) {\n    for (var i = 0; i < 4; ++i) {\n      var currentSlope = getSlope(aGuessT, mX1, mX2);\n      if (currentSlope === 0.0) { return aGuessT; }\n      var currentX = calcBezier(aGuessT, mX1, mX2) - aX;\n      aGuessT -= currentX / currentSlope;\n    }\n    return aGuessT;\n  }\n\n  function bezier(mX1, mY1, mX2, mY2) {\n\n    if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) { return; }\n    var sampleValues = new Float32Array(kSplineTableSize);\n\n    if (mX1 !== mY1 || mX2 !== mY2) {\n      for (var i = 0; i < kSplineTableSize; ++i) {\n        sampleValues[i] = calcBezier(i * kSampleStepSize, mX1, mX2);\n      }\n    }\n\n    function getTForX(aX) {\n\n      var intervalStart = 0;\n      var currentSample = 1;\n      var lastSample = kSplineTableSize - 1;\n\n      for (; currentSample !== lastSample && sampleValues[currentSample] <= aX; ++currentSample) {\n        intervalStart += kSampleStepSize;\n      }\n\n      --currentSample;\n\n      var dist = (aX - sampleValues[currentSample]) / (sampleValues[currentSample + 1] - sampleValues[currentSample]);\n      var guessForT = intervalStart + dist * kSampleStepSize;\n      var initialSlope = getSlope(guessForT, mX1, mX2);\n\n      if (initialSlope >= 0.001) {\n        return newtonRaphsonIterate(aX, guessForT, mX1, mX2);\n      } else if (initialSlope === 0.0) {\n        return guessForT;\n      } else {\n        return binarySubdivide(aX, intervalStart, intervalStart + kSampleStepSize, mX1, mX2);\n      }\n\n    }\n\n    return function (x) {\n      if (mX1 === mY1 && mX2 === mY2) { return x; }\n      if (x === 0 || x === 1) { return x; }\n      return calcBezier(getTForX(x), mY1, mY2);\n    }\n\n  }\n\n  return bezier;\n\n})();\n\nvar penner = (function () {\n\n  // Based on jQuery UI's implemenation of easing equations from Robert Penner (http://www.robertpenner.com/easing)\n\n  var eases = { linear: function () { return function (t) { return t; }; } };\n\n  var functionEasings = {\n    Sine: function () { return function (t) { return 1 - Math.cos(t * Math.PI / 2); }; },\n    Circ: function () { return function (t) { return 1 - Math.sqrt(1 - t * t); }; },\n    Back: function () { return function (t) { return t * t * (3 * t - 2); }; },\n    Bounce: function () { return function (t) {\n      var pow2, b = 4;\n      while (t < (( pow2 = Math.pow(2, --b)) - 1) / 11) {}\n      return 1 / Math.pow(4, 3 - b) - 7.5625 * Math.pow(( pow2 * 3 - 2 ) / 22 - t, 2)\n    }; },\n    Elastic: function (amplitude, period) {\n      if ( amplitude === void 0 ) amplitude = 1;\n      if ( period === void 0 ) period = .5;\n\n      var a = minMax(amplitude, 1, 10);\n      var p = minMax(period, .1, 2);\n      return function (t) {\n        return (t === 0 || t === 1) ? t : \n          -a * Math.pow(2, 10 * (t - 1)) * Math.sin((((t - 1) - (p / (Math.PI * 2) * Math.asin(1 / a))) * (Math.PI * 2)) / p);\n      }\n    }\n  };\n\n  var baseEasings = ['Quad', 'Cubic', 'Quart', 'Quint', 'Expo'];\n\n  baseEasings.forEach(function (name, i) {\n    functionEasings[name] = function () { return function (t) { return Math.pow(t, i + 2); }; };\n  });\n\n  Object.keys(functionEasings).forEach(function (name) {\n    var easeIn = functionEasings[name];\n    eases['easeIn' + name] = easeIn;\n    eases['easeOut' + name] = function (a, b) { return function (t) { return 1 - easeIn(a, b)(1 - t); }; };\n    eases['easeInOut' + name] = function (a, b) { return function (t) { return t < 0.5 ? easeIn(a, b)(t * 2) / 2 : \n      1 - easeIn(a, b)(t * -2 + 2) / 2; }; };\n    eases['easeOutIn' + name] = function (a, b) { return function (t) { return t < 0.5 ? (1 - easeIn(a, b)(1 - t * 2)) / 2 : \n      (easeIn(a, b)(t * 2 - 1) + 1) / 2; }; };\n  });\n\n  return eases;\n\n})();\n\nfunction parseEasings(easing, duration) {\n  if (is.fnc(easing)) { return easing; }\n  var name = easing.split('(')[0];\n  var ease = penner[name];\n  var args = parseEasingParameters(easing);\n  switch (name) {\n    case 'spring' : return spring(easing, duration);\n    case 'cubicBezier' : return applyArguments(bezier, args);\n    case 'steps' : return applyArguments(steps, args);\n    default : return applyArguments(ease, args);\n  }\n}\n\n// Strings\n\nfunction selectString(str) {\n  try {\n    var nodes = document.querySelectorAll(str);\n    return nodes;\n  } catch(e) {\n    return;\n  }\n}\n\n// Arrays\n\nfunction filterArray(arr, callback) {\n  var len = arr.length;\n  var thisArg = arguments.length >= 2 ? arguments[1] : void 0;\n  var result = [];\n  for (var i = 0; i < len; i++) {\n    if (i in arr) {\n      var val = arr[i];\n      if (callback.call(thisArg, val, i, arr)) {\n        result.push(val);\n      }\n    }\n  }\n  return result;\n}\n\nfunction flattenArray(arr) {\n  return arr.reduce(function (a, b) { return a.concat(is.arr(b) ? flattenArray(b) : b); }, []);\n}\n\nfunction toArray(o) {\n  if (is.arr(o)) { return o; }\n  if (is.str(o)) { o = selectString(o) || o; }\n  if (o instanceof NodeList || o instanceof HTMLCollection) { return [].slice.call(o); }\n  return [o];\n}\n\nfunction arrayContains(arr, val) {\n  return arr.some(function (a) { return a === val; });\n}\n\n// Objects\n\nfunction cloneObject(o) {\n  var clone = {};\n  for (var p in o) { clone[p] = o[p]; }\n  return clone;\n}\n\nfunction replaceObjectProps(o1, o2) {\n  var o = cloneObject(o1);\n  for (var p in o1) { o[p] = o2.hasOwnProperty(p) ? o2[p] : o1[p]; }\n  return o;\n}\n\nfunction mergeObjects(o1, o2) {\n  var o = cloneObject(o1);\n  for (var p in o2) { o[p] = is.und(o1[p]) ? o2[p] : o1[p]; }\n  return o;\n}\n\n// Colors\n\nfunction rgbToRgba(rgbValue) {\n  var rgb = /rgb\\((\\d+,\\s*[\\d]+,\\s*[\\d]+)\\)/g.exec(rgbValue);\n  return rgb ? (\"rgba(\" + (rgb[1]) + \",1)\") : rgbValue;\n}\n\nfunction hexToRgba(hexValue) {\n  var rgx = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\n  var hex = hexValue.replace(rgx, function (m, r, g, b) { return r + r + g + g + b + b; } );\n  var rgb = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  var r = parseInt(rgb[1], 16);\n  var g = parseInt(rgb[2], 16);\n  var b = parseInt(rgb[3], 16);\n  return (\"rgba(\" + r + \",\" + g + \",\" + b + \",1)\");\n}\n\nfunction hslToRgba(hslValue) {\n  var hsl = /hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/g.exec(hslValue) || /hsla\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%,\\s*([\\d.]+)\\)/g.exec(hslValue);\n  var h = parseInt(hsl[1], 10) / 360;\n  var s = parseInt(hsl[2], 10) / 100;\n  var l = parseInt(hsl[3], 10) / 100;\n  var a = hsl[4] || 1;\n  function hue2rgb(p, q, t) {\n    if (t < 0) { t += 1; }\n    if (t > 1) { t -= 1; }\n    if (t < 1/6) { return p + (q - p) * 6 * t; }\n    if (t < 1/2) { return q; }\n    if (t < 2/3) { return p + (q - p) * (2/3 - t) * 6; }\n    return p;\n  }\n  var r, g, b;\n  if (s == 0) {\n    r = g = b = l;\n  } else {\n    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    var p = 2 * l - q;\n    r = hue2rgb(p, q, h + 1/3);\n    g = hue2rgb(p, q, h);\n    b = hue2rgb(p, q, h - 1/3);\n  }\n  return (\"rgba(\" + (r * 255) + \",\" + (g * 255) + \",\" + (b * 255) + \",\" + a + \")\");\n}\n\nfunction colorToRgb(val) {\n  if (is.rgb(val)) { return rgbToRgba(val); }\n  if (is.hex(val)) { return hexToRgba(val); }\n  if (is.hsl(val)) { return hslToRgba(val); }\n}\n\n// Units\n\nfunction getUnit(val) {\n  var split = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(val);\n  if (split) { return split[1]; }\n}\n\nfunction getTransformUnit(propName) {\n  if (stringContains(propName, 'translate') || propName === 'perspective') { return 'px'; }\n  if (stringContains(propName, 'rotate') || stringContains(propName, 'skew')) { return 'deg'; }\n}\n\n// Values\n\nfunction getFunctionValue(val, animatable) {\n  if (!is.fnc(val)) { return val; }\n  return val(animatable.target, animatable.id, animatable.total);\n}\n\nfunction getAttribute(el, prop) {\n  return el.getAttribute(prop);\n}\n\nfunction convertPxToUnit(el, value, unit) {\n  var valueUnit = getUnit(value);\n  if (arrayContains([unit, 'deg', 'rad', 'turn'], valueUnit)) { return value; }\n  var cached = cache.CSS[value + unit];\n  if (!is.und(cached)) { return cached; }\n  var baseline = 100;\n  var tempEl = document.createElement(el.tagName);\n  var parentEl = (el.parentNode && (el.parentNode !== document)) ? el.parentNode : document.body;\n  parentEl.appendChild(tempEl);\n  tempEl.style.position = 'absolute';\n  tempEl.style.width = baseline + unit;\n  var factor = baseline / tempEl.offsetWidth;\n  parentEl.removeChild(tempEl);\n  var convertedUnit = factor * parseFloat(value);\n  cache.CSS[value + unit] = convertedUnit;\n  return convertedUnit;\n}\n\nfunction getCSSValue(el, prop, unit) {\n  if (prop in el.style) {\n    var uppercasePropName = prop.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n    var value = el.style[prop] || getComputedStyle(el).getPropertyValue(uppercasePropName) || '0';\n    return unit ? convertPxToUnit(el, value, unit) : value;\n  }\n}\n\nfunction getAnimationType(el, prop) {\n  if (is.dom(el) && !is.inp(el) && (!is.nil(getAttribute(el, prop)) || (is.svg(el) && el[prop]))) { return 'attribute'; }\n  if (is.dom(el) && arrayContains(validTransforms, prop)) { return 'transform'; }\n  if (is.dom(el) && (prop !== 'transform' && getCSSValue(el, prop))) { return 'css'; }\n  if (el[prop] != null) { return 'object'; }\n}\n\nfunction getElementTransforms(el) {\n  if (!is.dom(el)) { return; }\n  var str = el.style.transform || '';\n  var reg  = /(\\w+)\\(([^)]*)\\)/g;\n  var transforms = new Map();\n  var m; while (m = reg.exec(str)) { transforms.set(m[1], m[2]); }\n  return transforms;\n}\n\nfunction getTransformValue(el, propName, animatable, unit) {\n  var defaultVal = stringContains(propName, 'scale') ? 1 : 0 + getTransformUnit(propName);\n  var value = getElementTransforms(el).get(propName) || defaultVal;\n  if (animatable) {\n    animatable.transforms.list.set(propName, value);\n    animatable.transforms['last'] = propName;\n  }\n  return unit ? convertPxToUnit(el, value, unit) : value;\n}\n\nfunction getOriginalTargetValue(target, propName, unit, animatable) {\n  switch (getAnimationType(target, propName)) {\n    case 'transform': return getTransformValue(target, propName, animatable, unit);\n    case 'css': return getCSSValue(target, propName, unit);\n    case 'attribute': return getAttribute(target, propName);\n    default: return target[propName] || 0;\n  }\n}\n\nfunction getRelativeValue(to, from) {\n  var operator = /^(\\*=|\\+=|-=)/.exec(to);\n  if (!operator) { return to; }\n  var u = getUnit(to) || 0;\n  var x = parseFloat(from);\n  var y = parseFloat(to.replace(operator[0], ''));\n  switch (operator[0][0]) {\n    case '+': return x + y + u;\n    case '-': return x - y + u;\n    case '*': return x * y + u;\n  }\n}\n\nfunction validateValue(val, unit) {\n  if (is.col(val)) { return colorToRgb(val); }\n  if (/\\s/g.test(val)) { return val; }\n  var originalUnit = getUnit(val);\n  var unitLess = originalUnit ? val.substr(0, val.length - originalUnit.length) : val;\n  if (unit) { return unitLess + unit; }\n  return unitLess;\n}\n\n// getTotalLength() equivalent for circle, rect, polyline, polygon and line shapes\n// adapted from https://gist.github.com/SebLambla/3e0550c496c236709744\n\nfunction getDistance(p1, p2) {\n  return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));\n}\n\nfunction getCircleLength(el) {\n  return Math.PI * 2 * getAttribute(el, 'r');\n}\n\nfunction getRectLength(el) {\n  return (getAttribute(el, 'width') * 2) + (getAttribute(el, 'height') * 2);\n}\n\nfunction getLineLength(el) {\n  return getDistance(\n    {x: getAttribute(el, 'x1'), y: getAttribute(el, 'y1')}, \n    {x: getAttribute(el, 'x2'), y: getAttribute(el, 'y2')}\n  );\n}\n\nfunction getPolylineLength(el) {\n  var points = el.points;\n  var totalLength = 0;\n  var previousPos;\n  for (var i = 0 ; i < points.numberOfItems; i++) {\n    var currentPos = points.getItem(i);\n    if (i > 0) { totalLength += getDistance(previousPos, currentPos); }\n    previousPos = currentPos;\n  }\n  return totalLength;\n}\n\nfunction getPolygonLength(el) {\n  var points = el.points;\n  return getPolylineLength(el) + getDistance(points.getItem(points.numberOfItems - 1), points.getItem(0));\n}\n\n// Path animation\n\nfunction getTotalLength(el) {\n  if (el.getTotalLength) { return el.getTotalLength(); }\n  switch(el.tagName.toLowerCase()) {\n    case 'circle': return getCircleLength(el);\n    case 'rect': return getRectLength(el);\n    case 'line': return getLineLength(el);\n    case 'polyline': return getPolylineLength(el);\n    case 'polygon': return getPolygonLength(el);\n  }\n}\n\nfunction setDashoffset(el) {\n  var pathLength = getTotalLength(el);\n  el.setAttribute('stroke-dasharray', pathLength);\n  return pathLength;\n}\n\n// Motion path\n\nfunction getParentSvgEl(el) {\n  var parentEl = el.parentNode;\n  while (is.svg(parentEl)) {\n    if (!is.svg(parentEl.parentNode)) { break; }\n    parentEl = parentEl.parentNode;\n  }\n  return parentEl;\n}\n\nfunction getParentSvg(pathEl, svgData) {\n  var svg = svgData || {};\n  var parentSvgEl = svg.el || getParentSvgEl(pathEl);\n  var rect = parentSvgEl.getBoundingClientRect();\n  var viewBoxAttr = getAttribute(parentSvgEl, 'viewBox');\n  var width = rect.width;\n  var height = rect.height;\n  var viewBox = svg.viewBox || (viewBoxAttr ? viewBoxAttr.split(' ') : [0, 0, width, height]);\n  return {\n    el: parentSvgEl,\n    viewBox: viewBox,\n    x: viewBox[0] / 1,\n    y: viewBox[1] / 1,\n    w: width,\n    h: height,\n    vW: viewBox[2],\n    vH: viewBox[3]\n  }\n}\n\nfunction getPath(path, percent) {\n  var pathEl = is.str(path) ? selectString(path)[0] : path;\n  var p = percent || 100;\n  return function(property) {\n    return {\n      property: property,\n      el: pathEl,\n      svg: getParentSvg(pathEl),\n      totalLength: getTotalLength(pathEl) * (p / 100)\n    }\n  }\n}\n\nfunction getPathProgress(path, progress, isPathTargetInsideSVG) {\n  function point(offset) {\n    if ( offset === void 0 ) offset = 0;\n\n    var l = progress + offset >= 1 ? progress + offset : 0;\n    return path.el.getPointAtLength(l);\n  }\n  var svg = getParentSvg(path.el, path.svg);\n  var p = point();\n  var p0 = point(-1);\n  var p1 = point(+1);\n  var scaleX = isPathTargetInsideSVG ? 1 : svg.w / svg.vW;\n  var scaleY = isPathTargetInsideSVG ? 1 : svg.h / svg.vH;\n  switch (path.property) {\n    case 'x': return (p.x - svg.x) * scaleX;\n    case 'y': return (p.y - svg.y) * scaleY;\n    case 'angle': return Math.atan2(p1.y - p0.y, p1.x - p0.x) * 180 / Math.PI;\n  }\n}\n\n// Decompose value\n\nfunction decomposeValue(val, unit) {\n  // const rgx = /-?\\d*\\.?\\d+/g; // handles basic numbers\n  // const rgx = /[+-]?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n  var rgx = /[+-]?\\d*\\.?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g; // handles exponents notation\n  var value = validateValue((is.pth(val) ? val.totalLength : val), unit) + '';\n  return {\n    original: value,\n    numbers: value.match(rgx) ? value.match(rgx).map(Number) : [0],\n    strings: (is.str(val) || unit) ? value.split(rgx) : []\n  }\n}\n\n// Animatables\n\nfunction parseTargets(targets) {\n  var targetsArray = targets ? (flattenArray(is.arr(targets) ? targets.map(toArray) : toArray(targets))) : [];\n  return filterArray(targetsArray, function (item, pos, self) { return self.indexOf(item) === pos; });\n}\n\nfunction getAnimatables(targets) {\n  var parsed = parseTargets(targets);\n  return parsed.map(function (t, i) {\n    return {target: t, id: i, total: parsed.length, transforms: { list: getElementTransforms(t) } };\n  });\n}\n\n// Properties\n\nfunction normalizePropertyTweens(prop, tweenSettings) {\n  var settings = cloneObject(tweenSettings);\n  // Override duration if easing is a spring\n  if (/^spring/.test(settings.easing)) { settings.duration = spring(settings.easing); }\n  if (is.arr(prop)) {\n    var l = prop.length;\n    var isFromTo = (l === 2 && !is.obj(prop[0]));\n    if (!isFromTo) {\n      // Duration divided by the number of tweens\n      if (!is.fnc(tweenSettings.duration)) { settings.duration = tweenSettings.duration / l; }\n    } else {\n      // Transform [from, to] values shorthand to a valid tween value\n      prop = {value: prop};\n    }\n  }\n  var propArray = is.arr(prop) ? prop : [prop];\n  return propArray.map(function (v, i) {\n    var obj = (is.obj(v) && !is.pth(v)) ? v : {value: v};\n    // Default delay value should only be applied to the first tween\n    if (is.und(obj.delay)) { obj.delay = !i ? tweenSettings.delay : 0; }\n    // Default endDelay value should only be applied to the last tween\n    if (is.und(obj.endDelay)) { obj.endDelay = i === propArray.length - 1 ? tweenSettings.endDelay : 0; }\n    return obj;\n  }).map(function (k) { return mergeObjects(k, settings); });\n}\n\n\nfunction flattenKeyframes(keyframes) {\n  var propertyNames = filterArray(flattenArray(keyframes.map(function (key) { return Object.keys(key); })), function (p) { return is.key(p); })\n  .reduce(function (a,b) { if (a.indexOf(b) < 0) { a.push(b); } return a; }, []);\n  var properties = {};\n  var loop = function ( i ) {\n    var propName = propertyNames[i];\n    properties[propName] = keyframes.map(function (key) {\n      var newKey = {};\n      for (var p in key) {\n        if (is.key(p)) {\n          if (p == propName) { newKey.value = key[p]; }\n        } else {\n          newKey[p] = key[p];\n        }\n      }\n      return newKey;\n    });\n  };\n\n  for (var i = 0; i < propertyNames.length; i++) loop( i );\n  return properties;\n}\n\nfunction getProperties(tweenSettings, params) {\n  var properties = [];\n  var keyframes = params.keyframes;\n  if (keyframes) { params = mergeObjects(flattenKeyframes(keyframes), params); }\n  for (var p in params) {\n    if (is.key(p)) {\n      properties.push({\n        name: p,\n        tweens: normalizePropertyTweens(params[p], tweenSettings)\n      });\n    }\n  }\n  return properties;\n}\n\n// Tweens\n\nfunction normalizeTweenValues(tween, animatable) {\n  var t = {};\n  for (var p in tween) {\n    var value = getFunctionValue(tween[p], animatable);\n    if (is.arr(value)) {\n      value = value.map(function (v) { return getFunctionValue(v, animatable); });\n      if (value.length === 1) { value = value[0]; }\n    }\n    t[p] = value;\n  }\n  t.duration = parseFloat(t.duration);\n  t.delay = parseFloat(t.delay);\n  return t;\n}\n\nfunction normalizeTweens(prop, animatable) {\n  var previousTween;\n  return prop.tweens.map(function (t) {\n    var tween = normalizeTweenValues(t, animatable);\n    var tweenValue = tween.value;\n    var to = is.arr(tweenValue) ? tweenValue[1] : tweenValue;\n    var toUnit = getUnit(to);\n    var originalValue = getOriginalTargetValue(animatable.target, prop.name, toUnit, animatable);\n    var previousValue = previousTween ? previousTween.to.original : originalValue;\n    var from = is.arr(tweenValue) ? tweenValue[0] : previousValue;\n    var fromUnit = getUnit(from) || getUnit(originalValue);\n    var unit = toUnit || fromUnit;\n    if (is.und(to)) { to = previousValue; }\n    tween.from = decomposeValue(from, unit);\n    tween.to = decomposeValue(getRelativeValue(to, from), unit);\n    tween.start = previousTween ? previousTween.end : 0;\n    tween.end = tween.start + tween.delay + tween.duration + tween.endDelay;\n    tween.easing = parseEasings(tween.easing, tween.duration);\n    tween.isPath = is.pth(tweenValue);\n    tween.isPathTargetInsideSVG = tween.isPath && is.svg(animatable.target);\n    tween.isColor = is.col(tween.from.original);\n    if (tween.isColor) { tween.round = 1; }\n    previousTween = tween;\n    return tween;\n  });\n}\n\n// Tween progress\n\nvar setProgressValue = {\n  css: function (t, p, v) { return t.style[p] = v; },\n  attribute: function (t, p, v) { return t.setAttribute(p, v); },\n  object: function (t, p, v) { return t[p] = v; },\n  transform: function (t, p, v, transforms, manual) {\n    transforms.list.set(p, v);\n    if (p === transforms.last || manual) {\n      var str = '';\n      transforms.list.forEach(function (value, prop) { str += prop + \"(\" + value + \") \"; });\n      t.style.transform = str;\n    }\n  }\n};\n\n// Set Value helper\n\nfunction setTargetsValue(targets, properties) {\n  var animatables = getAnimatables(targets);\n  animatables.forEach(function (animatable) {\n    for (var property in properties) {\n      var value = getFunctionValue(properties[property], animatable);\n      var target = animatable.target;\n      var valueUnit = getUnit(value);\n      var originalValue = getOriginalTargetValue(target, property, valueUnit, animatable);\n      var unit = valueUnit || getUnit(originalValue);\n      var to = getRelativeValue(validateValue(value, unit), originalValue);\n      var animType = getAnimationType(target, property);\n      setProgressValue[animType](target, property, to, animatable.transforms, true);\n    }\n  });\n}\n\n// Animations\n\nfunction createAnimation(animatable, prop) {\n  var animType = getAnimationType(animatable.target, prop.name);\n  if (animType) {\n    var tweens = normalizeTweens(prop, animatable);\n    var lastTween = tweens[tweens.length - 1];\n    return {\n      type: animType,\n      property: prop.name,\n      animatable: animatable,\n      tweens: tweens,\n      duration: lastTween.end,\n      delay: tweens[0].delay,\n      endDelay: lastTween.endDelay\n    }\n  }\n}\n\nfunction getAnimations(animatables, properties) {\n  return filterArray(flattenArray(animatables.map(function (animatable) {\n    return properties.map(function (prop) {\n      return createAnimation(animatable, prop);\n    });\n  })), function (a) { return !is.und(a); });\n}\n\n// Create Instance\n\nfunction getInstanceTimings(animations, tweenSettings) {\n  var animLength = animations.length;\n  var getTlOffset = function (anim) { return anim.timelineOffset ? anim.timelineOffset : 0; };\n  var timings = {};\n  timings.duration = animLength ? Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration; })) : tweenSettings.duration;\n  timings.delay = animLength ? Math.min.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.delay; })) : tweenSettings.delay;\n  timings.endDelay = animLength ? timings.duration - Math.max.apply(Math, animations.map(function (anim) { return getTlOffset(anim) + anim.duration - anim.endDelay; })) : tweenSettings.endDelay;\n  return timings;\n}\n\nvar instanceID = 0;\n\nfunction createNewInstance(params) {\n  var instanceSettings = replaceObjectProps(defaultInstanceSettings, params);\n  var tweenSettings = replaceObjectProps(defaultTweenSettings, params);\n  var properties = getProperties(tweenSettings, params);\n  var animatables = getAnimatables(params.targets);\n  var animations = getAnimations(animatables, properties);\n  var timings = getInstanceTimings(animations, tweenSettings);\n  var id = instanceID;\n  instanceID++;\n  return mergeObjects(instanceSettings, {\n    id: id,\n    children: [],\n    animatables: animatables,\n    animations: animations,\n    duration: timings.duration,\n    delay: timings.delay,\n    endDelay: timings.endDelay\n  });\n}\n\n// Core\n\nvar activeInstances = [];\n\nvar engine = (function () {\n  var raf;\n\n  function play() {\n    if (!raf && (!isDocumentHidden() || !anime.suspendWhenDocumentHidden) && activeInstances.length > 0) {\n      raf = requestAnimationFrame(step);\n    }\n  }\n  function step(t) {\n    // memo on algorithm issue:\n    // dangerous iteration over mutable `activeInstances`\n    // (that collection may be updated from within callbacks of `tick`-ed animation instances)\n    var activeInstancesLength = activeInstances.length;\n    var i = 0;\n    while (i < activeInstancesLength) {\n      var activeInstance = activeInstances[i];\n      if (!activeInstance.paused) {\n        activeInstance.tick(t);\n        i++;\n      } else {\n        activeInstances.splice(i, 1);\n        activeInstancesLength--;\n      }\n    }\n    raf = i > 0 ? requestAnimationFrame(step) : undefined;\n  }\n\n  function handleVisibilityChange() {\n    if (!anime.suspendWhenDocumentHidden) { return; }\n\n    if (isDocumentHidden()) {\n      // suspend ticks\n      raf = cancelAnimationFrame(raf);\n    } else { // is back to active tab\n      // first adjust animations to consider the time that ticks were suspended\n      activeInstances.forEach(\n        function (instance) { return instance ._onDocumentVisibility(); }\n      );\n      engine();\n    }\n  }\n  if (typeof document !== 'undefined') {\n    document.addEventListener('visibilitychange', handleVisibilityChange);\n  }\n\n  return play;\n})();\n\nfunction isDocumentHidden() {\n  return !!document && document.hidden;\n}\n\n// Public Instance\n\nfunction anime(params) {\n  if ( params === void 0 ) params = {};\n\n\n  var startTime = 0, lastTime = 0, now = 0;\n  var children, childrenLength = 0;\n  var resolve = null;\n\n  function makePromise(instance) {\n    var promise = window.Promise && new Promise(function (_resolve) { return resolve = _resolve; });\n    instance.finished = promise;\n    return promise;\n  }\n\n  var instance = createNewInstance(params);\n  var promise = makePromise(instance);\n\n  function toggleInstanceDirection() {\n    var direction = instance.direction;\n    if (direction !== 'alternate') {\n      instance.direction = direction !== 'normal' ? 'normal' : 'reverse';\n    }\n    instance.reversed = !instance.reversed;\n    children.forEach(function (child) { return child.reversed = instance.reversed; });\n  }\n\n  function adjustTime(time) {\n    return instance.reversed ? instance.duration - time : time;\n  }\n\n  function resetTime() {\n    startTime = 0;\n    lastTime = adjustTime(instance.currentTime) * (1 / anime.speed);\n  }\n\n  function seekChild(time, child) {\n    if (child) { child.seek(time - child.timelineOffset); }\n  }\n\n  function syncInstanceChildren(time) {\n    if (!instance.reversePlayback) {\n      for (var i = 0; i < childrenLength; i++) { seekChild(time, children[i]); }\n    } else {\n      for (var i$1 = childrenLength; i$1--;) { seekChild(time, children[i$1]); }\n    }\n  }\n\n  function setAnimationsProgress(insTime) {\n    var i = 0;\n    var animations = instance.animations;\n    var animationsLength = animations.length;\n    while (i < animationsLength) {\n      var anim = animations[i];\n      var animatable = anim.animatable;\n      var tweens = anim.tweens;\n      var tweenLength = tweens.length - 1;\n      var tween = tweens[tweenLength];\n      // Only check for keyframes if there is more than one tween\n      if (tweenLength) { tween = filterArray(tweens, function (t) { return (insTime < t.end); })[0] || tween; }\n      var elapsed = minMax(insTime - tween.start - tween.delay, 0, tween.duration) / tween.duration;\n      var eased = isNaN(elapsed) ? 1 : tween.easing(elapsed);\n      var strings = tween.to.strings;\n      var round = tween.round;\n      var numbers = [];\n      var toNumbersLength = tween.to.numbers.length;\n      var progress = (void 0);\n      for (var n = 0; n < toNumbersLength; n++) {\n        var value = (void 0);\n        var toNumber = tween.to.numbers[n];\n        var fromNumber = tween.from.numbers[n] || 0;\n        if (!tween.isPath) {\n          value = fromNumber + (eased * (toNumber - fromNumber));\n        } else {\n          value = getPathProgress(tween.value, eased * toNumber, tween.isPathTargetInsideSVG);\n        }\n        if (round) {\n          if (!(tween.isColor && n > 2)) {\n            value = Math.round(value * round) / round;\n          }\n        }\n        numbers.push(value);\n      }\n      // Manual Array.reduce for better performances\n      var stringsLength = strings.length;\n      if (!stringsLength) {\n        progress = numbers[0];\n      } else {\n        progress = strings[0];\n        for (var s = 0; s < stringsLength; s++) {\n          var a = strings[s];\n          var b = strings[s + 1];\n          var n$1 = numbers[s];\n          if (!isNaN(n$1)) {\n            if (!b) {\n              progress += n$1 + ' ';\n            } else {\n              progress += n$1 + b;\n            }\n          }\n        }\n      }\n      setProgressValue[anim.type](animatable.target, anim.property, progress, animatable.transforms);\n      anim.currentValue = progress;\n      i++;\n    }\n  }\n\n  function setCallback(cb) {\n    if (instance[cb] && !instance.passThrough) { instance[cb](instance); }\n  }\n\n  function countIteration() {\n    if (instance.remaining && instance.remaining !== true) {\n      instance.remaining--;\n    }\n  }\n\n  function setInstanceProgress(engineTime) {\n    var insDuration = instance.duration;\n    var insDelay = instance.delay;\n    var insEndDelay = insDuration - instance.endDelay;\n    var insTime = adjustTime(engineTime);\n    instance.progress = minMax((insTime / insDuration) * 100, 0, 100);\n    instance.reversePlayback = insTime < instance.currentTime;\n    if (children) { syncInstanceChildren(insTime); }\n    if (!instance.began && instance.currentTime > 0) {\n      instance.began = true;\n      setCallback('begin');\n    }\n    if (!instance.loopBegan && instance.currentTime > 0) {\n      instance.loopBegan = true;\n      setCallback('loopBegin');\n    }\n    if (insTime <= insDelay && instance.currentTime !== 0) {\n      setAnimationsProgress(0);\n    }\n    if ((insTime >= insEndDelay && instance.currentTime !== insDuration) || !insDuration) {\n      setAnimationsProgress(insDuration);\n    }\n    if (insTime > insDelay && insTime < insEndDelay) {\n      if (!instance.changeBegan) {\n        instance.changeBegan = true;\n        instance.changeCompleted = false;\n        setCallback('changeBegin');\n      }\n      setCallback('change');\n      setAnimationsProgress(insTime);\n    } else {\n      if (instance.changeBegan) {\n        instance.changeCompleted = true;\n        instance.changeBegan = false;\n        setCallback('changeComplete');\n      }\n    }\n    instance.currentTime = minMax(insTime, 0, insDuration);\n    if (instance.began) { setCallback('update'); }\n    if (engineTime >= insDuration) {\n      lastTime = 0;\n      countIteration();\n      if (!instance.remaining) {\n        instance.paused = true;\n        if (!instance.completed) {\n          instance.completed = true;\n          setCallback('loopComplete');\n          setCallback('complete');\n          if (!instance.passThrough && 'Promise' in window) {\n            resolve();\n            promise = makePromise(instance);\n          }\n        }\n      } else {\n        startTime = now;\n        setCallback('loopComplete');\n        instance.loopBegan = false;\n        if (instance.direction === 'alternate') {\n          toggleInstanceDirection();\n        }\n      }\n    }\n  }\n\n  instance.reset = function() {\n    var direction = instance.direction;\n    instance.passThrough = false;\n    instance.currentTime = 0;\n    instance.progress = 0;\n    instance.paused = true;\n    instance.began = false;\n    instance.loopBegan = false;\n    instance.changeBegan = false;\n    instance.completed = false;\n    instance.changeCompleted = false;\n    instance.reversePlayback = false;\n    instance.reversed = direction === 'reverse';\n    instance.remaining = instance.loop;\n    children = instance.children;\n    childrenLength = children.length;\n    for (var i = childrenLength; i--;) { instance.children[i].reset(); }\n    if (instance.reversed && instance.loop !== true || (direction === 'alternate' && instance.loop === 1)) { instance.remaining++; }\n    setAnimationsProgress(instance.reversed ? instance.duration : 0);\n  };\n\n  // internal method (for engine) to adjust animation timings before restoring engine ticks (rAF)\n  instance._onDocumentVisibility = resetTime;\n\n  // Set Value helper\n\n  instance.set = function(targets, properties) {\n    setTargetsValue(targets, properties);\n    return instance;\n  };\n\n  instance.tick = function(t) {\n    now = t;\n    if (!startTime) { startTime = now; }\n    setInstanceProgress((now + (lastTime - startTime)) * anime.speed);\n  };\n\n  instance.seek = function(time) {\n    setInstanceProgress(adjustTime(time));\n  };\n\n  instance.pause = function() {\n    instance.paused = true;\n    resetTime();\n  };\n\n  instance.play = function() {\n    if (!instance.paused) { return; }\n    if (instance.completed) { instance.reset(); }\n    instance.paused = false;\n    activeInstances.push(instance);\n    resetTime();\n    engine();\n  };\n\n  instance.reverse = function() {\n    toggleInstanceDirection();\n    instance.completed = instance.reversed ? false : true;\n    resetTime();\n  };\n\n  instance.restart = function() {\n    instance.reset();\n    instance.play();\n  };\n\n  instance.remove = function(targets) {\n    var targetsArray = parseTargets(targets);\n    removeTargetsFromInstance(targetsArray, instance);\n  };\n\n  instance.reset();\n\n  if (instance.autoplay) { instance.play(); }\n\n  return instance;\n\n}\n\n// Remove targets from animation\n\nfunction removeTargetsFromAnimations(targetsArray, animations) {\n  for (var a = animations.length; a--;) {\n    if (arrayContains(targetsArray, animations[a].animatable.target)) {\n      animations.splice(a, 1);\n    }\n  }\n}\n\nfunction removeTargetsFromInstance(targetsArray, instance) {\n  var animations = instance.animations;\n  var children = instance.children;\n  removeTargetsFromAnimations(targetsArray, animations);\n  for (var c = children.length; c--;) {\n    var child = children[c];\n    var childAnimations = child.animations;\n    removeTargetsFromAnimations(targetsArray, childAnimations);\n    if (!childAnimations.length && !child.children.length) { children.splice(c, 1); }\n  }\n  if (!animations.length && !children.length) { instance.pause(); }\n}\n\nfunction removeTargetsFromActiveInstances(targets) {\n  var targetsArray = parseTargets(targets);\n  for (var i = activeInstances.length; i--;) {\n    var instance = activeInstances[i];\n    removeTargetsFromInstance(targetsArray, instance);\n  }\n}\n\n// Stagger helpers\n\nfunction stagger(val, params) {\n  if ( params === void 0 ) params = {};\n\n  var direction = params.direction || 'normal';\n  var easing = params.easing ? parseEasings(params.easing) : null;\n  var grid = params.grid;\n  var axis = params.axis;\n  var fromIndex = params.from || 0;\n  var fromFirst = fromIndex === 'first';\n  var fromCenter = fromIndex === 'center';\n  var fromLast = fromIndex === 'last';\n  var isRange = is.arr(val);\n  var val1 = isRange ? parseFloat(val[0]) : parseFloat(val);\n  var val2 = isRange ? parseFloat(val[1]) : 0;\n  var unit = getUnit(isRange ? val[1] : val) || 0;\n  var start = params.start || 0 + (isRange ? val1 : 0);\n  var values = [];\n  var maxValue = 0;\n  return function (el, i, t) {\n    if (fromFirst) { fromIndex = 0; }\n    if (fromCenter) { fromIndex = (t - 1) / 2; }\n    if (fromLast) { fromIndex = t - 1; }\n    if (!values.length) {\n      for (var index = 0; index < t; index++) {\n        if (!grid) {\n          values.push(Math.abs(fromIndex - index));\n        } else {\n          var fromX = !fromCenter ? fromIndex%grid[0] : (grid[0]-1)/2;\n          var fromY = !fromCenter ? Math.floor(fromIndex/grid[0]) : (grid[1]-1)/2;\n          var toX = index%grid[0];\n          var toY = Math.floor(index/grid[0]);\n          var distanceX = fromX - toX;\n          var distanceY = fromY - toY;\n          var value = Math.sqrt(distanceX * distanceX + distanceY * distanceY);\n          if (axis === 'x') { value = -distanceX; }\n          if (axis === 'y') { value = -distanceY; }\n          values.push(value);\n        }\n        maxValue = Math.max.apply(Math, values);\n      }\n      if (easing) { values = values.map(function (val) { return easing(val / maxValue) * maxValue; }); }\n      if (direction === 'reverse') { values = values.map(function (val) { return axis ? (val < 0) ? val * -1 : -val : Math.abs(maxValue - val); }); }\n    }\n    var spacing = isRange ? (val2 - val1) / maxValue : val1;\n    return start + (spacing * (Math.round(values[i] * 100) / 100)) + unit;\n  }\n}\n\n// Timeline\n\nfunction timeline(params) {\n  if ( params === void 0 ) params = {};\n\n  var tl = anime(params);\n  tl.duration = 0;\n  tl.add = function(instanceParams, timelineOffset) {\n    var tlIndex = activeInstances.indexOf(tl);\n    var children = tl.children;\n    if (tlIndex > -1) { activeInstances.splice(tlIndex, 1); }\n    function passThrough(ins) { ins.passThrough = true; }\n    for (var i = 0; i < children.length; i++) { passThrough(children[i]); }\n    var insParams = mergeObjects(instanceParams, replaceObjectProps(defaultTweenSettings, params));\n    insParams.targets = insParams.targets || params.targets;\n    var tlDuration = tl.duration;\n    insParams.autoplay = false;\n    insParams.direction = tl.direction;\n    insParams.timelineOffset = is.und(timelineOffset) ? tlDuration : getRelativeValue(timelineOffset, tlDuration);\n    passThrough(tl);\n    tl.seek(insParams.timelineOffset);\n    var ins = anime(insParams);\n    passThrough(ins);\n    children.push(ins);\n    var timings = getInstanceTimings(children, params);\n    tl.delay = timings.delay;\n    tl.endDelay = timings.endDelay;\n    tl.duration = timings.duration;\n    tl.seek(0);\n    tl.reset();\n    if (tl.autoplay) { tl.play(); }\n    return tl;\n  };\n  return tl;\n}\n\nanime.version = '3.2.1';\nanime.speed = 1;\n// TODO:#review: naming, documentation\nanime.suspendWhenDocumentHidden = true;\nanime.running = activeInstances;\nanime.remove = removeTargetsFromActiveInstances;\nanime.get = getOriginalTargetValue;\nanime.set = setTargetsValue;\nanime.convertPx = convertPxToUnit;\nanime.path = getPath;\nanime.setDashoffset = setDashoffset;\nanime.stagger = stagger;\nanime.timeline = timeline;\nanime.easing = parseEasings;\nanime.penner = penner;\nanime.random = function (min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; };\n\nexport default anime;\n","@use \"~dso-toolkit/src/utilities\";\r\n\r\n:host {\r\n  display: block;\r\n  overflow-y: hidden;\r\n}\r\n\r\n:host(.dso-hide) {\r\n  display: none;\r\n}\r\n\r\n:host(:not(.dso-animate-ready)) {\r\n  position: absolute;\r\n  visibility: hidden;\r\n}\r\n\r\n:host([open]) {\r\n  position: inherit;\r\n  visibility: inherit;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  h,\r\n  Host,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n} from \"@stencil/core\";\r\nimport anime, { AnimeInstance } from \"animejs\";\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\n@Component({\r\n  tag: \"dso-expandable\",\r\n  styleUrl: \"expandable.scss\",\r\n  shadow: true,\r\n})\r\nexport class Expandable implements ComponentInterface {\r\n  private resizeObserver?: ResizeObserver;\r\n\r\n  private bodyHeight?: number;\r\n\r\n  private animeInstance?: AnimeInstance;\r\n\r\n  @Element()\r\n  host!: HTMLDsoExpandableElement;\r\n\r\n  /**\r\n   * Set to `true` to expand the content.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open?: boolean;\r\n\r\n  /**\r\n   * Set to `true` to show the content animated.\r\n   */\r\n  @Prop()\r\n  enableAnimation = false;\r\n\r\n  /**\r\n   * When enableAnimation is set to `true`, this property specifies the height of this element at which the animation will expand from / collapse to\r\n   */\r\n  @Prop()\r\n  minimumHeight?: number;\r\n\r\n  @State()\r\n  animationReady = false;\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Event()\r\n  _animationInstantiated!: EventEmitter<void>;\r\n\r\n  @Watch(\"open\")\r\n  toggleOpen() {\r\n    if (this.enableAnimation) {\r\n      this.activateAnimation();\r\n    }\r\n  }\r\n\r\n  @Watch(\"enableAnimation\")\r\n  toggleEnableAnimation(enableAnimation: boolean) {\r\n    if (enableAnimation) {\r\n      this.prepareAnimationResizeObserver();\r\n      this.activateObserver();\r\n    } else {\r\n      this.resizeObserver?.disconnect();\r\n      delete this.animeInstance;\r\n      this.host.removeAttribute(\"style\");\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _getAnimeInstance(): Promise<AnimeInstance | undefined> {\r\n    return this.animeInstance;\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _getBodyHeight(): Promise<number | undefined> {\r\n    return this.bodyHeight;\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    if (this.enableAnimation) {\r\n      this.prepareAnimationResizeObserver();\r\n    }\r\n  }\r\n\r\n  componentDidLoad(): void {\r\n    this.activateObserver();\r\n  }\r\n\r\n  private activateObserver() {\r\n    const bodyContentElement = this.host.querySelector(`[slot=\"expandable-content\"]`);\r\n\r\n    if (bodyContentElement) {\r\n      this.resizeObserver?.observe(bodyContentElement);\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.resizeObserver?.disconnect();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host\r\n        aria-hidden={this.open ? \"false\" : \"true\"}\r\n        class={clsx({\r\n          \"dso-animate-ready\": this.enableAnimation && this.animationReady,\r\n          \"dso-hide\": !this.enableAnimation && !this.open,\r\n        })}\r\n      >\r\n        <slot name=\"expandable-content\" />\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private prepareAnimationResizeObserver(): void {\r\n    this.resizeObserver = new ResizeObserver(\r\n      debounce(([entry]) => {\r\n        if (!entry) {\r\n          throw new Error(\"No entry found\");\r\n        }\r\n\r\n        // entry.contentRect does not include padding, so we use getBoundingClientRect.\r\n        const height = entry.target.getBoundingClientRect().height;\r\n\r\n        if (this.bodyHeight !== height) {\r\n          this.bodyHeight = height;\r\n        }\r\n\r\n        this.instantiateAnimation();\r\n      }, 150)\r\n    );\r\n  }\r\n\r\n  private instantiateAnimation(): void {\r\n    this.animeInstance = anime({\r\n      targets: this.host,\r\n      height: this.minimumHeight ?? 0,\r\n      easing: \"cubicBezier(0.4, 0, 0.2, 1)\",\r\n      duration: 260,\r\n      autoplay: false,\r\n      direction: \"normal\",\r\n      begin: () => {\r\n        if (this.host) {\r\n          if (this.open) {\r\n            this.host.style.visibility = \"\";\r\n            this.host.style.position = \"\";\r\n            this.host.style.bottom = \"\";\r\n          }\r\n        }\r\n      },\r\n      complete: () => {\r\n        if (this.host) {\r\n          this.host.style.height = \"\";\r\n\r\n          if (!this.open) {\r\n            this.host.style.visibility = \"hidden\";\r\n            this.host.style.position = \"absolute\";\r\n            this.host.style.bottom = \"100%\";\r\n          }\r\n        }\r\n      },\r\n    });\r\n\r\n    if (!this.open) {\r\n      this.animeInstance.reverse();\r\n      this.animeInstance.play();\r\n    }\r\n\r\n    if (this.host) {\r\n      this.host.style.height = \"\";\r\n    }\r\n\r\n    this.animationReady = !!this.animeInstance;\r\n    this._animationInstantiated.emit();\r\n  }\r\n\r\n  private activateAnimation(): void {\r\n    if (this.animeInstance) {\r\n      if (this.animeInstance.progress > 0 && this.animeInstance.progress < 100) {\r\n        this.animeInstance.reverse();\r\n      } else {\r\n        if (this.open) {\r\n          this.animeInstance.direction = \"reverse\";\r\n          this.animeInstance.play();\r\n        } else {\r\n          this.animeInstance.direction = \"normal\";\r\n          this.animeInstance.play();\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{r as n,h as t,F as e}from"./p-53c8538c.js";import{c as o}from"./p-91963e3d.js";import"./p-5950644a.js";const r=":host {\n  display: block;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n.wrapper {\n  height: 100%;\n  left: 0;\n  position: fixed;\n  top: 0;\n  visibility: hidden;\n  width: 100%;\n}\n.wrapper.visible {\n  visibility: visible;\n}\n\n.dimscreen {\n  background-color: #000;\n  height: 100%;\n  opacity: 0.4;\n  width: 100%;\n}\n\n.open-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  bottom: 16px;\n  font-family: Asap, sans-serif;\n  position: fixed;\n  right: 16px;\n  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n}\n.open-button:focus, .open-button:focus-visible {\n  outline-offset: 2px;\n}\n.open-button:active {\n  outline: 0;\n}\n.open-button:hover {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.open-button:active {\n  background-color: #173521;\n  border-color: #173521;\n  color: #fff;\n}\n.open-button[disabled], .open-button[disabled]:hover {\n  background-color: #afcf9d;\n  border-color: #afcf9d;\n  color: #fff;\n}\n.open-button.btn-sm {\n  line-height: 1rem;\n}\n.open-button.btn-sm dso-icon,\n.open-button.btn-sm svg.di, .open-button.btn-sm.extern::after, .open-button.btn-sm.download::after, .open-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.open-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.open-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.open-button dso-icon,\n.open-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.open-button span + dso-icon,\n.open-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.open-button.dso-spinner-left[disabled], .open-button.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.open-button.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: %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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.open-button.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: %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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.open-button:hover {\n  cursor: pointer;\n}\n.open-button.open {\n  display: none;\n}\n\n.close-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border-right: 0;\n  border-top: 0;\n  border-radius: 0 0 0 8px;\n  height: 40px;\n  min-width: 40px;\n  padding: 0;\n  position: fixed;\n  right: 0;\n  width: 40px;\n  top: 0;\n}\n.close-button:focus, .close-button:focus-visible {\n  outline-offset: 2px;\n}\n.close-button:active {\n  outline: 0;\n}\n.close-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.close-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.close-button[disabled], .close-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.close-button.btn-sm {\n  line-height: 1rem;\n}\n.close-button.btn-sm dso-icon,\n.close-button.btn-sm svg.di, .close-button.btn-sm.extern::after, .close-button.btn-sm.download::after, .close-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.close-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon,\n.close-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.close-button span + dso-icon,\n.close-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.close-button.dso-spinner-left[disabled], .close-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.close-button.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.close-button.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.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  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.close-button dso-icon {\n  margin-left: 0;\n  margin-right: 0;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.close-button:hover, .close-button:active, .close-button:focus {\n  cursor: pointer;\n}\n.close-button.close {\n  display: none;\n}\n\n.iframe-container {\n  background-color: #fff;\n  border: 0;\n  border-left: 1px solid #ccc;\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  transition: right 0.5s;\n}\n@media screen and (max-width: 480px) {\n  .iframe-container {\n    right: -320px;\n    width: 320px;\n  }\n}\n@media screen and (min-width: 481px) and (max-width: 767px) {\n  .iframe-container {\n    right: -480px;\n    width: 480px;\n  }\n}\n@media screen and (min-width: 768px) {\n  .iframe-container {\n    right: -640px;\n    width: 640px;\n  }\n}\n.iframe-container.open {\n  right: 0;\n}\n\niframe {\n  border: 0;\n  height: 100%;\n  width: 100%;\n}";const s=500;const i=class{constructor(t){n(this,t);this.iframeLoaded=false;this.openClick=()=>{this.visibility="visible";this.slideState="open";setTimeout((()=>{this.isOpen="open"}));if(!this.loadIframe){setTimeout((()=>{this.loadIframe=true}),s)}};this.closeClick=()=>{this.isOpen="close";this.slideState="close";setTimeout((()=>{this.visibility="hidden"}),s)};this.label="Hulp nodig";this.url=undefined;this.visibility="hidden";this.isOpen="close";this.slideState="close";this.loadIframe=false}watchUrl(n){if(this.isOpen==="open"&&this.iframeUrl!==n){this.iframeUrl=n}}watchIsOpen(n){const t=document.querySelector("body");if(n==="open"){t===null||t===void 0?void 0:t.style.setProperty("overflow","hidden");if(this.iframeUrl!==this.url){this.iframeUrl=this.url}}else{t===null||t===void 0?void 0:t.style.removeProperty("overflow")}}keyDownListener(n){if(n.key==="Escape"&&this.isOpen==="open"){this.closeClick()}}createTrap(){var n,t;if(!this.panelWrapperElement){return}this.trap=o(this.panelWrapperElement,{allowOutsideClick:true,tabbableOptions:{getShadowRoot:true},setReturnFocus:(n=this.openButtonElement)!==null&&n!==void 0?n:false,initialFocus:(t=this.closeButtonElement)!==null&&t!==void 0?t:false}).activate()}componentDidRender(){var n;if(this.isOpen==="open"&&this.iframeLoaded&&!this.trap){this.createTrap()}else if(this.isOpen==="close"&&this.trap){(n=this.trap)===null||n===void 0?void 0:n.deactivate();delete this.trap}}render(){return t(e,null,t("button",{type:"button",onClick:this.openClick,class:`open-button ${this.isOpen}`,"aria-expanded":this.isOpen==="open"?"true":"false","aria-haspopup":"dialog","aria-controls":"dso-panel-wrapper",ref:n=>this.openButtonElement=n},t("dso-icon",{icon:"help"}),t("span",null,this.label)),t("div",{id:"dso-panel-wrapper",class:`wrapper ${this.visibility}`,"aria-label":"helpcentrum",role:"dialog",ref:n=>this.panelWrapperElement=n},t("div",{class:"dimscreen",onClick:this.closeClick}),t("div",{class:`iframe-container ${this.slideState}`,"aria-live":"polite"},this.loadIframe?t("iframe",{src:this.iframeUrl,tabindex:"0",onLoad:()=>{this.createTrap();this.iframeLoaded=true}}):t("div",null)),t("button",{type:"button",class:`close-button ${this.isOpen}`,onClick:this.closeClick,"aria-expanded":this.isOpen==="open"?"true":"false","aria-controls":"dso-panel-wrapper",ref:n=>this.closeButtonElement=n},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"sluiten"))))}static get watchers(){return{url:["watchUrl"],isOpen:["watchIsOpen"]}}};i.style=r;export{i as dso_helpcenter_panel};
+//# sourceMappingURL=p-fe53cdab.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["helpcenterPanelCss","maxCssTransitionMilliseconds","HelpcenterPanel","this","iframeLoaded","openClick","visibility","slideState","setTimeout","isOpen","loadIframe","closeClick","watchUrl","url","iframeUrl","watchIsOpen","body","document","querySelector","style","setProperty","removeProperty","keyDownListener","event","key","createTrap","panelWrapperElement","trap","createFocusTrap","allowOutsideClick","tabbableOptions","getShadowRoot","setReturnFocus","_a","openButtonElement","initialFocus","_b","closeButtonElement","activate","componentDidRender","deactivate","render","h","Fragment","type","onClick","class","ref","element","icon","label","id","role","src","tabindex","onLoad"],"sources":["./src/components/helpcenter-panel/helpcenter-panel.scss?tag=dso-helpcenter-panel&encapsulation=shadow","./src/components/helpcenter-panel/helpcenter-panel.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/media-query-breakpoints\";\r\n@use \"~dso-toolkit/src/components/button\";\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.wrapper {\r\n  height: 100%;\r\n  left: 0;\r\n  position: fixed;\r\n  top: 0;\r\n  visibility: hidden;\r\n  width: 100%;\r\n\r\n  &.visible {\r\n    visibility: visible;\r\n  }\r\n}\r\n\r\n.dimscreen {\r\n  background-color: colors.$zwart;\r\n  height: 100%;\r\n  opacity: 0.4;\r\n  width: 100%;\r\n}\r\n\r\n.open-button {\r\n  @include button.primary($modifiers: false);\r\n\r\n  border: 0;\r\n  bottom: units.$u2;\r\n  font-family: typography.$font-family-base;\r\n  position: fixed;\r\n  right: units.$u2;\r\n  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.open {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.close-button {\r\n  @include button.secondary($modifiers: false);\r\n\r\n  border-right: 0;\r\n  border-top: 0;\r\n  border-radius: 0 0 0 units.$u1;\r\n  height: units.$u5;\r\n  min-width: units.$u5;\r\n  padding: 0;\r\n  position: fixed;\r\n  right: 0;\r\n  width: units.$u5;\r\n  top: 0;\r\n\r\n  dso-icon {\r\n    margin-left: 0;\r\n    margin-right: 0;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.close {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.iframe-container {\r\n  background-color: colors.$wit;\r\n  border: 0;\r\n  border-left: 1px solid colors.$grijs-20;\r\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  transition: right 0.5s;\r\n\r\n  @media screen and (max-width: media-query-breakpoints.$screen-xs-min) {\r\n    right: -320px;\r\n    width: 320px;\r\n  }\r\n\r\n  @media screen and (min-width: (media-query-breakpoints.$screen-xs-min + 1)) and (max-width: media-query-breakpoints.$screen-xs-max) {\r\n    right: -480px;\r\n    width: 480px;\r\n  }\r\n\r\n  @media screen and (min-width: media-query-breakpoints.$screen-sm-min) {\r\n    right: -640px;\r\n    width: 640px;\r\n  }\r\n\r\n  &.open {\r\n    right: 0;\r\n  }\r\n}\r\n\r\niframe {\r\n  border: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n","import { h, Component, Fragment, Prop, State, Watch, Listen } from \"@stencil/core\";\r\n\r\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\r\n\r\nconst maxCssTransitionMilliseconds = 500;\r\n\r\n@Component({\r\n  tag: \"dso-helpcenter-panel\",\r\n  styleUrl: \"helpcenter-panel.scss\",\r\n  shadow: true,\r\n})\r\nexport class HelpcenterPanel {\r\n  private iframeUrl?: string;\r\n\r\n  private trap?: FocusTrap;\r\n\r\n  private panelWrapperElement?: HTMLDivElement;\r\n\r\n  private openButtonElement?: HTMLButtonElement;\r\n\r\n  private closeButtonElement?: HTMLButtonElement;\r\n\r\n  private iframeLoaded = false;\r\n\r\n  /**\r\n   * The label on the help button that activates the Helpcenter.\r\n   */\r\n  @Prop()\r\n  label = \"Hulp nodig\";\r\n\r\n  /**\r\n   * The URL that's loaded when the Helpcenter opens.\r\n   */\r\n  @Prop()\r\n  url!: string;\r\n\r\n  @State()\r\n  visibility: \"visible\" | \"hidden\" = \"hidden\";\r\n\r\n  @State()\r\n  isOpen: \"open\" | \"close\" = \"close\";\r\n\r\n  @State()\r\n  slideState: \"open\" | \"close\" = \"close\";\r\n\r\n  @State()\r\n  loadIframe = false;\r\n\r\n  @Watch(\"url\")\r\n  watchUrl(url: string) {\r\n    if (this.isOpen === \"open\" && this.iframeUrl !== url) {\r\n      this.iframeUrl = url;\r\n    }\r\n  }\r\n\r\n  @Watch(\"isOpen\")\r\n  watchIsOpen(isOpen: \"open\" | \"close\") {\r\n    const body = document.querySelector(\"body\");\r\n\r\n    if (isOpen === \"open\") {\r\n      body?.style.setProperty(\"overflow\", \"hidden\");\r\n\r\n      if (this.iframeUrl !== this.url) {\r\n        this.iframeUrl = this.url;\r\n      }\r\n    } else {\r\n      body?.style.removeProperty(\"overflow\");\r\n    }\r\n  }\r\n\r\n  @Listen(\"keydown\", { target: \"window\" })\r\n  keyDownListener(event: KeyboardEvent) {\r\n    if (event.key === \"Escape\" && this.isOpen === \"open\") {\r\n      this.closeClick();\r\n    }\r\n  }\r\n\r\n  private createTrap() {\r\n    if (!this.panelWrapperElement) {\r\n      return;\r\n    }\r\n\r\n    this.trap = createFocusTrap(this.panelWrapperElement, {\r\n      allowOutsideClick: true,\r\n      tabbableOptions: {\r\n        getShadowRoot: true,\r\n      },\r\n      setReturnFocus: this.openButtonElement ?? false,\r\n      initialFocus: this.closeButtonElement ?? false,\r\n    }).activate();\r\n  }\r\n\r\n  private openClick = () => {\r\n    this.visibility = \"visible\";\r\n    this.slideState = \"open\";\r\n    setTimeout(() => {\r\n      this.isOpen = \"open\";\r\n    });\r\n    if (!this.loadIframe) {\r\n      setTimeout(() => {\r\n        this.loadIframe = true;\r\n      }, maxCssTransitionMilliseconds);\r\n    }\r\n  };\r\n\r\n  private closeClick = () => {\r\n    this.isOpen = \"close\";\r\n    this.slideState = \"close\";\r\n    setTimeout(() => {\r\n      this.visibility = \"hidden\";\r\n    }, maxCssTransitionMilliseconds);\r\n  };\r\n\r\n  componentDidRender() {\r\n    if (this.isOpen === \"open\" && this.iframeLoaded && !this.trap) {\r\n      this.createTrap();\r\n    } else if (this.isOpen === \"close\" && this.trap) {\r\n      this.trap?.deactivate();\r\n\r\n      delete this.trap;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <button\r\n          type=\"button\"\r\n          onClick={this.openClick}\r\n          class={`open-button ${this.isOpen}`}\r\n          aria-expanded={this.isOpen === \"open\" ? \"true\" : \"false\"}\r\n          aria-haspopup=\"dialog\"\r\n          aria-controls=\"dso-panel-wrapper\"\r\n          ref={(element) => (this.openButtonElement = element)}\r\n        >\r\n          <dso-icon icon=\"help\"></dso-icon>\r\n          <span>{this.label}</span>\r\n        </button>\r\n        <div\r\n          id=\"dso-panel-wrapper\"\r\n          class={`wrapper ${this.visibility}`}\r\n          aria-label=\"helpcentrum\"\r\n          role=\"dialog\"\r\n          ref={(element) => (this.panelWrapperElement = element)}\r\n        >\r\n          <div class=\"dimscreen\" onClick={this.closeClick} />\r\n          <div class={`iframe-container ${this.slideState}`} aria-live=\"polite\">\r\n            {this.loadIframe ? (\r\n              <iframe\r\n                src={this.iframeUrl}\r\n                tabindex=\"0\"\r\n                onLoad={() => {\r\n                  this.createTrap();\r\n                  this.iframeLoaded = true;\r\n                }}\r\n              />\r\n            ) : (\r\n              <div />\r\n            )}\r\n          </div>\r\n          <button\r\n            type=\"button\"\r\n            class={`close-button ${this.isOpen}`}\r\n            onClick={this.closeClick}\r\n            aria-expanded={this.isOpen === \"open\" ? \"true\" : \"false\"}\r\n            aria-controls=\"dso-panel-wrapper\"\r\n            ref={(element) => (this.closeButtonElement = element)}\r\n          >\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">sluiten</span>\r\n          </button>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"8GAAA,MAAMA,EAAqB,8sWCI3B,MAAMC,EAA+B,I,MAOxBC,EAAe,M,yBAWlBC,KAAAC,aAAe,MAsEfD,KAAAE,UAAY,KAClBF,KAAKG,WAAa,UAClBH,KAAKI,WAAa,OAClBC,YAAW,KACTL,KAAKM,OAAS,MAAM,IAEtB,IAAKN,KAAKO,WAAY,CACpBF,YAAW,KACTL,KAAKO,WAAa,IAAI,GACrBT,E,GAICE,KAAAQ,WAAa,KACnBR,KAAKM,OAAS,QACdN,KAAKI,WAAa,QAClBC,YAAW,KACTL,KAAKG,WAAa,QAAQ,GACzBL,EAA6B,E,WAlF1B,a,mCAS2B,S,YAGR,Q,gBAGI,Q,gBAGlB,K,CAGbW,SAASC,GACP,GAAIV,KAAKM,SAAW,QAAUN,KAAKW,YAAcD,EAAK,CACpDV,KAAKW,UAAYD,C,EAKrBE,YAAYN,GACV,MAAMO,EAAOC,SAASC,cAAc,QAEpC,GAAIT,IAAW,OAAQ,CACrBO,IAAI,MAAJA,SAAI,SAAJA,EAAMG,MAAMC,YAAY,WAAY,UAEpC,GAAIjB,KAAKW,YAAcX,KAAKU,IAAK,CAC/BV,KAAKW,UAAYX,KAAKU,G,MAEnB,CACLG,IAAI,MAAJA,SAAI,SAAJA,EAAMG,MAAME,eAAe,W,EAK/BC,gBAAgBC,GACd,GAAIA,EAAMC,MAAQ,UAAYrB,KAAKM,SAAW,OAAQ,CACpDN,KAAKQ,Y,EAIDc,a,QACN,IAAKtB,KAAKuB,oBAAqB,CAC7B,M,CAGFvB,KAAKwB,KAAOC,EAAgBzB,KAAKuB,oBAAqB,CACpDG,kBAAmB,KACnBC,gBAAiB,CACfC,cAAe,MAEjBC,gBAAgBC,EAAA9B,KAAK+B,qBAAiB,MAAAD,SAAA,EAAAA,EAAI,MAC1CE,cAAcC,EAAAjC,KAAKkC,sBAAkB,MAAAD,SAAA,EAAAA,EAAI,QACxCE,U,CAwBLC,qB,MACE,GAAIpC,KAAKM,SAAW,QAAUN,KAAKC,eAAiBD,KAAKwB,KAAM,CAC7DxB,KAAKsB,Y,MACA,GAAItB,KAAKM,SAAW,SAAWN,KAAKwB,KAAM,EAC/CM,EAAA9B,KAAKwB,QAAI,MAAAM,SAAA,SAAAA,EAAEO,oBAEJrC,KAAKwB,I,EAIhBc,SACE,OACEC,EAAAC,EAAA,KACED,EAAA,UACEE,KAAK,SACLC,QAAS1C,KAAKE,UACdyC,MAAO,eAAe3C,KAAKM,SAAQ,gBACpBN,KAAKM,SAAW,OAAS,OAAS,QAAO,gBAC1C,SAAQ,gBACR,oBACdsC,IAAMC,GAAa7C,KAAK+B,kBAAoBc,GAE5CN,EAAA,YAAUO,KAAK,SACfP,EAAA,YAAOvC,KAAK+C,QAEdR,EAAA,OACES,GAAG,oBACHL,MAAO,WAAW3C,KAAKG,aAAY,aACxB,cACX8C,KAAK,SACLL,IAAMC,GAAa7C,KAAKuB,oBAAsBsB,GAE9CN,EAAA,OAAKI,MAAM,YAAYD,QAAS1C,KAAKQ,aACrC+B,EAAA,OAAKI,MAAO,oBAAoB3C,KAAKI,aAAY,YAAY,UAC1DJ,KAAKO,WACJgC,EAAA,UACEW,IAAKlD,KAAKW,UACVwC,SAAS,IACTC,OAAQ,KACNpD,KAAKsB,aACLtB,KAAKC,aAAe,IAAI,IAI5BsC,EAAA,aAGJA,EAAA,UACEE,KAAK,SACLE,MAAO,gBAAgB3C,KAAKM,SAC5BoC,QAAS1C,KAAKQ,WAAU,gBACTR,KAAKM,SAAW,OAAS,OAAS,QAAO,gBAC1C,oBACdsC,IAAMC,GAAa7C,KAAKkC,mBAAqBW,GAE7CN,EAAA,YAAUO,KAAK,UACfP,EAAA,QAAMI,MAAM,WAAS,a"}

package/dist/esm/{annotation.service-d0add3fc.js → annotation.service-06eb23b6.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-d6ffb688.js';
+import { c as createStore } from './index-05308e88.js';
 
 class AnnotationService {
   static get state() {
@@ -17,3 +17,5 @@ class AnnotationService {
 }
 
 export { AnnotationService as A };
+
+//# sourceMappingURL=annotation.service-06eb23b6.js.map

package/dist/esm/annotation.service-06eb23b6.js.map

@@ -0,0 +1 @@
+{"file":"annotation.service-06eb23b6.js","mappings":";;MAMsB,iBAAiB;EAGrC,WAAW,KAAK;IACd,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;MAChB,iBAAiB,CAAC,eAAe,EAAE,CAAC;KACrC;IAED,OAAO,IAAI,CAAC,MAAM,CAAC;GACpB;EAED,OAAO,MAAM,CAAC,EAAU;IACtB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;GACpC;EAEO,OAAO,eAAe;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAkB,EAAE,CAAC,CAAC;IAEnD,iBAAiB,CAAC,MAAM,GAAG,KAAK,CAAC;GAClC;;;;;","names":[],"sources":["./src/services/annotation.service.ts"],"sourcesContent":["import { createStore } from \"@stencil/store\";\r\n\r\ninterface AnnotationState {\r\n  [key: string]: boolean;\r\n}\r\n\r\nexport abstract class AnnotationService {\r\n  private static _state: AnnotationState;\r\n\r\n  static get state(): AnnotationState {\r\n    if (!this._state) {\r\n      AnnotationService.initializeStore();\r\n    }\r\n\r\n    return this._state;\r\n  }\r\n\r\n  static toggle(id: string): void {\r\n    this._state[id] = !this._state[id];\r\n  }\r\n\r\n  private static initializeStore(): void {\r\n    const { state } = createStore<AnnotationState>({});\r\n\r\n    AnnotationService._state = state;\r\n  }\r\n}\r\n"],"version":3}

package/dist/esm/clsx.m-25174a58.js

@@ -1,3 +1,5 @@
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 export { clsx as c };
+
+//# sourceMappingURL=clsx.m-25174a58.js.map

package/dist/esm/clsx.m-25174a58.js.map

@@ -0,0 +1 @@
+{"file":"clsx.m-25174a58.js","mappings":"AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;;;","names":[],"sources":["../../node_modules/clsx/dist/clsx.m.js"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f);else for(t in e)e[t]&&(n&&(n+=\" \"),n+=t);return n}export function clsx(){for(var e,t,f=0,n=\"\";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"version":3}

package/dist/esm/create-identifier-51ee50c4.js

@@ -13,3 +13,5 @@ function createIdentifier(prefix) {
 }
 
 export { createIdentifier as c };
+
+//# sourceMappingURL=create-identifier-51ee50c4.js.map

package/dist/esm/create-identifier-51ee50c4.js.map

@@ -0,0 +1 @@
+{"file":"create-identifier-51ee50c4.js","mappings":"AAAA;;;SAGgB,IAAI;EAClB,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9C,CAAC;AAED;;;;SAIgB,gBAAgB,CAAC,MAAc;EAC7C,OAAO,GAAG,MAAM,IAAI,IAAI,EAAE,GAAG,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,EAAE,IAAI,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,CAAC;AAClG;;;;","names":[],"sources":["./src/utils/create-identifier.ts"],"sourcesContent":["/**\r\n * Form random hash\r\n */\r\nexport function chr4() {\r\n  return Math.random().toString(16).slice(-4);\r\n}\r\n\r\n/**\r\n * Create random identifier with a prefix\r\n * @param prefix\r\n */\r\nexport function createIdentifier(prefix: string): string {\r\n  return `${prefix}-${chr4()}${chr4()}-${chr4()}-${chr4()}-${chr4()}-${chr4()}${chr4()}${chr4()}`;\r\n}\r\n"],"version":3}