@trimble-oss/moduswebcomponents/modus-wc/p-08b73d2e.entry.js

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

import{r as t,d as e,h as n,e as o,g as u}from"./p-C1-Dpkp7.js";import{h as i}from"./p-tWS3Egrk.js";import{i as c}from"./p-DJ2rBB6r.js";const d=Math.min,s=Math.max,r=Math.round,m=t=>({x:t,y:t}),a={left:"right",right:"left",bottom:"top",top:"bottom"};function l(t,e,n){return s(t,d(e,n))}function w(t,e){return"function"==typeof t?t(e):t}function f(t){return t.split("-")[0]}function h(t){return t.split("-")[1]}function p(t){return"x"===t?"y":"x"}function b(t){return"y"===t?"height":"width"}function y(t){const e=t[0];return"t"===e||"b"===e?"y":"x"}function g(t){return p(y(t))}function v(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}const x=["left","right"],k=["right","left"],A=["top","bottom"],C=["bottom","top"];function S(t){const e=f(t);return a[e]+t.slice(e.length)}function D(t){const{x:e,y:n,width:o,height:u}=t;return{width:o,height:u,top:n,left:e,right:e+o,bottom:n+u,x:e,y:n}}function R(t,e,n){let{reference:o,floating:u}=t;const i=y(e),c=g(e),d=b(c),s=f(e),r="y"===i,m=o.x+o.width/2-u.width/2,a=o.y+o.height/2-u.height/2,l=o[d]/2-u[d]/2;let w;switch(s){case"top":w={x:m,y:o.y-u.height};break;case"bottom":w={x:m,y:o.y+o.height};break;case"right":w={x:o.x+o.width,y:a};break;case"left":w={x:o.x-u.width,y:a};break;default:w={x:o.x,y:o.y}}switch(h(e)){case"start":w[c]-=l*(n&&r?-1:1);break;case"end":w[c]+=l*(n&&r?-1:1)}return w}async function F(t,e){var n;void 0===e&&(e={});const{x:o,y:u,platform:i,rects:c,elements:d,strategy:s}=t,{boundary:r="clippingAncestors",rootBoundary:m="viewport",elementContext:a="floating",altBoundary:l=!1,padding:f=0}=w(e,t),h=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(f),p=d[l?"floating"===a?"reference":"floating":a],b=D(await i.getClippingRect({element:null==(n=await(null==i.isElement?void 0:i.isElement(p)))||n?p:p.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(d.floating)),boundary:r,rootBoundary:m,strategy:s})),y="floating"===a?{x:o,y:u,width:c.floating.width,height:c.floating.height}:c.reference,g=await(null==i.getOffsetParent?void 0:i.getOffsetParent(d.floating)),v=await(null==i.isElement?void 0:i.isElement(g))&&await(null==i.getScale?void 0:i.getScale(g))||{x:1,y:1},x=D(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:d,rect:y,offsetParent:g,strategy:s}):y);return{top:(b.top-x.top+h.top)/v.y,bottom:(x.bottom-b.bottom+h.bottom)/v.y,left:(b.left-x.left+h.left)/v.x,right:(x.right-b.right+h.right)/v.x}}const E=new Set(["left","top"]);function L(){return"undefined"!=typeof window}function M(t){return V(t)?(t.nodeName||"").toLowerCase():"#document"}function P(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function T(t){var e;return null==(e=(V(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function V(t){return!!L()&&(t instanceof Node||t instanceof P(t).Node)}function B(t){return!!L()&&(t instanceof Element||t instanceof P(t).Element)}function j(t){return!!L()&&(t instanceof HTMLElement||t instanceof P(t).HTMLElement)}function $(t){return!(!L()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof P(t).ShadowRoot)}function O(t){const{overflow:e,overflowX:n,overflowY:o,display:u}=X(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&"inline"!==u&&"contents"!==u}function _(t){return/^(table|td|th)$/.test(M(t))}function z(t){try{if(t.matches(":popover-open"))return!0}catch(t){}try{return t.matches(":modal")}catch(t){return!1}}const N=/transform|translate|scale|rotate|perspective|filter/,W=/paint|layout|strict|content/,H=t=>!!t&&"none"!==t;let I;function J(t){const e=B(t)?X(t):t;return H(e.transform)||H(e.translate)||H(e.scale)||H(e.rotate)||H(e.perspective)||!K()&&(H(e.backdropFilter)||H(e.filter))||N.test(e.willChange||"")||W.test(e.contain||"")}function K(){return null==I&&(I="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),I}function U(t){return/^(html|body|#document)$/.test(M(t))}function X(t){return P(t).getComputedStyle(t)}function Y(t){return B(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function q(t){if("html"===M(t))return t;const e=t.assignedSlot||t.parentNode||$(t)&&t.host||T(t);return $(e)?e.host:e}function G(t){const e=q(t);return U(e)?t.ownerDocument?t.ownerDocument.body:t.body:j(e)&&O(e)?e:G(e)}function Q(t,e){var n;void 0===e&&(e=[]);const o=G(t),u=o===(null==(n=t.ownerDocument)?void 0:n.body),i=P(o);return u?e.concat(i,i.visualViewport||[],O(o)?o:[],[]):e.concat(o,Q(o,[]))}function Z(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function tt(t){const e=X(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const u=j(t),i=u?t.offsetWidth:n,c=u?t.offsetHeight:o,d=r(n)!==i||r(o)!==c;return d&&(n=i,o=c),{width:n,height:o,$:d}}function et(t){return B(t)?t:t.contextElement}function nt(t){const e=et(t);if(!j(e))return m(1);const n=e.getBoundingClientRect(),{width:o,height:u,$:i}=tt(e);let c=(i?r(n.width):n.width)/o,d=(i?r(n.height):n.height)/u;return c&&Number.isFinite(c)||(c=1),d&&Number.isFinite(d)||(d=1),{x:c,y:d}}const ot=m(0);function ut(t){const e=P(t);return K()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:ot}function it(t,e,n,o){void 0===e&&(e=!1),void 0===n&&(n=!1);const u=t.getBoundingClientRect(),i=et(t);let c=m(1);e&&(o?B(o)&&(c=nt(o)):c=nt(t));const d=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==P(t))&&e}(i,n,o)?ut(i):m(0);let s=(u.left+d.x)/c.x,r=(u.top+d.y)/c.y,a=u.width/c.x,l=u.height/c.y;if(i){const t=P(i),e=o&&B(o)?P(o):o;let n=t,u=Z(n);for(;u&&o&&e!==n;){const t=nt(u),e=u.getBoundingClientRect(),o=X(u),i=e.left+(u.clientLeft+parseFloat(o.paddingLeft))*t.x,c=e.top+(u.clientTop+parseFloat(o.paddingTop))*t.y;s*=t.x,r*=t.y,a*=t.x,l*=t.y,s+=i,r+=c,n=P(u),u=Z(n)}}return D({width:a,height:l,x:s,y:r})}function ct(t,e){const n=Y(t).scrollLeft;return e?e.left+n:it(T(t)).left+n}function dt(t,e){const n=t.getBoundingClientRect();return{x:n.left+e.scrollLeft-ct(t,n),y:n.top+e.scrollTop}}function st(t,e,n){let o;if("viewport"===e)o=function(t,e){const n=P(t),o=T(t),u=n.visualViewport;let i=o.clientWidth,c=o.clientHeight,d=0,s=0;if(u){i=u.width,c=u.height;const t=K();(!t||t&&"fixed"===e)&&(d=u.offsetLeft,s=u.offsetTop)}const r=ct(o);if(r<=0){const t=o.ownerDocument,e=t.body,n=getComputedStyle(e),u="CSS1Compat"===t.compatMode&&parseFloat(n.marginLeft)+parseFloat(n.marginRight)||0,c=Math.abs(o.clientWidth-e.clientWidth-u);c<=25&&(i-=c)}else r<=25&&(i+=r);return{width:i,height:c,x:d,y:s}}(t,n);else if("document"===e)o=function(t){const e=T(t),n=Y(t),o=t.ownerDocument.body,u=s(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),i=s(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let c=-n.scrollLeft+ct(t);const d=-n.scrollTop;return"rtl"===X(o).direction&&(c+=s(e.clientWidth,o.clientWidth)-u),{width:u,height:i,x:c,y:d}}(T(t));else if(B(e))o=function(t,e){const n=it(t,!0,"fixed"===e),o=n.top+t.clientTop,u=n.left+t.clientLeft,i=j(t)?nt(t):m(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:u*i.x,y:o*i.y}}(e,n);else{const n=ut(t);o={x:e.x-n.x,y:e.y-n.y,width:e.width,height:e.height}}return D(o)}function rt(t,e){const n=q(t);return!(n===e||!B(n)||U(n))&&("fixed"===X(n).position||rt(n,e))}function mt(t,e,n){const o=j(e),u=T(e),i="fixed"===n,c=it(t,!0,i,e);let d={scrollLeft:0,scrollTop:0};const s=m(0);function r(){s.x=ct(u)}if(o||!o&&!i)if(("body"!==M(e)||O(u))&&(d=Y(e)),o){const t=it(e,!0,i,e);s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}else u&&r();i&&!o&&u&&r();const a=!u||o||i?m(0):dt(u,d);return{x:c.left+d.scrollLeft-s.x-a.x,y:c.top+d.scrollTop-s.y-a.y,width:c.width,height:c.height}}function at(t){return"static"===X(t).position}function lt(t,e){if(!j(t)||"fixed"===X(t).position)return null;if(e)return e(t);let n=t.offsetParent;return T(t)===n&&(n=n.ownerDocument.body),n}function wt(t,e){const n=P(t);if(z(t))return n;if(!j(t)){let e=q(t);for(;e&&!U(e);){if(B(e)&&!at(e))return e;e=q(e)}return n}let o=lt(t,e);for(;o&&_(o)&&at(o);)o=lt(o,e);return o&&U(o)&&at(o)&&!J(o)?n:o||function(t){let e=q(t);for(;j(e)&&!U(e);){if(J(e))return e;if(z(e))return null;e=q(e)}return null}(t)||n}const ft={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:o,strategy:u}=t;const i="fixed"===u,c=T(o),d=!!e&&z(e.floating);if(o===c||d&&i)return n;let s={scrollLeft:0,scrollTop:0},r=m(1);const a=m(0),l=j(o);if((l||!l&&!i)&&(("body"!==M(o)||O(c))&&(s=Y(o)),l)){const t=it(o);r=nt(o),a.x=t.x+o.clientLeft,a.y=t.y+o.clientTop}const w=!c||l||i?m(0):dt(c,s);return{width:n.width*r.x,height:n.height*r.y,x:n.x*r.x-s.scrollLeft*r.x+a.x+w.x,y:n.y*r.y-s.scrollTop*r.y+a.y+w.y}},getDocumentElement:T,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:o,strategy:u}=t;const i=[..."clippingAncestors"===n?z(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let o=Q(t,[]).filter((t=>B(t)&&"body"!==M(t))),u=null;const i="fixed"===X(t).position;let c=i?q(t):t;for(;B(c)&&!U(c);){const e=X(c),n=J(c);n||"fixed"!==e.position||(u=null),(i?!n&&!u:!n&&"static"===e.position&&u&&("absolute"===u.position||"fixed"===u.position)||O(c)&&!n&&rt(t,c))?o=o.filter((t=>t!==c)):u=e,c=q(c)}return e.set(t,o),o}(e,this._c):[].concat(n),o],c=st(e,i[0],u);let r=c.top,m=c.right,a=c.bottom,l=c.left;for(let t=1;t<i.length;t++){const n=st(e,i[t],u);r=s(n.top,r),m=d(n.right,m),a=d(n.bottom,a),l=s(n.left,l)}return{width:m-l,height:a-r,x:l,y:r}},getOffsetParent:wt,getElementRects:async function(t){const e=this.getOffsetParent||wt,n=this.getDimensions,o=await n(t.floating);return{reference:mt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=tt(t);return{width:e,height:n}},getScale:nt,isElement:B,isRTL:function(t){return"rtl"===X(t).direction}},ht=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:o,placement:u,platform:i}=e,{mainAxis:c=!0,crossAxis:d=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...r}=w(t,e),m={x:n,y:o},a=await i.detectOverflow(e,r),h=y(f(u)),b=p(h);let g=m[b],v=m[h];c&&(g=l(g+a["y"===b?"top":"left"],g,g-a["y"===b?"bottom":"right"])),d&&(v=l(v+a["y"===h?"top":"left"],v,v-a["y"===h?"bottom":"right"]));const x=s.fn({...e,[b]:g,[h]:v});return{...x,data:{x:x.x-n,y:x.y-o,enabled:{[b]:c,[h]:d}}}}}},pt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:u,middlewareData:i,rects:c,initialPlacement:d,platform:s,elements:r}=e,{mainAxis:m=!0,crossAxis:a=!0,fallbackPlacements:l,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:D="none",flipAlignment:R=!0,...F}=w(t,e);if(null!=(n=i.arrow)&&n.alignmentOffset)return{};const E=f(u),L=y(d),M=f(d)===d,P=await(null==s.isRTL?void 0:s.isRTL(r.floating)),T=l||(M||!R?[S(d)]:function(t){const e=S(t);return[v(t),e,v(e)]}(d)),V="none"!==D;!l&&V&&T.push(...function(t,e,n,o){const u=h(t);let i=function(t,e,n){switch(t){case"top":case"bottom":return n?e?k:x:e?x:k;case"left":case"right":return e?A:C;default:return[]}}(f(t),"start"===n,o);return u&&(i=i.map((t=>t+"-"+u)),e&&(i=i.concat(i.map(v)))),i}(d,R,D,P));const B=[d,...T],j=await s.detectOverflow(e,F),$=[];let O=(null==(o=i.flip)?void 0:o.overflows)||[];if(m&&$.push(j[E]),a){const t=function(t,e,n){void 0===n&&(n=!1);const o=h(t),u=g(t),i=b(u);let c="x"===u?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return e.reference[i]>e.floating[i]&&(c=S(c)),[c,S(c)]}(u,c,P);$.push(j[t[0]],j[t[1]])}if(O=[...O,{placement:u,overflows:$}],!$.every((t=>t<=0))){var _,z;const t=((null==(_=i.flip)?void 0:_.index)||0)+1,e=B[t];if(e&&("alignment"!==a||L===y(e)||O.every((t=>y(t.placement)!==L||t.overflows[0]>0))))return{data:{index:t,overflows:O},reset:{placement:e}};let n=null==(z=O.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:z.placement;if(!n)switch(p){case"bestFit":{var N;const t=null==(N=O.filter((t=>{if(V){const e=y(t.placement);return e===L||"y"===e}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:N[0];t&&(n=t);break}case"initialPlacement":n=d}if(u!==n)return{reset:{placement:n}}}return{}}}},bt=class{constructor(n){t(this,n),this.menuVisibilityChange=e(this,"menuVisibilityChange",7),this.inheritedAttributes={},this.buttonColor="primary",this.buttonShape="rectangle",this.buttonSize="md",this.buttonVariant="filled",this.customClass="",this.disabled=!1,this.menuBordered=!0,this.menuOffset=10,this.menuPlacement="bottom-start",this.menuSize="md",this.menuStrategy="absolute",this.menuVisible=!1,this.menuPosition={x:0,y:0},this.handleButtonClick=()=>{const t=!this.menuVisible;this.menuVisible=t,this.menuVisibilityChange.emit({isVisible:t})},this.updateMenuPosition=async()=>{if(!this.buttonRef||!this.menuRef)return;const{x:t,y:e}=await((t,e,n)=>{const o=new Map,u={platform:ft,...n},i={...u.platform,_c:o};return(async(t,e,n)=>{const{placement:o="bottom",strategy:u="absolute",middleware:i=[],platform:c}=n,d=c.detectOverflow?c:{...c,detectOverflow:F},s=await(null==c.isRTL?void 0:c.isRTL(e));let r=await c.getElementRects({reference:t,floating:e,strategy:u}),{x:m,y:a}=R(r,o,s),l=o,w=0;const f={};for(let n=0;n<i.length;n++){const h=i[n];if(!h)continue;const{name:p,fn:b}=h,{x:y,y:g,data:v,reset:x}=await b({x:m,y:a,initialPlacement:o,placement:l,strategy:u,middlewareData:f,rects:r,platform:d,elements:{reference:t,floating:e}});m=null!=y?y:m,a=null!=g?g:a,f[p]={...f[p],...v},x&&w<50&&(w++,"object"==typeof x&&(x.placement&&(l=x.placement),x.rects&&(r=!0===x.rects?await c.getElementRects({reference:t,floating:e,strategy:u}):x.rects),({x:m,y:a}=R(r,l,s))),n=-1)}return{x:m,y:a,placement:l,strategy:u,middlewareData:f}})(t,e,{...u,platform:i})})(this.buttonRef,this.menuRef,{placement:this.menuPlacement,strategy:this.menuStrategy,middleware:[(n=this.menuOffset,void 0===n&&(n=0),{name:"offset",options:n,async fn(t){var e,o;const{x:u,y:i,placement:c,middlewareData:d}=t,s=await async function(t,e){const{placement:n,platform:o,elements:u}=t,i=await(null==o.isRTL?void 0:o.isRTL(u.floating)),c=f(n),d=h(n),s="y"===y(n),r=E.has(c)?-1:1,m=i&&s?-1:1,a=w(e,t);let{mainAxis:l,crossAxis:p,alignmentAxis:b}="number"==typeof a?{mainAxis:a,crossAxis:0,alignmentAxis:null}:{mainAxis:a.mainAxis||0,crossAxis:a.crossAxis||0,alignmentAxis:a.alignmentAxis};return d&&"number"==typeof b&&(p="end"===d?-1*b:b),s?{x:p*m,y:l*r}:{x:l*r,y:p*m}}(t,n);return c===(null==(e=d.offset)?void 0:e.placement)&&null!=(o=d.arrow)&&o.alignmentOffset?{}:{x:u+s.x,y:i+s.y,data:{...s,placement:c}}}}),pt(),ht({padding:8})]});var n;this.menuPosition={x:t,y:e}}}handleDocumentClick(t){!t.composedPath().includes(this.el)&&this.menuVisible&&(this.menuVisible=!1,this.menuVisibilityChange.emit({isVisible:!1}))}handleKeyDown(t){"Escape"===t.key&&this.menuVisible&&(this.menuVisible=!1,this.menuVisibilityChange.emit({isVisible:!1}))}async onMenuVisibilityChange(t){t&&await this.updateMenuPosition()}componentDidLoad(){this.buttonRef=this.el.querySelector("modus-wc-button")}componentWillLoad(){i(this.el),this.inheritedAttributes=c(this.el)}getClasses(){const t=["modus-wc-dropdown-menu"];return this.customClass&&t.push(this.customClass),t.join(" ")}render(){return n(o,Object.assign({key:"021f1bf53307c308a303398da38ce71cad4e040f",class:this.getClasses()},this.inheritedAttributes),n("modus-wc-button",{key:"23f1cf9250c6a6110b8ed57c8cd1b7e4aa09cd2e","aria-expanded":this.menuVisible.toString(),"aria-haspopup":"true","aria-label":this.buttonAriaLabel,color:this.buttonColor,disabled:this.disabled,onButtonClick:this.handleButtonClick,shape:this.buttonShape,size:this.buttonSize,variant:this.buttonVariant},n("slot",{key:"2e5f838e4bb61c308ad8219973cf7abdc80be365",name:"button"})),n("div",{key:"73708f0704c390d41a35a00adb751aeb6b5e8934","aria-hidden":!this.menuVisible,class:"menu-wrapper",ref:t=>this.menuRef=t,style:{position:this.menuStrategy,top:`${this.menuPosition.y}px`,left:`${this.menuPosition.x}px`,zIndex:"1000",visibility:this.menuVisible?"visible":"hidden",opacity:this.menuVisible?"1":"0",pointerEvents:this.menuVisible?"auto":"none"}},n("modus-wc-menu",{key:"1b7ea2d2c4beef1c9c6367f9353da0e6acd1d658",bordered:this.menuBordered,size:this.menuSize},n("slot",{key:"ca97bbe29d1ae0a4ab22b8a84a9d46d44e48c6ae",name:"menu"}))))}get el(){return u(this)}static get watchers(){return{menuVisible:["onMenuVisibilityChange"]}}};bt.style='@charset "UTF-8";modus-wc-dropdown-menu.modus-wc-dropdown-menu{background-color:var(--modus-wc-color-base-page)}modus-wc-dropdown-menu.modus-wc-dropdown-menu .menu-wrapper{left:0;position:absolute;top:0;width:max-content}modus-wc-dropdown-menu.modus-wc-dropdown-menu{}modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu .modus-wc-menu{margin-inline-start:0;padding-inline-start:0}modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu .modus-wc-menu::before{content:none}modus-wc-dropdown-menu.modus-wc-dropdown-menu .modus-wc-menu-item>button:hover{border-radius:0}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu .modus-wc-menu,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu .modus-wc-menu{border-radius:var(--modus-wc-border-radius-sm)}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu .menu-wrapper,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu .menu-wrapper{border-radius:var(--modus-wc-border-radius-sm);box-shadow:0 0 0.375rem #aeaeb6}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu{}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active{background-color:transparent}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active>button,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active>button{background-color:#e5f0f8;color:var(--modus-wc-color-primary);font-weight:var(--modus-wc-font-weight-semibold)}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active>button:hover,[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active>button:focus,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active>button:hover,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active>button:focus{background-color:#e5f0f8;color:var(--modus-wc-color-primary)}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover{background-color:transparent;outline:none}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-active):not(:has(.modus-wc-menu-dropdown)):hover,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-active):not(:has(.modus-wc-menu-dropdown)):hover{background-color:transparent}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled)>button:hover,[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled)>button:focus,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled)>button:hover,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled)>button:focus{background-color:var(--modus-wc-color-base-100)}[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):focus:not(:focus-visible),[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled).modus-wc-arrow-focused,[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):focus:not(:focus-visible),[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled).modus-wc-arrow-focused{background-color:var(--modus-wc-color-base-100);outline:none}';export{bt as modus_wc_dropdown_menu}