@dso-toolkit/core 99.5.0 → 100.0.0

package/dist/dso-toolkit/p-2149be85.entry.js

@@ -1 +0,0 @@
-import{h as o,r as i,d as n,f as e,a as t,F as s,g as r}from"./p-pqfDfKeZ.js";import{a as d,c as a,o as l,f as h,d as p}from"./p-DMUqzLuy.js";import{c as u}from"./p-ChV9xqsO.js";import{t as c}from"./p-B7w6tF4K.js";import{g as m}from"./p-BWkWD1Z2.js";import{i as b}from"./p-CCOI5nUo.js";import{i as f}from"./p-Hgv-pDpy.js";import{v as g}from"./p-CK3_k8jD.js";const v={en:{"dso-header":{menu:"Menu",login:"Log in",logout:"Log out",help:"Help",overflowMenu:"More"}},nl:{"dso-header":{menu:"Menu",login:"Inloggen",logout:"Uitloggen",help:"Help",overflowMenu:"Meer",userHome:"Mijn Omgevingsloket"}}},w=({item:i,onClick:n,key:e,ref:t})=>o("li",{class:u({"dso-active":i.active}),key:e,ref:t},o("a",{href:i.url,"aria-current":i.active?"page":void 0,onClick:n},i.label)),x=class{constructor(o){i(this,o),this.dsoHeaderClick=n(this,"dsoHeaderClick",7),this.mainMenu=[],this.compact="auto",this.authStatus="none",this.showHelp=!1,this.userHomeActive=!1,this.visibleMenuItemsCount=void 0,this.dropdownOptionsOffset=0,this.open=!1,this.escape=()=>{this.dropdownButtonElement?.focus(),this.toggleOptions()},this.keyDownHandler=o=>{if(!o.defaultPrevented&&this.open){switch(o.key){case"Tab":this.tabInPopup(this.tabbables(!0),o.shiftKey?-1:1);break;case"ArrowDown":this.tabInPopup(this.tabbables(!1),1);break;case"ArrowUp":this.tabInPopup(this.tabbables(!1),-1);break;case"Escape":this.escape();break;case" ":o.target instanceof HTMLElement&&o.target.click();break;default:return}o.preventDefault()}},this.resetVisibleMenuItems=()=>{this.visibleMenuItemsCount=void 0},this.clickHandler=(o,i,n)=>{this.toggleOptions(!1),this.dsoHeaderClick.emit({originalEvent:o,isModifiedEvent:f(o),type:i,menuItem:n?.menuItem,url:n?.url??n?.menuItem?.url})},this.menuItemElementRefs=[],this.text=b((()=>this.host),v),this.flushResize=()=>{this.resizeFrameId=void 0,this.host.isConnected&&(this.resetVisibleMenuItems(),this.toggleOptions(!1),this.dropdownOptionsOffset=0,e(this.host))},this.scheduleResize=()=>{void 0===this.resizeFrameId&&(this.resizeFrameId=requestAnimationFrame(this.flushResize))},this.resizeObserver=new ResizeObserver((()=>{this.scheduleResize()})),this.focusOutListener=o=>{!this.open||o.relatedTarget instanceof HTMLElement&&this.tabbables(!0).includes(o.relatedTarget)||this.toggleOptions(!1)}}mainMenuChanged(){this.resetVisibleMenuItems()}tabInPopup(o,i){let n=o.findIndex((o=>o===m()))+i;n>=o.length?n=0:n<0&&(n=o.length-1),o[n]?.focus()}get isCompact(){return"always"===this.compact||window.innerWidth<992}calculateOverflowMenuItemCount(o){const i=o.offsetWidth,n=this.menuItemElementRefs[this.menuItemElementRefs.length-1],e=this.userHomeMenuItemElementRef??n,t=this.dropdownMenuItemElementRef;if(!e||!t||!n)return this.menuItemElementRefs.length;const s=t.offsetLeft+t.offsetWidth-(n.offsetLeft+n.offsetWidth);if(e.offsetLeft+e.offsetWidth-s<=i)return this.menuItemElementRefs.length;const r=i-s-(this.userHomeMenuItemElementRef?this.userHomeMenuItemElementRef.offsetLeft+this.userHomeMenuItemElementRef.offsetWidth-(t.offsetLeft+t.offsetWidth):0),d=this.menuItemElementRefs.findIndex((o=>o&&o.offsetLeft+o.offsetWidth>r));return d<0?this.menuItemElementRefs.length:d}calculateDropdownOptionsOffset(){return this.dropdownElement?this.host.clientHeight-(this.dropdownElement?.getBoundingClientRect().bottom-this.host.getBoundingClientRect().top):0}get visibleMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(0,this.visibleMenuItemsCount):this.mainMenu}get hiddenMainMenuItems(){return"number"==typeof this.visibleMenuItemsCount?this.mainMenu.slice(this.visibleMenuItemsCount):[]}connectedCallback(){this.resizeObserver.observe(this.host)}disconnectedCallback(){this.resizeObserver.disconnect(),void 0!==this.resizeFrameId&&(cancelAnimationFrame(this.resizeFrameId),this.resizeFrameId=void 0),this.toggleOptions(!1)}componentDidRender(){if(this.host.isConnected&&(this.isCompact&&this.dropdownElement&&(this.dropdownOptionsOffset=this.calculateDropdownOptionsOffset()),void 0===this.visibleMenuItemsCount&&this.navElement&&(this.visibleMenuItemsCount=this.calculateOverflowMenuItemCount(this.navElement)),this.popoverElement&&!this.cleanUp&&this.dropdownButtonElement)){const o=this.popoverElement;this.cleanUp=d(this.dropdownButtonElement,o,(()=>{this.dropdownButtonElement&&a(this.dropdownButtonElement,o,{strategy:"fixed",middleware:[l(this.dropdownOptionsOffset),h({padding:this.dropdownOptionsOffset}),p({apply({availableHeight:o,availableWidth:i,elements:n}){const e=n.floating.querySelector(".dropdown-menu-options")??n.floating;Object.assign(e.style,{maxHeight:`${o}px`,maxInlineSize:`${i}px`})}})],placement:this.isCompact?"bottom-end":"bottom-start"}).then((({x:i,y:n})=>{Object.assign(o.style,{left:`${i}px`,top:`${n}px`})}))}))}}render(){return o(t,{key:"bafceec3e7c095cb67f876e8b5ed7a817e7db8c1","is-compact":this.isCompact},o("div",{key:"bd6eaaede73b41374e9b11683c8fd94bf08c32f2",class:"dso-header"},o("div",{key:"20bbba41193597e3b97ef6fbc84f1518c0b47d2a",class:"logo-container"},o("slot",{key:"b78e8f54a29a296ff77f687fe792ae9311e2b44c",name:"logo"})),this.isCompact?this.renderCompact():this.renderNormal()))}tabbables(o){const i=this.dropdownElement?c(this.dropdownElement):[];return o?i:i.filter((o=>o!==this.dropdownButtonElement))}toggleOptions(o){this.open=o??!this.open,this.popoverElement?.isConnected&&this.popoverElement?.togglePopover(this.open),!this.open&&this.cleanUp&&(this.cleanUp(),this.cleanUp=void 0)}renderCompact(){return(this.mainMenu.length>0||this.userHomeUrl||"none"!==this.authStatus)&&o("div",{class:"dropdown"},o("div",{class:"dropdown-menu",onFocusout:this.focusOutListener,ref:o=>this.dropdownElement=o},o("button",{id:g(),type:"button",onClick:()=>this.toggleOptions(),ref:o=>this.dropdownButtonElement=o,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false"},o("span",null,this.text("menu")),o("dso-icon",{icon:"chevron-down"})),o("div",{popover:"manual",ref:o=>this.popoverElement=o},o("dso-scrollable",{class:"dropdown-menu-options",role:"menu","aria-labelledby":this.dropdownButtonElement?.id,onKeyDown:this.keyDownHandler},o("ul",{role:"group"},this.mainMenu.map((i=>o(w,{item:i,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:i}),key:i.label}))),this.userHomeUrl&&o("li",{role:"menuitem"},o("a",{href:this.userHomeUrl,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},this.text("userHome"))),this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("li",{role:"menuitem"},o("a",{href:this.userProfileUrl,onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName,o("span",{class:"profile-label"}," - Mijn profiel"))),"loggedOut"===this.authStatus&&o("li",{role:"menuitem"},this.loginUrl?o("a",{href:this.loginUrl,onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("li",{role:"menuitem"},this.logoutUrl?o("a",{href:this.logoutUrl,onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("li",{role:"menuitem"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{type:"button",class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"}))))))))}renderNormal(){return this.menuItemElementRefs=[],o(s,null,o("div",{class:"dso-header-session"},this.userProfileUrl&&this.userProfileName&&"loggedIn"===this.authStatus&&o("div",{class:"profile"},o("a",{href:this.userProfileUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"profile",{url:this.userProfileUrl})},this.userProfileName)),"loggedOut"===this.authStatus&&o("div",{class:"login"},this.loginUrl?o("a",{href:this.loginUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"login",{url:this.loginUrl})},this.text("login")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"login")},this.text("login"))),"loggedIn"===this.authStatus&&o("div",{class:"logout"},this.logoutUrl?o("a",{href:this.logoutUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"logout",{url:this.logoutUrl})},this.text("logout")):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"logout")},this.text("logout"))),this.showHelp&&o("div",{class:"help"},this.helpUrl?o("a",{href:this.helpUrl,class:"dso-tertiary",onClick:o=>this.clickHandler(o,"help",{url:this.helpUrl})},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})):o("button",{class:"dso-tertiary",type:"button",onClick:o=>this.clickHandler(o,"help")},o("span",null,this.text("help")),o("dso-icon",{icon:"help-outline"})))),(this.mainMenu.length>0||this.userHomeUrl)&&o("nav",{class:"dso-navbar"},o("ul",{class:u("dso-nav","dso-nav-main",{ready:void 0!==this.visibleMenuItemsCount}),ref:o=>this.navElement=o},this.visibleMainMenuItems.map(((i,n)=>o(w,{item:i,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:i}),key:i.label,ref:o=>this.menuItemElementRefs[n]=o}))),(void 0===this.visibleMenuItemsCount||this.hiddenMainMenuItems.length>0)&&o("li",{"aria-hidden":void 0===this.visibleMenuItemsCount,ref:o=>this.dropdownMenuItemElementRef=o,class:"dropdown-menu-item"},o("div",{class:"dropdown-menu",onFocusout:this.focusOutListener,ref:o=>this.dropdownElement=o},o("button",{id:g(),type:"button",onClick:()=>this.toggleOptions(),ref:o=>this.dropdownButtonElement=o,"aria-haspopup":"menu","aria-expanded":this.open?"true":"false"},o("span",null,this.text("overflowMenu")),o("dso-icon",{icon:"chevron-down",class:"main-menu-item-icon"})),o("div",{popover:"manual",ref:o=>this.popoverElement=o},o("div",{class:"dropdown-menu-options",role:"menu","aria-labelledby":this.dropdownButtonElement?.id,onKeyDown:this.keyDownHandler},o("ul",null,this.hiddenMainMenuItems.map((i=>o(w,{item:i,onClick:o=>this.clickHandler(o,"menuItem",{menuItem:i}),key:i.label})))))))),this.userHomeUrl&&o("li",{class:u("menu-user-home",{"dso-active":this.userHomeActive}),ref:o=>this.userHomeMenuItemElementRef=o},o("a",{href:this.userHomeUrl,"aria-current":this.userHomeActive?"page":void 0,onClick:o=>this.clickHandler(o,"userHome",{url:this.userHomeUrl})},o("dso-icon",{icon:"user-outline",class:"main-menu-item-icon"}),this.text("userHome"))))))}get host(){return r(this)}static get watchers(){return{mainMenu:[{mainMenuChanged:0}]}}};x.style="*,*::after,*::before{box-sizing:border-box}:host{display:block}:host([is-compact]) ::slotted([slot=logo]){--_dso-logo-block-size:2.5rem !important}:host([is-compact]) .dso-header{flex-wrap:nowrap}:host([is-compact]) .dropdown-menu .dropdown-menu-options{inline-size:100%}:host(:not([is-compact])) .dso-header{align-items:center}:host(:not([is-compact])) .dropdown-menu .dropdown-menu-options{inline-size:375px}div[popover]{margin:0 !important;border:0;padding:0;background-color:transparent;overflow:unset;inline-size:max-content}.dso-header{border-block-end:1px solid #ccc;display:flex;flex-wrap:wrap;position:relative}.dso-header .dso-nav{border:0}.logo-container{flex:1 1 12.5rem;margin-inline-end:24px;padding-block-end:16px;padding-block-start:16px}.dso-header-session{display:flex;align-items:center;margin-inline-start:auto}.dso-header-session .profile .dso-tertiary,.dso-header-session .login .dso-tertiary,.dso-header-session .logout .dso-tertiary,.dso-header-session .help .dso-tertiary{display:flex;cursor:pointer;border:0;background-color:transparent;padding-inline:0;outline-offset:2px;font-family:Asap, sans-serif;color:#39870c;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none}.dso-header-session .profile .dso-tertiary:hover,.dso-header-session .login .dso-tertiary:hover,.dso-header-session .logout .dso-tertiary:hover,.dso-header-session .help .dso-tertiary:hover{text-decoration:underline}.dso-header-session .profile+.logout,.dso-header-session .logout+.help,.dso-header-session .login+.help{border-inline-start:3px solid #ccc;margin-inline-start:8px;padding-inline-start:8px}.dso-header-session .help a,.dso-header-session .help button{display:flex}.dso-navbar{flex-basis:100%;max-inline-size:100%;position:relative}.dropdown-menu button{align-items:center;background-color:transparent;border:0;color:#39870c;display:flex;font-family:Asap, sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:inherit;position:relative}.dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0;inset-block-start:50%;transform:translateY(-50%)}.dropdown-menu button:hover,.dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dropdown-menu button dso-icon{inline-size:24px;block-size:24px;margin-inline-start:8px;padding-block-start:2px}.dropdown-menu button[aria-expanded=true] dso-icon{transform:rotate(180deg)}.dropdown-menu .dropdown-menu-options{box-sizing:border-box;background-clip:padding-box;background-color:#fff;border:0;border-radius:0;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4);font-size:1rem;min-inline-size:160px;padding-inline:0;z-index:220}.dropdown-menu .dropdown-menu-options ul{margin:0;padding:0;list-style:none}.dropdown-menu .dropdown-menu-options ul:not(:last-child){border-block-end:1px solid #e5e5e5;margin-block-end:11px;padding-block-end:11px}.dropdown-menu .dropdown-menu-options ul li{list-style:none}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li a:active,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:active{text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a,.dropdown-menu .dropdown-menu-options ul li button{clear:both;color:#275937;display:block;font-size:1.25rem;font-weight:400;line-height:1.5;padding:16px;text-decoration:none;white-space:nowrap}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:focus,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}.dropdown-menu .dropdown-menu-options ul li a:focus-visible,.dropdown-menu .dropdown-menu-options ul li button:focus-visible{background-color:#39870c;color:#fff}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li a:hover:visited,.dropdown-menu .dropdown-menu-options ul li button:hover,.dropdown-menu .dropdown-menu-options ul li button:hover:visited{color:#275937}.dropdown-menu .dropdown-menu-options ul li a:hover,.dropdown-menu .dropdown-menu-options ul li button:hover{background-color:#fff;text-decoration:underline}.dropdown-menu .dropdown-menu-options ul li a:visited,.dropdown-menu .dropdown-menu-options ul li button:visited{color:#fff}.dropdown-menu .dropdown-menu-options ul li a:visited:not(:hover):not(:focus):not(:focus-visible),.dropdown-menu .dropdown-menu-options ul li button:visited:not(:hover):not(:focus):not(:focus-visible){color:#275937}.dropdown-menu .dropdown-menu-options ul li.dso-active a{font-weight:600}.dropdown-menu .dropdown-menu-options ul li+li{border-block-start:1px solid #ccc}.dropdown{margin-inline-start:auto;display:flex;align-items:center}.dropdown .dropdown-menu{position:static}.dropdown .dropdown-menu .dropdown-menu-options{inset-inline-end:0;inset-block-start:100%;box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.4)}.dso-nav.ready .menu-user-home{margin-inline-start:auto}.dso-nav{align-items:end;column-gap:32px;display:flex;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0}.dso-nav>li{margin-block-end:4px}.dso-nav>li>a{display:block}.dso-nav>li>a,.dso-nav>li>a:hover,.dso-nav>li>a:focus,.dso-nav>li>a:visited{color:#275937}.dso-nav>li.dso-active,.dso-nav>li.is-active{margin-block-end:0}.dso-nav>li.dso-active>a,.dso-nav>li.is-active>a{border-block-end:4px solid #8b4a6a;font-weight:bold}.dso-nav.dso-nav-main{display:flex !important}.dso-nav.dso-nav-main>li>a{text-decoration:none}.dso-nav.dso-nav-main>li>a:hover,.dso-nav.dso-nav-main>li>a:focus-visible,.dso-nav.dso-nav-main>li>a:active{text-decoration:underline}.dso-nav.dso-nav-main>li>a{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;white-space:nowrap}.dso-nav.dso-nav-main .dropdown-menu .dropdown-menu-options{inset-inline-start:-1rem !important;inset-block-start:3px !important}.dso-nav.dso-nav-main .dropdown-menu button{font-size:1.25em;line-height:1;padding-block:16px;padding-inline:0;align-items:flex-end;color:#275937}.dso-nav.dso-nav-main .dropdown-menu button:hover,.dso-nav.dso-nav-main .dropdown-menu button:active{cursor:pointer;text-decoration:underline}.dso-nav.dso-nav-main .dropdown-menu button::after{margin-inline-start:8px;position:absolute;inset-inline-end:0px;inset-block-start:auto;transform:none}.dso-nav .main-menu-item-icon{block-size:1em;margin-inline-end:8px;position:relative;inset-block-start:-2px;inline-size:1.2em}.dso-nav .dropdown-menu-item .main-menu-item-icon{margin-inline-end:0}";export{x as dso_header}

