@trimble-oss/moduswebcomponents/modus-wc/p-43f19820.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 e,d as t,h as m,e as o,g as s}from"./p-C1-Dpkp7.js";import{h as i}from"./p-tWS3Egrk.js";import{i as n}from"./p-DJ2rBB6r.js";const c=class{constructor(m){e(this,m),this.itemSelect=t(this,"itemSelect",7),this.inheritedAttributes={},this.customClass="",this.label="",this.size="md",this.tooltipPosition="auto",this.value="",this.isExpanded=!1,this.handleItemClick=e=>{var t;this.isInteractiveSlotClick(e,"end")||this.isInteractiveSlotClick(e,"start")||(this.handleItemSelect(),null===(t=this.el.querySelector("li"))||void 0===t||t.blur())},this.handleItemSelect=()=>{if(this.hasSubmenu){if(this.blockExpand)return void this.itemSelect.emit({value:this.value});const e=this.el.closest("modus-wc-side-navigation");if(e&&!e.expanded)return void this.itemSelect.emit({value:this.value});const t=this.el.querySelector(".modus-wc-menu-dropdown"),m=this.el.querySelector("li");t&&m&&(t.classList.toggle("modus-wc-menu-dropdown-show"),this.isExpanded=t.classList.contains("modus-wc-menu-dropdown-show"),this.isExpanded?(m.classList.add("modus-wc-menu-item-expanded"),m.classList.add("modus-wc-menu-dropdown-show")):(m.classList.remove("modus-wc-menu-item-expanded"),m.classList.remove("modus-wc-menu-dropdown-show")))}else"multiple"===this.resolveSelectionMode()||this.checkbox?this.selected=!this.selected:("single"===this.resolveSelectionMode()&&this.deselectSiblings(),this.selected=!0);this.itemSelect.emit({value:this.value,selected:this.selected})}}componentWillLoad(){i(this.el),this.inheritedAttributes=n(this.el),this._selectionMode=this.resolveSelectionMode()}componentDidLoad(){if("undefined"==typeof MutationObserver)return;const e=this.el.closest("modus-wc-tree-menu");e&&(this.parentTreeMenuObserver=new MutationObserver((e=>{for(const t of e)if("selection-mode"===t.attributeName){this.handleSelectionModeChange();break}})),this.parentTreeMenuObserver.observe(e,{attributes:!0}))}disconnectedCallback(){var e;null===(e=this.parentTreeMenuObserver)||void 0===e||e.disconnect()}handleSelectionModeChange(){this._selectionMode=this.resolveSelectionMode(),this.selected=!1}handleKeyDown(e){this.disabled||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleItemSelect())}async collapseSubmenu(){if(this.hasSubmenu&&this.isExpanded){const e=this.el.querySelector(".modus-wc-menu-dropdown"),t=this.el.querySelector("li");e&&t&&(e.classList.remove("modus-wc-menu-dropdown-show"),t.classList.remove("modus-wc-menu-item-expanded"),t.classList.remove("modus-wc-menu-dropdown-show"),this.isExpanded=!1)}return Promise.resolve()}getRootTreeMenu(){var e,t;let m=this.el.closest("modus-wc-tree-menu");for(;m;){const o=null!==(t=null===(e=m.parentElement)||void 0===e?void 0:e.closest("modus-wc-tree-menu"))&&void 0!==t?t:null;if(!o)break;m=o}return m}deselectSiblings(){const e=this.getRootTreeMenu();e&&e.querySelectorAll("modus-wc-tree-item").forEach((e=>{e!==this.el&&(e.selected=!1)}))}resolveSelectionMode(){var e;return null===(e=this.el.closest("modus-wc-tree-menu"))||void 0===e?void 0:e.selectionMode}getClasses(){const e=["modus-wc-menu-item"],t=(({active:e,bordered:t,disabled:m,focused:o,size:s})=>{let i="";return t&&(i=`${i} modus-wc-menu-item-bordered`),m&&(i=`${i} modus-wc-menu-item-disabled`),e&&(i=`${i} modus-wc-menu-item-active`),o&&(i=`${i} modus-wc-menu-item-focused`),s&&(i=`${i} modus-wc-menu-item-${s}`),i.trim()})({active:!this.hasSubmenu&&!!this.selected,bordered:this.bordered,disabled:this.disabled,focused:this.focused,size:this.size});return t&&e.push(t),this.customClass&&e.push(this.customClass),e.join(" ")}getInteractiveClasses(){const e=["modus-wc-menu-item-interactive"];return this.hasSubmenu&&e.push("modus-wc-menu-dropdown-toggle"),e.join(" ")}getRole(e){return"multiple"===e?"menuitemcheckbox":"single"===e?"menuitemradio":"menuitem"}hasCheckbox(e){return this.checkbox||"multiple"===e}getAriaChecked(e){if(this.hasCheckbox(e))return this.selected?"true":"false"}getAriaSelected(e){if(!this.hasCheckbox(e))return"single"===e?this.selected?"true":"false":void 0}isSlotClick(e,t){const m=Array.from(this.el.querySelectorAll(`[slot="${t}"]`));if(0===m.length)return!1;const o=e.composedPath()[0];return!!o&&m.some((e=>e===o||e.contains(o)))}isInteractiveSlotClick(e,t){if(!this.isSlotClick(e,t))return!1;if("end"===t)return!0;const m="button, a, input, select, textarea, modus-wc-button, modus-wc-checkbox";return e.composedPath().some((e=>e instanceof HTMLElement&&(e.matches(m)||!!e.closest(m))))}render(){const e=this._selectionMode;return m(o,{key:"e449da3b3e622c0563053ea430d154504af7bc94"},m("li",Object.assign({key:"69a6c98f67cc075172f75edda01a6a38a3073f0e","aria-checked":this.getAriaChecked(e),"aria-disabled":this.disabled,"aria-expanded":this.hasSubmenu?String(this.isExpanded):void 0,"aria-selected":this.getAriaSelected(e),class:this.getClasses(),role:this.getRole(e),tabIndex:this.disabled?-1:0},this.inheritedAttributes),m("div",{key:"bb1ad08a4c96902d11d4a87f5929b811e72e0781",class:this.getInteractiveClasses(),onClick:this.handleItemClick,role:"presentation",tabIndex:-1},m("div",{key:"64a245f9c429c17f0074705b7dab106ca864bf4e",class:"modus-wc-menu-item-content"},(this.checkbox||"multiple"===e)&&m("modus-wc-checkbox",{key:"2fd4bce5ada577a49e429c4916b1a8304fec475f","aria-label":"Checkbox",disabled:this.disabled,size:this.size,value:!!this.selected}),m("slot",{key:"3cd2f808b5c605f5da8b49332b550f654d03ef24",name:"start"}),m("div",{key:"43a01c089eaa192d263d31ed4878f5be7340a323",class:"modus-wc-menu-item-labels"},this.tooltipContent?m("modus-wc-tooltip",{content:this.tooltipContent,position:this.tooltipPosition,customClass:"modus-wc-menu-item-tooltip"},m("div",null,this.label)):m("div",null,this.label),this.subLabel&&m("div",{key:"a8e29414ded68dd80314bcfa3714325bc570e2b4",class:"modus-wc-menu-item-sublabel"},this.subLabel)),m("slot",{key:"6e3d2f5ff446499d2835af24bf8e5f457eec5dc3",name:"end"}))),m("slot",{key:"9f94e45e38a165aab731b18374c720d176a0a1de"})))}get el(){return s(this)}};c.style="modus-wc-tree-item .modus-wc-menu-item{display:flex;flex-direction:column;width:100%}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive{align-items:center;border-radius:inherit;display:flex;width:100%}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:focus{background-color:transparent}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive.modus-wc-menu-dropdown-toggle::after{color:var(--modus-wc-color-base-content)}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content{align-items:center;display:flex;width:100%}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content [slot=start]{padding-inline-end:var(--modus-wc-spacing-sm)}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content [slot=end]{margin-inline-start:auto;padding-inline-start:var(--modus-wc-spacing-sm)}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content [slot=end]:is(modus-wc-dropdown-menu){background-color:transparent;padding-inline-start:0}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content modus-wc-checkbox{padding-inline-end:var(--modus-wc-spacing-sm)}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content .modus-wc-menu-item-labels{padding-inline-end:var(--modus-wc-spacing-xs);padding-inline-start:var(--modus-wc-spacing-md);white-space:nowrap}modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content .modus-wc-menu-item-sublabel{font-size:var(--modus-wc-font-size-sm);white-space:nowrap}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-sm .modus-wc-menu-item-interactive{font-size:var(--modus-wc-font-size-sm)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-sm .modus-wc-menu-item-interactive .modus-wc-menu-item-sublabel{font-size:var(--modus-wc-font-size-xs)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive{font-size:var(--modus-wc-font-size-md)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive .modus-wc-menu-item-sublabel{font-size:var(--modus-wc-font-size-sm)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-lg .modus-wc-menu-item-interactive{font-size:var(--modus-wc-font-size-lg)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-lg .modus-wc-menu-item-interactive .modus-wc-menu-item-sublabel{font-size:var(--modus-wc-font-size-md)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-bordered{border-bottom:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);border-radius:0;border-top:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-bordered.modus-wc-menu-item-selected,modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-bordered.modus-wc-menu-item-active{border-color:transparent}modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-selected){color:var(--modus-wc-color-base-content)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected{background-color:color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);border-radius:inherit;color:var(--modus-wc-base-content)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected:focus{background-color:color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected .modus-wc-menu-item-interactive{background-color:transparent}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected .modus-wc-menu-item-interactive:hover,modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected .modus-wc-menu-item-interactive:focus{background-color:transparent;border-radius:inherit;box-shadow:none;color:inherit}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active{background-color:color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);border-radius:inherit;color:var(--modus-wc-color-base-content)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active:focus{background-color:color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent)}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive{background-color:transparent}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:hover,modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:focus{background-color:transparent;border-radius:inherit;box-shadow:none;color:inherit}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-disabled{opacity:0.4}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-disabled .modus-wc-menu-item-interactive{pointer-events:none}modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover{background-color:var(--modus-wc-color-base-100);outline:none}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover{background-color:var(--modus-wc-color-base-100)}modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible),modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused{background-color:var(--modus-wc-color-base-100);color:var(--modus-wc-color-primary);outline:none}modus-wc-tree-item .modus-wc-menu-item:focus-visible{background-color:transparent;outline:2px solid var(--modus-wc-color-primary);outline-offset:-2px}modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused{border-radius:inherit;outline:2px solid var(--modus-wc-color-primary);outline-offset:-2px}[data-theme=modus-modern-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover,[data-theme=modus-modern-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover,[data-theme=modus-classic-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover,[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover{background-color:transparent}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active),[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active){color:var(--modus-wc-color-gray-light)}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive.modus-wc-menu-dropdown-toggle::after,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive.modus-wc-menu-dropdown-toggle::after{color:var(--modus-wc-color-gray-3)}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover{background-color:var(--modus-wc-color-gray-9);color:inherit;outline:none}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover{background-color:var(--modus-wc-color-gray-9);color:inherit}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active,[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)),[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)){background-color:color-mix(in sRGB, var(--modus-wc-color-primary) 30%, transparent)}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive,[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive{background-color:transparent}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:hover,[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:focus,[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:hover,[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:focus,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:hover,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:focus,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:hover,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:focus{background-color:transparent;box-shadow:none;color:inherit}[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible),[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible),[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused{background-color:var(--modus-wc-color-gray-9)}[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=start])) .modus-wc-menu-item-labels,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=start])) .modus-wc-menu-item-labels{padding-inline-start:0}[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=end])) .modus-wc-menu-item-labels,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=end])) .modus-wc-menu-item-labels{padding-inline-end:0}[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-labels,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-labels{font-weight:var(--modus-wc-font-weight-normal)}[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive .modus-wc-menu-item-labels,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive .modus-wc-menu-item-labels{font-weight:var(--modus-wc-font-weight-semibold)}[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive .modus-wc-menu-item-labels,[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive .modus-wc-menu-item-labels{font-size:0.8125rem;line-height:1.125rem}[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-menu .modus-wc-menu li.modus-wc-menu-item:hover,[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item:hover{background-color:transparent}[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active)>.modus-wc-menu-item-interactive:hover{background-color:var(--modus-wc-color-trimble-blue) !important;color:var(--modus-wc-color-white) !important}[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover{background-color:transparent;outline:none}[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover{background-color:transparent}modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):has([slot=end] :active){background-color:transparent;color:inherit}modus-wc-tree-item .modus-wc-menu-item:has([slot=end] :active)>.modus-wc-menu-item-interactive{background-color:transparent;color:inherit}modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):has([slot=start] :active){background-color:transparent;color:inherit}modus-wc-tree-item .modus-wc-menu-item:has([slot=start] :active)>.modus-wc-menu-item-interactive{background-color:transparent;color:inherit}";export{c as modus_wc_tree_item}