@dso-toolkit/core 51.3.0 → 51.4.0

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -13,11 +13,16 @@ export declare class DropdownMenu {
    * Whether the menu is checkable.
    */
   checkable: boolean;
+  /** Selector for the element the dropdown options should not be overflowing.*/
+  boundary?: string;
+  watchPosition(): void;
   host: HTMLElement;
+  private popper;
   get button(): HTMLButtonElement;
   get tabbables(): FocusableElement[];
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   focusOutListener: (event: FocusEvent) => void;
   keyDownListener: (event: KeyboardEvent) => void;
   getActiveElement(root?: Document | ShadowRoot): Element | null;

package/dist/types/components/map-controls/map-controls.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { MapControlsToggleEvent } from "./map-controls.interfaces";
 export declare class MapControls {
   #private;
   private panelTitle;
@@ -6,7 +7,15 @@ export declare class MapControls {
   disableZoom?: "in" | "out" | "both";
   dsoZoomIn: EventEmitter<MouseEvent>;
   dsoZoomOut: EventEmitter<MouseEvent>;
+  /**
+   * emits when the panel opens or closes.
+   *
+   * - `event.detail.originalEvent` contains the original `MouseEvent / KeyboardEvent` when the panel is toggled by clicking the visibility button or the close button.
+   * - `event.detail.open` is true when the panel opens and false when the panel closes.
+   */
+  dsoToggle: EventEmitter<MapControlsToggleEvent>;
   hideContent: boolean;
   watchOpen(open: boolean): void;
+  toggleVisibility(e: MouseEvent | KeyboardEvent): Promise<void>;
   render(): any;
 }

package/dist/types/components/map-controls/map-controls.interfaces.d.ts

@@ -0,0 +1,5 @@
+export declare const transitionDuration = 300;
+export interface MapControlsToggleEvent {
+  originalEvent?: MouseEvent | KeyboardEvent;
+  open: boolean;
+}

package/dist/types/components/selectable/selectable.d.ts

@@ -7,6 +7,7 @@ export declare class Selectable {
   value: string;
   invalid?: boolean;
   describedById?: string;
+  labelledById?: string;
   disabled?: boolean;
   required?: boolean;
   checked?: boolean;

package/dist/types/components.d.ts

@@ -17,6 +17,7 @@ import { HeaderEvent, HeaderMenuItem } from "./components/header/header.interfac
 import { InfoButtonToggleEvent } from "./components/info-button/info-button.interfaces";
 import { ListButtonChangeEvent, ListButtonSelectedEvent } from "./components/list-button/list-button.interfaces";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
+import { MapControlsToggleEvent } from "./components/map-controls/map-controls.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
 import { ModalRole } from "./components/modal/modal";
 import { DsoModalCloseEvent } from "./components/modal/modal.interfaces";
@@ -199,6 +200,10 @@ export namespace Components {
         "value": string;
     }
     interface DsoDropdownMenu {
+        /**
+          * Selector for the element the dropdown options should not be overflowing.
+         */
+        "boundary"?: string;
         /**
           * Whether the menu is checkable.
          */
@@ -288,6 +293,7 @@ export namespace Components {
     interface DsoMapControls {
         "disableZoom"?: "in" | "out" | "both";
         "open": boolean;
+        "toggleVisibility": (e: MouseEvent | KeyboardEvent) => Promise<void>;
     }
     interface DsoMapOverlays {
         "group": string;
@@ -361,6 +367,7 @@ export namespace Components {
         "indeterminate"?: boolean;
         "infoFixed"?: boolean;
         "invalid"?: boolean;
+        "labelledById"?: string;
         "name"?: string;
         "required"?: boolean;
         "toggleInfo": (active?: boolean) => Promise<void>;
@@ -1012,6 +1019,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface DsoDropdownMenu {
+        /**
+          * Selector for the element the dropdown options should not be overflowing.
+         */
+        "boundary"?: string;
         /**
           * Whether the menu is checkable.
          */
@@ -1110,6 +1121,10 @@ declare namespace LocalJSX {
     }
     interface DsoMapControls {
         "disableZoom"?: "in" | "out" | "both";
+        /**
+          * emits when the panel opens or closes.  - `event.detail.originalEvent` contains the original `MouseEvent / KeyboardEvent` when the panel is toggled by clicking the visibility button or the close button. - `event.detail.open` is true when the panel opens and false when the panel closes.
+         */
+        "onDsoToggle"?: (event: DsoMapControlsCustomEvent<MapControlsToggleEvent>) => void;
         "onDsoZoomIn"?: (event: DsoMapControlsCustomEvent<MouseEvent>) => void;
         "onDsoZoomOut"?: (event: DsoMapControlsCustomEvent<MouseEvent>) => void;
         "open"?: boolean;
@@ -1197,6 +1212,7 @@ declare namespace LocalJSX {
         "indeterminate"?: boolean;
         "infoFixed"?: boolean;
         "invalid"?: boolean;
+        "labelledById"?: string;
         "name"?: string;
         "onDsoChange"?: (event: DsoSelectableCustomEvent<SelectableChangeEvent>) => void;
         "required"?: boolean;

package/dist/types/index.d.ts

@@ -9,6 +9,7 @@ export * from "./components/header/header.interfaces";
 export * from "./components/info-button/info-button.interfaces";
 export * from "./components/list-button/list-button.interfaces";
 export * from "./components/map-base-layers/map-base-layers.interfaces";
+export * from "./components/map-controls/map-controls.interfaces";
 export * from "./components/map-overlays/map-overlays.interfaces";
 export * from "./components/modal/modal.interfaces";
 export * from "./components/ozon-content/ozon-content.interfaces";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "51.3.0",
+  "version": "51.4.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/components/index.js",
@@ -24,7 +24,7 @@
     "@stencil/store": "^2.0.1",
     "animejs": "3.2.1",
     "clsx": "1.2.1",
-    "dso-toolkit": "51.3.0",
+    "dso-toolkit": "51.4.0",
     "escape-string-regexp": "^5.0.0",
     "focus-trap": "^7.1.0",
     "popper-max-size-modifier": "^0.2.0",

package/dist/dso-toolkit/p-0bc8885e.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as o,g as e}from"./p-98fd1658.js";import{t as i}from"./p-3635427a.js";import{v as n}from"./p-5d7f4ff2.js";const r=class{constructor(s){t(this,s),this.focusOutListener=t=>{this.tabbables.includes(t.relatedTarget)||(this.open=!1)},this.keyDownListener=t=>{if(!t.defaultPrevented){switch(t.key){case"ArrowDown":this.tabInPopup(1);break;case"ArrowUp":this.tabInPopup(-1);break;case"Escape":this.escape();break;case" ":t.target instanceof HTMLElement&&t.target.click();break;default:return}t.preventDefault()}},this.escape=()=>{this.button.focus(),this.open=!1},this.open=!1,this.dropdownAlign="left",this.checkable=!1}get button(){const t=this.host.querySelector('button[slot="toggle"]');if(!(t instanceof HTMLButtonElement))throw new ReferenceError("Mandatory toggle button not found");return t}get tabbables(){return i(this.host).filter((t=>t!==this.button))}componentDidLoad(){this.button.setAttribute("aria-haspopup","menu"),this.button.setAttribute("aria-expanded","false"),this.button.id||(this.button.id=n()),this.button.addEventListener("click",(()=>{this.open=!this.open}));const t=this.host.querySelector(".dso-dropdown-options");if(!t)throw new ReferenceError("Dropdown options not found");t.setAttribute("role","menu"),t.setAttribute("aria-labelledby",this.button.id);for(const t of Array.from(this.host.getElementsByTagName("ul"))){t.setAttribute("role","group");for(const s of Array.from(t.getElementsByTagName("li")))s.setAttribute("role","none")}}componentDidRender(){for(const t of Array.from(this.host.getElementsByTagName("li")))for(const s of i(t))s.setAttribute("role",this.checkable?"menuitemradio":"menuitem"),this.checkable&&s.setAttribute("aria-checked",t.classList.contains("dso-checked").toString());this.host.removeEventListener("keydown",this.keyDownListener),this.button.setAttribute("aria-expanded",this.open?"true":"false"),this.open&&this.host.addEventListener("keydown",this.keyDownListener),this.tabbables.forEach((t=>{t.removeEventListener("click",this.escape),this.open&&t.addEventListener("click",this.escape)}))}getActiveElement(t=document){const s=t.activeElement;return s?s.shadowRoot?this.getActiveElement(s.shadowRoot):s:null}tabInPopup(t){const s=this.tabbables;let o=s.findIndex((t=>t===this.getActiveElement()))+t;o>=s.length?o=0:o<0&&(o=s.length-1),s[o].focus()}render(){return s(o,{onFocusout:this.focusOutListener,tabindex:this.open?"-1":void 0},s("slot",{name:"toggle"}),s("div",{hidden:!this.open},s("slot",null)))}get host(){return e(this)}};r.style=":host(:focus){outline:none}:host{display:inline-block;position:relative}";export{r as dso_dropdown_menu}

package/dist/dso-toolkit/p-0ca60778.entry.js

@@ -1 +0,0 @@
-import{r as o,h as r}from"./p-98fd1658.js";import{c as d}from"./p-6a1980b4.js";const e=class{constructor(r){o(this,r),this.status=void 0}render(){return r("span",{class:d("dso-badge",{[`badge-${this.status}`]:this.status})},r("slot",null))}};e.style=":host{display:inline-block}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.dso-badge{background-color:#666;border:1px solid #666;border-radius:1em;color:#fff;display:inline-block;font-size:0.875em;line-height:1;min-width:1.5rem;padding:4px 8px;text-align:center}.dso-badge.badge-info{background-color:#6ca4d9;border-color:#6ca4d9;color:#191919}.dso-badge.badge-primary{background-color:#275937;border-color:#275937;color:#fff}.dso-badge.badge-success{background-color:#39870c;border-color:#39870c;color:#fff}.dso-badge.badge-warning{background-color:#dcd400;border-color:#dcd400;color:#191919}.dso-badge.badge-danger{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-error{background-color:#ce3f51;border-color:#ce3f51;color:#fff}.dso-badge.badge-outline{background-color:#fff;border-color:#191919;color:#191919}.dso-badge.badge-attention{background-color:#8b4a6a;border-color:#8b4a6a;color:#fff}";export{e as dso_badge}

package/dist/dso-toolkit/p-1854d6ed.entry.js

@@ -1 +0,0 @@
-import{r as e,c as s,h as t,F as o,f as l,g as c}from"./p-98fd1658.js";import{c as a}from"./p-6c543986.js";const i=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7),this.fixed=void 0,this.active=void 0}render(){return t(o,null,t("slot",null),!this.fixed&&t("button",{type:"button",onClick:e=>this.dsoClose.emit(e)},t("dso-icon",{icon:"times"}),t("span",{class:"sr-only"},"Sluiten")))}};i.style=":host{display:block;background-color:#f2f2f2;padding:16px 32px 16px 16px;position:relative}:host>button{background-color:transparent;border-style:none;padding:0;position:absolute;right:8px;top:8px}:host(:not([active]):not([fixed])){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;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const d=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.fallbackIdentifier=a("DsoSelectable"),this.type=void 0,this.identifier=void 0,this.name=void 0,this.value=void 0,this.invalid=void 0,this.describedById=void 0,this.disabled=void 0,this.required=void 0,this.checked=void 0,this.indeterminate=void 0,this.infoFixed=void 0,this.infoActive=!1}async toggleInfo(e){this.infoActive=null!=e?e:!this.infoActive}componentDidLoad(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect(),this.mutationObserver=new MutationObserver((()=>l(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){var e;null===(e=this.mutationObserver)||void 0===e||e.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){var e;const s=!!this.host.querySelector('[slot="info"]');return t(o,null,t("div",{class:"dso-selectable-input-wrapper"},t("input",{type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":null===(e=this.invalid)||void 0===e?void 0:e.toString(),"aria-describedby":s&&this.infoFixed?this.describedById:void 0,disabled:this.disabled,required:this.required,checked:this.checked,onChange:e=>this.dsoChange.emit(e),ref:e=>this.input=e}),t("label",{htmlFor:this.getIdentifier()},t("slot",null))),s&&t(o,null,!this.infoFixed&&t("dso-info-button",{active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active}),t("dso-info",{id:s&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",null,t("slot",{name:"info"})))))}getIdentifier(){var e;return null!==(e=this.identifier)&&void 0!==e?e:this.fallbackIdentifier}get host(){return c(this)}static get watchers(){return{indeterminate:["setIndeterminate"]}}};d.style='.sc-dso-selectable-h{display:block;position:relative}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-top:8px;padding-left:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-top:8px}.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{height:24px;left:0;margin:0;opacity:0;position:absolute;top:0;width: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-left: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:"";height:20px;left:2px;position:absolute;top:2px;width: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);height:18px;left:3px;top:3px;width: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;height:22px;left:1px;top:1px;width: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:"";left:6px;opacity:0;position:absolute;top: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-top-color:transparent;border-width:0 0 3px 3px;height:8px;transform:rotate(-45deg);width:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--dso-selectable-color, #39870c);height:12px;width: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:"";height:12px;left:6px;opacity:0;position:absolute;top:6px;width: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}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin:8px 16px 0 -32px;width:calc(100% + 32px)}.sc-dso-selectable-h:not(:last-child){margin-bottom:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;padding-left:32px}.dso-selectable-input-wrapper.sc-dso-selectable:focus-within{border-radius:2px;outline-offset:3px;outline:3px solid #008ccc}.dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.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);height:20px;left:2px;top:2px;width:20px}';export{i as dso_info,d as dso_selectable}

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

@@ -1 +0,0 @@
-import{r as t,h as e,H as n,g as o}from"./p-98fd1658.js";import{c as r}from"./p-6a1980b4.js";var i="top",a="bottom",f="right",p="left",s=[i,a,f,p],u=s.reduce((function(t,e){return t.concat([e+"-start",e+"-end"])}),[]),c=[].concat(s,["auto"]).reduce((function(t,e){return t.concat([e,e+"-start",e+"-end"])}),[]),l=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function d(t){return t?(t.nodeName||"").toLowerCase():null}function h(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function v(t){return t instanceof h(t).Element||t instanceof Element}function m(t){return t instanceof h(t).HTMLElement||t instanceof HTMLElement}function b(t){return"undefined"!=typeof ShadowRoot&&(t instanceof h(t).ShadowRoot||t instanceof ShadowRoot)}function x(t){return t.split("-")[0]}var w=Math.max,g=Math.min,y=Math.round;function O(){var t=navigator.userAgentData;return null!=t&&t.brands?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function j(){return!/^((?!chrome|android).)*safari/i.test(O())}function k(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var o=t.getBoundingClientRect(),r=1,i=1;e&&m(t)&&(r=t.offsetWidth>0&&y(o.width)/t.offsetWidth||1,i=t.offsetHeight>0&&y(o.height)/t.offsetHeight||1);var a=(v(t)?h(t):window).visualViewport,f=!j()&&n,p=(o.left+(f&&a?a.offsetLeft:0))/r,s=(o.top+(f&&a?a.offsetTop:0))/i,u=o.width/r,c=o.height/i;return{width:u,height:c,top:s,right:p+u,bottom:s+c,left:p,x:p,y:s}}function E(t){var e=k(t),n=t.offsetWidth,o=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-o)<=1&&(o=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:o}}function M(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&b(n)){var o=e;do{if(o&&t.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function S(t){return h(t).getComputedStyle(t)}function A(t){return["table","td","th"].indexOf(d(t))>=0}function L(t){return((v(t)?t.ownerDocument:t.document)||window.document).documentElement}function R(t){return"html"===d(t)?t:t.assignedSlot||t.parentNode||(b(t)?t.host:null)||L(t)}function T(t){return m(t)&&"fixed"!==S(t).position?t.offsetParent:null}function q(t){for(var e=h(t),n=T(t);n&&A(n)&&"static"===S(n).position;)n=T(n);return n&&("html"===d(n)||"body"===d(n)&&"static"===S(n).position)?e:n||function(t){var e=/firefox/i.test(O());if(/Trident/i.test(O())&&m(t)&&"fixed"===S(t).position)return null;var n=R(t);for(b(n)&&(n=n.host);m(n)&&["html","body"].indexOf(d(n))<0;){var o=S(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||e&&"filter"===o.willChange||e&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(t)||e}function z(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function P(t,e,n){return w(t,g(e,n))}function B(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function W(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function H(t){return t.split("-")[1]}var D={top:"auto",right:"auto",bottom:"auto",left:"auto"};function I(t){var e,n=t.popper,o=t.popperRect,r=t.placement,s=t.variation,u=t.offsets,c=t.position,l=t.gpuAcceleration,d=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=u.x,x=void 0===b?0:b,w=u.y,g=void 0===w?0:w,O="function"==typeof v?v({x,y:g}):{x,y:g};x=O.x,g=O.y;var j=u.hasOwnProperty("x"),k=u.hasOwnProperty("y"),E=p,M=i,A=window;if(d){var R=q(n),T="clientHeight",z="clientWidth";R===h(n)&&"static"!==S(R=L(n)).position&&"absolute"===c&&(T="scrollHeight",z="scrollWidth"),R=R,(r===i||(r===p||r===f)&&"end"===s)&&(M=a,g-=(m&&R===A&&A.visualViewport?A.visualViewport.height:R[T])-o.height,g*=l?1:-1),r!==p&&(r!==i&&r!==a||"end"!==s)||(E=f,x-=(m&&R===A&&A.visualViewport?A.visualViewport.width:R[z])-o.width,x*=l?1:-1)}var P,B=Object.assign({position:c},d&&D),W=!0===v?function(t){var e=t.y,n=window.devicePixelRatio||1;return{x:y(t.x*n)/n||0,y:y(e*n)/n||0}}({x,y:g}):{x,y:g};return x=W.x,g=W.y,Object.assign({},B,l?((P={})[M]=k?"0":"",P[E]=j?"0":"",P.transform=(A.devicePixelRatio||1)<=1?"translate("+x+"px, "+g+"px)":"translate3d("+x+"px, "+g+"px, 0)",P):((e={})[M]=k?g+"px":"",e[E]=j?x+"px":"",e.transform="",e))}var C={passive:!0},U={left:"right",right:"left",bottom:"top",top:"bottom"};function $(t){return t.replace(/left|right|bottom|top/g,(function(t){return U[t]}))}var _={start:"end",end:"start"};function F(t){return t.replace(/start|end/g,(function(t){return _[t]}))}function N(t){var e=h(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function V(t){return k(L(t)).left+N(t).scrollLeft}function G(t){var e=S(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function J(t){return["html","body","#document"].indexOf(d(t))>=0?t.ownerDocument.body:m(t)&&G(t)?t:J(R(t))}function K(t,e){var n;void 0===e&&(e=[]);var o=J(t),r=o===(null==(n=t.ownerDocument)?void 0:n.body),i=h(o),a=r?[i].concat(i.visualViewport||[],G(o)?o:[]):o,f=e.concat(a);return r?f:f.concat(K(R(a)))}function Q(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function X(t,e,n){return"viewport"===e?Q(function(t,e){var n=h(t),o=L(t),r=n.visualViewport,i=o.clientWidth,a=o.clientHeight,f=0,p=0;if(r){i=r.width,a=r.height;var s=j();(s||!s&&"fixed"===e)&&(f=r.offsetLeft,p=r.offsetTop)}return{width:i,height:a,x:f+V(t),y:p}}(t,n)):v(e)?function(t,e){var n=k(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):Q(function(t){var e,n=L(t),o=N(t),r=null==(e=t.ownerDocument)?void 0:e.body,i=w(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=w(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),f=-o.scrollLeft+V(t),p=-o.scrollTop;return"rtl"===S(r||n).direction&&(f+=w(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:f,y:p}}(L(t)))}function Y(t){var e,n=t.reference,o=t.element,r=t.placement,s=r?x(r):null,u=r?H(r):null,c=n.x+n.width/2-o.width/2,l=n.y+n.height/2-o.height/2;switch(s){case i:e={x:c,y:n.y-o.height};break;case a:e={x:c,y:n.y+n.height};break;case f:e={x:n.x+n.width,y:l};break;case p:e={x:n.x-o.width,y:l};break;default:e={x:n.x,y:n.y}}var d=s?z(s):null;if(null!=d){var h="y"===d?"height":"width";switch(u){case"start":e[d]=e[d]-(n[h]/2-o[h]/2);break;case"end":e[d]=e[d]+(n[h]/2-o[h]/2)}}return e}function Z(t,e){void 0===e&&(e={});var n=e.placement,o=void 0===n?t.placement:n,r=e.strategy,p=void 0===r?t.strategy:r,u=e.boundary,c=void 0===u?"clippingParents":u,l=e.rootBoundary,h=void 0===l?"viewport":l,b=e.elementContext,x=void 0===b?"popper":b,y=e.altBoundary,O=void 0!==y&&y,j=e.padding,E=void 0===j?0:j,A=B("number"!=typeof E?E:W(E,s)),T=t.rects.popper,z=t.elements[O?"popper"===x?"reference":"popper":x],P=function(t,e,n,o){var r="clippingParents"===e?function(t){var e=K(R(t)),n=["absolute","fixed"].indexOf(S(t).position)>=0&&m(t)?q(t):t;return v(n)?e.filter((function(t){return v(t)&&M(t,n)&&"body"!==d(t)})):[]}(t):[].concat(e),i=[].concat(r,[n]),a=i.reduce((function(e,n){var r=X(t,n,o);return e.top=w(r.top,e.top),e.right=g(r.right,e.right),e.bottom=g(r.bottom,e.bottom),e.left=w(r.left,e.left),e}),X(t,i[0],o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(v(z)?z:z.contextElement||L(t.elements.popper),c,h,p),H=k(t.elements.reference),D=Y({reference:H,element:T,strategy:"absolute",placement:o}),I=Q(Object.assign({},T,D)),C="popper"===x?I:H,U={top:P.top-C.top+A.top,bottom:C.bottom-P.bottom+A.bottom,left:P.left-C.left+A.left,right:C.right-P.right+A.right},$=t.modifiersData.offset;if("popper"===x&&$){var _=$[o];Object.keys(U).forEach((function(t){var e=[f,a].indexOf(t)>=0?1:-1,n=[i,a].indexOf(t)>=0?"y":"x";U[t]+=_[n]*e}))}return U}function tt(t,e){void 0===e&&(e={});var n=e.boundary,o=e.rootBoundary,r=e.padding,i=e.flipVariations,a=e.allowedAutoPlacements,f=void 0===a?c:a,p=H(e.placement),l=p?i?u:u.filter((function(t){return H(t)===p})):s,d=l.filter((function(t){return f.indexOf(t)>=0}));0===d.length&&(d=l);var h=d.reduce((function(e,i){return e[i]=Z(t,{placement:i,boundary:n,rootBoundary:o,padding:r})[x(i)],e}),{});return Object.keys(h).sort((function(t,e){return h[t]-h[e]}))}function et(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function nt(t){return[i,f,a,p].some((function(e){return t[e]>=0}))}function ot(t,e,n){void 0===n&&(n=!1);var o,r,i=m(e),a=m(e)&&function(t){var e=t.getBoundingClientRect(),n=y(e.width)/t.offsetWidth||1,o=y(e.height)/t.offsetHeight||1;return 1!==n||1!==o}(e),f=L(e),p=k(t,a,n),s={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!n)&&(("body"!==d(e)||G(f))&&(s=(o=e)!==h(o)&&m(o)?{scrollLeft:(r=o).scrollLeft,scrollTop:r.scrollTop}:N(o)),m(e)?((u=k(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):f&&(u.x=V(f))),{x:p.left+s.scrollLeft-u.x,y:p.top+s.scrollTop-u.y,width:p.width,height:p.height}}function rt(t){var e=new Map,n=new Set,o=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var o=e.get(t);o&&r(o)}})),o.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),o}var it={placement:"bottom",modifiers:[],strategy:"absolute"};function at(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function ft(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,o=t.defaultOptions,r=void 0===o?it:o;return function(t,e,o){void 0===o&&(o=r);var i,a,f={placement:"bottom",orderedModifiers:[],options:Object.assign({},it,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},p=[],s=!1,u={state:f,setOptions:function(o){var i="function"==typeof o?o(f.options):o;c(),f.options=Object.assign({},r,f.options,i),f.scrollParents={reference:v(t)?K(t):t.contextElement?K(t.contextElement):[],popper:K(e)};var a,s,d=function(t){var e=rt(t);return l.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,f.options.modifiers),s=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(s).map((function(t){return s[t]}))));return f.orderedModifiers=d.filter((function(t){return t.enabled})),f.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var o=n({state:f,name:t.name,instance:u,options:void 0===e?{}:e});p.push(o||function(){})}})),u.update()},forceUpdate:function(){if(!s){var t=f.elements,e=t.reference,n=t.popper;if(at(e,n)){f.rects={reference:ot(e,q(n),"fixed"===f.options.strategy),popper:E(n)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach((function(t){return f.modifiersData[t.name]=Object.assign({},t.data)}));for(var o=0;o<f.orderedModifiers.length;o++)if(!0!==f.reset){var r=f.orderedModifiers[o],i=r.fn,a=r.options;"function"==typeof i&&(f=i({state:f,options:void 0===a?{}:a,name:r.name,instance:u})||f)}else f.reset=!1,o=-1}}},update:(i=function(){return new Promise((function(t){u.forceUpdate(),t(f)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(i())}))}))),a}),destroy:function(){c(),s=!0}};if(!at(t,e))return u;function c(){p.forEach((function(t){return t()})),p=[]}return u.setOptions(o).then((function(t){!s&&o.onFirstUpdate&&o.onFirstUpdate(t)})),u}}var pt=ft({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,o=t.options,r=o.scroll,i=void 0===r||r,a=o.resize,f=void 0===a||a,p=h(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(t){t.addEventListener("scroll",n.update,C)})),f&&p.addEventListener("resize",n.update,C),function(){i&&s.forEach((function(t){t.removeEventListener("scroll",n.update,C)})),f&&p.removeEventListener("resize",n.update,C)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=Y({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,f=n.roundOffsets,p=void 0===f||f,s={placement:x(e.placement),variation:H(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,I(Object.assign({},s,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:p})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,I(Object.assign({},s,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:p})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},o=e.attributes[t]||{},r=e.elements[t];m(r)&&d(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(t){var e=o[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var o=e.elements[t],r=e.attributes[t]||{},i=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});m(o)&&d(o)&&(Object.assign(o.style,i),Object.keys(r).forEach((function(t){o.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,o=t.options.offset,r=void 0===o?[0,0]:o,a=c.reduce((function(t,n){return t[n]=function(t,e,n){var o=x(t),r=[p,i].indexOf(o)>=0?-1:1,a="function"==typeof n?n(Object.assign({},e,{placement:t})):n,s=a[0],u=a[1];return s=s||0,u=(u||0)*r,[p,f].indexOf(o)>=0?{x:u,y:s}:{x:s,y:u}}(n,e.rects,r),t}),{}),s=a[e.placement],u=s.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=s.x,e.modifiersData.popperOffsets.y+=u),e.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name;if(!e.modifiersData[o]._skip){for(var r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0===u||u,l=n.fallbackPlacements,d=n.padding,h=n.boundary,v=n.rootBoundary,m=n.altBoundary,b=n.flipVariations,w=void 0===b||b,g=n.allowedAutoPlacements,y=e.options.placement,O=x(y),j=l||(O!==y&&w?function(t){if("auto"===x(t))return[];var e=$(t);return[F(t),e,F(e)]}(y):[$(y)]),k=[y].concat(j).reduce((function(t,n){return t.concat("auto"===x(n)?tt(e,{placement:n,boundary:h,rootBoundary:v,padding:d,flipVariations:w,allowedAutoPlacements:g}):n)}),[]),E=e.rects.reference,M=e.rects.popper,S=new Map,A=!0,L=k[0],R=0;R<k.length;R++){var T=k[R],q=x(T),z="start"===H(T),P=[i,a].indexOf(q)>=0,B=P?"width":"height",W=Z(e,{placement:T,boundary:h,rootBoundary:v,altBoundary:m,padding:d}),D=P?z?f:p:z?a:i;E[B]>M[B]&&(D=$(D));var I=$(D),C=[];if(s&&C.push(W[q]<=0),c&&C.push(W[D]<=0,W[I]<=0),C.every((function(t){return t}))){L=T,A=!1;break}S.set(T,C)}if(A)for(var U=function(t){var e=k.find((function(e){var n=S.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return L=e,"break"},_=w?3:1;_>0&&"break"!==U(_);_--);e.placement!==L&&(e.modifiersData[o]._skip=!0,e.placement=L,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,o=t.name,r=n.mainAxis,s=void 0===r||r,u=n.altAxis,c=void 0!==u&&u,l=n.tether,d=void 0===l||l,h=n.tetherOffset,v=void 0===h?0:h,m=Z(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),b=x(e.placement),y=H(e.placement),O=!y,j=z(b),k="x"===j?"y":"x",M=e.modifiersData.popperOffsets,S=e.rects.reference,A=e.rects.popper,L="function"==typeof v?v(Object.assign({},e.rects,{placement:e.placement})):v,R="number"==typeof L?{mainAxis:L,altAxis:L}:Object.assign({mainAxis:0,altAxis:0},L),T=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,B={x:0,y:0};if(M){if(s){var W,D="y"===j?i:p,I="y"===j?a:f,C="y"===j?"height":"width",U=M[j],$=U+m[D],_=U-m[I],F=d?-A[C]/2:0,N="start"===y?S[C]:A[C],V="start"===y?-A[C]:-S[C],G=e.elements.arrow,J=d&&G?E(G):{width:0,height:0},K=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},Q=K[D],X=K[I],Y=P(0,S[C],J[C]),tt=O?S[C]/2-F-Y-Q-R.mainAxis:N-Y-Q-R.mainAxis,et=O?-S[C]/2+F+Y+X+R.mainAxis:V+Y+X+R.mainAxis,nt=e.elements.arrow&&q(e.elements.arrow),ot=null!=(W=null==T?void 0:T[j])?W:0,rt=U+et-ot,it=P(d?g($,U+tt-ot-(nt?"y"===j?nt.clientTop||0:nt.clientLeft||0:0)):$,U,d?w(_,rt):_);M[j]=it,B[j]=it-U}if(c){var at,ft=M[k],pt="y"===k?"height":"width",st=ft+m["x"===j?i:p],ut=ft-m["x"===j?a:f],ct=-1!==[i,p].indexOf(b),lt=null!=(at=null==T?void 0:T[k])?at:0,dt=ct?st:ft-S[pt]-A[pt]-lt+R.altAxis,ht=ct?ft+S[pt]+A[pt]-lt-R.altAxis:ut,vt=d&&ct?function(t,e,n){var o=P(t,e,n);return o>n?n:o}(dt,ft,ht):P(d?dt:st,ft,d?ht:ut);M[k]=vt,B[k]=vt-ft}e.modifiersData[o]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,o=t.name,r=t.options,u=n.elements.arrow,c=n.modifiersData.popperOffsets,l=x(n.placement),d=z(l),h=[p,f].indexOf(l)>=0?"height":"width";if(u&&c){var v=function(t,e){return B("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:W(t,s))}(r.padding,n),m=E(u),b="y"===d?i:p,w="y"===d?a:f,g=n.rects.reference[h]+n.rects.reference[d]-c[d]-n.rects.popper[h],y=c[d]-n.rects.reference[d],O=q(u),j=O?"y"===d?O.clientHeight||0:O.clientWidth||0:0,k=j/2-m[h]/2+(g/2-y/2),M=P(v[b],k,j-m[h]-v[w]);n.modifiersData[o]=((e={})[d]=M,e.centerOffset=M-k,e)}},effect:function(t){var e=t.state,n=t.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=e.elements.popper.querySelector(o)))&&M(e.elements.popper,o)&&(e.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,o=e.rects.reference,r=e.rects.popper,i=e.modifiersData.preventOverflow,a=Z(e,{elementContext:"reference"}),f=Z(e,{altBoundary:!0}),p=et(a,o),s=et(f,r,i),u=nt(p),c=nt(s);e.modifiersData[n]={referenceClippingOffsets:p,popperEscapeOffsets:s,isReferenceHidden:u,hasPopperEscaped:c},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":c})}}]}),st={name:"maxSize",enabled:!0,phase:"main",requiresIfExists:["offset","preventOverflow","flip"],fn:function(t){var e=t.state,n=t.name,o=Z(e,t.options),r=e.modifiersData.preventOverflow||{x:0,y:0},i=r.x,a=r.y,f=e.rects.popper,p=f.width,s=f.height,u=e.placement.split("-")[0];e.modifiersData[n]={width:p-o["left"===u?"left":"right"]-i,height:s-o["top"===u?"top":"bottom"]-a}}};function ut(t){const e=window.getComputedStyle(t),n=e.getPropertyValue("overflow-x"),o=e.getPropertyValue("overflow-y"),r=["hidden","clip"];return-1!==r.indexOf(n)||-1!==r.indexOf(o)}const ct=class{constructor(e){t(this,e),this.applyMaxSize={name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn({state:t}){let{width:e}=t.modifiersData.maxSize;e<160&&(e=160),t.styles.popper=Object.assign(Object.assign({},t.styles.popper),{maxWidth:`${e}px`})}},this.keyDownListener=t=>{"Escape"===t.key&&this.deactivate()},this.descriptive=!1,this.position="top",this.strategy="auto",this.noArrow=!1,this.stateless=void 0,this.small=void 0,this.active=!1,this.hidden=!0}async activate(){this.active=!0}async deactivate(){this.active=!1}watchPosition(){this.popper&&this.popper.setOptions({placement:this.position})}watchStrategy(){this.setStrategy()}setStrategy(){if(!this.popper)return;if("absolute"===this.strategy||"fixed"===this.strategy)return void this.popper.setOptions({strategy:this.strategy});let t=this.element;for(;t&&t.parentNode!==document;)if(t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentElement,null!==t&&ut(t))return void this.popper.setOptions({strategy:"fixed"});this.popper.setOptions({strategy:"absolute"})}watchActive(){var t;this.active?(this.hidden=!1,this.stateless||setTimeout((()=>{var t;null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!0}]}),document.addEventListener("keydown",this.keyDownListener)}))):(this.stateless||(null===(t=this.popper)||void 0===t||t.setOptions({modifiers:[{name:"eventListeners",enabled:!1}]}),document.removeEventListener("keydown",this.keyDownListener)),setTimeout((()=>this.hidden=!0),150))}listenClick(t){t.stopPropagation()}componentDidLoad(){var t;if(this.popper)return;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tooltip");if(!(e instanceof HTMLElement))throw new Error("tooltip element is not instanceof HTMLElement");if(!this.element.id)throw new Error("Unable to find reference tooltip has no [id] attribute.");this.target=this.getTarget(this.element.id),this.popper=pt(this.target,e,{placement:this.position,modifiers:[st,this.applyMaxSize]}),this.callbacks={activate:()=>this.active=!0,deactivate:()=>this.active=!1},this.stateless||(this.target.addEventListener("mouseenter",this.callbacks.activate),this.target.addEventListener("mouseleave",this.callbacks.deactivate),this.target.addEventListener("focus",this.callbacks.activate),this.target.addEventListener("blur",this.callbacks.deactivate))}disconnectedCallback(){var t;null===(t=this.popper)||void 0===t||t.destroy(),!this.stateless&&this.target&&this.callbacks&&(this.target.removeEventListener("mouseenter",this.callbacks.activate),this.target.removeEventListener("mouseleave",this.callbacks.deactivate),this.target.removeEventListener("focus",this.callbacks.activate),this.target.removeEventListener("blur",this.callbacks.deactivate)),this.callbacks=void 0,this.target=void 0}componentDidRender(){var t;this.setStrategy(),this.active&&(null===(t=this.popper)||void 0===t||t.update())}render(){return e(n,{class:{hidden:this.hidden},role:"tooltip"},e("div",{class:r("tooltip",{in:this.active})},!this.noArrow&&e("div",{"data-popper-arrow":!0,class:"tooltip-arrow"}),e("div",{"aria-hidden":!this.descriptive||void 0,class:r("tooltip-inner",{"dso-small":this.small})},e("slot",null))))}getTarget(t){const e=this.element.getRootNode();if(!(e instanceof Document||e instanceof ShadowRoot))throw new Error("rootNode is not instance of Document or ShadowRoot");const n=e.querySelector(`[aria-describedBy="${t}`);if(!n)throw new Error(`Unable to find reference with aria-describedby ${t}`);return n}get element(){return o(this)}static get watchers(){return{position:["watchPosition"],strategy:["watchStrategy"],active:["watchActive"]}}};ct.style=":host(.hidden){visibility:hidden}:host-context(dso-toggletip){color:red !important}:host-context(dso-toggletip) *[data-popper-placement=top] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=right] .tooltip-arrow{margin-top:0}:host-context(dso-toggletip) *[data-popper-placement=bottom] .tooltip-arrow{margin-left:3px}:host-context(dso-toggletip) *[data-popper-placement=left]{margin-right:-8px !important}:host-context(dso-toggletip) *[data-popper-placement=left] .tooltip-arrow{margin-top:0}*,*::after,*::before{box-sizing:border-box}.tooltip{font-family:Asap, sans-serif;font-style:normal;font-weight:400;line-height:1.5;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));font-size:14px;opacity:0;position:absolute;transition:opacity 0.15s linear;z-index:410}.tooltip.in{opacity:1}.tooltip .tooltip-inner{background-color:#fff;border-radius:4px;color:#191919;display:inline-block;font-size:1rem;max-width:640px;padding:8px 16px;position:relative}.tooltip .tooltip-inner.dso-small{max-width:320px}.tooltip .tooltip-arrow{border-color:transparent;border-style:solid;height:0;width:0}.tooltip[data-popper-placement=top]{margin-top:-3px;padding:6px 0}.tooltip[data-popper-placement=top] .tooltip-arrow{border-top-color:#fff;border-width:6px 6px 0;bottom:0}.tooltip[data-popper-placement=top] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=right]{margin-left:3px;padding:0 6px}.tooltip[data-popper-placement=right] .tooltip-arrow{border-right-color:#fff;border-width:6px 6px 6px 0;left:0}.tooltip[data-popper-placement=right] .tooltip-arrow{margin-top:-3px}.tooltip[data-popper-placement=bottom]{margin-top:3px;padding:6px 0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{border-bottom-color:#fff;border-width:0 6px 6px;top:0}.tooltip[data-popper-placement=bottom] .tooltip-arrow{margin-left:-3px}.tooltip[data-popper-placement=left]{margin-left:-3px;padding:0 6px}.tooltip[data-popper-placement=left] .tooltip-arrow{border-left-color:#fff;border-width:6px 0 6px 6px;right:0}.tooltip[data-popper-placement=left] .tooltip-arrow{margin-top:-3px}";export{ct as dso_tooltip}

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

@@ -1 +0,0 @@
-import{r as n,c as t,h as o,H as e}from"./p-98fd1658.js";var r,i,s=function(n,t,o,e){if("a"===o&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?n!==t||!e:!t.has(n))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?e:"a"===o?e.call(n):e?e.value:t.get(n)},a=function(n,t,o,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?n!==t||!r:!t.has(n))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(n,o):r?r.value=o:t.set(n,o),o};const l=class{constructor(o){n(this,o),this.dsoZoomIn=t(this,"dsoZoomIn",7),this.dsoZoomOut=t(this,"dsoZoomOut",7),this.panelTitle="Kaartlagen",r.set(this,void 0),i.set(this,void 0),this.open=!1,this.disableZoom=void 0,this.hideContent=!this.open}watchOpen(n){n?(this.hideContent=!1,setTimeout((()=>{var n;return null===(n=s(this,r,"f"))||void 0===n?void 0:n.focus()}),300)):setTimeout((()=>{var n;this.hideContent=!0,null===(n=s(this,i,"f"))||void 0===n||n.focus()}),300)}render(){return o(e,null,o("button",{type:"button",id:"toggle-visibility-button",class:"toggle-visibility-button",onClick:()=>this.open=!this.open,ref:n=>a(this,i,n,"f")},o("dso-icon",{icon:"layers"}),o("span",null,"Kaartlagen")),o("div",{class:"zoom-buttons"},o("button",{type:"button",onClick:n=>this.dsoZoomIn.emit(n),disabled:"in"===this.disableZoom||"both"===this.disableZoom},o("span",null,"Zoom in"),o("dso-icon",{icon:"plus"})),o("button",{type:"button",onClick:n=>this.dsoZoomOut.emit(n),disabled:"out"===this.disableZoom||"both"===this.disableZoom},o("span",null,"Zoom uit"),o("dso-icon",{icon:"minus"}))),o("section",{hidden:this.hideContent},o("header",null,o("h2",null,this.panelTitle),o("button",{type:"button",class:"close-button",onClick:()=>this.open=!1,ref:n=>a(this,r,n,"f")},o("span",null,"Verberg paneel ",this.panelTitle),o("dso-icon",{icon:"times"}))),o("div",{class:"content"},o("slot",null))))}static get watchers(){return{open:["watchOpen"]}}};r=new WeakMap,i=new WeakMap,l.style=":host {\n  background-color: #fff;\n  border: 1px solid #ccc;\n  bottom: 0;\n  display: block;\n  font-family: Asap, sans-serif;\n  position: absolute;\n  top: 0;\n  left: 100%;\n  transition: transform 300ms ease;\n  width: 300px;\n}\n\n*,\n*::after,\n*::before {\n  box-sizing: border-box;\n}\n\n:host([open]) {\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);\n  transform: translateX(-100%);\n}\n:host([open]) .toggle-visibility-button {\n  display: none;\n}\n\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n.toggle-visibility-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  font-weight: 600;\n  margin-right: 16px;\n  padding: 8px 16px;\n  white-space: nowrap;\n  position: absolute;\n  right: calc(100% + 56px);\n  top: 16px;\n}\n.toggle-visibility-button:focus, .toggle-visibility-button:focus-visible {\n  outline-offset: 2px;\n}\n.toggle-visibility-button:active {\n  outline: 0;\n}\n.toggle-visibility-button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.toggle-visibility-button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.toggle-visibility-button[disabled], .toggle-visibility-button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.toggle-visibility-button.btn-sm {\n  line-height: 1rem;\n}\n.toggle-visibility-button.btn-sm dso-icon,\n.toggle-visibility-button.btn-sm svg.di, .toggle-visibility-button.btn-sm.extern::after, .toggle-visibility-button.btn-sm.download::after, .toggle-visibility-button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.toggle-visibility-button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-button dso-icon,\n.toggle-visibility-button svg.di {\n  margin-left: -8px;\n  margin-right: 8px;\n}\n.toggle-visibility-button span + dso-icon,\n.toggle-visibility-button span + svg.di {\n  margin-left: 8px;\n  margin-right: -8px;\n}\n.toggle-visibility-button.dso-spinner-left[disabled], .toggle-visibility-button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.toggle-visibility-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.toggle-visibility-button.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.toggle-visibility-button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.toggle-visibility-button.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.toggle-visibility-button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.toggle-visibility-button:focus-visible {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  outline: none;\n}\n\n.zoom-buttons {\n  border-radius: 4px;\n  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);\n  display: flex;\n  flex-wrap: wrap;\n  flex: 0 0;\n  position: absolute;\n  right: calc(100% + 16px);\n  top: 16px;\n}\n.zoom-buttons button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-width: 56px;\n  padding: 11px 15px;\n  border: 0;\n  padding: 8px;\n  border-radius: 0;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  flex: 0 0 100%;\n  height: 40px;\n  min-width: auto;\n  width: 40px;\n}\n.zoom-buttons button:focus, .zoom-buttons button:focus-visible {\n  outline-offset: 2px;\n}\n.zoom-buttons button:active {\n  outline: 0;\n}\n.zoom-buttons button:hover {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\n.zoom-buttons button:active {\n  background-color: #275937;\n  border-color: #275937;\n  color: #fff;\n}\n.zoom-buttons button[disabled], .zoom-buttons button[disabled]:hover {\n  background-color: #fff;\n  border-color: #afcf9d;\n  color: #afcf9d;\n}\n.zoom-buttons button.btn-sm {\n  line-height: 1rem;\n}\n.zoom-buttons button.btn-sm dso-icon,\n.zoom-buttons button.btn-sm svg.di, .zoom-buttons button.btn-sm.extern::after, .zoom-buttons button.btn-sm.download::after, .zoom-buttons button.btn-sm.dso-spinner::before {\n  margin-bottom: -4px;\n  margin-top: -4px;\n}\n.zoom-buttons button.btn-sm.dso-spinner-left::before {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons button.btn-sm.dso-spinner-right::after {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons button > span {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n.zoom-buttons button.dso-spinner-left[disabled], .zoom-buttons button.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\n.zoom-buttons button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.zoom-buttons button.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-right: 8px;\n}\n.zoom-buttons button.dso-spinner-left:not([disabled]).btn-sm:hover::before {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.zoom-buttons button.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: top;\n  width: 24px;\n  margin-left: 8px;\n}\n.zoom-buttons button.dso-spinner-right:not([disabled]).btn-sm:hover::after {\n  height: 16px;\n  width: 16px;\n}\n.zoom-buttons button:focus-visible {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n  outline: none;\n}\n.zoom-buttons button + button {\n  border-radius: 0;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n  border-top: 1px solid #ccc;\n}\n\n.close-button {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-bottom: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: left;\n  user-select: none;\n  vertical-align: middle;\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n  padding: 0;\n  position: absolute;\n  right: 16px;\n  top: 16px;\n}\n.close-button:focus, .close-button:focus-visible {\n  outline-offset: 2px;\n}\n.close-button:active {\n  outline: 0;\n}\n.close-button[disabled] {\n  color: #afcf9d;\n}\n.close-button[disabled].dso-spinner-left, .close-button[disabled].dso-spinner-right {\n  color: #39870c;\n}\n.close-button:not([disabled]):hover {\n  color: #676cb0;\n  text-decoration: underline;\n  text-underline-position: under;\n}\n.close-button:not([disabled]):active {\n  color: #676cb0;\n}\n.close-button.btn-align {\n  line-height: calc(1.5em - 1px);\n  padding: 11px 0;\n  position: relative;\n}\n.close-button.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-right: 8px;\n}\n.close-button.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  height: 24px;\n  vertical-align: middle;\n  width: 24px;\n  margin-left: 8px;\n}\n.close-button > span {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\nsection:not([hidden]) {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\nheader,\n.content {\n  padding: 16px;\n}\n\nheader {\n  border-bottom: 1px solid #ccc;\n  flex-grow: 0;\n  position: relative;\n}\nheader h2 {\n  color: #275937;\n  font-family: \"Asap\", sans-serif;\n  line-height: 1;\n  margin: 0;\n}\n\n.content {\n  flex-grow: 1;\n  overflow-y: auto;\n}";export{l as dso_map_controls}