package/dist/dso-toolkit/p-5cdda2dd.entry.js

@@ -1 +0,0 @@
-import{r as o,f as t,h as r,a as e,g as n}from"./p-pqfDfKeZ.js";import{a as s,c as a,o as i,f as d,d as l}from"./p-DMUqzLuy.js";import{c}from"./p-Cw_CPOlV.js";import{v as b}from"./p-CK3_k8jD.js";const p=class{constructor(t){o(this,t),this.variant="secondary",this.open=!1,this.focusOutListener=o=>{!this.open||o.relatedTarget instanceof HTMLElement||this.toggleOptions(!1)},this.keyDownHandler=o=>{if(o.target instanceof HTMLElement&&!o.defaultPrevented&&this.open){switch(o.key){case"Tab":o.shiftKey?this.moveFocusToPrevious(o.target):this.moveFocusToNext(o.target);break;case"ArrowDown":this.moveFocusToNext(o.target,!1);break;case"ArrowUp":this.moveFocusToPrevious(o.target,!1);break;case"Escape":this.escape();break;default:return}o.preventDefault()}},this.escape=()=>{this.button?.focus(),this.toggleOptions(!1)};const{state:r}=c({checkable:!1});this.dropdownMenuState=r}get checkable(){return this.dropdownMenuState.checkable}set checkable(o){this.dropdownMenuState.checkable=o||!1,t(this.host)}dsoClickHandler(o){o.stopPropagation(),this.open&&o.target instanceof HTMLElement&&this.toggleOptions(!1)}async _getState(){return this.dropdownMenuState}dropdownMenuTabbables(o){const t=this.host.isConnected?Array.from(this.host.querySelectorAll(":scope > dso-dropdown-menu-group > dso-dropdown-menu-item")):[];return o?[this.host,...t]:t}componentDidRender(){if(this.button&&this.popoverElement&&!this.cleanUp){const o=this.popoverElement,t=this.button;this.cleanUp=s(t,o,(()=>{a(t,o,{strategy:"fixed",middleware:[i(2),d({padding:2}),l({apply({availableHeight:o,availableWidth:t,elements:r}){const e=r.floating.querySelector("dso-scrollable")??r.floating;Object.assign(e.style,{maxHeight:`${o}px`,maxInlineSize:`${t}px`})}})],placement:"bottom-start"}).then((({x:t,y:r})=>{Object.assign(o.style,{left:`${t}px`,top:`${r}px`})}))}))}}toggleOptions(o){this.open=o??!this.open,this.popoverElement?.isConnected&&this.popoverElement.togglePopover(this.open),this.open&&requestAnimationFrame((()=>this.moveFocusTo(this.firstItem(!1)))),!this.open&&this.cleanUp&&(this.cleanUp(),this.cleanUp=void 0)}disconnectedCallback(){this.toggleOptions(!1)}get lastItem(){return this.dropdownMenuTabbables(!0).at(-1)}firstItem(o){return this.dropdownMenuTabbables(o)[0]}moveFocusToPrevious(o,t=!0){const r=this.dropdownMenuTabbables(t).findIndex((t=>t===o)),e=this.dropdownMenuTabbables(t)[r-1]??this.lastItem;this.moveFocusTo(e)}moveFocusToNext(o,t=!0){const r=this.dropdownMenuTabbables(t).findIndex((t=>t===o)),e=this.dropdownMenuTabbables(t)[r+1]??this.firstItem(t);this.moveFocusTo(e)}moveFocusTo(o){o&&(o===this.host&&this.button?this.button.focus():"_dsoFocus"in o&&o._dsoFocus())}render(){const o=b();return r(e,{key:"63dba747057e58c38f29d830b2a867dd02e07541",onFocusout:this.focusOutListener,onKeyDown:this.keyDownHandler},this.label&&r("button",{key:"3711038ff64c7e43a27c1a0a072fa904db484068",id:o,class:`dso-${this.variant}`,type:"button",onClick:()=>this.toggleOptions(),"aria-expanded":this.open.toString(),"aria-haspopup":"menu",ref:o=>this.button=o},this.label,r("dso-icon",{key:"45037c7c83a4edecf75762b703115c34c2a39804",icon:this.open?"chevron-up":"chevron-down"})),r("div",{key:"34099ec42eef8744a3701e3fa90701e53791a8e5",popover:"manual",class:"dso-dropdown-options","aria-labelledby":o,role:"menu",ref:o=>this.popoverElement=o},r("dso-scrollable",{key:"d1b88fa03257379e7b213c29616b02f24872e2aa"},r("slot",{key:"7e9c881bc357590c9750ddbe3a6f6fdac46733c7"}))))}get host(){return n(this)}};p.style=":host(:focus) {   outline: none; }  :host {   display: inline-block; }  button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; } button.dso-primary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-primary:focus, button.dso-primary:focus-visible {   outline-offset: 2px; } button.dso-primary:active {   outline: 0; } button.dso-primary.extern::after, button.dso-primary.download::after {   content: \"\";   display: inline-block; } button.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   float: var(--_dso-button-float-primary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff);   float: var(--_dso-button-float-primary, none); } button.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff);   float: var(--_dso-button-float-primary, none); } button.dso-primary[disabled], button.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff);   float: var(--_dso-button-float-primary, none); } button.dso-primary.dso-small {   line-height: 1rem; } button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-extra-small {   line-height: 1rem; } button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-primary.dso-extra-small {   padding-block: 9px; } button.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } button.dso-primary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-primary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-secondary:focus, button.dso-secondary:focus-visible {   outline-offset: 2px; } button.dso-secondary:active {   outline: 0; } button.dso-secondary.extern::after, button.dso-secondary.download::after {   content: \"\";   display: inline-block; } button.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary[disabled], button.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d);   float: var(--_dso-button-float-secondary, none); } button.dso-secondary.dso-small {   line-height: 1rem; } button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   line-height: 1rem; } button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-extra-small {   padding-block: 9px; } button.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } button.dso-secondary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } button.dso-secondary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-tertiary:focus, button.dso-tertiary:focus-visible {   outline-offset: 2px; } button.dso-tertiary:active {   outline: 0; } button.dso-tertiary.extern::after, button.dso-tertiary.download::after {   content: \"\";   display: inline-block; } button.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: var(--_dso-button-text-align, start);   user-select: none;   vertical-align: middle;   background-clip: padding-box; } button.dso-tertiary:focus, button.dso-tertiary:focus-visible {   outline-offset: 2px; } button.dso-tertiary:active {   outline: 0; } button.dso-tertiary.extern::after, button.dso-tertiary.download::after {   content: \"\";   display: inline-block; } button.dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-inline-size, auto);   padding-block: 11px;   padding-inline: 15px; } button.dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937);   float: var(--_dso-button-float-tertiary, none); } button.dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521);   float: var(--_dso-button-float-tertiary, none); } button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d);   float: var(--_dso-button-float-tertiary, none); } button.dso-tertiary.dso-small {   line-height: 1rem; } button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-extra-small {   line-height: 1rem; } button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.dso-tertiary.dso-extra-small {   padding-block: 9px; } button.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 0);   background-color: transparent; } button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } button.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } button.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } button.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } button.dso-tertiary.dso-spinner-left::before {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } button.dso-tertiary.dso-spinner-right::after {   background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' 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: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E\");   background-repeat: no-repeat;   content: \"\";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 4px; } button.dso-tertiary dso-icon, button.dso-tertiary span {   vertical-align: middle; } button dso-icon {   margin-inline-start: 8px; } button:not(.dso-tertiary) dso-icon {   margin-inline-end: 0; }  .dso-dropdown-options {   box-sizing: border-box;   margin: 0 !important;   overflow: unset;   background-clip: padding-box;   background-color: #fff;   border-radius: 4px;   border: 1px solid rgba(0, 0, 0, 0.15);   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.4);   font-size: 1rem;   min-inline-size: 160px;   inline-size: max-content;   padding: 0;   z-index: 220; }  ::slotted(dso-dropdown-menu-group:not(:last-child)) {   border-block-end: 1px solid #e5e5e5;   margin-block-end: 11px;   padding-block-end: 11px; }";export{p as dso_dropdown_menu}

