@dso-toolkit/core 62.25.0 → 62.27.0

package/dist/dso-toolkit/p-67dc4153.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as n,h as t,H as i,a as o}from"./p-e6cf4fdb.js";import{c as s}from"./p-8a1a6e56.js";const a=":host {\n  display: block;\n  padding-block: 4px;\n  padding-inline: 4px;\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n.legend-item {\n  display: flex;\n  position: relative;\n}\n.legend-item.legend-item-symbol + .body {\n  margin-inline-start: 38px;\n}\n.legend-item.legend-item-selectable + .body {\n  margin-inline-start: 32px;\n}\n.legend-item.legend-item-selectable.legend-item-symbol + .body {\n  margin-inline-start: 70px;\n}\n\nbutton {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  position: absolute;\n  inset-inline-end: 0;\n}\nbutton:focus, button:focus-visible {\n  outline-offset: 2px;\n}\nbutton:active {\n  outline: 0;\n}\nbutton[disabled] {\n  color: #afcf9d;\n}\nbutton[disabled].dso-spinner-left, button[disabled].dso-spinner-right {\n  color: #39870c;\n}\nbutton:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton:not([disabled]):active {\n  color: #173521;\n}\nbutton.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\nbutton.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nbutton.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton > span {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}";const r=a;const d=class{constructor(t){e(this,t);this.dsoRemoveClick=n(this,"dsoRemoveClick",7);this.dsoMouseEnter=n(this,"dsoMouseEnter",7);this.dsoMouseLeave=n(this,"dsoMouseLeave",7);this.disabled=false;this.disabledMessage=undefined;this.removable=undefined;this.showBody=false}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get selectableSlottedElement(){return this.host.querySelector(":scope > dso-selectable")}get bodySlottedElement(){return this.host.querySelector("[slot='body']")}render(){const e=this.symbolSlottedElement!==null;const n=this.bodySlottedElement!==null;const o=this.selectableSlottedElement!==null;return t(i,{key:"c004f8202b61416261292f9d662e36e8165f3439",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},t("div",{key:"61fbea4d5443eb885542fe60c2a291e1b15c58f7",class:s("legend-item",{"legend-item-symbol":e,"legend-item-selectable":o})},t("div",{key:"e3871d797250ad550f5beed65af222fe14191182",hidden:!e},t("slot",{key:"a32b0a6a2b2f42317de05841458944866bf6b8ad",name:"symbol"})),t("div",{key:"22e1a547ed3f275af2ca4484867a31c32216141c"},t("slot",{key:"93731a611e898b6e5c53b171f3f6e44af7e6622e"})),this.disabled&&this.disabledMessage&&t("dso-toggletip",{key:"69eb20452cbb47bc241a9923bf0b659e4d5e6ce4",position:"bottom"},this.disabledMessage),this.removable&&t("button",{key:"f2de4d27c5f851857a3b0d17e347025772e0b800",id:"remove-button",type:"button",onClick:e=>this.dsoRemoveClick.emit({originalEvent:e})},t("span",{key:"da0491938193ed5b0fb113ed6750b5ff33f19043",class:"sr-only"},"Legenda item verwijderen"),t("dso-icon",{key:"3395148769cf6cbbbea2e7c724e2189a7f4b4440",icon:"trash"})),n&&!this.disabled&&t("button",{key:"fc172ae2f4f95da35a6beb6be749e966e5270bb9",id:"edit-button",type:"button",onClick:()=>this.showBody=!this.showBody},t("span",{key:"d69e26a81c630511fc51d0cb0f7e46591ab0315b",class:"sr-only"},"Legenda item aanpassen"),t("dso-icon",{key:"94e76ca98fc6180ac40fc7b3dd9d2520b051fef2",icon:this.showBody?"times":"more"}))),t("div",{key:"212e6659dff04e22f64d10cb18aae9b5d5ee26df",hidden:!n||this.disabled||!this.showBody,class:"body"},t("slot",{key:"395b05d3e877e1cb1f0ca5d5ff908fd9122c2a59",name:"body"})))}get host(){return o(this)}};d.style=r;export{d as dso_legend_item};
+//# sourceMappingURL=p-67dc4153.entry.js.map

