@dso-toolkit/core 73.1.0 → 73.2.0

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

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as i}from"./p-C-b4jsbt.js";const n="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;block-size:2.5rem;padding:8px;position:absolute;inset-inline-end:0;text-align:center;inset-block-start:0;inline-size:2.5rem;cursor:pointer}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c;cursor:pointer}.dso-button-container button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const a=class{constructor(i){e(this,i);this.dsoInput=o(this,"dsoInput",3);this.dsoNext=o(this,"dsoNext",3);this.dsoPrevious=o(this,"dsoPrevious",3);this.dsoClear=o(this,"dsoClear",3);this.label="Zoeken in document";this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}}}async dsoFocus(e={}){var o,i;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(i=this.inputElement)===null||i===void 0?void 0:i.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return i("div",{key:"dd7b7eaaabb3c90cb8e22ae789add1e489729997",class:"dso-mark-bar"},i("div",{key:"4c512dad639d767e3956b9e225fee0b8301dfd63",class:"dso-mark-bar-input"},i("input",{key:"cd65945d8d1d76f07b987860fb84162af7e520e4",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),i("label",{key:"c71d9938fe4b5b7be255ff29dfd933f5ffbda692",htmlFor:"search-input"},i("dso-icon",{key:"38b0f84fd24ece2c0f8279f61984f1fa458d6c0f",class:"dso-search-icon",icon:"search"}),i("span",{key:"1404fe4cfed0b57d3a19c8cf43c56a7622bb37d5",class:"label-text"},this.label)),i("button",{key:"eb4197ba90988a53e1aabf0b9f84eb2039f110fb",type:"button",onClick:this.handleClear},i("dso-icon",{key:"d4632a107abcaf10cdad91f51f9a53b495de1a88",icon:"times"}),i("span",{key:"761fbb5e96a50990e6ec0453f216578d78bbc7dd",class:"sr-only"},"Zoekopdracht legen"))),i("div",{key:"7364c1860a5e684f32ea6800b2bc4c19e9b4f272",class:"dso-button-container"},i("span",{key:"8c57772036cdc0a51644f157311a85102bf9d92d",class:"divider"}),i("button",{key:"7c0fda2062a24c52787ce272298ed68922ecb87e",type:"button",onClick:this.handlePrevious,disabled:e<=1},i("dso-icon",{key:"5c0c6165c64a7011cb8d46f6458440dae6a60e26",icon:"chevron-up",class:"hydrated"}),i("span",{key:"7750fabddc5075e89f5795d4ed6e2e40573ad31d",class:"sr-only"},"Vorig zoekresultaat")),i("span",{key:"a6ac6df0c61467d452dc9547e311db586e391096"},e,"/",o),i("button",{key:"dae1e4a795809ac9af20261cd93277640ccbbb9b",type:"button",onClick:this.handleNext,disabled:e>=o},i("dso-icon",{key:"f86affb1ad65b8b5e2d570cabd1855b61488687f",icon:"chevron-down",class:"hydrated"}),i("span",{key:"5f016699b38483d38303c6f7cfac48778394d6ae",class:"sr-only"},"Volgend zoekresultaat"))))}};a.style=n;export{a as dso_mark_bar};
-//# sourceMappingURL=p-c02f13f7.entry.js.map
+import{r as e,c as o,h as a}from"./p-C-b4jsbt.js";const i="*,*::after,*::before{box-sizing:border-box}:host{display:block;background-color:#fff}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar{display:flex;flex-grow:1}.dso-mark-bar .dso-mark-bar-input{display:flex;position:relative;inline-size:100%}.dso-mark-bar .dso-mark-bar-input input{background-color:transparent;background-image:none;border:1px solid #275937;border-radius:4px;border-width:1px;box-shadow:none;display:block;font-size:1rem;block-size:2.5rem;line-height:2.5rem;padding-inline:2.5rem;padding-block:6px;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;inline-size:100%;border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0}.dso-mark-bar .dso-mark-bar-input input:focus{border-color:#275937;box-shadow:inset 0 0 0 1px #275937;outline:0}.dso-mark-bar .dso-mark-bar-input input::-ms-clear{display:none}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label{inline-size:2.5rem;padding-inline-end:8px}.dso-mark-bar .dso-mark-bar-input input:not(:placeholder-shown)+label .label-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-mark-bar .dso-mark-bar-input label{inset-block-end:8px;block-size:2.5rem;inset-inline-start:0;inset-inline-end:40px;padding-block:8px;padding-inline-start:8px;cursor:text;position:absolute;inset-block-start:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.dso-mark-bar .dso-mark-bar-input label dso-icon{color:#39870c;cursor:default;margin:-8px;padding:8px;inline-size:2.5rem;block-size:2.5rem}.dso-mark-bar .dso-mark-bar-input label .label-text{margin-inline-start:8px;color:#666}.dso-mark-bar .dso-mark-bar-input button{background-color:transparent;border:0;box-shadow:none;color:#39870c;font-size:0;block-size:2.5rem;padding:8px;position:absolute;inset-inline-end:0;text-align:center;inset-block-start:0;inline-size:2.5rem;cursor:pointer}.dso-button-container{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;padding-inline:8px;border:1px solid #275937;border-inline-start:0;border-start-end-radius:4px;border-end-end-radius:4px}.dso-button-container button{appearance:none;padding:0;border:0;background-color:transparent;color:#39870c;cursor:pointer}.dso-button-container button:disabled{color:#ccc;cursor:default}.dso-button-container .divider{position:absolute;inset-inline-start:0;inset-block-start:8px;inset-block-end:8px;inline-size:1px;background-color:#ccc}";const n=class{constructor(a){e(this,a);this.dsoInput=o(this,"dsoInput",3);this.dsoNext=o(this,"dsoNext",3);this.dsoPrevious=o(this,"dsoPrevious",3);this.dsoClear=o(this,"dsoClear",3);this.label="Zoeken in document";this.handleInput=e=>{if(!(e.target instanceof HTMLInputElement)){return}this.dsoInput.emit({originalEvent:e,value:e.target.value})};this.handleNext=e=>{this.dsoNext.emit({originalEvent:e})};this.handlePrevious=e=>{this.dsoPrevious.emit({originalEvent:e})};this.handleClear=e=>{this.dsoClear.emit({originalEvent:e})};this.handleKeyDown=e=>{if(e.key==="Enter"){this.handleNext(e)}}}async dsoFocus(e={}){var o,a;(o=this.inputElement)===null||o===void 0?void 0:o.focus();if(e.select){(a=this.inputElement)===null||a===void 0?void 0:a.select()}}render(){const e=this.current||0;const o=this.totalCount||0;return a("div",{key:"25a89cdf7fb470b80e2bdf61730807b1c28c26fd",class:"dso-mark-bar"},a("div",{key:"7b6d2c2ab2cce55574f51db8b3ee31272a3071e8",class:"dso-mark-bar-input"},a("input",{key:"998cde8986f61fb6d48cd4231832bb0c69a441b7",type:"text",id:"search-input",value:this.value,onInput:this.handleInput,onKeyDown:this.handleKeyDown,placeholder:" ",ref:e=>this.inputElement=e}),a("label",{key:"a91ab401c3da6ab457816fcac11ba9338d2b64fb",htmlFor:"search-input"},a("dso-icon",{key:"15c3d5cfa73ff59fc49776631c180a7c23345edb",class:"dso-search-icon",icon:"search"}),a("span",{key:"7729aaa5068f945ca379d2ac313b5e829c30487b",class:"label-text"},this.label)),a("button",{key:"793756efcd30c7f03dd133d1cf1684d32869a466",type:"button",onClick:this.handleClear},a("dso-icon",{key:"6f290a131ad4533067328f27b601c96aa49a51da",icon:"times"}),a("span",{key:"0e5ea865d7a73de4e66e17d8e5c27e2420b1e3a0",class:"sr-only"},"Zoekopdracht legen"))),a("div",{key:"6d85a4582762c3531381d8094b1d5810fc67f675",class:"dso-button-container"},a("span",{key:"8dc823dbdf0c08fab51f6a006558052f0224c762",class:"divider"}),a("button",{key:"a7cd048aa51c9271a8c92ca9d4d04bc9e425f6c1",type:"button",onClick:this.handlePrevious,disabled:e<=1},a("dso-icon",{key:"b3828d809c6d80717908bd4c05af9b3fa9347106",icon:"chevron-up",class:"hydrated"}),a("span",{key:"5da016d27a3eb6a4fe4049073eef0e0075e7bacd",class:"sr-only"},"Vorig zoekresultaat")),a("span",{key:"7fa91bb5098828fb3da03132a1fd52767258e67b"},e,"/",o),a("button",{key:"a18edd6e413546309000b1b5bf95830815e977f5",type:"button",onClick:this.handleNext,disabled:e>=o},a("dso-icon",{key:"ba659db705dcaaa909813bc2facd3f93115505d0",icon:"chevron-down",class:"hydrated"}),a("span",{key:"c2c116fba5166e07bdfc36c284334493d098fd89",class:"sr-only"},"Volgend zoekresultaat"))))}};n.style=i;export{n as dso_mark_bar};
+//# sourceMappingURL=p-b615471f.entry.js.map

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

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

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

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

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

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

package/dist/dso-toolkit/{p-3e3efd7f.entry.js → p-c0410277.entry.js}

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