package/dist/dso-toolkit/p-6e027a66.entry.js

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

package/dist/dso-toolkit/p-87a19b2e.entry.js

@@ -1 +0,0 @@
-import{r as e,d as s,h as t,F as o,a as i,g as l,f as c}from"./p-pqfDfKeZ.js";import{p as a}from"./p-CcOMPHLg.js";import{T as n}from"./p-CmOx9B7G.js";import"./p-DMUqzLuy.js";const d=class{constructor(t){e(this,t),this.dsoClose=s(this,"dsoClose",7)}render(){return t(o,{key:"7c3f9fed7a8ab8dbabe817e1b978e940f26f27f8"},t("slot",{key:"74dbbbdf2d445f448a7de100196ef0df2305734f"}),!this.fixed&&t("dso-icon-button",{key:"62d95155d61bfd7c671c5964c7837e587cf6998c",label:"Sluiten",variant:"tertiary",icon:"cross",onDsoClick:e=>this.dsoClose.emit(e.detail.originalEvent)}))}};d.style=":host{display:block;padding-block:16px;padding-inline:16px 32px;position:relative;--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--_dso-link-color:currentColor;--_dso-link-hover-color:currentColor;--_dso-link-visited-color:currentColor;--_dso-link-download-icon:var(--_dso-di-download-zwart);--_dso-link-extern-icon:var(--_dso-di-external-link-zwart);--_dso-link-phone-icon:var(--_dso-di-call-zwart);--_dso-link-mail-icon:var(--_dso-di-mail-outline-zwart);--_dso-link-list-chevron-icon:var(--_dso-di-chevron-right-zwart);--_dso-icon-button-secondary-active-color:#fff;--_dso-icon-button-secondary-active-background-color:#1f472c;--_dso-icon-button-secondary-toggled-color:#fff;--_dso-icon-button-secondary-toggled-background-color:#275937;--_dso-icon-button-secondary-toggled-hover-background-color:#1b3e27;--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#1f472c;--_dso-icon-button-tertiary-toggled-color:#275937;--_dso-icon-button-tertiary-toggled-hover-color:#1b3e27;--_dso-icon-button-tertiary-disabled-color:#999;--_dso-button-tertiary-download-icon:var(--_dso-di-download-zwart);--_dso-button-tertiary-external-link-icon:var(--_dso-di-external-link-zwart);--_dso-button-tertiary-color:#191919;--_dso-button-tertiary-hover-color:#4c4c4c;--_dso-button-tertiary-active-color:#173521;--_dso-button-tertiary-disabled-color:#999;background-color:#f2f2f2;color:#191919}:host(:not([active],[fixed])),:host([active=false]:not([fixed])),:host([active=false][fixed=false]){display:none}dso-icon-button{position:absolute;inset-inline-end:8px;inset-block-start:8px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}";const r=class{constructor(t){e(this,t),this.dsoToggle=s(this,"dsoToggle",7),this.active=!1,this.label="Toelichting bij optie",this.toggletipPlacement="top",this.toggletipActive=!1,this.hasToggletip=!1,this.handleOutsideEvent=e=>{this.toggletipActive&&(e.composedPath().includes(this.host)||this.closeToggletip())},this.keyDownHandler=e=>{this.toggletipActive&&"Escape"===e.key&&this.closeToggletip()}}onDocumentFocusIn(e){this.handleOutsideEvent(e)}onDocumentPointerDown(e){this.handleOutsideEvent(e)}async setFocus(){this.button?.setFocus?.()}handleToggle(e){this.hasToggletip?this.toggletipActive=!this.toggletipActive:this.dsoToggle.emit({originalEvent:e,active:!this.active})}closeToggletip(){this.toggletipActive=!1,this.toggletipElRef?.isConnected&&this.toggletipElRef.matches(":popover-open")&&this.toggletipElRef.hidePopover(),this.cleanUpTooltip()}cleanUpTooltip(){this.cleanUpFunction?.(),this.cleanUpFunction=void 0}componentDidRender(){if(!this.hasToggletip)return this.toggletipElRef?.hidePopover(),void this.cleanUpTooltip();!this.cleanUpFunction&&this.toggletipActive&&this.button&&this.toggletipElRef&&this.toggletipArrowElRef&&(this.cleanUpFunction=a({referenceElement:this.button,tipRef:this.toggletipElRef,tipArrowRef:this.toggletipArrowElRef,placementTip:this.toggletipPlacement,restrictContentElement:this.restrictContentElement})),this.cleanUpFunction&&(this.toggletipActive?this.toggletipElRef?.showPopover():this.closeToggletip())}connectedCallback(){this.mutationObserver=new MutationObserver((()=>{this.hasToggletip=!!this.host.querySelector("[slot='toggletip']")})),this.mutationObserver.observe(this.host,{childList:!0,attributes:!0})}disconnectedCallback(){this.closeToggletip(),this.mutationObserver?.disconnect(),delete this.mutationObserver}render(){return t(i,{key:"bebf2c54d9740a143661f2a4a8f289764e742c1c",onKeyDown:this.keyDownHandler},t("dso-icon-button",{key:"a89e0ea637d63255a786ed190ac19fdd48b330ca",variant:"tertiary",label:this.label,onDsoClick:e=>this.handleToggle(e.detail.originalEvent),icon:this.active||this.toggletipActive?"info-solid":"info-outline",ref:e=>this.button=e,expanded:this.hasToggletip?this.toggletipActive:void 0}),this.hasToggletip&&t(n,{key:"d3840f4ba7c517e4715bfa8b487b97ba7fc5a8c0",tipElementRef:e=>this.toggletipElRef=e,tipArrowElementRef:e=>this.toggletipArrowElRef=e},t("dso-scrollable",{key:"2752725c430ae05daeef3087fe19ec028a1fe5f4",ref:e=>this.restrictContentElement=e,"aria-live":"polite"},t("slot",{key:"f95b0b1205464a42d3970095a36b7e475d78aaa6",name:"toggletip"}))))}get host(){return l(this)}};function b(){return Math.random().toString(16).slice(-4)}r.style=":host{--_dso-scrollable-border-radius:4px;--_dso-scrollable-container-padding-inline:16px;--_dso-scrollable-container-padding-block:8px;--_dso-icon-button-position:static;display:inline-block}*,*::after,*::before{box-sizing:border-box}.dso-tooltip{--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;border-radius:4px;overflow:unset;margin:0;border:0;padding:0;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));opacity:0;visibility:hidden;max-inline-size:640px}.dso-tooltip .tooltip-inner{--_dso-span-role-paragraph-margin-block:8px;--_dso-alert-success-border-color:initial;--_dso-alert-error-border-color:initial;--_dso-alert-info-border-color:initial;--_dso-alert-warning-border-color:initial;background-color:#fff;color:#191919;font-family:Asap, sans-serif;font-size:1rem;font-weight:normal;padding-block:0;padding-inline:0;border-radius:4px;line-height:1.5}.dso-tooltip .tooltip-arrow{position:absolute;background-color:#fff;border-start-start-radius:4px;block-size:10px;inline-size:10px;pointer-events:none;z-index:-1}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}dso-icon-button{vertical-align:top;margin-inline-start:var(--_dso-info-button-margin-inline-start, 8px)}";const p=class{constructor(t){e(this,t),this.dsoChange=s(this,"dsoChange",7),this.infoActive=!1,this.fallbackIdentifier=`DsoSelectable-${b()}${b()}-${b()}-${b()}-${b()}-${b()}${b()}${b()}`,this.handleOnChange=e=>{const s=e.target instanceof HTMLInputElement?e.target:void 0;this.dsoChange.emit({originalEvent:e,checked:!!s?.checked,name:this.name,value:this.value}),c(this.host)}}async toggleInfo(e){this.infoActive=e??!this.infoActive}componentDidLoad(){this.mutationObserver?.disconnect(),this.mutationObserver=new MutationObserver((()=>c(this.host))),this.mutationObserver.observe(this.host,{childList:!0}),this.setIndeterminate()}disconnectedCallback(){this.mutationObserver?.disconnect()}setIndeterminate(){this.input instanceof HTMLInputElement&&"checkbox"===this.type&&(this.input.indeterminate=!!this.indeterminate)}render(){const e=!!this.host.querySelector('[slot="info"]'),s=[e&&this.infoFixed?this.describedById:void 0,this.errormessage].filter((e=>void 0!==e)).join(" ")||void 0;return t(o,{key:"e6e672ee66f8a47952dd5a74834c3757ee47aa7d"},t("div",{key:"d8c39c71eb6e4e1427494226d77f714671e35b8d",class:"dso-selectable-container"},t("div",{key:"174f6e75a3c6440d48f75076f0edaf31a9190c44",class:"dso-selectable-input-wrapper"},t("input",{key:"1b87c90cf5291788c5e33749ef562c90f5df5ad2",type:this.type,id:this.getIdentifier(),value:this.value,name:this.name,"aria-invalid":this.invalid?.toString(),"aria-describedby":s,"aria-labelledBy":this.labelledById,disabled:this.disabled,required:this.required,checked:this.checked,onChange:this.handleOnChange,ref:e=>this.input=e}),t("label",this.labelledById?null:{htmlFor:this.getIdentifier()},t("slot",null))),e&&!this.infoFixed&&t("dso-info-button",{key:"859a37b1dd61f8cc2e01e6fa0430452a6b0ba29d",active:this.infoActive,onDsoToggle:e=>this.infoActive=e.detail.active})),e&&t("dso-info",{key:"8bc3861cf7b3a95eb97922ad71bc62964e7d5f5f",id:e&&this.infoFixed?this.describedById:void 0,fixed:this.infoFixed,active:this.infoActive,onDsoClose:()=>this.infoActive=!1},t("div",{key:"0ec96182bd8e10616a74beb6a67f70248b59b8b2"},t("slot",{key:"e9baed2501c400f2a40cf6f5c98f40aefeb3740d",name:"info"}))),t("slot",{key:"a90703246e7e0bd0aa5f8472cb262eb031ef6c98",name:"options"}))}componentDidRender(){this.input&&"boolean"==typeof this.checked&&this.input.checked!==this.checked&&(this.input.checked=this.checked)}getIdentifier(){return this.identifier??this.fallbackIdentifier}get host(){return l(this)}static get watchers(){return{indeterminate:[{setIndeterminate:0}]}}};p.style='.sc-dso-selectable-h{padding-inline-start:var(--_dso-selectable-padding-inline-start, 32px);position:relative;display:var(--dso-selectable-display, block)}.sc-dso-selectable-h label.sc-dso-selectable{font-weight:400;line-height:24px;margin:0}.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio][disabled].sc-dso-selectable:focus+label.sc-dso-selectable::before{background-color:#fff;box-shadow:0 0 0 2px #e5e5e5}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{block-size:100%;inset-inline-start:0;margin:0;appearance:none;position:absolute;inset-block-start:0;inline-size:100%;z-index:100;zoom:1}@media (prefers-contrast: more){.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable{opacity:1}}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:not([disabled]),.sc-dso-selectable-h input[type=radio].sc-dso-selectable:not([disabled]){cursor:pointer}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable{display:inline;font-style:normal;padding-inline-start:0}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{background:#fff;border:0;box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);content:"";block-size:20px;inset-inline-start:2px;position:absolute;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=checkbox].active.sc-dso-selectable+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].sc-dso-selectable:active+label.sc-dso-selectable::before,.sc-dso-selectable-h input[type=radio].active.sc-dso-selectable+label.sc-dso-selectable::before{background-color:#ebf3e6;box-shadow:0 0 0 1px #275937;block-size:22px;inset-inline-start:1px;inset-block-start:1px;inline-size:22px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:4px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable+label.sc-dso-selectable::after{background:transparent;content:"";inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;zoom:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after,.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{opacity:1}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:checked+label.sc-dso-selectable::after{border:solid;border-color:var(--_dso-selectable-color, #39870c);border-block-start-color:transparent;border-width:0 0 3px 3px;block-size:8px;transform:rotate(-45deg);inline-size:13px}.sc-dso-selectable-h input[type=checkbox].sc-dso-selectable:indeterminate+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);block-size:12px;inline-size:12px}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::before{border-radius:50%}.sc-dso-selectable-h input[type=radio].sc-dso-selectable+label.sc-dso-selectable::after{background-color:transparent;border-radius:50%;content:"";block-size:12px;inset-inline-start:6px;opacity:0;position:absolute;inset-block-start:6px;inline-size:12px;zoom:1}.sc-dso-selectable-h input[type=radio].sc-dso-selectable:checked+label.sc-dso-selectable::after{background-color:var(--_dso-selectable-color, #39870c);opacity:1}[invalid].sc-dso-selectable-h:not([invalid=false]){--_dso-selectable-color:#ce3f51}.sc-dso-selectable-h>dso-info.sc-dso-selectable{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-h .dso-selectable-options.sc-dso-selectable li.sc-dso-selectable+li.sc-dso-selectable{margin-block-start:8px}.sc-dso-selectable-h:not(:last-child){margin-block-end:8px}*.sc-dso-selectable,*.sc-dso-selectable::after,*.sc-dso-selectable::before{box-sizing:border-box}.dso-selectable-container.sc-dso-selectable{display:inline-block}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable{display:inline-block;min-block-size:24px;position:relative;margin-inline-start:var(--_dso-selectable-input-wrapper-margin-inline-start, -32px);padding-inline-start:var(--_dso-selectable-input-wrapper-padding-inline-start, 32px)}.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=radio].sc-dso-selectable:focus+label.sc-dso-selectable::before,.dso-selectable-container.sc-dso-selectable .dso-selectable-input-wrapper.sc-dso-selectable input[type=checkbox].sc-dso-selectable:focus+label.sc-dso-selectable::before{box-shadow:0 0 0 2px var(--_dso-selectable-color, #275937);block-size:20px;inset-inline-start:2px;inset-block-start:2px;inline-size:20px}.sc-dso-selectable-s>[slot=info]{float:none;margin-block:8px 0;margin-inline:0 16px;inline-size:100%}.sc-dso-selectable-s>[slot=options]{list-style:none;margin-block-start:8px;padding-inline-start:0}.sc-dso-selectable-s>[slot=options] li+li{margin-block-start:8px}';export{d as dso_info,r as dso_info_button,p as dso_selectable}