package/dist/dso-toolkit/p-67dc4153.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["legendItemCss","DsoLegendItemStyle0","LegendItem","symbolSlottedElement","this","host","querySelector","selectableSlottedElement","bodySlottedElement","render","hasSymbol","hasBody","isSelectable","h","Host","key","onMouseEnter","dsoMouseEnter","emit","onMouseLeave","dsoMouseLeave","class","clsx","hidden","name","disabled","disabledMessage","position","removable","id","type","onClick","e","dsoRemoveClick","originalEvent","icon","showBody"],"sources":["src/components/legend-item/legend-item.scss?tag=dso-legend-item&encapsulation=shadow","src/components/legend-item/legend-item.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@use \"~dso-toolkit/src/components/legend-item/legend-item.variables\" as legend-item-variables;\r\n\r\n:host {\r\n  display: block;\r\n  padding-block: units.$u1 * 0.5;\r\n  padding-inline: units.$u1 * 0.5;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.legend-item {\r\n  display: flex;\r\n  position: relative;\r\n\r\n  &.legend-item-symbol {\r\n    + .body {\r\n      margin-inline-start: legend-item-variables.$symbol-inline-size + units.$u1;\r\n    }\r\n  }\r\n\r\n  &.legend-item-selectable {\r\n    + .body {\r\n      margin-inline-start: legend-item-variables.$selectable-inline-size;\r\n    }\r\n\r\n    &.legend-item-symbol {\r\n      + .body {\r\n        margin-inline-start: (\r\n          legend-item-variables.$symbol-inline-size + units.$u1 + legend-item-variables.$selectable-inline-size\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nbutton {\r\n  @include button.tertiary($icon-only: true, $modifiers: false);\r\n\r\n  position: absolute;\r\n  inset-inline-end: 0;\r\n}\r\n","import { Component, ComponentInterface, Element, Event, EventEmitter, h, Host, Prop, State } from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { LegendItemRemoveClickEvent } from \"./legend-item.interfaces\";\r\n\r\n/**\r\n * @slot - Either the label for this legend item or a `dso-selectable` holding the label.\r\n * @slot symbol - A span where the symbol is styled upon\r\n * @slot body - The slot to place controls in (i.e. `dso-input-range` or multiple `dso-selectable`\\`s). If present, this will cause the appearance of an edit-button (three dots) to show the controls. Will not be displayed if property `disabled` is set to true.\r\n */\r\n@Component({\r\n  tag: \"dso-legend-item\",\r\n  styleUrl: \"legend-item.scss\",\r\n  shadow: true,\r\n})\r\nexport class LegendItem implements ComponentInterface {\r\n  @Element()\r\n  host!: HTMLDsoLegendItemElement;\r\n\r\n  /**\r\n   * To disable the Legend Item\r\n   */\r\n  @Prop({ reflect: true })\r\n  disabled = false;\r\n\r\n  /**\r\n   * Message to be shown behind a toggletip when the Legend Item is disabled\r\n   */\r\n  @Prop()\r\n  disabledMessage?: string;\r\n\r\n  /**\r\n   * Shows a trash-can that, when clicked, emits `dsoRemoveClick`.\r\n   */\r\n  @Prop()\r\n  removable?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user activates the remove button.\r\n   */\r\n  @Event()\r\n  dsoRemoveClick!: EventEmitter<LegendItemRemoveClickEvent>;\r\n\r\n  /**\r\n   * Emitted when the mouse enters the Legend Item\r\n   */\r\n  @Event()\r\n  dsoMouseEnter!: EventEmitter;\r\n\r\n  /**\r\n   * Emitted when the mouse leaves the Legend Item\r\n   */\r\n  @Event()\r\n  dsoMouseLeave!: EventEmitter;\r\n\r\n  @State()\r\n  showBody = false;\r\n\r\n  get symbolSlottedElement() {\r\n    return this.host.querySelector(\"[slot='symbol']\");\r\n  }\r\n\r\n  get selectableSlottedElement() {\r\n    return this.host.querySelector(\":scope > dso-selectable\");\r\n  }\r\n\r\n  get bodySlottedElement() {\r\n    return this.host.querySelector(\"[slot='body']\");\r\n  }\r\n\r\n  render() {\r\n    const hasSymbol = this.symbolSlottedElement !== null;\r\n    const hasBody = this.bodySlottedElement !== null;\r\n    const isSelectable = this.selectableSlottedElement !== null;\r\n\r\n    return (\r\n      <Host onMouseEnter={() => this.dsoMouseEnter.emit()} onMouseLeave={() => this.dsoMouseLeave.emit()}>\r\n        <div\r\n          class={clsx(\"legend-item\", {\r\n            \"legend-item-symbol\": hasSymbol,\r\n            \"legend-item-selectable\": isSelectable,\r\n          })}\r\n        >\r\n          <div hidden={!hasSymbol}>\r\n            <slot name=\"symbol\" />\r\n          </div>\r\n          <div>\r\n            <slot></slot>\r\n          </div>\r\n          {this.disabled && this.disabledMessage && (\r\n            <dso-toggletip position=\"bottom\">{this.disabledMessage}</dso-toggletip>\r\n          )}\r\n          {this.removable && (\r\n            <button id=\"remove-button\" type=\"button\" onClick={(e) => this.dsoRemoveClick.emit({ originalEvent: e })}>\r\n              <span class=\"sr-only\">Legenda item verwijderen</span>\r\n              <dso-icon icon=\"trash\"></dso-icon>\r\n            </button>\r\n          )}\r\n\r\n          {hasBody && !this.disabled && (\r\n            <button id=\"edit-button\" type=\"button\" onClick={() => (this.showBody = !this.showBody)}>\r\n              <span class=\"sr-only\">Legenda item aanpassen</span>\r\n              <dso-icon icon={this.showBody ? \"times\" : \"more\"} />\r\n            </button>\r\n          )}\r\n        </div>\r\n        <div hidden={!hasBody || this.disabled || !this.showBody} class=\"body\">\r\n          <slot name=\"body\" />\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"oGAAA,MAAMA,EAAgB,unHACtB,MAAAC,EAAeD,E,MCaFE,EAAU,M,gLAQV,M,sEAiCA,K,CAEX,wBAAIC,GACF,OAAOC,KAAKC,KAAKC,cAAc,kB,CAGjC,4BAAIC,GACF,OAAOH,KAAKC,KAAKC,cAAc,0B,CAGjC,sBAAIE,GACF,OAAOJ,KAAKC,KAAKC,cAAc,gB,CAGjC,MAAAG,GACE,MAAMC,EAAYN,KAAKD,uBAAyB,KAChD,MAAMQ,EAAUP,KAAKI,qBAAuB,KAC5C,MAAMI,EAAeR,KAAKG,2BAA6B,KAEvD,OACEM,EAACC,EAAI,CAAAC,IAAA,2CAACC,aAAc,IAAMZ,KAAKa,cAAcC,OAAQC,aAAc,IAAMf,KAAKgB,cAAcF,QAC1FL,EAAA,OAAAE,IAAA,2CACEM,MAAOC,EAAK,cAAe,CACzB,qBAAsBZ,EACtB,yBAA0BE,KAG5BC,EAAA,OAAAE,IAAA,2CAAKQ,QAASb,GACZG,EAAA,QAAAE,IAAA,2CAAMS,KAAK,YAEbX,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8CAEDX,KAAKqB,UAAYrB,KAAKsB,iBACrBb,EAAA,iBAAAE,IAAA,2CAAeY,SAAS,UAAUvB,KAAKsB,iBAExCtB,KAAKwB,WACJf,EAAA,UAAAE,IAAA,2CAAQc,GAAG,gBAAgBC,KAAK,SAASC,QAAUC,GAAM5B,KAAK6B,eAAef,KAAK,CAAEgB,cAAeF,KACjGnB,EAAA,QAAAE,IAAA,2CAAMM,MAAM,WAAS,4BACrBR,EAAA,YAAAE,IAAA,2CAAUoB,KAAK,WAIlBxB,IAAYP,KAAKqB,UAChBZ,EAAA,UAAAE,IAAA,2CAAQc,GAAG,cAAcC,KAAK,SAASC,QAAS,IAAO3B,KAAKgC,UAAYhC,KAAKgC,UAC3EvB,EAAA,QAAAE,IAAA,2CAAMM,MAAM,WAAS,0BACrBR,EAAA,YAAAE,IAAA,2CAAUoB,KAAM/B,KAAKgC,SAAW,QAAU,WAIhDvB,EAAA,OAAAE,IAAA,2CAAKQ,QAASZ,GAAWP,KAAKqB,WAAarB,KAAKgC,SAAUf,MAAM,QAC9DR,EAAA,QAAAE,IAAA,2CAAMS,KAAK,U","ignoreList":[]}

package/dist/dso-toolkit/{p-9f000cb1.entry.js → p-68cbd0c9.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as e,h as i,F as r}from"./p-1754d0a9.js";import{A as t,a,b as n}from"./p-811676bf.js";const l='ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}ins a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}ins a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}del a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}del a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}:host([wijzigactie=voegtoe]) a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}:host([wijzigactie=voegtoe]) a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}:host([wijzigactie=verwijder]) a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}:host([wijzigactie=verwijder]) a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}';const s=l;const d=class{constructor(i){o(this,i);this.dsoActiveChange=e(this,"dsoActiveChange",7);this.wijzigactie=undefined;this.active=undefined;this.gewijzigdeLocatie=undefined;this.naam=undefined;this.regelKwalificatie=undefined;this.locatieNoemers=undefined;this.regelKwalificatieVoorzetsel=undefined}render(){return i(n,{key:"e65c359d4d277852b980dfcb94a8095b760fe291",active:this.active,dsoActiveChange:this.dsoActiveChange,title:i(t,{value:this.naam}),data:i(r,null,i("span",{class:"content"},this.regelKwalificatie&&i(r,null,i(t,{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&`${this.regelKwalificatieVoorzetsel}: `,i(t,{value:this.locatieNoemers})),this.gewijzigdeLocatie&&i(a,null))})}};d.style=s;export{d as dso_annotation_activiteit};
-//# sourceMappingURL=p-9f000cb1.entry.js.map
+import{r as o,c as e,h as i,F as r}from"./p-e6cf4fdb.js";import{A as t,a,b as n}from"./p-137fc4f4.js";const l='ins{text-decoration:none;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}ins a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}ins a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}ins a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}ins a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}del{--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}del a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}del a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}del a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}del a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}:host{display:block}:host([wijzigactie=voegtoe]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#e4f1d4;border-color:#e4f1d4;color:#191919;box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.25)}:host([wijzigactie=voegtoe]) a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}:host([wijzigactie=voegtoe]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}:host([wijzigactie=voegtoe]) a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}:host([wijzigactie=voegtoe]) a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}:host([wijzigactie=verwijder]){--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor;background-color:#f5d8dc;border-color:#f5d8dc;color:#191919;text-decoration:line-through}:host([wijzigactie=verwijder]) a:is(.download,.download:hover,.download:focus-visible){background-image:url("./dso-icons.svg#img-download-zwart")}:host([wijzigactie=verwijder]) a:is(.extern,.extern:hover,.extern:focus-visible){background-image:url("./dso-icons.svg#img-external-link-zwart")}:host([wijzigactie=verwijder]) a:is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:url("./dso-icons.svg#img-call-zwart")}:host([wijzigactie=verwijder]) a:is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:url("./dso-icons.svg#img-email-zwart")}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}';const s=l;const d=class{constructor(i){o(this,i);this.dsoActiveChange=e(this,"dsoActiveChange",7);this.wijzigactie=undefined;this.active=undefined;this.gewijzigdeLocatie=undefined;this.naam=undefined;this.regelKwalificatie=undefined;this.locatieNoemers=undefined;this.regelKwalificatieVoorzetsel=undefined}render(){return i(n,{key:"b99fc074965b115131391ba52320a959340bb399",active:this.active,dsoActiveChange:this.dsoActiveChange,title:i(t,{value:this.naam}),data:i(r,null,i("span",{class:"content"},this.regelKwalificatie&&i(r,null,i(t,{value:this.regelKwalificatie})," "),this.regelKwalificatieVoorzetsel&&`${this.regelKwalificatieVoorzetsel}: `,i(t,{value:this.locatieNoemers})),this.gewijzigdeLocatie&&i(a,null))})}};d.style=s;export{d as dso_annotation_activiteit};
+//# sourceMappingURL=p-68cbd0c9.entry.js.map

package/dist/dso-toolkit/{p-9f000cb1.entry.js.map → p-68cbd0c9.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["annotationCss","DsoAnnotationActiviteitStyle0","AnnotationActiviteit","render","h","AnnotationBody","key","active","this","dsoActiveChange","title","AnnotationDiffRenderer","value","naam","data","Fragment","class","regelKwalificatie","regelKwalificatieVoorzetsel","locatieNoemers","gewijzigdeLocatie","AnnotationGewijzigdeLocatie"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-activiteit&encapsulation=shadow","src/components/annotation/annotation-activiteit/annotation-activiteit.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, Fragment, EventEmitter } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-activiteit\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationActiviteit implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de activiteit.\r\n   */\r\n  @Prop()\r\n  naam?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De activiteit regel kwalificatie.\r\n   */\r\n  @Prop()\r\n  regelKwalificatie?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemers?: Array<AnnotationDiff | string>;\r\n\r\n  /**\r\n   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.\r\n   */\r\n  @Prop()\r\n  regelKwalificatieVoorzetsel?: string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={<AnnotationDiffRenderer value={this.naam} />}\r\n        data={\r\n          <>\r\n            <span class=\"content\">\r\n              {this.regelKwalificatie && (\r\n                <>\r\n                  <AnnotationDiffRenderer value={this.regelKwalificatie} />{\" \"}\r\n                </>\r\n              )}\r\n              {this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `}\r\n              <AnnotationDiffRenderer value={this.locatieNoemers} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sGAAA,MAAMA,EAAgB,k4GACtB,MAAAC,EAAeD,E,MCaFE,EAAoB,M,0RAiD/B,MAAAC,GACE,OACEC,EAACC,EAAc,CAAAC,IAAA,2CACbC,OAAQC,KAAKD,OACbE,gBAAiBD,KAAKC,gBACtBC,MAAON,EAACO,EAAsB,CAACC,MAAOJ,KAAKK,OAC3CC,KACEV,EAAAW,EAAA,KACEX,EAAA,QAAMY,MAAM,WACTR,KAAKS,mBACJb,EAAAW,EAAA,KACEX,EAACO,EAAsB,CAACC,MAAOJ,KAAKS,oBAAsB,KAG7DT,KAAKU,6BAA+B,GAAGV,KAAKU,gCAC7Cd,EAACO,EAAsB,CAACC,MAAOJ,KAAKW,kBAErCX,KAAKY,mBAAqBhB,EAACiB,EAA2B,Q"}
+{"version":3,"names":["annotationCss","DsoAnnotationActiviteitStyle0","AnnotationActiviteit","render","h","AnnotationBody","key","active","this","dsoActiveChange","title","AnnotationDiffRenderer","value","naam","data","Fragment","class","regelKwalificatie","regelKwalificatieVoorzetsel","locatieNoemers","gewijzigdeLocatie","AnnotationGewijzigdeLocatie"],"sources":["src/components/annotation/annotation.scss?tag=dso-annotation-activiteit&encapsulation=shadow","src/components/annotation/annotation-activiteit/annotation-activiteit.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n@use \"~dso-toolkit/src/components/insert\";\r\n@use \"~dso-toolkit/src/components/delete\";\r\n\r\n@use \"~dso-toolkit/src/components/insert/insert\" as *;\r\n@use \"~dso-toolkit/src/components/delete/delete\" as *;\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n:host([wijzigactie=\"voegtoe\"]) {\r\n  @include insert.root();\r\n}\r\n\r\n:host([wijzigactie=\"verwijder\"]) {\r\n  @include delete.root();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.annotation-body {\r\n  display: flex;\r\n  gap: units.$u1;\r\n}\r\n\r\n.annotation-info {\r\n  flex-grow: 1;\r\n}\r\n\r\n.annotation-symbol,\r\n.annotation-control {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.annotation-title {\r\n  font-weight: 500;\r\n}\r\n\r\n.annotation-title,\r\n.annotation-data {\r\n  margin-block: 0;\r\n\r\n  .content:has(+ dso-label) {\r\n    margin-inline-end: units.$u1 * 0.5;\r\n  }\r\n}\r\n","import { Component, ComponentInterface, Prop, Event, h, Fragment, EventEmitter } from \"@stencil/core\";\r\nimport { AnnotationActiveChangeEvent, AnnotationDiff, AnnotationWijzigactie } from \"../annotation.interfaces\";\r\nimport { AnnotationDiffRenderer } from \"../annotation-diff-renderer\";\r\nimport { AnnotationBody } from \"../annotation-body\";\r\nimport { AnnotationGewijzigdeLocatie } from \"../annotation-gewijzigde-locatie\";\r\n\r\n/**\r\n * @slot symbool - Een optionele afbeelding die de annotatie symboliseert.\r\n */\r\n@Component({\r\n  tag: \"dso-annotation-activiteit\",\r\n  styleUrl: \"../annotation.scss\",\r\n  shadow: true,\r\n})\r\nexport class AnnotationActiviteit implements ComponentInterface {\r\n  /**\r\n   * Een optionele wijzigactie die aangeeft of de annotatie toegevoegd of verwijderd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  wijzigactie?: AnnotationWijzigactie;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de annotatie actief is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Een optionele boolean die aangeeft of de locatie van de annotatie gewijzigd is.\r\n   */\r\n  @Prop({ reflect: true })\r\n  gewijzigdeLocatie?: boolean;\r\n\r\n  /**\r\n   * Een optionele event listener voor wijzigingen aan de status van de annotatie.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AnnotationActiveChangeEvent>;\r\n\r\n  /**\r\n   * De naam van de activiteit.\r\n   */\r\n  @Prop()\r\n  naam?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De activiteit regel kwalificatie.\r\n   */\r\n  @Prop()\r\n  regelKwalificatie?: AnnotationDiff | string;\r\n\r\n  /**\r\n   * De noemer van de locatie.\r\n   */\r\n  @Prop()\r\n  locatieNoemers?: Array<AnnotationDiff | string>;\r\n\r\n  /**\r\n   * Voorzetsel van de regelKwalificatie. Exclusief dubbele punt.\r\n   */\r\n  @Prop()\r\n  regelKwalificatieVoorzetsel?: string;\r\n\r\n  render() {\r\n    return (\r\n      <AnnotationBody\r\n        active={this.active}\r\n        dsoActiveChange={this.dsoActiveChange}\r\n        title={<AnnotationDiffRenderer value={this.naam} />}\r\n        data={\r\n          <>\r\n            <span class=\"content\">\r\n              {this.regelKwalificatie && (\r\n                <>\r\n                  <AnnotationDiffRenderer value={this.regelKwalificatie} />{\" \"}\r\n                </>\r\n              )}\r\n              {this.regelKwalificatieVoorzetsel && `${this.regelKwalificatieVoorzetsel}: `}\r\n              <AnnotationDiffRenderer value={this.locatieNoemers} />\r\n            </span>\r\n            {this.gewijzigdeLocatie && <AnnotationGewijzigdeLocatie />}\r\n          </>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"mappings":"sGAAA,MAAMA,EAAgB,k4GACtB,MAAAC,EAAeD,E,MCaFE,EAAoB,M,0RAiD/B,MAAAC,GACE,OACEC,EAACC,EAAc,CAAAC,IAAA,2CACbC,OAAQC,KAAKD,OACbE,gBAAiBD,KAAKC,gBACtBC,MAAON,EAACO,EAAsB,CAACC,MAAOJ,KAAKK,OAC3CC,KACEV,EAAAW,EAAA,KACEX,EAAA,QAAMY,MAAM,WACTR,KAAKS,mBACJb,EAAAW,EAAA,KACEX,EAACO,EAAsB,CAACC,MAAOJ,KAAKS,oBAAsB,KAG7DT,KAAKU,6BAA+B,GAAGV,KAAKU,gCAC7Cd,EAACO,EAAsB,CAACC,MAAOJ,KAAKW,kBAErCX,KAAKY,mBAAqBhB,EAACiB,EAA2B,Q","ignoreList":[]}

package/dist/dso-toolkit/p-7031be39.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,F as o,a as i}from"./p-e6cf4fdb.js";import{c as l}from"./p-8a1a6e56.js";import{d as r}from"./p-9438a55c.js";import{v as d}from"./p-14616bce.js";const a=":host{display:inline-block;max-inline-size:100%}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-label{border-radius:4px;display:inline-block;line-height:1.5;max-inline-size:100%;padding-block:4px;padding-inline:8px}.dso-label:focus-within,.dso-label.dso-hover{text-decoration:line-through}.dso-label button{background:none;border:0;border-radius:0 4px 4px 0;color:inherit;float:inline-end;font-size:1rem;margin-block-end:-4px;margin-inline-start:8px;margin-inline-end:-4px;margin-block-start:0;padding:0}.dso-label button:hover{cursor:pointer}.dso-label button>dso-icon,.dso-label button>svg.di{display:block}.dso-label{background-color:#f2f2f2;border-color:#f2f2f2;color:#191919}.dso-label.dso-label-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-label.dso-label-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-label.dso-label-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-label.dso-label-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-label.dso-label-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-label.dso-label-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-label.dso-label-bright{background-color:#fff;border-color:#fff;color:#191919;outline:1px solid #ccc;outline-offset:-1px}.dso-label.dso-label-attention{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}.dso-label.dso-compact{padding-block:0;padding-inline:8px}.dso-label.dso-hover .dso-label-content{text-decoration:line-through}.dso-truncate.dso-label-content{display:inline-block;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}:host([removable]) .dso-truncate.dso-label-content{max-inline-size:calc(100% - 28px)}";const n=a;const c=new ResizeObserver(r((e=>{e.forEach((({target:e})=>{if(b(e)){e._truncateLabel()}}))}),150));function b(e){return e.tagName==="DSO-LABEL"}function f(e){return e.scrollWidth>e.clientWidth}const h=class{constructor(t){e(this,t);this.dsoRemoveClick=s(this,"dsoRemoveClick",7);this.compact=undefined;this.removable=undefined;this.status=undefined;this.removeHover=undefined;this.removeFocus=undefined;this.truncate=undefined;this.textHover=undefined;this.textFocus=undefined;this.isTruncated=false;this.labelText=""}watchRemovable(e){if(e){this.startMutationObserver()}else{this.stopMutationObserver()}}watchTruncate(e){if(e){this.startTruncate()}else{this.stopTruncate()}}keyDownListener(e){if(e.key==="Escape"){this.textHover=false;this.textFocus=false}}async _truncateLabel(){setTimeout((()=>{this.isTruncated=!!this.labelContent&&f(this.labelContent)}))}syncLabelText(){var e,s;this.labelText=(s=(e=this.host.textContent)===null||e===void 0?void 0:e.trim())!==null&&s!==void 0?s:""}componentDidLoad(){if(this.truncate){this.startTruncate()}if(this.removable){this.startMutationObserver()}}disconnectedCallback(){this.stopTruncate();this.stopMutationObserver(true)}startMutationObserver(){this.mutationObserver=new MutationObserver((()=>this.syncLabelText()));this.mutationObserver.observe(this.host,{characterData:true,childList:true,subtree:true,attributes:true});this.syncLabelText()}stopMutationObserver(e=false){var s;if(e||!(this.truncate&&this.removable)){(s=this.mutationObserver)===null||s===void 0?void 0:s.disconnect();delete this.mutationObserver}}startTruncate(){c.observe(this.host);this.startMutationObserver();this._truncateLabel()}stopTruncate(){c.unobserve(this.host);this.stopMutationObserver();this.isTruncated=false}render(){return t(o,{key:"cbeb665084f6c9ae343ec221c27e7fda24a2215b"},t("span",{key:"e5876df3c31450fdf4b06c988f55cfcab5278220","aria-describedby":"toggle-anchor",class:l("dso-label",{[`dso-label-${this.status}`]:this.status,"dso-compact":this.compact&&!this.removable,"dso-hover":this.removeHover||this.removeFocus})},t("slot",{key:"200321159ee7c00f20678f66bd25aadf4ab160d2",name:"symbol"}),t("span",{key:"17a7ffd2f9f89e301930910ad102a7762a614448",class:l("dso-label-content",{"dso-truncate":!!this.truncate}),ref:e=>this.labelContent=e,tabindex:this.truncate&&this.isTruncated?0:undefined,onMouseEnter:()=>this.textHover=true,onMouseLeave:()=>this.textHover=false,onFocus:()=>this.textFocus=true,onBlur:()=>this.textFocus=false},t("slot",{key:"606fdf8fb1b38519741054b3c84fdce6a9af7b3b"})),this.removable&&t("button",{key:"74d6b6e8c4da368c22aedbd538d4d57112e8834d",type:"button",onClick:e=>this.dsoRemoveClick.emit(e),onMouseEnter:()=>this.removeHover=true,onMouseLeave:()=>this.removeHover=false,onFocus:()=>this.removeFocus=true,onBlur:()=>this.removeFocus=false},t("span",{key:"84ce4a2c450ed605f4337e098690dd0843023812",class:"sr-only"},"Verwijder: ",this.labelText),t("dso-icon",{key:"02e15f5243b78776015f36010bd672f42247dcc8",icon:"times"}))),this.isTruncated&&t("dso-tooltip",{key:"0480b653c2d490919ccab44cb8ba1dab6e9e608b",stateless:true,id:"toggle-anchor",active:this.textHover||this.textFocus,position:"top",strategy:"absolute"},this.labelText))}get host(){return i(this)}static get watchers(){return{removable:["watchRemovable"],truncate:["watchTruncate"]}}};h.style=n;const u="button.dso-slider{border:0;padding:0}button.dso-slider:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider svg rect{fill:#999;transition:fill 0.25s}button.dso-slider svg circle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true] svg rect{fill:#275937}button.dso-slider[aria-checked=true] svg circle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled] svg rect{fill:#ccc}button.dso-slider[disabled] svg circle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true] svg rect{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true] svg circle{fill:#e5e5e5}.dso-slider{border-radius:24px;display:inline-flex}.dso-slider:hover{cursor:pointer}";const p=u;const g=class{constructor(t){e(this,t);this.dsoActiveChange=s(this,"dsoActiveChange",5);this.checked=false;this.disabled=false;this.accessibleLabel=undefined;this.labelledbyId=undefined;this.hasVisibleLabel=undefined;this.identifier=d()}handleSwitch(e){this.dsoActiveChange.emit({originalEvent:e,checked:!this.checked})}componentWillLoad(){this.hasVisibleLabel=this.host.querySelector("*")!==null}render(){return t(o,null,t("button",Object.assign({key:"2f041ba46888fc7f12eca25309eedaf6f92509f5",id:this.identifier,role:"switch",class:"dso-slider","aria-checked":""+this.checked,disabled:this.disabled,onClick:e=>this.handleSwitch(e)},this.accessibleLabel?{"aria-label":this.accessibleLabel}:{},this.labelledbyId?{"aria-labelledby":this.labelledbyId}:{}),t("svg",{key:"2028e621c3dfd4d6751044eeeb5a887fd196476d",xmlns:"http://www.w3.org/2000/svg",width:"40",height:"20",viewBox:"0 0 40 20"},t("g",{key:"f610a403b34591b0fb0571d191430749cff28c64",fill:"none","fill-rule":"evenodd"},t("rect",{key:"734939934ef6152a5961262abe5f6454a7e72780",width:"40",height:"20",fill:"currentColor",rx:"10"}),t("circle",{key:"3d603a04e5d2d0c741317188dd0f2f612223d585",cy:"10",r:"8",fill:"currentColor"})))),this.hasVisibleLabel&&t("label",{key:"66c9f4d20e3bbe2855a718cac3583b68dd907b8c",htmlFor:this.identifier},t("slot",{key:"408fda225c63c407acbeb341761c2ab86851a3bc"})))}get host(){return i(this)}};g.style=p;export{h as dso_label,g as dso_slide_toggle};
+//# sourceMappingURL=p-7031be39.entry.js.map

package/dist/dso-toolkit/p-7031be39.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["labelCss","DsoLabelStyle0","resizeObserver","ResizeObserver","debounce","entries","forEach","target","isDsoLabelComponent","_truncateLabel","element","tagName","hasEllipses","el","scrollWidth","clientWidth","Label","watchRemovable","removable","this","startMutationObserver","stopMutationObserver","watchTruncate","truncate","startTruncate","stopTruncate","keyDownListener","event","key","textHover","textFocus","setTimeout","isTruncated","labelContent","syncLabelText","labelText","_b","_a","host","textContent","trim","componentDidLoad","disconnectedCallback","mutationObserver","MutationObserver","observe","characterData","childList","subtree","attributes","force","disconnect","unobserve","render","h","Fragment","class","clsx","status","compact","removeHover","removeFocus","name","ref","tabindex","undefined","onMouseEnter","onMouseLeave","onFocus","onBlur","type","onClick","e","dsoRemoveClick","emit","icon","stateless","id","active","position","strategy","slideToggleCss","DsoSlideToggleStyle0","SlideToggle","v4","handleSwitch","dsoActiveChange","originalEvent","checked","componentWillLoad","hasVisibleLabel","querySelector","Object","assign","identifier","role","disabled","accessibleLabel","labelledbyId","xmlns","width","height","viewBox","fill","rx","cy","r","htmlFor"],"sources":["src/components/label/label.scss?tag=dso-label&encapsulation=shadow","src/components/label/label.tsx","src/components/slide-toggle/slide-toggle.scss?tag=dso-slide-toggle","src/components/slide-toggle/slide-toggle.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/components/label\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  max-inline-size: 100%;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n// Todo: Replace .sr-only selector with web component specific selector, no need for .sr-only if we can generate the SCSS\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n.dso-label {\r\n  @include label.root();\r\n\r\n  &.dso-hover {\r\n    .dso-label-content {\r\n      text-decoration: line-through;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-truncate.dso-label-content {\r\n  display: inline-block;\r\n  max-inline-size: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis; // stylelint-disable-line declaration-property-value-disallowed-list -- full text can be viewed via tooltip.\r\n  vertical-align: bottom;\r\n  white-space: nowrap; // stylelint-disable-line declaration-property-value-disallowed-list -- full text can be viewed via tooltip.\r\n}\r\n\r\n:host([removable]) {\r\n  .dso-truncate.dso-label-content {\r\n    max-inline-size: calc(100% - (units.$u3 + 4px));\r\n  }\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  Watch,\r\n  Listen,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport debounce from \"debounce\";\r\n\r\nconst resizeObserver = new ResizeObserver(\r\n  debounce((entries: ResizeObserverEntry[]) => {\r\n    entries.forEach(({ target }) => {\r\n      if (isDsoLabelComponent(target)) {\r\n        target._truncateLabel();\r\n      }\r\n    });\r\n  }, 150),\r\n);\r\n\r\nfunction isDsoLabelComponent(element: Element): element is HTMLDsoLabelElement {\r\n  return element.tagName === \"DSO-LABEL\";\r\n}\r\n\r\nfunction hasEllipses(el: HTMLElement): boolean {\r\n  return el.scrollWidth > el.clientWidth;\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-label\",\r\n  styleUrl: \"label.scss\",\r\n  shadow: true,\r\n})\r\nexport class Label implements ComponentInterface {\r\n  private labelContent: HTMLSpanElement | undefined;\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  @Element()\r\n  private host!: HTMLDsoLabelElement;\r\n\r\n  /**\r\n   * For compact Label\r\n   */\r\n  @Prop()\r\n  compact?: boolean;\r\n\r\n  /**\r\n   * Shows a button that can be used to remove the Label.\r\n   */\r\n  @Prop()\r\n  removable?: boolean;\r\n\r\n  /**\r\n   * The status of this Label.\r\n   */\r\n  @Prop()\r\n  status?: \"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\" | \"error\" | \"bright\" | \"attention\";\r\n\r\n  /**\r\n   * Emitted when the user activates the remove button.\r\n   */\r\n  @Event()\r\n  dsoRemoveClick!: EventEmitter<MouseEvent>;\r\n\r\n  @State()\r\n  removeHover?: boolean;\r\n\r\n  @State()\r\n  removeFocus?: boolean;\r\n\r\n  /**\r\n   * Whether the Label is allowed to truncate the contents if it does not fit the container element.\r\n   */\r\n  @Prop()\r\n  truncate?: boolean;\r\n\r\n  @State()\r\n  textHover?: boolean;\r\n\r\n  @State()\r\n  textFocus?: boolean;\r\n\r\n  @State()\r\n  isTruncated = false;\r\n\r\n  @State()\r\n  labelText = \"\";\r\n\r\n  @Watch(\"removable\")\r\n  watchRemovable(removable: boolean) {\r\n    if (removable) {\r\n      this.startMutationObserver();\r\n    } else {\r\n      this.stopMutationObserver();\r\n    }\r\n  }\r\n\r\n  @Watch(\"truncate\")\r\n  watchTruncate(truncate: boolean) {\r\n    if (truncate) {\r\n      this.startTruncate();\r\n    } else {\r\n      this.stopTruncate();\r\n    }\r\n  }\r\n\r\n  @Listen(\"keydown\", { target: \"document\" })\r\n  keyDownListener(event: KeyboardEvent) {\r\n    if (event.key === \"Escape\") {\r\n      this.textHover = false;\r\n      this.textFocus = false;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @internal\r\n   */\r\n  @Method()\r\n  async _truncateLabel() {\r\n    setTimeout(() => {\r\n      this.isTruncated = !!this.labelContent && hasEllipses(this.labelContent);\r\n    });\r\n  }\r\n\r\n  private syncLabelText() {\r\n    this.labelText = this.host.textContent?.trim() ?? \"\";\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if (this.truncate) {\r\n      this.startTruncate();\r\n    }\r\n\r\n    if (this.removable) {\r\n      this.startMutationObserver();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.stopTruncate();\r\n\r\n    this.stopMutationObserver(true);\r\n  }\r\n\r\n  /** The mutationObserver fetches the text placed inside the label, this is then used for the remove button and tooltip. */\r\n  private startMutationObserver(): void {\r\n    this.mutationObserver = new MutationObserver(() => this.syncLabelText());\r\n\r\n    this.mutationObserver.observe(this.host, {\r\n      characterData: true,\r\n      childList: true,\r\n      subtree: true,\r\n      attributes: true,\r\n    });\r\n\r\n    this.syncLabelText();\r\n  }\r\n\r\n  private stopMutationObserver(force = false): void {\r\n    if (force || !(this.truncate && this.removable)) {\r\n      this.mutationObserver?.disconnect();\r\n\r\n      delete this.mutationObserver;\r\n    }\r\n  }\r\n\r\n  private startTruncate(): void {\r\n    resizeObserver.observe(this.host);\r\n    this.startMutationObserver();\r\n    this._truncateLabel();\r\n  }\r\n\r\n  private stopTruncate(): void {\r\n    resizeObserver.unobserve(this.host);\r\n    this.stopMutationObserver();\r\n    this.isTruncated = false;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <span\r\n          aria-describedby=\"toggle-anchor\"\r\n          class={clsx(\"dso-label\", {\r\n            [`dso-label-${this.status}`]: this.status,\r\n            \"dso-compact\": this.compact && !this.removable,\r\n            \"dso-hover\": this.removeHover || this.removeFocus,\r\n          })}\r\n        >\r\n          <slot name=\"symbol\"></slot>\r\n          <span\r\n            class={clsx(\"dso-label-content\", {\r\n              \"dso-truncate\": !!this.truncate,\r\n            })}\r\n            ref={(element) => (this.labelContent = element)}\r\n            tabindex={this.truncate && this.isTruncated ? 0 : undefined}\r\n            onMouseEnter={() => (this.textHover = true)}\r\n            onMouseLeave={() => (this.textHover = false)}\r\n            onFocus={() => (this.textFocus = true)}\r\n            onBlur={() => (this.textFocus = false)}\r\n          >\r\n            <slot></slot>\r\n          </span>\r\n          {this.removable && (\r\n            <button\r\n              type=\"button\"\r\n              onClick={(e) => this.dsoRemoveClick.emit(e)}\r\n              onMouseEnter={() => (this.removeHover = true)}\r\n              onMouseLeave={() => (this.removeHover = false)}\r\n              onFocus={() => (this.removeFocus = true)}\r\n              onBlur={() => (this.removeFocus = false)}\r\n            >\r\n              <span class=\"sr-only\">Verwijder: {this.labelText}</span>\r\n              <dso-icon icon=\"times\"></dso-icon>\r\n            </button>\r\n          )}\r\n        </span>\r\n        {this.isTruncated && (\r\n          <dso-tooltip\r\n            stateless\r\n            id=\"toggle-anchor\"\r\n            active={this.textHover || this.textFocus}\r\n            position=\"top\"\r\n            strategy=\"absolute\"\r\n          >\r\n            {this.labelText}\r\n          </dso-tooltip>\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\nbutton.dso-slider {\r\n  border: 0;\r\n  padding: 0;\r\n\r\n  &:focus-visible {\r\n    outline: 2px solid colors.$grijs-80;\r\n    outline-offset: 1px;\r\n  }\r\n\r\n  svg {\r\n    rect {\r\n      fill: colors.$grijs-40;\r\n      transition: fill 0.25s;\r\n    }\r\n\r\n    circle {\r\n      @include utilities.transition(transform);\r\n\r\n      transform: translateX(10px);\r\n      fill: colors.$wit;\r\n    }\r\n  }\r\n\r\n  &[aria-checked=\"true\"] svg {\r\n    rect {\r\n      fill: colors.$bosgroen;\r\n    }\r\n\r\n    circle {\r\n      transform: translateX(30px);\r\n      fill: colors.$wit;\r\n    }\r\n  }\r\n\r\n  &[disabled] svg {\r\n    rect {\r\n      fill: colors.$grijs-20;\r\n    }\r\n\r\n    circle {\r\n      fill: colors.$grijs-10;\r\n    }\r\n  }\r\n\r\n  &[disabled][aria-checked=\"true\"] svg {\r\n    rect {\r\n      fill: colors.$bosgroen-40;\r\n    }\r\n\r\n    circle {\r\n      fill: colors.$grijs-10;\r\n    }\r\n  }\r\n}\r\n\r\n.dso-slider {\r\n  border-radius: units.$u3;\r\n  display: inline-flex;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n","import { h, Component, ComponentInterface, Event, Fragment, Prop, EventEmitter, Element, State } from \"@stencil/core\";\r\nimport { v4 } from \"uuid\";\r\nimport { SlideToggleActiveEvent } from \"./slide-toggle.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-slide-toggle\",\r\n  styleUrl: \"slide-toggle.scss\",\r\n  shadow: false,\r\n})\r\nexport class SlideToggle implements ComponentInterface {\r\n  @Element()\r\n  private host!: HTMLDsoSlideToggleElement;\r\n\r\n  /**\r\n   * Set to true if Slide Toggle is checked.\r\n   */\r\n  @Prop()\r\n  checked = false;\r\n\r\n  /**\r\n   * Disables the Slide Toggle, preventing it from checking/unchecking and therefor not emitting any events.\r\n   */\r\n  @Prop()\r\n  disabled = false;\r\n\r\n  /**\r\n   * When provided the `<button>` will be labelled with `aria-label`. For a visible label provide a `<span>` inside the component.\r\n   */\r\n  @Prop()\r\n  accessibleLabel?: string;\r\n\r\n  /**\r\n   * Provide the `id` of the element that labels this element. this property sets the `aria-labelledby` on the switch button.\r\n   */\r\n  @Prop()\r\n  labelledbyId?: string;\r\n\r\n  @State()\r\n  hasVisibleLabel?: boolean;\r\n\r\n  /**\r\n   * Provide an `id` for the `<button>`. Useful for placing your to place your own `<label for=\"id\">`.\r\n   */\r\n  @Prop()\r\n  identifier = v4();\r\n\r\n  /**\r\n   * Emitted when user checks or unchecks the Slide Toggle.\r\n   */\r\n  @Event({ composed: false })\r\n  dsoActiveChange!: EventEmitter<SlideToggleActiveEvent>;\r\n\r\n  private handleSwitch(e: Event): void {\r\n    this.dsoActiveChange.emit({\r\n      originalEvent: e,\r\n      checked: !this.checked,\r\n    });\r\n  }\r\n\r\n  componentWillLoad(): void {\r\n    this.hasVisibleLabel = this.host.querySelector(\"*\") !== null;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <button\r\n          id={this.identifier}\r\n          role=\"switch\"\r\n          class=\"dso-slider\"\r\n          aria-checked={\"\" + this.checked}\r\n          disabled={this.disabled}\r\n          onClick={(e) => this.handleSwitch(e)}\r\n          {...(this.accessibleLabel ? { \"aria-label\": this.accessibleLabel } : {})}\r\n          {...(this.labelledbyId ? { \"aria-labelledby\": this.labelledbyId } : {})}\r\n        >\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"20\" viewBox=\"0 0 40 20\">\r\n            <g fill=\"none\" fill-rule=\"evenodd\">\r\n              <rect width=\"40\" height=\"20\" fill=\"currentColor\" rx=\"10\" />\r\n              <circle cy=\"10\" r=\"8\" fill=\"currentColor\" />\r\n            </g>\r\n          </svg>\r\n        </button>\r\n        {this.hasVisibleLabel && (\r\n          <label htmlFor={this.identifier}>\r\n            <slot />\r\n          </label>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-74c191d2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,F as l,f as c,a as o}from"./p-e6cf4fdb.js";import{c as i}from"./p-8a1a6e56.js";import{c as a}from"./p-97f788d4.js";const d=":host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;inset-inline-end:8px;inset-block-start:8px}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const n=d;const b=class{constructor(t){e(this,t);this.dsoClose=s(this,"dsoClose",7);this.fixed=undefined;this.active=undefined}render(){return t(l,{key:"3dcb0b7964995734a527775251fac2c0dac5a62f"},t("slot",{key:"b6217bab04d44d36de11b0876a07825253303100"}),!this.fixed&&t("button",{key:"41c1f3facca9066b6c760e5a7b9b71aeaecb1590",type:"button",onClick:e=>this.dsoClose.emit(e)},t("dso-icon",{key:"615e0cf09f692c0cb2a9efdf96e35035db6baf20",icon:"times"}),t("span",{key:"f69da4351264fe6283e71e6fd2af584c09ef6815",class:"sr-only"},"Sluiten")))}};b.style=n;const r='.sc-dso-selectable-h{position:relative;display:var(--dso-selectable-display, block);padding-inline-start:32px}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:24px;inset-inline-start:0;margin:0;opacity:0;position:absolute;inset-block-start:0;inline-size:24px;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus{outline:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 3px var(--dso-selectable-color, #275937);block-size:18px;inset-inline-start:3px;inset-block-start:3px;inline-size:18px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--dso-selectable-color:#ce3f51}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable:focus-within.dso-keyboard-focus{position:relative;inset-inline-start:-32px;padding-inline-start:32px;margin-inline-end:-32px;border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}';const p=r;const h=class{constructor(t){e(this,t);this.dsoChange=s(this,"dsoChange",7);this.fallbackIdentifier=a("DsoSelectable");this.handleOnChange=e=>{const{target:s}=e;this.dsoChange.emit({originalEvent:e,checked:s instanceof HTMLInputElement&&s.checked});c(this.host)};this.type=undefined;this.identifier=undefined;this.name=undefined;this.value=undefined;this.invalid=undefined;this.describedById=undefined;this.labelledById=undefined;this.disabled=undefined;this.required=undefined;this.checked=undefined;this.indeterminate=undefined;this.infoFixed=undefined;this.infoActive=false;this.keyboardFocus=false}async toggleInfo(e){this.infoActive=e!==null&&e!==void 0?e:!this.infoActive}componentDidLoad(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();this.mutationObserver=new MutationObserver((()=>c(this.host)));this.mutationObserver.observe(this.host,{childList:true});this.setIndeterminate()}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect()}setIndeterminate(){if(!(this.input instanceof HTMLInputElement)||this.type!=="checkbox"){return}this.input.indeterminate=!!this.indeterminate}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(l,{key:"0061629edfc95238fad0a7ce59ef33d784715f48"},t("div",{key:"21eead2fe7c96e0019baf0249c6d901276dde3a6",class:"dso-selectable-container"},t("div",{key:"c0ef4e985f2cbc828579556957c52631e6fbb418",class:i("dso-selectable-input-wrapper",{"dso-keyboard-focus":this.keyboardFocus})},t("input",{key:"50e495ec15d8319cb29c0de9931d8e35400228c0",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":(e=this.invalid)===null||e===void 0?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:undefined,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,onBlur:()=>this.keyboardFocus=false,onKeyUp:()=>this.keyboardFocus=true,ref:e=>this.input=e}),!this.labelledById?t("label",{htmlFor:this.getIdentifier()},t("slot",null)):t("label",null,t("slot",null))),s&&!this.infoFixed&&t("dso-info-button",{key:"eaedc13f6945d9eb2b45d2db3d6d8f203d67b0b7",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),s&&t("dso-info",{key:"d33b87765ac73156cc2c6b8a18054e708a5963ec",id:s&&this.infoFixed?this.describedById:undefined,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=false},t("div",{key:"228a0f425250e29a10c30a5b678ea7fb4a24fc14"},t("slot",{key:"597d0b42196974aa8686e98570b543de11cd8f93",name:"info"}))),t("slot",{key:"1a97013dc9f4d5c534cf765453c7e8ecbe879e81",name:"options"}))}componentDidRender(){if(this.input&&typeof this.checked==="boolean"&&this.input.checked!==this.checked){this.input.checked=this.checked}}getIdentifier(){var e;return(e=this.identifier)!==null&&e!==void 0?e:this.fallbackIdentifier}get host(){return o(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};h.style=p;export{b as dso_info,h as dso_selectable};
+//# sourceMappingURL=p-74c191d2.entry.js.map

package/dist/dso-toolkit/p-74c191d2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["infoCss","DsoInfoStyle0","Info","render","h","Fragment","key","this","fixed","type","onClick","e","dsoClose","emit","icon","class","selectableCss","DsoSelectableStyle0","Selectable","fallbackIdentifier","createIdentifier","handleOnChange","target","dsoChange","originalEvent","checked","HTMLInputElement","forceUpdate","host","toggleInfo","active","infoActive","componentDidLoad","_a","mutationObserver","disconnect","MutationObserver","observe","childList","setIndeterminate","disconnectedCallback","input","indeterminate","hasInfo","querySelector","clsx","keyboardFocus","id","getIdentifier","value","name","invalid","toString","infoFixed","describedById","undefined","labelledById","disabled","required","onChange","onBlur","onKeyUp","ref","el","htmlFor","onDsoToggle","detail","onDsoClose","componentDidRender","identifier"],"sources":["src/components/info/info.scss?tag=dso-info&encapsulation=shadow","src/components/info/info.tsx","src/components/selectable/selectable.scss?tag=dso-selectable&encapsulation=scoped","src/components/selectable/selectable.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/button\";\r\n@use \"~dso-toolkit/src/components/info\";\r\n\r\n:host {\r\n  display: block;\r\n\r\n  @include info.root();\r\n}\r\n\r\n:host(:not([active], [fixed])),\r\n:host([active=\"false\"]:not([fixed])),\r\n:host([active=\"false\"][fixed=\"false\"]) {\r\n  display: none;\r\n}\r\n\r\nbutton {\r\n  @include button.element();\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 { h, Component, Event, Prop, EventEmitter, Fragment } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"dso-info\",\r\n  styleUrl: \"./info.scss\",\r\n  shadow: true,\r\n})\r\nexport class Info {\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop({ reflect: true })\r\n  fixed?: boolean;\r\n\r\n  /**\r\n   * Whether the Info is active.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user activates the close button.\r\n   */\r\n  @Event()\r\n  dsoClose!: EventEmitter<MouseEvent>;\r\n\r\n  render() {\r\n    return (\r\n      <Fragment>\r\n        <slot></slot>\r\n        {!this.fixed && (\r\n          <button type=\"button\" onClick={(e) => this.dsoClose.emit(e)}>\r\n            <dso-icon icon=\"times\"></dso-icon>\r\n            <span class=\"sr-only\">Sluiten</span>\r\n          </button>\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/selectable\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n\r\n:host {\r\n  @include selectable.root(false);\r\n\r\n  padding-inline-start: selectable.$symbol-indent;\r\n\r\n  &[invalid]:not([invalid=\"false\"]) {\r\n    @include selectable.invalid();\r\n  }\r\n}\r\n\r\n:host(:not(:last-child)) {\r\n  @include selectable.notLastChild();\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.dso-selectable-container {\r\n  display: inline-block;\r\n\r\n  .dso-selectable-input-wrapper {\r\n    display: inline-block;\r\n    min-block-size: units.$u3;\r\n\r\n    &:focus-within.dso-keyboard-focus {\r\n      position: relative;\r\n      inset-inline-start: -(selectable.$symbol-indent);\r\n\r\n      padding-inline-start: selectable.$symbol-indent;\r\n\r\n      margin-inline-end: -(selectable.$symbol-indent);\r\n\r\n      @include utilities.focus-outline();\r\n    }\r\n\r\n    input[type=\"radio\"],\r\n    input[type=\"checkbox\"] {\r\n      &:focus + label::before {\r\n        @include selectable.selectableBoxShadow(\r\n          selectable.$border-width,\r\n          var(--dso-selectable-color, selectable.$valid-color)\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  Prop,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  Element,\r\n  State,\r\n  forceUpdate,\r\n  Watch,\r\n  Method,\r\n  ComponentInterface,\r\n} from \"@stencil/core\";\r\nimport clsx from \"clsx\";\r\nimport { createIdentifier } from \"../../utils/create-identifier\";\r\nimport { SelectableChangeEvent } from \"./selectable.interfaces\";\r\n\r\n/**\r\n * @slot - The label for this control\r\n * @slot info - Rich Content to be slotted in Info.\r\n * @slot options - for further nested selectable options: `<ul class=\"dso-selectable-options\" slot=\"options\">` and wrap each Selectable in a `<li>`.\r\n */\r\n@Component({\r\n  tag: \"dso-selectable\",\r\n  styleUrl: \"selectable.scss\",\r\n  scoped: true,\r\n})\r\nexport class Selectable implements ComponentInterface {\r\n  /**\r\n   * Type of Selectable.\r\n   *\r\n   * `checkbox`: Multiple options\r\n   * `radio`: Single option.\r\n   */\r\n  @Prop()\r\n  type!: \"checkbox\" | \"radio\";\r\n\r\n  /**\r\n   * To set `<input id>` attribute for external references.\r\n   */\r\n  @Prop()\r\n  identifier?: string;\r\n\r\n  /**\r\n   * Name of the Selectable. Can be used to group Selectables.\r\n   */\r\n  @Prop()\r\n  name?: string;\r\n\r\n  /**\r\n   * The value of the Selectable.\r\n   */\r\n  @Prop()\r\n  value!: string;\r\n\r\n  /**\r\n   * Set to true of the current value is not valid.\r\n   */\r\n  @Prop()\r\n  invalid?: boolean;\r\n\r\n  /**\r\n   * To link this control to an element that describes it.\r\n   */\r\n  @Prop()\r\n  describedById?: string;\r\n\r\n  /**\r\n   * To link this control to an element that labels it.\r\n   */\r\n  @Prop()\r\n  labelledById?: string;\r\n\r\n  /**\r\n   * To disable the Selectable.\r\n   */\r\n  @Prop()\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * To mark the Selectable as required.\r\n   */\r\n  @Prop()\r\n  required?: boolean;\r\n\r\n  /**\r\n   * Mark the Selectable as checked\r\n   */\r\n  @Prop({ reflect: true })\r\n  checked?: boolean;\r\n\r\n  /**\r\n   * An indeterminate state is neither true or false. It means the answer is somewhere in between.\r\n   *\r\n   * Can be used to indicate child Selectables that are a mix of checked and unchecked.\r\n   */\r\n  @Prop()\r\n  indeterminate?: boolean;\r\n\r\n  /**\r\n   * Set to true if the Info should not be toggled and always visible.\r\n   */\r\n  @Prop()\r\n  infoFixed?: boolean;\r\n\r\n  /**\r\n   * Emitted when the user checks or unchecks the Selectable.\r\n   */\r\n  @Event()\r\n  dsoChange!: EventEmitter<SelectableChangeEvent>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoSelectableElement;\r\n\r\n  @State()\r\n  infoActive = false;\r\n\r\n  @State()\r\n  keyboardFocus = false;\r\n\r\n  /**\r\n   * Method to toggle the Info. Is set to `active` when passed.\r\n   *\r\n   * If `active` is not passed, Info is toggled to opposite value.\r\n   * @param active\r\n   */\r\n  @Method()\r\n  async toggleInfo(active?: boolean) {\r\n    this.infoActive = active ?? !this.infoActive;\r\n  }\r\n\r\n  private mutationObserver?: MutationObserver;\r\n\r\n  private fallbackIdentifier = createIdentifier(\"DsoSelectable\");\r\n\r\n  private input: HTMLInputElement | undefined;\r\n\r\n  private handleOnChange = (e: Event) => {\r\n    const { target } = e;\r\n\r\n    this.dsoChange.emit({\r\n      originalEvent: e,\r\n      checked: target instanceof HTMLInputElement && target.checked,\r\n    });\r\n\r\n    forceUpdate(this.host);\r\n  };\r\n\r\n  componentDidLoad() {\r\n    this.mutationObserver?.disconnect();\r\n\r\n    this.mutationObserver = new MutationObserver(() => forceUpdate(this.host));\r\n    this.mutationObserver.observe(this.host, {\r\n      childList: true,\r\n    });\r\n\r\n    this.setIndeterminate();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.mutationObserver?.disconnect();\r\n  }\r\n\r\n  @Watch(\"indeterminate\")\r\n  setIndeterminate() {\r\n    if (!(this.input instanceof HTMLInputElement) || this.type !== \"checkbox\") {\r\n      return;\r\n    }\r\n\r\n    this.input.indeterminate = !!this.indeterminate;\r\n  }\r\n\r\n  render() {\r\n    const hasInfo = !!this.host.querySelector('[slot=\"info\"]');\r\n\r\n    return (\r\n      <Fragment>\r\n        <div class=\"dso-selectable-container\">\r\n          <div class={clsx(\"dso-selectable-input-wrapper\", { \"dso-keyboard-focus\": this.keyboardFocus })}>\r\n            <input\r\n              type={this.type}\r\n              id={this.getIdentifier()}\r\n              value={this.value}\r\n              name={this.name}\r\n              aria-invalid={this.invalid?.toString()}\r\n              aria-describedby={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n              aria-labelledBy={this.labelledById}\r\n              disabled={this.disabled}\r\n              required={this.required}\r\n              checked={this.checked}\r\n              onChange={this.handleOnChange}\r\n              onBlur={() => (this.keyboardFocus = false)}\r\n              onKeyUp={() => (this.keyboardFocus = true)}\r\n              ref={(el) => (this.input = el)}\r\n            />\r\n            {!this.labelledById ? (\r\n              <label htmlFor={this.getIdentifier()}>\r\n                <slot />\r\n              </label>\r\n            ) : (\r\n              <label>\r\n                <slot />\r\n              </label>\r\n            )}\r\n          </div>\r\n          {hasInfo && !this.infoFixed && (\r\n            <dso-info-button\r\n              active={this.infoActive}\r\n              onDsoToggle={(e) => (this.infoActive = e.detail.active)}\r\n            ></dso-info-button>\r\n          )}\r\n        </div>\r\n        {hasInfo && (\r\n          <dso-info\r\n            id={hasInfo && this.infoFixed ? this.describedById : undefined}\r\n            fixed={this.infoFixed}\r\n            active={this.infoActive}\r\n            onDsoClose={() => (this.infoActive = false)}\r\n          >\r\n            <div>\r\n              <slot name=\"info\"></slot>\r\n            </div>\r\n          </dso-info>\r\n        )}\r\n        <slot name=\"options\" />\r\n      </Fragment>\r\n    );\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    if (this.input && typeof this.checked === \"boolean\" && this.input.checked !== this.checked) {\r\n      this.input.checked = this.checked;\r\n    }\r\n  }\r\n\r\n  private getIdentifier(): string {\r\n    return this.identifier ?? this.fallbackIdentifier;\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-74ec4384.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as i}from"./p-e6cf4fdb.js";import{v as a}from"./p-14616bce.js";const o=":host{display:block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}fieldset{border:0;margin:0;min-inline-size:0;padding:0}fieldset .control-label{display:inline-block;font-weight:bold;margin-block-end:8px;max-inline-size:100%;text-align:start}p[slot=info]{margin:0}";const d=o;const n=class{constructor(i){e(this,i);this.dsoBaseLayerChange=s(this,"dsoBaseLayerChange",7);this.selectableRefs={};this.group=a();this.baseLayers=undefined}baseLayerChangeHandler(e){this.dsoBaseLayerChange.emit({activeBaseLayer:e})}componentDidRender(){this.baseLayers.filter((e=>{var s,i;return!e.disabled&&((i=(s=this.previousBaselayers)===null||s===void 0?void 0:s.find((s=>s.id===e.id)))===null||i===void 0?void 0:i.disabled)===true})).forEach((e=>{var s;(s=this.selectableRefs[e.id])===null||s===void 0?void 0:s.toggleInfo(false)}));this.previousBaselayers=this.baseLayers}render(){for(const e in this.selectableRefs){delete this.selectableRefs[e]}return i("fieldset",{key:"c2421f83ea87da2807861bcb3507829c4f7df412",class:"form-group dso-radios"},i("legend",{key:"89a8b5d0a4e68b07b057b5c14911877ddec46104",class:"sr-only"},"Achtergrond"),i("div",{key:"71820b7deb8ac233990cc66b23f78f794b04d91c",class:"dso-label-container"},i("span",{key:"c752c9d8d0db2ff11afe3a1d47a902c73003114c",class:"control-label","aria-hidden":"true"},"Achtergrond")),i("div",{key:"3c1e7690ec3a5c7ac5967b8b69f5af46af4d1f6b",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)))))}};n.style=d;export{n as dso_map_base_layers};
+//# sourceMappingURL=p-74ec4384.entry.js.map

package/dist/dso-toolkit/p-74ec4384.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mapBaseLayersCss","DsoMapBaseLayersStyle0","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","key","class","map","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-inline-size: 0;\r\n  padding: 0;\r\n\r\n  .control-label {\r\n    display: inline-block;\r\n    font-weight: bold;\r\n    margin-block-end: units.$u1;\r\n    max-inline-size: 100%;\r\n    text-align: start;\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,uYACzB,MAAAC,EAAeD,E,MCSFE,EAAa,M,gFAEhBC,KAAAC,eAA6D,G,WAY7DC,I,0BAQA,sBAAAC,CAAuBC,GAC7BJ,KAAKK,mBAAmBC,KAAK,CAAEC,gBAAiBH,G,CAGlD,kBAAAI,GACER,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,CAGjC,MAAAa,GACE,IAAK,MAAMC,KAAOvB,KAAKC,eAAgB,QAC9BD,KAAKC,eAAesB,E,CAG7B,OACEC,EAAA,YAAAC,IAAA,2CAAUC,MAAM,yBACdF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,WAAS,eACvBF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAe,cAAa,QAAM,gBAIhDF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACR1B,KAAKS,WAAWkB,KAAKvB,GACpBoB,EAAA,kBACEC,IAAKrB,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","ignoreList":[]}

package/dist/dso-toolkit/p-808a98bc.js.map

@@ -1 +1 @@
-{"version":3,"names":["ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread2","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","_toPrimitive","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","String","Number","arg","activeFocusTraps","activateTrap","trapStack","trap","activeTrap","pause","trapIndex","indexOf","splice","deactivateTrap","unpause","isSelectableInput","node","tagName","toLowerCase","select","isEscapeEvent","keyCode","isTabEvent","isKeyForward","shiftKey","isKeyBackward","delay","fn","setTimeout","findIndex","arr","idx","every","i","valueOrHandler","_len","params","Array","_key","getActualTarget","event","target","shadowRoot","composedPath","internalTrapStack","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","containerGroups","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","delayInitialFocusTimer","recentNavEvent","getOption","configOverrideOptions","optionName","configOptionName","findContainerIndex","element","_ref","container","tabbableNodes","contains","includes","find","getNodeForOption","optionValue","_len2","_key2","Error","concat","querySelector","getInitialFocusNode","isFocusable","tabbableOptions","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbable","focusableNodes","focusable","lastTabbableNode","firstDomTabbableNode","isTabbable","lastDomTabbableNode","slice","reverse","posTabIndexesFound","getTabIndex","nextTabbableNode","forward","nodeIdx","el","group","g","getActiveElement","tryFocus","focus","preventScroll","getReturnFocusNode","previousActiveElement","findNextNavNode","_ref2","_ref2$isBackward","isBackward","destinationNode","containerIndex","containerGroup","startOfGroupIndex","_ref3","destinationGroupIndex","destinationGroup","lastOfGroupIndex","_ref4","_destinationGroupIndex","_destinationGroup","checkPointerDown","clickOutsideDeactivates","deactivate","returnFocus","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","nextNode","navAcrossContainers","mruContainerIdx","mruTabIdx","some","n","checkKeyNav","checkKey","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","checkDomRemoval","mutations","isFocusedNodeRemoved","mutation","removedNodes","from","mutationObserver","window","MutationObserver","updateObservedNodes","disconnect","observe","subtree","childList","activate","activateOptions","this","onActivate","onPostActivate","checkCanFocusTrap","finishActivation","then","deactivateOptions","options","onDeactivate","onPostDeactivate","checkCanReturnFocus","clearTimeout","finishDeactivation","pauseOptions","onPause","onPostPause","unpauseOptions","onUnpause","onPostUnpause","updateContainerElements","containerElements","elementsAsArray","Boolean"],"sources":["../../node_modules/focus-trap/dist/focus-trap.esm.js"],"sourcesContent":["/*!\n* focus-trap 7.5.4\n* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE\n*/\nimport { isFocusable, tabbable, focusable, isTabbable, getTabIndex } from 'tabbable';\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\nfunction _defineProperty(obj, key, value) {\n  key = _toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\nfunction _toPrimitive(input, hint) {\n  if (typeof input !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (typeof res !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}\nfunction _toPropertyKey(arg) {\n  var key = _toPrimitive(arg, \"string\");\n  return typeof key === \"symbol\" ? key : String(key);\n}\n\nvar activeFocusTraps = {\n  activateTrap: function activateTrap(trapStack, trap) {\n    if (trapStack.length > 0) {\n      var activeTrap = trapStack[trapStack.length - 1];\n      if (activeTrap !== trap) {\n        activeTrap.pause();\n      }\n    }\n    var trapIndex = trapStack.indexOf(trap);\n    if (trapIndex === -1) {\n      trapStack.push(trap);\n    } else {\n      // move this existing trap to the front of the queue\n      trapStack.splice(trapIndex, 1);\n      trapStack.push(trap);\n    }\n  },\n  deactivateTrap: function deactivateTrap(trapStack, trap) {\n    var trapIndex = trapStack.indexOf(trap);\n    if (trapIndex !== -1) {\n      trapStack.splice(trapIndex, 1);\n    }\n    if (trapStack.length > 0) {\n      trapStack[trapStack.length - 1].unpause();\n    }\n  }\n};\nvar isSelectableInput = function isSelectableInput(node) {\n  return node.tagName && node.tagName.toLowerCase() === 'input' && typeof node.select === 'function';\n};\nvar isEscapeEvent = function isEscapeEvent(e) {\n  return (e === null || e === void 0 ? void 0 : e.key) === 'Escape' || (e === null || e === void 0 ? void 0 : e.key) === 'Esc' || (e === null || e === void 0 ? void 0 : e.keyCode) === 27;\n};\nvar isTabEvent = function isTabEvent(e) {\n  return (e === null || e === void 0 ? void 0 : e.key) === 'Tab' || (e === null || e === void 0 ? void 0 : e.keyCode) === 9;\n};\n\n// checks for TAB by default\nvar isKeyForward = function isKeyForward(e) {\n  return isTabEvent(e) && !e.shiftKey;\n};\n\n// checks for SHIFT+TAB by default\nvar isKeyBackward = function isKeyBackward(e) {\n  return isTabEvent(e) && e.shiftKey;\n};\nvar delay = function delay(fn) {\n  return setTimeout(fn, 0);\n};\n\n// Array.find/findIndex() are not supported on IE; this replicates enough\n//  of Array.findIndex() for our needs\nvar findIndex = function findIndex(arr, fn) {\n  var idx = -1;\n  arr.every(function (value, i) {\n    if (fn(value)) {\n      idx = i;\n      return false; // break\n    }\n\n    return true; // next\n  });\n\n  return idx;\n};\n\n/**\n * Get an option's value when it could be a plain value, or a handler that provides\n *  the value.\n * @param {*} value Option's value to check.\n * @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.\n * @returns {*} The `value`, or the handler's returned value.\n */\nvar valueOrHandler = function valueOrHandler(value) {\n  for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    params[_key - 1] = arguments[_key];\n  }\n  return typeof value === 'function' ? value.apply(void 0, params) : value;\n};\nvar getActualTarget = function getActualTarget(event) {\n  // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the\n  //  shadow host. However, event.target.composedPath() will be an array of\n  //  nodes \"clicked\" from inner-most (the actual element inside the shadow) to\n  //  outer-most (the host HTML document). If we have access to composedPath(),\n  //  then use its first element; otherwise, fall back to event.target (and\n  //  this only works for an _open_ shadow DOM; otherwise,\n  //  composedPath()[0] === event.target always).\n  return event.target.shadowRoot && typeof event.composedPath === 'function' ? event.composedPath()[0] : event.target;\n};\n\n// NOTE: this must be _outside_ `createFocusTrap()` to make sure all traps in this\n//  current instance use the same stack if `userOptions.trapStack` isn't specified\nvar internalTrapStack = [];\nvar createFocusTrap = function createFocusTrap(elements, userOptions) {\n  // SSR: a live trap shouldn't be created in this type of environment so this\n  //  should be safe code to execute if the `document` option isn't specified\n  var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;\n  var trapStack = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.trapStack) || internalTrapStack;\n  var config = _objectSpread2({\n    returnFocusOnDeactivate: true,\n    escapeDeactivates: true,\n    delayInitialFocus: true,\n    isKeyForward: isKeyForward,\n    isKeyBackward: isKeyBackward\n  }, userOptions);\n  var state = {\n    // containers given to createFocusTrap()\n    // @type {Array<HTMLElement>}\n    containers: [],\n    // list of objects identifying tabbable nodes in `containers` in the trap\n    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap\n    //  is active, but the trap should never get to a state where there isn't at least one group\n    //  with at least one tabbable node in it (that would lead to an error condition that would\n    //  result in an error being thrown)\n    // @type {Array<{\n    //   container: HTMLElement,\n    //   tabbableNodes: Array<HTMLElement>, // empty if none\n    //   focusableNodes: Array<HTMLElement>, // empty if none\n    //   posTabIndexesFound: boolean,\n    //   firstTabbableNode: HTMLElement|undefined,\n    //   lastTabbableNode: HTMLElement|undefined,\n    //   firstDomTabbableNode: HTMLElement|undefined,\n    //   lastDomTabbableNode: HTMLElement|undefined,\n    //   nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined\n    // }>}\n    containerGroups: [],\n    // same order/length as `containers` list\n\n    // references to objects in `containerGroups`, but only those that actually have\n    //  tabbable nodes in them\n    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__\n    //  the same length\n    tabbableGroups: [],\n    nodeFocusedBeforeActivation: null,\n    mostRecentlyFocusedNode: null,\n    active: false,\n    paused: false,\n    // timer ID for when delayInitialFocus is true and initial focus in this trap\n    //  has been delayed during activation\n    delayInitialFocusTimer: undefined,\n    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any\n    recentNavEvent: undefined\n  };\n  var trap; // eslint-disable-line prefer-const -- some private functions reference it, and its methods reference private functions, so we must declare here and define later\n\n  /**\n   * Gets a configuration option value.\n   * @param {Object|undefined} configOverrideOptions If true, and option is defined in this set,\n   *  value will be taken from this object. Otherwise, value will be taken from base configuration.\n   * @param {string} optionName Name of the option whose value is sought.\n   * @param {string|undefined} [configOptionName] Name of option to use __instead of__ `optionName`\n   *  IIF `configOverrideOptions` is not defined. Otherwise, `optionName` is used.\n   */\n  var getOption = function getOption(configOverrideOptions, optionName, configOptionName) {\n    return configOverrideOptions && configOverrideOptions[optionName] !== undefined ? configOverrideOptions[optionName] : config[configOptionName || optionName];\n  };\n\n  /**\n   * Finds the index of the container that contains the element.\n   * @param {HTMLElement} element\n   * @param {Event} [event] If available, and `element` isn't directly found in any container,\n   *  the event's composed path is used to see if includes any known trap containers in the\n   *  case where the element is inside a Shadow DOM.\n   * @returns {number} Index of the container in either `state.containers` or\n   *  `state.containerGroups` (the order/length of these lists are the same); -1\n   *  if the element isn't found.\n   */\n  var findContainerIndex = function findContainerIndex(element, event) {\n    var composedPath = typeof (event === null || event === void 0 ? void 0 : event.composedPath) === 'function' ? event.composedPath() : undefined;\n    // NOTE: search `containerGroups` because it's possible a group contains no tabbable\n    //  nodes, but still contains focusable nodes (e.g. if they all have `tabindex=-1`)\n    //  and we still need to find the element in there\n    return state.containerGroups.findIndex(function (_ref) {\n      var container = _ref.container,\n        tabbableNodes = _ref.tabbableNodes;\n      return container.contains(element) || ( // fall back to explicit tabbable search which will take into consideration any\n      //  web components if the `tabbableOptions.getShadowRoot` option was used for\n      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't\n      //  look inside web components even if open)\n      composedPath === null || composedPath === void 0 ? void 0 : composedPath.includes(container)) || tabbableNodes.find(function (node) {\n        return node === element;\n      });\n    });\n  };\n\n  /**\n   * Gets the node for the given option, which is expected to be an option that\n   *  can be either a DOM node, a string that is a selector to get a node, `false`\n   *  (if a node is explicitly NOT given), or a function that returns any of these\n   *  values.\n   * @param {string} optionName\n   * @returns {undefined | false | HTMLElement | SVGElement} Returns\n   *  `undefined` if the option is not specified; `false` if the option\n   *  resolved to `false` (node explicitly not given); otherwise, the resolved\n   *  DOM node.\n   * @throws {Error} If the option is set, not `false`, and is not, or does not\n   *  resolve to a node.\n   */\n  var getNodeForOption = function getNodeForOption(optionName) {\n    var optionValue = config[optionName];\n    if (typeof optionValue === 'function') {\n      for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n        params[_key2 - 1] = arguments[_key2];\n      }\n      optionValue = optionValue.apply(void 0, params);\n    }\n    if (optionValue === true) {\n      optionValue = undefined; // use default value\n    }\n\n    if (!optionValue) {\n      if (optionValue === undefined || optionValue === false) {\n        return optionValue;\n      }\n      // else, empty string (invalid), null (invalid), 0 (invalid)\n\n      throw new Error(\"`\".concat(optionName, \"` was specified but was not a node, or did not return a node\"));\n    }\n    var node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n    if (typeof optionValue === 'string') {\n      node = doc.querySelector(optionValue); // resolve to node, or null if fails\n      if (!node) {\n        throw new Error(\"`\".concat(optionName, \"` as selector refers to no known node\"));\n      }\n    }\n    return node;\n  };\n  var getInitialFocusNode = function getInitialFocusNode() {\n    var node = getNodeForOption('initialFocus');\n\n    // false explicitly indicates we want no initialFocus at all\n    if (node === false) {\n      return false;\n    }\n    if (node === undefined || !isFocusable(node, config.tabbableOptions)) {\n      // option not specified nor focusable: use fallback options\n      if (findContainerIndex(doc.activeElement) >= 0) {\n        node = doc.activeElement;\n      } else {\n        var firstTabbableGroup = state.tabbableGroups[0];\n        var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n\n        // NOTE: `fallbackFocus` option function cannot return `false` (not supported)\n        node = firstTabbableNode || getNodeForOption('fallbackFocus');\n      }\n    }\n    if (!node) {\n      throw new Error('Your focus-trap needs to have at least one focusable element');\n    }\n    return node;\n  };\n  var updateTabbableNodes = function updateTabbableNodes() {\n    state.containerGroups = state.containers.map(function (container) {\n      var tabbableNodes = tabbable(container, config.tabbableOptions);\n\n      // NOTE: if we have tabbable nodes, we must have focusable nodes; focusable nodes\n      //  are a superset of tabbable nodes since nodes with negative `tabindex` attributes\n      //  are focusable but not tabbable\n      var focusableNodes = focusable(container, config.tabbableOptions);\n      var firstTabbableNode = tabbableNodes.length > 0 ? tabbableNodes[0] : undefined;\n      var lastTabbableNode = tabbableNodes.length > 0 ? tabbableNodes[tabbableNodes.length - 1] : undefined;\n      var firstDomTabbableNode = focusableNodes.find(function (node) {\n        return isTabbable(node);\n      });\n      var lastDomTabbableNode = focusableNodes.slice().reverse().find(function (node) {\n        return isTabbable(node);\n      });\n      var posTabIndexesFound = !!tabbableNodes.find(function (node) {\n        return getTabIndex(node) > 0;\n      });\n      return {\n        container: container,\n        tabbableNodes: tabbableNodes,\n        focusableNodes: focusableNodes,\n        /** True if at least one node with positive `tabindex` was found in this container. */\n        posTabIndexesFound: posTabIndexesFound,\n        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */\n        firstTabbableNode: firstTabbableNode,\n        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */\n        lastTabbableNode: lastTabbableNode,\n        // NOTE: DOM order is NOT NECESSARILY \"document position\" order, but figuring that out\n        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition\n        //  because that API doesn't work with Shadow DOM as well as it should (@see\n        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,\n        //  to address an edge case related to positive tabindex support, this seems like a much easier,\n        //  \"close enough most of the time\" alternative for positive tabindexes which should generally\n        //  be avoided anyway...\n        /** First tabbable node in container, __DOM__ order; `undefined` if none. */\n        firstDomTabbableNode: firstDomTabbableNode,\n        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */\n        lastDomTabbableNode: lastDomTabbableNode,\n        /**\n         * Finds the __tabbable__ node that follows the given node in the specified direction,\n         *  in this container, if any.\n         * @param {HTMLElement} node\n         * @param {boolean} [forward] True if going in forward tab order; false if going\n         *  in reverse.\n         * @returns {HTMLElement|undefined} The next tabbable node, if any.\n         */\n        nextTabbableNode: function nextTabbableNode(node) {\n          var forward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n          var nodeIdx = tabbableNodes.indexOf(node);\n          if (nodeIdx < 0) {\n            // either not tabbable nor focusable, or was focused but not tabbable (negative tabindex):\n            //  since `node` should at least have been focusable, we assume that's the case and mimic\n            //  what browsers do, which is set focus to the next node in __document position order__,\n            //  regardless of positive tabindexes, if any -- and for reasons explained in the NOTE\n            //  above related to `firstDomTabbable` and `lastDomTabbable` properties, we fall back to\n            //  basic DOM order\n            if (forward) {\n              return focusableNodes.slice(focusableNodes.indexOf(node) + 1).find(function (el) {\n                return isTabbable(el);\n              });\n            }\n            return focusableNodes.slice(0, focusableNodes.indexOf(node)).reverse().find(function (el) {\n              return isTabbable(el);\n            });\n          }\n          return tabbableNodes[nodeIdx + (forward ? 1 : -1)];\n        }\n      };\n    });\n    state.tabbableGroups = state.containerGroups.filter(function (group) {\n      return group.tabbableNodes.length > 0;\n    });\n\n    // throw if no groups have tabbable nodes and we don't have a fallback focus node either\n    if (state.tabbableGroups.length <= 0 && !getNodeForOption('fallbackFocus') // returning false not supported for this option\n    ) {\n      throw new Error('Your focus-trap must have at least one container with at least one tabbable node in it at all times');\n    }\n\n    // NOTE: Positive tabindexes are only properly supported in single-container traps because\n    //  doing it across multiple containers where tabindexes could be all over the place\n    //  would require Tabbable to support multiple containers, would require additional\n    //  specialized Shadow DOM support, and would require Tabbable's multi-container support\n    //  to look at those containers in document position order rather than user-provided\n    //  order (as they are treated in Focus-trap, for legacy reasons). See discussion on\n    //  https://github.com/focus-trap/focus-trap/issues/375 for more details.\n    if (state.containerGroups.find(function (g) {\n      return g.posTabIndexesFound;\n    }) && state.containerGroups.length > 1) {\n      throw new Error(\"At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.\");\n    }\n  };\n\n  /**\n   * Gets the current activeElement. If it's a web-component and has open shadow-root\n   * it will recursively search inside shadow roots for the \"true\" activeElement.\n   *\n   * @param {Document | ShadowRoot} el\n   *\n   * @returns {HTMLElement} The element that currently has the focus\n   **/\n  var getActiveElement = function getActiveElement(el) {\n    var activeElement = el.activeElement;\n    if (!activeElement) {\n      return;\n    }\n    if (activeElement.shadowRoot && activeElement.shadowRoot.activeElement !== null) {\n      return getActiveElement(activeElement.shadowRoot);\n    }\n    return activeElement;\n  };\n  var tryFocus = function tryFocus(node) {\n    if (node === false) {\n      return;\n    }\n    if (node === getActiveElement(document)) {\n      return;\n    }\n    if (!node || !node.focus) {\n      tryFocus(getInitialFocusNode());\n      return;\n    }\n    node.focus({\n      preventScroll: !!config.preventScroll\n    });\n    // NOTE: focus() API does not trigger focusIn event so set MRU node manually\n    state.mostRecentlyFocusedNode = node;\n    if (isSelectableInput(node)) {\n      node.select();\n    }\n  };\n  var getReturnFocusNode = function getReturnFocusNode(previousActiveElement) {\n    var node = getNodeForOption('setReturnFocus', previousActiveElement);\n    return node ? node : node === false ? false : previousActiveElement;\n  };\n\n  /**\n   * Finds the next node (in either direction) where focus should move according to a\n   *  keyboard focus-in event.\n   * @param {Object} params\n   * @param {Node} [params.target] Known target __from which__ to navigate, if any.\n   * @param {KeyboardEvent|FocusEvent} [params.event] Event to use if `target` isn't known (event\n   *  will be used to determine the `target`). Ignored if `target` is specified.\n   * @param {boolean} [params.isBackward] True if focus should move backward.\n   * @returns {Node|undefined} The next node, or `undefined` if a next node couldn't be\n   *  determined given the current state of the trap.\n   */\n  var findNextNavNode = function findNextNavNode(_ref2) {\n    var target = _ref2.target,\n      event = _ref2.event,\n      _ref2$isBackward = _ref2.isBackward,\n      isBackward = _ref2$isBackward === void 0 ? false : _ref2$isBackward;\n    target = target || getActualTarget(event);\n    updateTabbableNodes();\n    var destinationNode = null;\n    if (state.tabbableGroups.length > 0) {\n      // make sure the target is actually contained in a group\n      // NOTE: the target may also be the container itself if it's focusable\n      //  with tabIndex='-1' and was given initial focus\n      var containerIndex = findContainerIndex(target, event);\n      var containerGroup = containerIndex >= 0 ? state.containerGroups[containerIndex] : undefined;\n      if (containerIndex < 0) {\n        // target not found in any group: quite possible focus has escaped the trap,\n        //  so bring it back into...\n        if (isBackward) {\n          // ...the last node in the last group\n          destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;\n        } else {\n          // ...the first node in the first group\n          destinationNode = state.tabbableGroups[0].firstTabbableNode;\n        }\n      } else if (isBackward) {\n        // REVERSE\n\n        // is the target the first tabbable node in a group?\n        var startOfGroupIndex = findIndex(state.tabbableGroups, function (_ref3) {\n          var firstTabbableNode = _ref3.firstTabbableNode;\n          return target === firstTabbableNode;\n        });\n        if (startOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target, false))) {\n          // an exception case where the target is either the container itself, or\n          //  a non-tabbable node that was given focus (i.e. tabindex is negative\n          //  and user clicked on it or node was programmatically given focus)\n          //  and is not followed by any other tabbable node, in which\n          //  case, we should handle shift+tab as if focus were on the container's\n          //  first tabbable node, and go to the last tabbable node of the LAST group\n          startOfGroupIndex = containerIndex;\n        }\n        if (startOfGroupIndex >= 0) {\n          // YES: then shift+tab should go to the last tabbable node in the\n          //  previous group (and wrap around to the last tabbable node of\n          //  the LAST group if it's the first tabbable node of the FIRST group)\n          var destinationGroupIndex = startOfGroupIndex === 0 ? state.tabbableGroups.length - 1 : startOfGroupIndex - 1;\n          var destinationGroup = state.tabbableGroups[destinationGroupIndex];\n          destinationNode = getTabIndex(target) >= 0 ? destinationGroup.lastTabbableNode : destinationGroup.lastDomTabbableNode;\n        } else if (!isTabEvent(event)) {\n          // user must have customized the nav keys so we have to move focus manually _within_\n          //  the active group: do this based on the order determined by tabbable()\n          destinationNode = containerGroup.nextTabbableNode(target, false);\n        }\n      } else {\n        // FORWARD\n\n        // is the target the last tabbable node in a group?\n        var lastOfGroupIndex = findIndex(state.tabbableGroups, function (_ref4) {\n          var lastTabbableNode = _ref4.lastTabbableNode;\n          return target === lastTabbableNode;\n        });\n        if (lastOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target))) {\n          // an exception case where the target is the container itself, or\n          //  a non-tabbable node that was given focus (i.e. tabindex is negative\n          //  and user clicked on it or node was programmatically given focus)\n          //  and is not followed by any other tabbable node, in which\n          //  case, we should handle tab as if focus were on the container's\n          //  last tabbable node, and go to the first tabbable node of the FIRST group\n          lastOfGroupIndex = containerIndex;\n        }\n        if (lastOfGroupIndex >= 0) {\n          // YES: then tab should go to the first tabbable node in the next\n          //  group (and wrap around to the first tabbable node of the FIRST\n          //  group if it's the last tabbable node of the LAST group)\n          var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;\n          var _destinationGroup = state.tabbableGroups[_destinationGroupIndex];\n          destinationNode = getTabIndex(target) >= 0 ? _destinationGroup.firstTabbableNode : _destinationGroup.firstDomTabbableNode;\n        } else if (!isTabEvent(event)) {\n          // user must have customized the nav keys so we have to move focus manually _within_\n          //  the active group: do this based on the order determined by tabbable()\n          destinationNode = containerGroup.nextTabbableNode(target);\n        }\n      }\n    } else {\n      // no groups available\n      // NOTE: the fallbackFocus option does not support returning false to opt-out\n      destinationNode = getNodeForOption('fallbackFocus');\n    }\n    return destinationNode;\n  };\n\n  // This needs to be done on mousedown and touchstart instead of click\n  // so that it precedes the focus event.\n  var checkPointerDown = function checkPointerDown(e) {\n    var target = getActualTarget(e);\n    if (findContainerIndex(target, e) >= 0) {\n      // allow the click since it ocurred inside the trap\n      return;\n    }\n    if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n      // immediately deactivate the trap\n      trap.deactivate({\n        // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,\n        //  which will result in the outside click setting focus to the node\n        //  that was clicked (and if not focusable, to \"nothing\"); by setting\n        //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused\n        //  on activation (or the configured `setReturnFocus` node), whether the\n        //  outside click was on a focusable node or not\n        returnFocus: config.returnFocusOnDeactivate\n      });\n      return;\n    }\n\n    // This is needed for mobile devices.\n    // (If we'll only let `click` events through,\n    // then on mobile they will be blocked anyways if `touchstart` is blocked.)\n    if (valueOrHandler(config.allowOutsideClick, e)) {\n      // allow the click outside the trap to take place\n      return;\n    }\n\n    // otherwise, prevent the click\n    e.preventDefault();\n  };\n\n  // In case focus escapes the trap for some strange reason, pull it back in.\n  // NOTE: the focusIn event is NOT cancelable, so if focus escapes, it may cause unexpected\n  //  scrolling if the node that got focused was out of view; there's nothing we can do to\n  //  prevent that from happening by the time we discover that focus escaped\n  var checkFocusIn = function checkFocusIn(event) {\n    var target = getActualTarget(event);\n    var targetContained = findContainerIndex(target, event) >= 0;\n\n    // In Firefox when you Tab out of an iframe the Document is briefly focused.\n    if (targetContained || target instanceof Document) {\n      if (targetContained) {\n        state.mostRecentlyFocusedNode = target;\n      }\n    } else {\n      // escaped! pull it back in to where it just left\n      event.stopImmediatePropagation();\n\n      // focus will escape if the MRU node had a positive tab index and user tried to nav forward;\n      //  it will also escape if the MRU node had a 0 tab index and user tried to nav backward\n      //  toward a node with a positive tab index\n      var nextNode; // next node to focus, if we find one\n      var navAcrossContainers = true;\n      if (state.mostRecentlyFocusedNode) {\n        if (getTabIndex(state.mostRecentlyFocusedNode) > 0) {\n          // MRU container index must be >=0 otherwise we wouldn't have it as an MRU node...\n          var mruContainerIdx = findContainerIndex(state.mostRecentlyFocusedNode);\n          // there MAY not be any tabbable nodes in the container if there are at least 2 containers\n          //  and the MRU node is focusable but not tabbable (focus-trap requires at least 1 container\n          //  with at least one tabbable node in order to function, so this could be the other container\n          //  with nothing tabbable in it)\n          var tabbableNodes = state.containerGroups[mruContainerIdx].tabbableNodes;\n          if (tabbableNodes.length > 0) {\n            // MRU tab index MAY not be found if the MRU node is focusable but not tabbable\n            var mruTabIdx = tabbableNodes.findIndex(function (node) {\n              return node === state.mostRecentlyFocusedNode;\n            });\n            if (mruTabIdx >= 0) {\n              if (config.isKeyForward(state.recentNavEvent)) {\n                if (mruTabIdx + 1 < tabbableNodes.length) {\n                  nextNode = tabbableNodes[mruTabIdx + 1];\n                  navAcrossContainers = false;\n                }\n                // else, don't wrap within the container as focus should move to next/previous\n                //  container\n              } else {\n                if (mruTabIdx - 1 >= 0) {\n                  nextNode = tabbableNodes[mruTabIdx - 1];\n                  navAcrossContainers = false;\n                }\n                // else, don't wrap within the container as focus should move to next/previous\n                //  container\n              }\n              // else, don't find in container order without considering direction too\n            }\n          }\n          // else, no tabbable nodes in that container (which means we must have at least one other\n          //  container with at least one tabbable node in it, otherwise focus-trap would've thrown\n          //  an error the last time updateTabbableNodes() was run): find next node among all known\n          //  containers\n        } else {\n          // check to see if there's at least one tabbable node with a positive tab index inside\n          //  the trap because focus seems to escape when navigating backward from a tabbable node\n          //  with tabindex=0 when this is the case (instead of wrapping to the tabbable node with\n          //  the greatest positive tab index like it should)\n          if (!state.containerGroups.some(function (g) {\n            return g.tabbableNodes.some(function (n) {\n              return getTabIndex(n) > 0;\n            });\n          })) {\n            // no containers with tabbable nodes with positive tab indexes which means the focus\n            //  escaped for some other reason and we should just execute the fallback to the\n            //  MRU node or initial focus node, if any\n            navAcrossContainers = false;\n          }\n        }\n      } else {\n        // no MRU node means we're likely in some initial condition when the trap has just\n        //  been activated and initial focus hasn't been given yet, in which case we should\n        //  fall through to trying to focus the initial focus node, which is what should\n        //  happen below at this point in the logic\n        navAcrossContainers = false;\n      }\n      if (navAcrossContainers) {\n        nextNode = findNextNavNode({\n          // move FROM the MRU node, not event-related node (which will be the node that is\n          //  outside the trap causing the focus escape we're trying to fix)\n          target: state.mostRecentlyFocusedNode,\n          isBackward: config.isKeyBackward(state.recentNavEvent)\n        });\n      }\n      if (nextNode) {\n        tryFocus(nextNode);\n      } else {\n        tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());\n      }\n    }\n    state.recentNavEvent = undefined; // clear\n  };\n\n  // Hijack key nav events on the first and last focusable nodes of the trap,\n  // in order to prevent focus from escaping. If it escapes for even a\n  // moment it can end up scrolling the page and causing confusion so we\n  // kind of need to capture the action at the keydown phase.\n  var checkKeyNav = function checkKeyNav(event) {\n    var isBackward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n    state.recentNavEvent = event;\n    var destinationNode = findNextNavNode({\n      event: event,\n      isBackward: isBackward\n    });\n    if (destinationNode) {\n      if (isTabEvent(event)) {\n        // since tab natively moves focus, we wouldn't have a destination node unless we\n        //  were on the edge of a container and had to move to the next/previous edge, in\n        //  which case we want to prevent default to keep the browser from moving focus\n        //  to where it normally would\n        event.preventDefault();\n      }\n      tryFocus(destinationNode);\n    }\n    // else, let the browser take care of [shift+]tab and move the focus\n  };\n\n  var checkKey = function checkKey(event) {\n    if (isEscapeEvent(event) && valueOrHandler(config.escapeDeactivates, event) !== false) {\n      event.preventDefault();\n      trap.deactivate();\n      return;\n    }\n    if (config.isKeyForward(event) || config.isKeyBackward(event)) {\n      checkKeyNav(event, config.isKeyBackward(event));\n    }\n  };\n  var checkClick = function checkClick(e) {\n    var target = getActualTarget(e);\n    if (findContainerIndex(target, e) >= 0) {\n      return;\n    }\n    if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n      return;\n    }\n    if (valueOrHandler(config.allowOutsideClick, e)) {\n      return;\n    }\n    e.preventDefault();\n    e.stopImmediatePropagation();\n  };\n\n  //\n  // EVENT LISTENERS\n  //\n\n  var addListeners = function addListeners() {\n    if (!state.active) {\n      return;\n    }\n\n    // There can be only one listening focus trap at a time\n    activeFocusTraps.activateTrap(trapStack, trap);\n\n    // Delay ensures that the focused element doesn't capture the event\n    // that caused the focus trap activation.\n    state.delayInitialFocusTimer = config.delayInitialFocus ? delay(function () {\n      tryFocus(getInitialFocusNode());\n    }) : tryFocus(getInitialFocusNode());\n    doc.addEventListener('focusin', checkFocusIn, true);\n    doc.addEventListener('mousedown', checkPointerDown, {\n      capture: true,\n      passive: false\n    });\n    doc.addEventListener('touchstart', checkPointerDown, {\n      capture: true,\n      passive: false\n    });\n    doc.addEventListener('click', checkClick, {\n      capture: true,\n      passive: false\n    });\n    doc.addEventListener('keydown', checkKey, {\n      capture: true,\n      passive: false\n    });\n    return trap;\n  };\n  var removeListeners = function removeListeners() {\n    if (!state.active) {\n      return;\n    }\n    doc.removeEventListener('focusin', checkFocusIn, true);\n    doc.removeEventListener('mousedown', checkPointerDown, true);\n    doc.removeEventListener('touchstart', checkPointerDown, true);\n    doc.removeEventListener('click', checkClick, true);\n    doc.removeEventListener('keydown', checkKey, true);\n    return trap;\n  };\n\n  //\n  // MUTATION OBSERVER\n  //\n\n  var checkDomRemoval = function checkDomRemoval(mutations) {\n    var isFocusedNodeRemoved = mutations.some(function (mutation) {\n      var removedNodes = Array.from(mutation.removedNodes);\n      return removedNodes.some(function (node) {\n        return node === state.mostRecentlyFocusedNode;\n      });\n    });\n\n    // If the currently focused is removed then browsers will move focus to the\n    // <body> element. If this happens, try to move focus back into the trap.\n    if (isFocusedNodeRemoved) {\n      tryFocus(getInitialFocusNode());\n    }\n  };\n\n  // Use MutationObserver - if supported - to detect if focused node is removed\n  // from the DOM.\n  var mutationObserver = typeof window !== 'undefined' && 'MutationObserver' in window ? new MutationObserver(checkDomRemoval) : undefined;\n  var updateObservedNodes = function updateObservedNodes() {\n    if (!mutationObserver) {\n      return;\n    }\n    mutationObserver.disconnect();\n    if (state.active && !state.paused) {\n      state.containers.map(function (container) {\n        mutationObserver.observe(container, {\n          subtree: true,\n          childList: true\n        });\n      });\n    }\n  };\n\n  //\n  // TRAP DEFINITION\n  //\n\n  trap = {\n    get active() {\n      return state.active;\n    },\n    get paused() {\n      return state.paused;\n    },\n    activate: function activate(activateOptions) {\n      if (state.active) {\n        return this;\n      }\n      var onActivate = getOption(activateOptions, 'onActivate');\n      var onPostActivate = getOption(activateOptions, 'onPostActivate');\n      var checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');\n      if (!checkCanFocusTrap) {\n        updateTabbableNodes();\n      }\n      state.active = true;\n      state.paused = false;\n      state.nodeFocusedBeforeActivation = doc.activeElement;\n      onActivate === null || onActivate === void 0 || onActivate();\n      var finishActivation = function finishActivation() {\n        if (checkCanFocusTrap) {\n          updateTabbableNodes();\n        }\n        addListeners();\n        updateObservedNodes();\n        onPostActivate === null || onPostActivate === void 0 || onPostActivate();\n      };\n      if (checkCanFocusTrap) {\n        checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation);\n        return this;\n      }\n      finishActivation();\n      return this;\n    },\n    deactivate: function deactivate(deactivateOptions) {\n      if (!state.active) {\n        return this;\n      }\n      var options = _objectSpread2({\n        onDeactivate: config.onDeactivate,\n        onPostDeactivate: config.onPostDeactivate,\n        checkCanReturnFocus: config.checkCanReturnFocus\n      }, deactivateOptions);\n      clearTimeout(state.delayInitialFocusTimer); // noop if undefined\n      state.delayInitialFocusTimer = undefined;\n      removeListeners();\n      state.active = false;\n      state.paused = false;\n      updateObservedNodes();\n      activeFocusTraps.deactivateTrap(trapStack, trap);\n      var onDeactivate = getOption(options, 'onDeactivate');\n      var onPostDeactivate = getOption(options, 'onPostDeactivate');\n      var checkCanReturnFocus = getOption(options, 'checkCanReturnFocus');\n      var returnFocus = getOption(options, 'returnFocus', 'returnFocusOnDeactivate');\n      onDeactivate === null || onDeactivate === void 0 || onDeactivate();\n      var finishDeactivation = function finishDeactivation() {\n        delay(function () {\n          if (returnFocus) {\n            tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n          }\n          onPostDeactivate === null || onPostDeactivate === void 0 || onPostDeactivate();\n        });\n      };\n      if (returnFocus && checkCanReturnFocus) {\n        checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation, finishDeactivation);\n        return this;\n      }\n      finishDeactivation();\n      return this;\n    },\n    pause: function pause(pauseOptions) {\n      if (state.paused || !state.active) {\n        return this;\n      }\n      var onPause = getOption(pauseOptions, 'onPause');\n      var onPostPause = getOption(pauseOptions, 'onPostPause');\n      state.paused = true;\n      onPause === null || onPause === void 0 || onPause();\n      removeListeners();\n      updateObservedNodes();\n      onPostPause === null || onPostPause === void 0 || onPostPause();\n      return this;\n    },\n    unpause: function unpause(unpauseOptions) {\n      if (!state.paused || !state.active) {\n        return this;\n      }\n      var onUnpause = getOption(unpauseOptions, 'onUnpause');\n      var onPostUnpause = getOption(unpauseOptions, 'onPostUnpause');\n      state.paused = false;\n      onUnpause === null || onUnpause === void 0 || onUnpause();\n      updateTabbableNodes();\n      addListeners();\n      updateObservedNodes();\n      onPostUnpause === null || onPostUnpause === void 0 || onPostUnpause();\n      return this;\n    },\n    updateContainerElements: function updateContainerElements(containerElements) {\n      var elementsAsArray = [].concat(containerElements).filter(Boolean);\n      state.containers = elementsAsArray.map(function (element) {\n        return typeof element === 'string' ? doc.querySelector(element) : element;\n      });\n      if (state.active) {\n        updateTabbableNodes();\n      }\n      updateObservedNodes();\n      return this;\n    }\n  };\n\n  // initialize container elements\n  trap.updateContainerElements(elements);\n  return trap;\n};\n\nexport { createFocusTrap };\n//# sourceMappingURL=focus-trap.esm.js.map\n"],"mappings":"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"}
+{"version":3,"names":["ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread2","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","_toPrimitive","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","String","Number","arg","activeFocusTraps","activateTrap","trapStack","trap","activeTrap","pause","trapIndex","indexOf","splice","deactivateTrap","unpause","isSelectableInput","node","tagName","toLowerCase","select","isEscapeEvent","keyCode","isTabEvent","isKeyForward","shiftKey","isKeyBackward","delay","fn","setTimeout","findIndex","arr","idx","every","i","valueOrHandler","_len","params","Array","_key","getActualTarget","event","target","shadowRoot","composedPath","internalTrapStack","createFocusTrap","elements","userOptions","doc","document","config","returnFocusOnDeactivate","escapeDeactivates","delayInitialFocus","state","containers","containerGroups","tabbableGroups","nodeFocusedBeforeActivation","mostRecentlyFocusedNode","active","paused","delayInitialFocusTimer","recentNavEvent","getOption","configOverrideOptions","optionName","configOptionName","findContainerIndex","element","_ref","container","tabbableNodes","contains","includes","find","getNodeForOption","optionValue","_len2","_key2","Error","concat","querySelector","getInitialFocusNode","isFocusable","tabbableOptions","activeElement","firstTabbableGroup","firstTabbableNode","updateTabbableNodes","map","tabbable","focusableNodes","focusable","lastTabbableNode","firstDomTabbableNode","isTabbable","lastDomTabbableNode","slice","reverse","posTabIndexesFound","getTabIndex","nextTabbableNode","forward","nodeIdx","el","group","g","getActiveElement","tryFocus","focus","preventScroll","getReturnFocusNode","previousActiveElement","findNextNavNode","_ref2","_ref2$isBackward","isBackward","destinationNode","containerIndex","containerGroup","startOfGroupIndex","_ref3","destinationGroupIndex","destinationGroup","lastOfGroupIndex","_ref4","_destinationGroupIndex","_destinationGroup","checkPointerDown","clickOutsideDeactivates","deactivate","returnFocus","allowOutsideClick","preventDefault","checkFocusIn","targetContained","Document","stopImmediatePropagation","nextNode","navAcrossContainers","mruContainerIdx","mruTabIdx","some","n","checkKeyNav","checkKey","checkClick","addListeners","addEventListener","capture","passive","removeListeners","removeEventListener","checkDomRemoval","mutations","isFocusedNodeRemoved","mutation","removedNodes","from","mutationObserver","window","MutationObserver","updateObservedNodes","disconnect","observe","subtree","childList","activate","activateOptions","this","onActivate","onPostActivate","checkCanFocusTrap","finishActivation","then","deactivateOptions","options","onDeactivate","onPostDeactivate","checkCanReturnFocus","clearTimeout","finishDeactivation","pauseOptions","onPause","onPostPause","unpauseOptions","onUnpause","onPostUnpause","updateContainerElements","containerElements","elementsAsArray","Boolean"],"sources":["../../node_modules/focus-trap/dist/focus-trap.esm.js"],"sourcesContent":["/*!\n* focus-trap 7.5.4\n* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE\n*/\nimport { isFocusable, tabbable, focusable, isTabbable, getTabIndex } from 'tabbable';\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\nfunction _defineProperty(obj, key, value) {\n  key = _toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\nfunction _toPrimitive(input, hint) {\n  if (typeof input !== \"object\" || input === null) return input;\n  var prim = input[Symbol.toPrimitive];\n  if (prim !== undefined) {\n    var res = prim.call(input, hint || \"default\");\n    if (typeof res !== \"object\") return res;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (hint === \"string\" ? String : Number)(input);\n}\nfunction _toPropertyKey(arg) {\n  var key = _toPrimitive(arg, \"string\");\n  return typeof key === \"symbol\" ? key : String(key);\n}\n\nvar activeFocusTraps = {\n  activateTrap: function activateTrap(trapStack, trap) {\n    if (trapStack.length > 0) {\n      var activeTrap = trapStack[trapStack.length - 1];\n      if (activeTrap !== trap) {\n        activeTrap.pause();\n      }\n    }\n    var trapIndex = trapStack.indexOf(trap);\n    if (trapIndex === -1) {\n      trapStack.push(trap);\n    } else {\n      // move this existing trap to the front of the queue\n      trapStack.splice(trapIndex, 1);\n      trapStack.push(trap);\n    }\n  },\n  deactivateTrap: function deactivateTrap(trapStack, trap) {\n    var trapIndex = trapStack.indexOf(trap);\n    if (trapIndex !== -1) {\n      trapStack.splice(trapIndex, 1);\n    }\n    if (trapStack.length > 0) {\n      trapStack[trapStack.length - 1].unpause();\n    }\n  }\n};\nvar isSelectableInput = function isSelectableInput(node) {\n  return node.tagName && node.tagName.toLowerCase() === 'input' && typeof node.select === 'function';\n};\nvar isEscapeEvent = function isEscapeEvent(e) {\n  return (e === null || e === void 0 ? void 0 : e.key) === 'Escape' || (e === null || e === void 0 ? void 0 : e.key) === 'Esc' || (e === null || e === void 0 ? void 0 : e.keyCode) === 27;\n};\nvar isTabEvent = function isTabEvent(e) {\n  return (e === null || e === void 0 ? void 0 : e.key) === 'Tab' || (e === null || e === void 0 ? void 0 : e.keyCode) === 9;\n};\n\n// checks for TAB by default\nvar isKeyForward = function isKeyForward(e) {\n  return isTabEvent(e) && !e.shiftKey;\n};\n\n// checks for SHIFT+TAB by default\nvar isKeyBackward = function isKeyBackward(e) {\n  return isTabEvent(e) && e.shiftKey;\n};\nvar delay = function delay(fn) {\n  return setTimeout(fn, 0);\n};\n\n// Array.find/findIndex() are not supported on IE; this replicates enough\n//  of Array.findIndex() for our needs\nvar findIndex = function findIndex(arr, fn) {\n  var idx = -1;\n  arr.every(function (value, i) {\n    if (fn(value)) {\n      idx = i;\n      return false; // break\n    }\n\n    return true; // next\n  });\n\n  return idx;\n};\n\n/**\n * Get an option's value when it could be a plain value, or a handler that provides\n *  the value.\n * @param {*} value Option's value to check.\n * @param {...*} [params] Any parameters to pass to the handler, if `value` is a function.\n * @returns {*} The `value`, or the handler's returned value.\n */\nvar valueOrHandler = function valueOrHandler(value) {\n  for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    params[_key - 1] = arguments[_key];\n  }\n  return typeof value === 'function' ? value.apply(void 0, params) : value;\n};\nvar getActualTarget = function getActualTarget(event) {\n  // NOTE: If the trap is _inside_ a shadow DOM, event.target will always be the\n  //  shadow host. However, event.target.composedPath() will be an array of\n  //  nodes \"clicked\" from inner-most (the actual element inside the shadow) to\n  //  outer-most (the host HTML document). If we have access to composedPath(),\n  //  then use its first element; otherwise, fall back to event.target (and\n  //  this only works for an _open_ shadow DOM; otherwise,\n  //  composedPath()[0] === event.target always).\n  return event.target.shadowRoot && typeof event.composedPath === 'function' ? event.composedPath()[0] : event.target;\n};\n\n// NOTE: this must be _outside_ `createFocusTrap()` to make sure all traps in this\n//  current instance use the same stack if `userOptions.trapStack` isn't specified\nvar internalTrapStack = [];\nvar createFocusTrap = function createFocusTrap(elements, userOptions) {\n  // SSR: a live trap shouldn't be created in this type of environment so this\n  //  should be safe code to execute if the `document` option isn't specified\n  var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;\n  var trapStack = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.trapStack) || internalTrapStack;\n  var config = _objectSpread2({\n    returnFocusOnDeactivate: true,\n    escapeDeactivates: true,\n    delayInitialFocus: true,\n    isKeyForward: isKeyForward,\n    isKeyBackward: isKeyBackward\n  }, userOptions);\n  var state = {\n    // containers given to createFocusTrap()\n    // @type {Array<HTMLElement>}\n    containers: [],\n    // list of objects identifying tabbable nodes in `containers` in the trap\n    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap\n    //  is active, but the trap should never get to a state where there isn't at least one group\n    //  with at least one tabbable node in it (that would lead to an error condition that would\n    //  result in an error being thrown)\n    // @type {Array<{\n    //   container: HTMLElement,\n    //   tabbableNodes: Array<HTMLElement>, // empty if none\n    //   focusableNodes: Array<HTMLElement>, // empty if none\n    //   posTabIndexesFound: boolean,\n    //   firstTabbableNode: HTMLElement|undefined,\n    //   lastTabbableNode: HTMLElement|undefined,\n    //   firstDomTabbableNode: HTMLElement|undefined,\n    //   lastDomTabbableNode: HTMLElement|undefined,\n    //   nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined\n    // }>}\n    containerGroups: [],\n    // same order/length as `containers` list\n\n    // references to objects in `containerGroups`, but only those that actually have\n    //  tabbable nodes in them\n    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__\n    //  the same length\n    tabbableGroups: [],\n    nodeFocusedBeforeActivation: null,\n    mostRecentlyFocusedNode: null,\n    active: false,\n    paused: false,\n    // timer ID for when delayInitialFocus is true and initial focus in this trap\n    //  has been delayed during activation\n    delayInitialFocusTimer: undefined,\n    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any\n    recentNavEvent: undefined\n  };\n  var trap; // eslint-disable-line prefer-const -- some private functions reference it, and its methods reference private functions, so we must declare here and define later\n\n  /**\n   * Gets a configuration option value.\n   * @param {Object|undefined} configOverrideOptions If true, and option is defined in this set,\n   *  value will be taken from this object. Otherwise, value will be taken from base configuration.\n   * @param {string} optionName Name of the option whose value is sought.\n   * @param {string|undefined} [configOptionName] Name of option to use __instead of__ `optionName`\n   *  IIF `configOverrideOptions` is not defined. Otherwise, `optionName` is used.\n   */\n  var getOption = function getOption(configOverrideOptions, optionName, configOptionName) {\n    return configOverrideOptions && configOverrideOptions[optionName] !== undefined ? configOverrideOptions[optionName] : config[configOptionName || optionName];\n  };\n\n  /**\n   * Finds the index of the container that contains the element.\n   * @param {HTMLElement} element\n   * @param {Event} [event] If available, and `element` isn't directly found in any container,\n   *  the event's composed path is used to see if includes any known trap containers in the\n   *  case where the element is inside a Shadow DOM.\n   * @returns {number} Index of the container in either `state.containers` or\n   *  `state.containerGroups` (the order/length of these lists are the same); -1\n   *  if the element isn't found.\n   */\n  var findContainerIndex = function findContainerIndex(element, event) {\n    var composedPath = typeof (event === null || event === void 0 ? void 0 : event.composedPath) === 'function' ? event.composedPath() : undefined;\n    // NOTE: search `containerGroups` because it's possible a group contains no tabbable\n    //  nodes, but still contains focusable nodes (e.g. if they all have `tabindex=-1`)\n    //  and we still need to find the element in there\n    return state.containerGroups.findIndex(function (_ref) {\n      var container = _ref.container,\n        tabbableNodes = _ref.tabbableNodes;\n      return container.contains(element) || ( // fall back to explicit tabbable search which will take into consideration any\n      //  web components if the `tabbableOptions.getShadowRoot` option was used for\n      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't\n      //  look inside web components even if open)\n      composedPath === null || composedPath === void 0 ? void 0 : composedPath.includes(container)) || tabbableNodes.find(function (node) {\n        return node === element;\n      });\n    });\n  };\n\n  /**\n   * Gets the node for the given option, which is expected to be an option that\n   *  can be either a DOM node, a string that is a selector to get a node, `false`\n   *  (if a node is explicitly NOT given), or a function that returns any of these\n   *  values.\n   * @param {string} optionName\n   * @returns {undefined | false | HTMLElement | SVGElement} Returns\n   *  `undefined` if the option is not specified; `false` if the option\n   *  resolved to `false` (node explicitly not given); otherwise, the resolved\n   *  DOM node.\n   * @throws {Error} If the option is set, not `false`, and is not, or does not\n   *  resolve to a node.\n   */\n  var getNodeForOption = function getNodeForOption(optionName) {\n    var optionValue = config[optionName];\n    if (typeof optionValue === 'function') {\n      for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n        params[_key2 - 1] = arguments[_key2];\n      }\n      optionValue = optionValue.apply(void 0, params);\n    }\n    if (optionValue === true) {\n      optionValue = undefined; // use default value\n    }\n\n    if (!optionValue) {\n      if (optionValue === undefined || optionValue === false) {\n        return optionValue;\n      }\n      // else, empty string (invalid), null (invalid), 0 (invalid)\n\n      throw new Error(\"`\".concat(optionName, \"` was specified but was not a node, or did not return a node\"));\n    }\n    var node = optionValue; // could be HTMLElement, SVGElement, or non-empty string at this point\n\n    if (typeof optionValue === 'string') {\n      node = doc.querySelector(optionValue); // resolve to node, or null if fails\n      if (!node) {\n        throw new Error(\"`\".concat(optionName, \"` as selector refers to no known node\"));\n      }\n    }\n    return node;\n  };\n  var getInitialFocusNode = function getInitialFocusNode() {\n    var node = getNodeForOption('initialFocus');\n\n    // false explicitly indicates we want no initialFocus at all\n    if (node === false) {\n      return false;\n    }\n    if (node === undefined || !isFocusable(node, config.tabbableOptions)) {\n      // option not specified nor focusable: use fallback options\n      if (findContainerIndex(doc.activeElement) >= 0) {\n        node = doc.activeElement;\n      } else {\n        var firstTabbableGroup = state.tabbableGroups[0];\n        var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;\n\n        // NOTE: `fallbackFocus` option function cannot return `false` (not supported)\n        node = firstTabbableNode || getNodeForOption('fallbackFocus');\n      }\n    }\n    if (!node) {\n      throw new Error('Your focus-trap needs to have at least one focusable element');\n    }\n    return node;\n  };\n  var updateTabbableNodes = function updateTabbableNodes() {\n    state.containerGroups = state.containers.map(function (container) {\n      var tabbableNodes = tabbable(container, config.tabbableOptions);\n\n      // NOTE: if we have tabbable nodes, we must have focusable nodes; focusable nodes\n      //  are a superset of tabbable nodes since nodes with negative `tabindex` attributes\n      //  are focusable but not tabbable\n      var focusableNodes = focusable(container, config.tabbableOptions);\n      var firstTabbableNode = tabbableNodes.length > 0 ? tabbableNodes[0] : undefined;\n      var lastTabbableNode = tabbableNodes.length > 0 ? tabbableNodes[tabbableNodes.length - 1] : undefined;\n      var firstDomTabbableNode = focusableNodes.find(function (node) {\n        return isTabbable(node);\n      });\n      var lastDomTabbableNode = focusableNodes.slice().reverse().find(function (node) {\n        return isTabbable(node);\n      });\n      var posTabIndexesFound = !!tabbableNodes.find(function (node) {\n        return getTabIndex(node) > 0;\n      });\n      return {\n        container: container,\n        tabbableNodes: tabbableNodes,\n        focusableNodes: focusableNodes,\n        /** True if at least one node with positive `tabindex` was found in this container. */\n        posTabIndexesFound: posTabIndexesFound,\n        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */\n        firstTabbableNode: firstTabbableNode,\n        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */\n        lastTabbableNode: lastTabbableNode,\n        // NOTE: DOM order is NOT NECESSARILY \"document position\" order, but figuring that out\n        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition\n        //  because that API doesn't work with Shadow DOM as well as it should (@see\n        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,\n        //  to address an edge case related to positive tabindex support, this seems like a much easier,\n        //  \"close enough most of the time\" alternative for positive tabindexes which should generally\n        //  be avoided anyway...\n        /** First tabbable node in container, __DOM__ order; `undefined` if none. */\n        firstDomTabbableNode: firstDomTabbableNode,\n        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */\n        lastDomTabbableNode: lastDomTabbableNode,\n        /**\n         * Finds the __tabbable__ node that follows the given node in the specified direction,\n         *  in this container, if any.\n         * @param {HTMLElement} node\n         * @param {boolean} [forward] True if going in forward tab order; false if going\n         *  in reverse.\n         * @returns {HTMLElement|undefined} The next tabbable node, if any.\n         */\n        nextTabbableNode: function nextTabbableNode(node) {\n          var forward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n          var nodeIdx = tabbableNodes.indexOf(node);\n          if (nodeIdx < 0) {\n            // either not tabbable nor focusable, or was focused but not tabbable (negative tabindex):\n            //  since `node` should at least have been focusable, we assume that's the case and mimic\n            //  what browsers do, which is set focus to the next node in __document position order__,\n            //  regardless of positive tabindexes, if any -- and for reasons explained in the NOTE\n            //  above related to `firstDomTabbable` and `lastDomTabbable` properties, we fall back to\n            //  basic DOM order\n            if (forward) {\n              return focusableNodes.slice(focusableNodes.indexOf(node) + 1).find(function (el) {\n                return isTabbable(el);\n              });\n            }\n            return focusableNodes.slice(0, focusableNodes.indexOf(node)).reverse().find(function (el) {\n              return isTabbable(el);\n            });\n          }\n          return tabbableNodes[nodeIdx + (forward ? 1 : -1)];\n        }\n      };\n    });\n    state.tabbableGroups = state.containerGroups.filter(function (group) {\n      return group.tabbableNodes.length > 0;\n    });\n\n    // throw if no groups have tabbable nodes and we don't have a fallback focus node either\n    if (state.tabbableGroups.length <= 0 && !getNodeForOption('fallbackFocus') // returning false not supported for this option\n    ) {\n      throw new Error('Your focus-trap must have at least one container with at least one tabbable node in it at all times');\n    }\n\n    // NOTE: Positive tabindexes are only properly supported in single-container traps because\n    //  doing it across multiple containers where tabindexes could be all over the place\n    //  would require Tabbable to support multiple containers, would require additional\n    //  specialized Shadow DOM support, and would require Tabbable's multi-container support\n    //  to look at those containers in document position order rather than user-provided\n    //  order (as they are treated in Focus-trap, for legacy reasons). See discussion on\n    //  https://github.com/focus-trap/focus-trap/issues/375 for more details.\n    if (state.containerGroups.find(function (g) {\n      return g.posTabIndexesFound;\n    }) && state.containerGroups.length > 1) {\n      throw new Error(\"At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.\");\n    }\n  };\n\n  /**\n   * Gets the current activeElement. If it's a web-component and has open shadow-root\n   * it will recursively search inside shadow roots for the \"true\" activeElement.\n   *\n   * @param {Document | ShadowRoot} el\n   *\n   * @returns {HTMLElement} The element that currently has the focus\n   **/\n  var getActiveElement = function getActiveElement(el) {\n    var activeElement = el.activeElement;\n    if (!activeElement) {\n      return;\n    }\n    if (activeElement.shadowRoot && activeElement.shadowRoot.activeElement !== null) {\n      return getActiveElement(activeElement.shadowRoot);\n    }\n    return activeElement;\n  };\n  var tryFocus = function tryFocus(node) {\n    if (node === false) {\n      return;\n    }\n    if (node === getActiveElement(document)) {\n      return;\n    }\n    if (!node || !node.focus) {\n      tryFocus(getInitialFocusNode());\n      return;\n    }\n    node.focus({\n      preventScroll: !!config.preventScroll\n    });\n    // NOTE: focus() API does not trigger focusIn event so set MRU node manually\n    state.mostRecentlyFocusedNode = node;\n    if (isSelectableInput(node)) {\n      node.select();\n    }\n  };\n  var getReturnFocusNode = function getReturnFocusNode(previousActiveElement) {\n    var node = getNodeForOption('setReturnFocus', previousActiveElement);\n    return node ? node : node === false ? false : previousActiveElement;\n  };\n\n  /**\n   * Finds the next node (in either direction) where focus should move according to a\n   *  keyboard focus-in event.\n   * @param {Object} params\n   * @param {Node} [params.target] Known target __from which__ to navigate, if any.\n   * @param {KeyboardEvent|FocusEvent} [params.event] Event to use if `target` isn't known (event\n   *  will be used to determine the `target`). Ignored if `target` is specified.\n   * @param {boolean} [params.isBackward] True if focus should move backward.\n   * @returns {Node|undefined} The next node, or `undefined` if a next node couldn't be\n   *  determined given the current state of the trap.\n   */\n  var findNextNavNode = function findNextNavNode(_ref2) {\n    var target = _ref2.target,\n      event = _ref2.event,\n      _ref2$isBackward = _ref2.isBackward,\n      isBackward = _ref2$isBackward === void 0 ? false : _ref2$isBackward;\n    target = target || getActualTarget(event);\n    updateTabbableNodes();\n    var destinationNode = null;\n    if (state.tabbableGroups.length > 0) {\n      // make sure the target is actually contained in a group\n      // NOTE: the target may also be the container itself if it's focusable\n      //  with tabIndex='-1' and was given initial focus\n      var containerIndex = findContainerIndex(target, event);\n      var containerGroup = containerIndex >= 0 ? state.containerGroups[containerIndex] : undefined;\n      if (containerIndex < 0) {\n        // target not found in any group: quite possible focus has escaped the trap,\n        //  so bring it back into...\n        if (isBackward) {\n          // ...the last node in the last group\n          destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;\n        } else {\n          // ...the first node in the first group\n          destinationNode = state.tabbableGroups[0].firstTabbableNode;\n        }\n      } else if (isBackward) {\n        // REVERSE\n\n        // is the target the first tabbable node in a group?\n        var startOfGroupIndex = findIndex(state.tabbableGroups, function (_ref3) {\n          var firstTabbableNode = _ref3.firstTabbableNode;\n          return target === firstTabbableNode;\n        });\n        if (startOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target, false))) {\n          // an exception case where the target is either the container itself, or\n          //  a non-tabbable node that was given focus (i.e. tabindex is negative\n          //  and user clicked on it or node was programmatically given focus)\n          //  and is not followed by any other tabbable node, in which\n          //  case, we should handle shift+tab as if focus were on the container's\n          //  first tabbable node, and go to the last tabbable node of the LAST group\n          startOfGroupIndex = containerIndex;\n        }\n        if (startOfGroupIndex >= 0) {\n          // YES: then shift+tab should go to the last tabbable node in the\n          //  previous group (and wrap around to the last tabbable node of\n          //  the LAST group if it's the first tabbable node of the FIRST group)\n          var destinationGroupIndex = startOfGroupIndex === 0 ? state.tabbableGroups.length - 1 : startOfGroupIndex - 1;\n          var destinationGroup = state.tabbableGroups[destinationGroupIndex];\n          destinationNode = getTabIndex(target) >= 0 ? destinationGroup.lastTabbableNode : destinationGroup.lastDomTabbableNode;\n        } else if (!isTabEvent(event)) {\n          // user must have customized the nav keys so we have to move focus manually _within_\n          //  the active group: do this based on the order determined by tabbable()\n          destinationNode = containerGroup.nextTabbableNode(target, false);\n        }\n      } else {\n        // FORWARD\n\n        // is the target the last tabbable node in a group?\n        var lastOfGroupIndex = findIndex(state.tabbableGroups, function (_ref4) {\n          var lastTabbableNode = _ref4.lastTabbableNode;\n          return target === lastTabbableNode;\n        });\n        if (lastOfGroupIndex < 0 && (containerGroup.container === target || isFocusable(target, config.tabbableOptions) && !isTabbable(target, config.tabbableOptions) && !containerGroup.nextTabbableNode(target))) {\n          // an exception case where the target is the container itself, or\n          //  a non-tabbable node that was given focus (i.e. tabindex is negative\n          //  and user clicked on it or node was programmatically given focus)\n          //  and is not followed by any other tabbable node, in which\n          //  case, we should handle tab as if focus were on the container's\n          //  last tabbable node, and go to the first tabbable node of the FIRST group\n          lastOfGroupIndex = containerIndex;\n        }\n        if (lastOfGroupIndex >= 0) {\n          // YES: then tab should go to the first tabbable node in the next\n          //  group (and wrap around to the first tabbable node of the FIRST\n          //  group if it's the last tabbable node of the LAST group)\n          var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;\n          var _destinationGroup = state.tabbableGroups[_destinationGroupIndex];\n          destinationNode = getTabIndex(target) >= 0 ? _destinationGroup.firstTabbableNode : _destinationGroup.firstDomTabbableNode;\n        } else if (!isTabEvent(event)) {\n          // user must have customized the nav keys so we have to move focus manually _within_\n          //  the active group: do this based on the order determined by tabbable()\n          destinationNode = containerGroup.nextTabbableNode(target);\n        }\n      }\n    } else {\n      // no groups available\n      // NOTE: the fallbackFocus option does not support returning false to opt-out\n      destinationNode = getNodeForOption('fallbackFocus');\n    }\n    return destinationNode;\n  };\n\n  // This needs to be done on mousedown and touchstart instead of click\n  // so that it precedes the focus event.\n  var checkPointerDown = function checkPointerDown(e) {\n    var target = getActualTarget(e);\n    if (findContainerIndex(target, e) >= 0) {\n      // allow the click since it ocurred inside the trap\n      return;\n    }\n    if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n      // immediately deactivate the trap\n      trap.deactivate({\n        // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,\n        //  which will result in the outside click setting focus to the node\n        //  that was clicked (and if not focusable, to \"nothing\"); by setting\n        //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused\n        //  on activation (or the configured `setReturnFocus` node), whether the\n        //  outside click was on a focusable node or not\n        returnFocus: config.returnFocusOnDeactivate\n      });\n      return;\n    }\n\n    // This is needed for mobile devices.\n    // (If we'll only let `click` events through,\n    // then on mobile they will be blocked anyways if `touchstart` is blocked.)\n    if (valueOrHandler(config.allowOutsideClick, e)) {\n      // allow the click outside the trap to take place\n      return;\n    }\n\n    // otherwise, prevent the click\n    e.preventDefault();\n  };\n\n  // In case focus escapes the trap for some strange reason, pull it back in.\n  // NOTE: the focusIn event is NOT cancelable, so if focus escapes, it may cause unexpected\n  //  scrolling if the node that got focused was out of view; there's nothing we can do to\n  //  prevent that from happening by the time we discover that focus escaped\n  var checkFocusIn = function checkFocusIn(event) {\n    var target = getActualTarget(event);\n    var targetContained = findContainerIndex(target, event) >= 0;\n\n    // In Firefox when you Tab out of an iframe the Document is briefly focused.\n    if (targetContained || target instanceof Document) {\n      if (targetContained) {\n        state.mostRecentlyFocusedNode = target;\n      }\n    } else {\n      // escaped! pull it back in to where it just left\n      event.stopImmediatePropagation();\n\n      // focus will escape if the MRU node had a positive tab index and user tried to nav forward;\n      //  it will also escape if the MRU node had a 0 tab index and user tried to nav backward\n      //  toward a node with a positive tab index\n      var nextNode; // next node to focus, if we find one\n      var navAcrossContainers = true;\n      if (state.mostRecentlyFocusedNode) {\n        if (getTabIndex(state.mostRecentlyFocusedNode) > 0) {\n          // MRU container index must be >=0 otherwise we wouldn't have it as an MRU node...\n          var mruContainerIdx = findContainerIndex(state.mostRecentlyFocusedNode);\n          // there MAY not be any tabbable nodes in the container if there are at least 2 containers\n          //  and the MRU node is focusable but not tabbable (focus-trap requires at least 1 container\n          //  with at least one tabbable node in order to function, so this could be the other container\n          //  with nothing tabbable in it)\n          var tabbableNodes = state.containerGroups[mruContainerIdx].tabbableNodes;\n          if (tabbableNodes.length > 0) {\n            // MRU tab index MAY not be found if the MRU node is focusable but not tabbable\n            var mruTabIdx = tabbableNodes.findIndex(function (node) {\n              return node === state.mostRecentlyFocusedNode;\n            });\n            if (mruTabIdx >= 0) {\n              if (config.isKeyForward(state.recentNavEvent)) {\n                if (mruTabIdx + 1 < tabbableNodes.length) {\n                  nextNode = tabbableNodes[mruTabIdx + 1];\n                  navAcrossContainers = false;\n                }\n                // else, don't wrap within the container as focus should move to next/previous\n                //  container\n              } else {\n                if (mruTabIdx - 1 >= 0) {\n                  nextNode = tabbableNodes[mruTabIdx - 1];\n                  navAcrossContainers = false;\n                }\n                // else, don't wrap within the container as focus should move to next/previous\n                //  container\n              }\n              // else, don't find in container order without considering direction too\n            }\n          }\n          // else, no tabbable nodes in that container (which means we must have at least one other\n          //  container with at least one tabbable node in it, otherwise focus-trap would've thrown\n          //  an error the last time updateTabbableNodes() was run): find next node among all known\n          //  containers\n        } else {\n          // check to see if there's at least one tabbable node with a positive tab index inside\n          //  the trap because focus seems to escape when navigating backward from a tabbable node\n          //  with tabindex=0 when this is the case (instead of wrapping to the tabbable node with\n          //  the greatest positive tab index like it should)\n          if (!state.containerGroups.some(function (g) {\n            return g.tabbableNodes.some(function (n) {\n              return getTabIndex(n) > 0;\n            });\n          })) {\n            // no containers with tabbable nodes with positive tab indexes which means the focus\n            //  escaped for some other reason and we should just execute the fallback to the\n            //  MRU node or initial focus node, if any\n            navAcrossContainers = false;\n          }\n        }\n      } else {\n        // no MRU node means we're likely in some initial condition when the trap has just\n        //  been activated and initial focus hasn't been given yet, in which case we should\n        //  fall through to trying to focus the initial focus node, which is what should\n        //  happen below at this point in the logic\n        navAcrossContainers = false;\n      }\n      if (navAcrossContainers) {\n        nextNode = findNextNavNode({\n          // move FROM the MRU node, not event-related node (which will be the node that is\n          //  outside the trap causing the focus escape we're trying to fix)\n          target: state.mostRecentlyFocusedNode,\n          isBackward: config.isKeyBackward(state.recentNavEvent)\n        });\n      }\n      if (nextNode) {\n        tryFocus(nextNode);\n      } else {\n        tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());\n      }\n    }\n    state.recentNavEvent = undefined; // clear\n  };\n\n  // Hijack key nav events on the first and last focusable nodes of the trap,\n  // in order to prevent focus from escaping. If it escapes for even a\n  // moment it can end up scrolling the page and causing confusion so we\n  // kind of need to capture the action at the keydown phase.\n  var checkKeyNav = function checkKeyNav(event) {\n    var isBackward = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n    state.recentNavEvent = event;\n    var destinationNode = findNextNavNode({\n      event: event,\n      isBackward: isBackward\n    });\n    if (destinationNode) {\n      if (isTabEvent(event)) {\n        // since tab natively moves focus, we wouldn't have a destination node unless we\n        //  were on the edge of a container and had to move to the next/previous edge, in\n        //  which case we want to prevent default to keep the browser from moving focus\n        //  to where it normally would\n        event.preventDefault();\n      }\n      tryFocus(destinationNode);\n    }\n    // else, let the browser take care of [shift+]tab and move the focus\n  };\n\n  var checkKey = function checkKey(event) {\n    if (isEscapeEvent(event) && valueOrHandler(config.escapeDeactivates, event) !== false) {\n      event.preventDefault();\n      trap.deactivate();\n      return;\n    }\n    if (config.isKeyForward(event) || config.isKeyBackward(event)) {\n      checkKeyNav(event, config.isKeyBackward(event));\n    }\n  };\n  var checkClick = function checkClick(e) {\n    var target = getActualTarget(e);\n    if (findContainerIndex(target, e) >= 0) {\n      return;\n    }\n    if (valueOrHandler(config.clickOutsideDeactivates, e)) {\n      return;\n    }\n    if (valueOrHandler(config.allowOutsideClick, e)) {\n      return;\n    }\n    e.preventDefault();\n    e.stopImmediatePropagation();\n  };\n\n  //\n  // EVENT LISTENERS\n  //\n\n  var addListeners = function addListeners() {\n    if (!state.active) {\n      return;\n    }\n\n    // There can be only one listening focus trap at a time\n    activeFocusTraps.activateTrap(trapStack, trap);\n\n    // Delay ensures that the focused element doesn't capture the event\n    // that caused the focus trap activation.\n    state.delayInitialFocusTimer = config.delayInitialFocus ? delay(function () {\n      tryFocus(getInitialFocusNode());\n    }) : tryFocus(getInitialFocusNode());\n    doc.addEventListener('focusin', checkFocusIn, true);\n    doc.addEventListener('mousedown', checkPointerDown, {\n      capture: true,\n      passive: false\n    });\n    doc.addEventListener('touchstart', checkPointerDown, {\n      capture: true,\n      passive: false\n    });\n    doc.addEventListener('click', checkClick, {\n      capture: true,\n      passive: false\n    });\n    doc.addEventListener('keydown', checkKey, {\n      capture: true,\n      passive: false\n    });\n    return trap;\n  };\n  var removeListeners = function removeListeners() {\n    if (!state.active) {\n      return;\n    }\n    doc.removeEventListener('focusin', checkFocusIn, true);\n    doc.removeEventListener('mousedown', checkPointerDown, true);\n    doc.removeEventListener('touchstart', checkPointerDown, true);\n    doc.removeEventListener('click', checkClick, true);\n    doc.removeEventListener('keydown', checkKey, true);\n    return trap;\n  };\n\n  //\n  // MUTATION OBSERVER\n  //\n\n  var checkDomRemoval = function checkDomRemoval(mutations) {\n    var isFocusedNodeRemoved = mutations.some(function (mutation) {\n      var removedNodes = Array.from(mutation.removedNodes);\n      return removedNodes.some(function (node) {\n        return node === state.mostRecentlyFocusedNode;\n      });\n    });\n\n    // If the currently focused is removed then browsers will move focus to the\n    // <body> element. If this happens, try to move focus back into the trap.\n    if (isFocusedNodeRemoved) {\n      tryFocus(getInitialFocusNode());\n    }\n  };\n\n  // Use MutationObserver - if supported - to detect if focused node is removed\n  // from the DOM.\n  var mutationObserver = typeof window !== 'undefined' && 'MutationObserver' in window ? new MutationObserver(checkDomRemoval) : undefined;\n  var updateObservedNodes = function updateObservedNodes() {\n    if (!mutationObserver) {\n      return;\n    }\n    mutationObserver.disconnect();\n    if (state.active && !state.paused) {\n      state.containers.map(function (container) {\n        mutationObserver.observe(container, {\n          subtree: true,\n          childList: true\n        });\n      });\n    }\n  };\n\n  //\n  // TRAP DEFINITION\n  //\n\n  trap = {\n    get active() {\n      return state.active;\n    },\n    get paused() {\n      return state.paused;\n    },\n    activate: function activate(activateOptions) {\n      if (state.active) {\n        return this;\n      }\n      var onActivate = getOption(activateOptions, 'onActivate');\n      var onPostActivate = getOption(activateOptions, 'onPostActivate');\n      var checkCanFocusTrap = getOption(activateOptions, 'checkCanFocusTrap');\n      if (!checkCanFocusTrap) {\n        updateTabbableNodes();\n      }\n      state.active = true;\n      state.paused = false;\n      state.nodeFocusedBeforeActivation = doc.activeElement;\n      onActivate === null || onActivate === void 0 || onActivate();\n      var finishActivation = function finishActivation() {\n        if (checkCanFocusTrap) {\n          updateTabbableNodes();\n        }\n        addListeners();\n        updateObservedNodes();\n        onPostActivate === null || onPostActivate === void 0 || onPostActivate();\n      };\n      if (checkCanFocusTrap) {\n        checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation);\n        return this;\n      }\n      finishActivation();\n      return this;\n    },\n    deactivate: function deactivate(deactivateOptions) {\n      if (!state.active) {\n        return this;\n      }\n      var options = _objectSpread2({\n        onDeactivate: config.onDeactivate,\n        onPostDeactivate: config.onPostDeactivate,\n        checkCanReturnFocus: config.checkCanReturnFocus\n      }, deactivateOptions);\n      clearTimeout(state.delayInitialFocusTimer); // noop if undefined\n      state.delayInitialFocusTimer = undefined;\n      removeListeners();\n      state.active = false;\n      state.paused = false;\n      updateObservedNodes();\n      activeFocusTraps.deactivateTrap(trapStack, trap);\n      var onDeactivate = getOption(options, 'onDeactivate');\n      var onPostDeactivate = getOption(options, 'onPostDeactivate');\n      var checkCanReturnFocus = getOption(options, 'checkCanReturnFocus');\n      var returnFocus = getOption(options, 'returnFocus', 'returnFocusOnDeactivate');\n      onDeactivate === null || onDeactivate === void 0 || onDeactivate();\n      var finishDeactivation = function finishDeactivation() {\n        delay(function () {\n          if (returnFocus) {\n            tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));\n          }\n          onPostDeactivate === null || onPostDeactivate === void 0 || onPostDeactivate();\n        });\n      };\n      if (returnFocus && checkCanReturnFocus) {\n        checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation, finishDeactivation);\n        return this;\n      }\n      finishDeactivation();\n      return this;\n    },\n    pause: function pause(pauseOptions) {\n      if (state.paused || !state.active) {\n        return this;\n      }\n      var onPause = getOption(pauseOptions, 'onPause');\n      var onPostPause = getOption(pauseOptions, 'onPostPause');\n      state.paused = true;\n      onPause === null || onPause === void 0 || onPause();\n      removeListeners();\n      updateObservedNodes();\n      onPostPause === null || onPostPause === void 0 || onPostPause();\n      return this;\n    },\n    unpause: function unpause(unpauseOptions) {\n      if (!state.paused || !state.active) {\n        return this;\n      }\n      var onUnpause = getOption(unpauseOptions, 'onUnpause');\n      var onPostUnpause = getOption(unpauseOptions, 'onPostUnpause');\n      state.paused = false;\n      onUnpause === null || onUnpause === void 0 || onUnpause();\n      updateTabbableNodes();\n      addListeners();\n      updateObservedNodes();\n      onPostUnpause === null || onPostUnpause === void 0 || onPostUnpause();\n      return this;\n    },\n    updateContainerElements: function updateContainerElements(containerElements) {\n      var elementsAsArray = [].concat(containerElements).filter(Boolean);\n      state.containers = elementsAsArray.map(function (element) {\n        return typeof element === 'string' ? doc.querySelector(element) : element;\n      });\n      if (state.active) {\n        updateTabbableNodes();\n      }\n      updateObservedNodes();\n      return this;\n    }\n  };\n\n  // initialize container elements\n  trap.updateContainerElements(elements);\n  return trap;\n};\n\nexport { createFocusTrap };\n//# sourceMappingURL=focus-trap.esm.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-824b23ee.entry.js

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