@trimble-oss/moduswebcomponents
Version:
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
1 lines • 28.1 kB
JavaScript
import{h as s,r as a,c as t,F as d,H as i,g as o}from"./p-dzXW86AR.js";import{S as c}from"./p-DK-kLq-3.js";import{i as e,b as l}from"./p-B5lx0dpl.js";const n=({className:a})=>s("svg",{fill:"none",viewBox:"0 0 887 982",class:a||"",xmlns:"http://www.w3.org/2000/svg"},s("defs",null,s("radialGradient",{id:"gradient",cx:"18%",cy:"18%",r:"70%"},s("stop",{offset:"0%","stop-color":"#FF00FF"}),s("stop",{offset:"50%","stop-color":"#9933FF"}),s("stop",{offset:"100%","stop-color":"#0066CC"}))),s("path",{d:"m36.76 749.83v231.56l201.3-116.22c-77.25-16.64-147.52-56.92-201.3-115.34zm199.83-634.65-199.83-115.18v230.14c56.05-60.9 128.22-99.28 199.83-114.97m403.73 374.35c0-176.82-143.34-320.16-320.16-320.16s-320.17 143.33-320.17 320.16 143.34 320.16 320.16 320.16 320.16-143.34 320.16-320.16m45.08-114.58c23.68 75.15 23.76 156.75-.59 232.74l201.86-116.54c-9.54-5.51-189.55-109.44-201.26-116.2",fill:"#fff"}),s("path",{d:"m320.13 489.53c0 142.28 115.34 257.62 257.62 257.62s257.62-115.34 257.62-257.62-115.34-257.62-257.62-257.62-257.62 115.34-257.62 257.62",fill:"url(#gradient)",transform:"translate(-256, 0)"})),r=({className:a})=>s("svg",{fill:"none",viewBox:"0 0 887 982",class:a||"",xmlns:"http://www.w3.org/2000/svg"},s("defs",null,s("linearGradient",{id:"gradient",x1:"0%",y1:"0%",x2:"100%",y2:"100%"},s("stop",{offset:"20%","stop-color":"#FF00FF"}),s("stop",{offset:"60%","stop-color":"#0066CC"}),s("stop",{offset:"100%","stop-color":"#0066CC"}))),s("path",{d:"m36.76 749.83v231.56l201.3-116.22c-77.25-16.64-147.52-56.92-201.3-115.34z",fill:"#0066CC"}),s("path",{d:"m236.59 115.18-199.83-115.18v230.14c56.05-60.9 128.22-99.28 199.83-114.97z",fill:"#FF00FF"}),s("path",{d:"m685.40 374.91c23.68 75.15 23.76 156.75-.59 232.74l201.86-116.54c-9.54-5.51-189.55-109.44-201.26-116.2z",fill:"#0066CC"}),s("path",{d:"m577.75 489.53c0 142.28-115.34 257.62-257.62 257.62s-257.62-115.34-257.62-257.62 115.34-257.62 257.63-257.62 257.62 115.34 257.62 257.62m62.57-.44c0-176.82-143.34-320.16-320.16-320.16s-320.17 143.33-320.17 320.16 143.34 320.16 320.16 320.16 320.16-143.34 320.16-320.16",fill:"url(#gradient)"})),h=({className:a})=>s("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",class:`mi-solid mi-apps ${a||""}`,viewBox:"0 0 24 24"},s("path",{d:"M5 8h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m6 12h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m-6 0h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m0-6h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m6 0h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m5-9v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1m-5 3h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m6 6h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1m0 6h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1"})),m=({className:a})=>s("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",class:`mi-solid mi-help ${a||""}`,viewBox:"0 0 24 24"},s("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 16.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m2.82-6.72-.77.79c-.42.43-.69.78-.83 1.34-.07.28-.1.58-.1.92v.25H10.9v-.68c0-.41.07-.81.2-1.21.18-.52.48-1.01.87-1.4l1.07-1.09c.35-.33.49-.81.4-1.32-.09-.52-.5-.97-1.01-1.12a1.467 1.467 0 0 0-1.81.93c-.14.44-.51.73-.94.73h-.26c-.31 0-.59-.14-.78-.39s-.25-.58-.16-.89a3.72 3.72 0 0 1 2.97-2.61c.17-.03.34-.04.51-.04 1.15 0 2.3.63 3.06 1.68 1.13 1.57.72 3.19-.19 4.1Z"})),u=({className:a})=>s("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",class:`mi-solid mi-menu ${a||""}`,viewBox:"0 0 24 24"},s("path",{d:"M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1m0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1M3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1"})),b=({className:a})=>s("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",class:`mi-solid mi-more-vertical ${a||""}`,viewBox:"0 0 24 24"},s("path",{d:"M10.59 10.59c-.78.78-.78 2.05 0 2.83s2.05.78 2.83 0 .78-2.05 0-2.83-2.05-.78-2.83 0m0-7c-.78.78-.78 2.05 0 2.83s2.05.78 2.83 0 .78-2.05 0-2.83-2.05-.78-2.83 0m0 14c-.78.78-.78 2.05 0 2.83s2.05.78 2.83 0 .78-2.05 0-2.83-2.05-.78-2.83 0"})),v=({className:a})=>s("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",class:`mi-solid mi-notifications ${a||""}`,viewBox:"0 0 24 24"},s("path",{d:"M10 20h4c0 1.1-.9 2-2 2s-2-.9-2-2m9.67-2.69C18.36 15.96 17 13.66 17 10a5 5 0 0 0-4-4.9V4c0-.55-.45-1-1-1s-1 .45-1 1v1.1A5 5 0 0 0 7 10c0 3.66-1.37 5.96-2.67 7.31-.61.64-.16 1.69.72 1.69h13.91c.88 0 1.33-1.05.72-1.69Z"})),w=({className:a})=>s("svg",{class:a,id:"Art_Black","data-name":"Art Black",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 444.68 100"},s("path",{d:"M115.85,87.13v-62H93V11.21h62.57v14h-23v62Z",fill:"#0063a3"}),s("path",{d:"M141.9,87.13V32.74h16.52v8.84h.1c3-4.62,8.21-10.26,18.47-10.26h.51V46c-.61-.11-3.49-.31-4.51-.31a18.27,18.27,0,0,0-14.57,7.49v34Z",fill:"#0063a3"}),s("path",{d:"M182.72,25V11.72h16.62V25Zm.11,62.17V32.44h16.41V87.13Z",fill:"#0063a3"}),s("path",{d:"M205.7,87.13V32.44h16.51v8.62c3.29-4.31,9.34-9.74,18-9.74,9.13,0,13.44,3.79,15,9.74,3.28-4.2,9.44-9.74,18-9.74,11.08,0,16,7,16,16.72V87.13H272.69V52.45c0-4.92-1.13-7.49-5.95-7.49-4.1,0-7.39,2.26-11,5.44V87.13H239.25V52.45c0-4.92-1.13-7.49-6-7.49-4.1,0-7.38,2.26-11.08,5.44V87.13Z",fill:"#0063a3"}),s("path",{d:"M312,80.66v6.47H295.45V11.21H312V40.86c3.59-5,8.72-9.54,16.82-9.54,12.42,0,21,9.54,21,28.41S341.11,88,328.59,88C321.2,88,316.07,85.28,312,80.66Zm21.34-20.82c0-9.13-3.18-14.88-10.57-14.88-4.21,0-8,2.57-10.77,5.34V70.51c3.59,3.38,6.56,5,11,5C329.82,75.53,333.31,69.79,333.31,59.84Z",fill:"#0063a3"}),s("path",{d:"M354.94,87.13V11.21h16.41V87.13Z",fill:"#0063a3"}),s("path",{d:"M376.47,59.84c0-21.24,16.21-28.52,27.49-28.52S429.1,37,429.1,61.79v2.46H392.88c.83,9,5.85,12.51,12.73,12.51a25.16,25.16,0,0,0,16.21-6.56l6.36,9.85c-6.36,5.44-14.26,8.21-23.8,8.21C390.11,88.26,376.47,81,376.47,59.84Zm37.86-5.34c-.82-7.69-4.31-11.39-10.47-11.39-5.13,0-9.54,3.39-10.77,11.39Z",fill:"#0063a3"}),s("path",{d:"M432.22,81a6.19,6.19,0,0,1,6.26-6.26A6.26,6.26,0,1,1,432.22,81Zm11.38,0a5.14,5.14,0,1,0-5.12,5.23A5.12,5.12,0,0,0,443.6,81Zm-7.55-3.56h2.56c1.62,0,2.56.7,2.56,2.1a1.84,1.84,0,0,1-1.34,1.94l1.48,2.81h-1.43l-1.38-2.62h-1.08v2.62h-1.37Zm2.48,3.18c.84,0,1.3-.27,1.3-1s-.46-1-1.33-1h-1.08v2Z",fill:"#0063a3"}),s("path",{d:"M6.19,76.41V100L26.71,88.16A39.1,39.1,0,0,1,6.19,76.41Z",fill:"#0063a3"}),s("path",{d:"M26.56,11.74,6.19,0V23.45A39.33,39.33,0,0,1,26.56,11.74Z",fill:"#0063a3"}),s("path",{d:"M92.8,50,72.29,38.16a39.27,39.27,0,0,1-.06,23.72Z",fill:"#0063a3"}),s("path",{d:"M19.7,17.92c2.94-.65,9.05,0,12.28.89a18.68,18.68,0,0,1,10.37-3.45A41.12,41.12,0,0,0,19.7,17.92Z",fill:"#0063a3"}),s("path",{d:"M58.79,60.84a53.07,53.07,0,0,0-3.21-13.13c-7,3.18-15.72,1.13-21.53-3.9A95.93,95.93,0,0,0,22.62,58.32C32.47,66.35,48.67,68.46,58.79,60.84Z",fill:"#0063a3"}),s("path",{d:"M17.23,59.09C8.55,50.19,5.52,37.22,8.3,27.25a35,35,0,0,0,2,47.47A63.4,63.4,0,0,1,17.23,59.09Z",fill:"#0063a3"}),s("path",{d:"M54,43.94a47.18,47.18,0,0,0-7-10.78A80.73,80.73,0,0,0,37,40.93C42.26,45.3,49.14,46.16,54,43.94Z",fill:"#0063a3"}),s("path",{d:"M47.47,27.72a36.33,36.33,0,0,1,7.62-4.23c-5.56-5.62-14.5-5.47-18.39-3A37.17,37.17,0,0,1,47.47,27.72Z",fill:"#0063a3"}),s("path",{d:"M20.4,62c-4.32,7.47-5.9,13-6.48,15.87A35,35,0,0,0,57.1,77a30,30,0,0,0,2-11.33C47.14,72.79,30.66,70.07,20.4,62Z",fill:"#0063a3"}),s("path",{d:"M57.4,41.45c3.83-4,3.06-10.84.15-14.78a29.6,29.6,0,0,0-7.13,4.18A52.73,52.73,0,0,1,57.4,41.45Z",fill:"#0063a3"}),s("path",{d:"M64,32.85a14.1,14.1,0,0,1-4.84,12.59A57.37,57.37,0,0,1,62.49,57.2C67.74,50.38,67.58,40.64,64,32.85Z",fill:"#0063a3"}),s("path",{d:"M34.16,37.9A83.13,83.13,0,0,1,44,30.11a33.17,33.17,0,0,0-10.82-6.59C29.92,27.89,30.92,33.53,34.16,37.9Z",fill:"#0063a3"}),s("path",{d:"M63.12,62.69a49.42,49.42,0,0,1-.43,8.88A35.37,35.37,0,0,0,70,47.07,26.82,26.82,0,0,1,63.12,62.69Z",fill:"#0063a3"}),s("path",{d:"M29.1,22.28a28.42,28.42,0,0,0-13.9.09c-6.89,9.77-3.69,24.08,4.33,33A100.8,100.8,0,0,1,31.18,40.79C27.1,35.72,25.48,27.89,29.1,22.28Z",fill:"#0063a3"})),f=({className:a})=>s("svg",{class:a,id:"Layer_1","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 732.03 788.85"},s("path",{d:"M543.59,674.86a54.34,54.34,0,0,1,54.9-54.9c30.76,0,54.43,23.9,54.43,54.67C652.92,747.8,543.59,747.78,543.59,674.86Zm99.86,0c0-60.79-90.16-61.1-90.16-.23S643.45,736.16,643.45,674.86Zm-66.26-31.23c22,0,45-3.33,45,18.46,0,9.7-4.73,14.67-11.83,17l13,24.62H610.79l-12.07-23h-9.46v23H577.19Zm33.13,19.17c0-10-10.71-8.52-21.06-8.52v17.27C599.77,671.55,610.32,673.23,610.32,662.8Z",fill:"#0063a3"}),s("path",{d:"M48.86,602.72V788.85l161.81-93.42A308.1,308.1,0,0,1,48.86,602.72Z",fill:"#0063a3"}),s("path",{d:"M209.49,92.58,48.86,0V185A310.2,310.2,0,0,1,209.49,92.58Z",fill:"#0063a3"}),s("path",{d:"M732,394.43,570.25,301a309.33,309.33,0,0,1-.48,187.08Z",fill:"#0063a3"}),s("path",{d:"M155.4,141.39c23.23-5.16,71.39-.27,96.87,7,20.38-16.21,51.17-25.6,81.82-27.15C263.63,108.52,198.45,123.29,155.4,141.39Z",fill:"#0063a3"}),s("path",{d:"M463.74,479.92a416.8,416.8,0,0,0-25.28-103.53c-55.43,25-124,8.88-169.86-30.79-33.41,34.15-65.75,76.68-90.16,114.49C256.15,523.44,384,540.08,463.74,479.92Z",fill:"#0063a3"}),s("path",{d:"M135.94,466.1C67.43,396,43.55,293.61,65.49,215A276,276,0,0,0,81.65,589.43C92.86,547,113.62,503.71,135.94,466.1Z",fill:"#0063a3"}),s("path",{d:"M425.64,346.65a372.77,372.77,0,0,0-55.49-85.1,635.36,635.36,0,0,0-78.09,61.34C333.35,357.34,387.67,364.1,425.64,346.65Z",fill:"#0063a3"}),s("path",{d:"M374.48,218.63c17.78-12.93,42.42-26.76,60.09-33.32-43.84-44.38-114.38-43.2-145-23.94A293.6,293.6,0,0,1,374.48,218.63Z",fill:"#0063a3"}),s("path",{d:"M160.91,488.67c-34.09,58.94-46.53,102.19-51.06,125.2a276,276,0,0,0,340.58-6.21c10.24-24.74,15.47-55.53,15.45-89.38C371.89,574.22,241.89,552.71,160.91,488.67Z",fill:"#0063a3"}),s("path",{d:"M452.81,327c30.17-31.7,24.12-85.56,1.17-116.62-14.14,4.78-43.57,21.94-56.26,33A413.64,413.64,0,0,1,452.81,327Z",fill:"#0063a3"}),s("path",{d:"M505,259.11c4.65,40.7-10.79,75.93-38.17,99.35A448.73,448.73,0,0,1,493,451.19C534.36,397.38,533.1,320.63,505,259.11Z",fill:"#0063a3"}),s("path",{d:"M269.45,299a672.54,672.54,0,0,1,77.22-61.49,262,262,0,0,0-85.35-52C236.05,220,243.94,264.52,269.45,299Z",fill:"#0063a3"}),s("path",{d:"M497.94,494.52c1.4,23.09-.72,49.29-3.42,70,47.34-60.32,63.34-135,57.75-193.22C546.6,420.33,528.65,461.35,497.94,494.52Z",fill:"#0063a3"}),s("path",{d:"M229.55,175.76c-34.94-8.54-75.63-8.91-109.67.72-54.33,77-29.1,189.94,34.2,260.64C178.13,400.5,213,354.9,246,321.75,213.77,281.81,201,220,229.55,175.76Z",fill:"#0063a3"})),p=class{constructor(s){a(this,s),this.aiClick=t(this,"aiClick"),this.appsClick=t(this,"appsClick"),this.appsMenuOpenChange=t(this,"appsMenuOpenChange"),this.condensedMenuOpenChange=t(this,"condensedMenuOpenChange"),this.helpClick=t(this,"helpClick"),this.mainMenuOpenChange=t(this,"mainMenuOpenChange"),this.myTrimbleClick=t(this,"myTrimbleClick"),this.notificationsClick=t(this,"notificationsClick"),this.notificationsMenuOpenChange=t(this,"notificationsMenuOpenChange"),this.searchChange=t(this,"searchChange"),this.searchClick=t(this,"searchClick"),this.searchInputOpenChange=t(this,"searchInputOpenChange"),this.signOutClick=t(this,"signOutClick"),this.trimbleLogoClick=t(this,"trimbleLogoClick"),this.userMenuOpenChange=t(this,"userMenuOpenChange"),this.inheritedAttributes={},this.searchDebounceTimer=null,this.appsMenuOpen=!1,this.condensed=!1,this.condensedMenuOpen=!1,this.customClass="",this.mainMenuOpen=!1,this.notificationsMenuOpen=!1,this.searchDebounceMs=300,this.searchInputOpen=!1,this.userMenuOpen=!1,this.visibility={ai:!1,apps:!1,help:!1,mainMenu:!1,notifications:!1,search:!1,searchInput:!1,user:!0},this.isLight=!0,this.searchValue="",this.themeObserver=null,this.handleAiClick=s=>{this.aiClick.emit(null==s?void 0:s.detail)},this.handleAppsClick=s=>{this.toggleApps(),this.appsClick.emit(null==s?void 0:s.detail)},this.handleHelpClick=s=>{this.condensed&&this.toggleCondensedMenu(),this.helpClick.emit(null==s?void 0:s.detail)},this.handleMyTrimbleClick=s=>{this.myTrimbleClick.emit(s.detail)},this.handleNotificationsClick=s=>{this.toggleNotifications(),this.notificationsClick.emit(null==s?void 0:s.detail)},this.handleSearchChange=s=>{this.searchValue=s.target.value,null!==this.searchDebounceTimer&&window.clearTimeout(this.searchDebounceTimer),this.searchDebounceTimer=window.setTimeout((()=>{this.searchChange.emit({value:this.searchValue}),this.searchDebounceTimer=null}),this.searchDebounceMs)},this.handleSearchClick=s=>{this.toggleSearch(),this.searchClick.emit(null==s?void 0:s.detail)},this.handleSignOutClick=s=>{this.signOutClick.emit(s.detail)},this.handleTrimbleLogoClick=s=>{this.trimbleLogoClick.emit(s.detail)},this.toggleApps=()=>{this.condensed?this.toggleCondensedMenu():(this.appsMenuOpen=!this.appsMenuOpen,this.appsMenuOpenChange.emit(this.appsMenuOpen))},this.toggleCondensedMenu=()=>{this.condensedMenuOpen=!this.condensedMenuOpen,this.condensedMenuOpenChange.emit(this.condensedMenuOpen)},this.toggleMainMenu=()=>{this.mainMenuOpen=!this.mainMenuOpen,this.mainMenuOpenChange.emit(this.mainMenuOpen)},this.toggleNotifications=()=>{this.condensed?this.toggleCondensedMenu():(this.notificationsMenuOpen=!this.notificationsMenuOpen,this.notificationsMenuOpenChange.emit(this.notificationsMenuOpen))},this.toggleSearch=()=>{this.condensed?this.toggleCondensedMenu():(this.searchInputOpen=!this.searchInputOpen,this.searchInputOpenChange.emit(this.searchInputOpen))},this.toggleUser=()=>{this.userMenuOpen=!this.userMenuOpen,this.userMenuOpenChange.emit(this.userMenuOpen)}}componentWillLoad(){this.inheritedAttributes=e(this.el),this.isLight=l(),this.themeObserver=new MutationObserver((()=>{this.isLight=l()})),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]})}disconnectedCallback(){this.themeObserver&&this.themeObserver.disconnect()}handleClickOutside(s){const a=s.target;if(this.appsMenuOpen){const s=this.el.querySelector('modus-wc-button:has(svg[class*="apps"])');!this.appsRef||this.appsRef.contains(a)||s===a||(null==s?void 0:s.contains(a))||(this.appsMenuOpen=!1,this.appsMenuOpenChange.emit(!1))}if(this.condensedMenuOpen){const s=this.el.querySelector('modus-wc-button:has(svg[class*="more-vertical"])');!this.condensedMenuRef||this.condensedMenuRef.contains(a)||s===a||(null==s?void 0:s.contains(a))||(this.condensedMenuOpen=!1,this.condensedMenuOpenChange.emit(!1))}if(this.mainMenuOpen){const s=this.el.querySelector('modus-wc-button:has(svg[class*="menu"])');!this.menuRef||this.menuRef.contains(a)||s===a||(null==s?void 0:s.contains(a))||(this.mainMenuOpen=!1,this.mainMenuOpenChange.emit(!1))}if(this.notificationsMenuOpen){const s=this.el.querySelector('modus-wc-button:has(svg[class*="notifications"])');!this.notificationsRef||this.notificationsRef.contains(a)||s===a||(null==s?void 0:s.contains(a))||(this.notificationsMenuOpen=!1,this.notificationsMenuOpenChange.emit(!1))}if(this.userMenuOpen){const s=this.el.querySelector('modus-wc-button:has([class*="user-button"])');!this.userRef||this.userRef.contains(a)||s===a||(null==s?void 0:s.contains(a))||(this.userMenuOpen=!1,this.userMenuOpenChange.emit(!1))}}getClasses(){const s=[""];return this.customClass&&s.push(this.customClass),s.join(" ")}getUserInitials(){var s;return(null===(s=this.userCard)||void 0===s?void 0:s.name)?this.userCard.name.split(" ").map((s=>s.charAt(0))).join("").toUpperCase():""}render(){var a,t,o,e,l,p,g,k,y,C,M,Z,x,A,V,B,z,H,F,S,N,O,q,I,L,$,j;const _=(null===(a=this.visibility)||void 0===a?void 0:a.apps)||(null===(t=this.visibility)||void 0===t?void 0:t.help)||(null===(o=this.visibility)||void 0===o?void 0:o.notifications)||(null===(e=this.visibility)||void 0===e?void 0:e.search);return s(i,Object.assign({key:"702989024999fff176955c5f71c144d0976023fe",class:this.getClasses()},this.inheritedAttributes),s("modus-wc-toolbar",{key:"05fbb60a3d00b9c9919895abb4cb7239efaa3ff3"},s("div",{key:"438bcf1279f4c1e0f257b88cd1736bce1f23b0f0",slot:"start"},(null===(l=this.visibility)||void 0===l?void 0:l.mainMenu)&&s(d,{key:"3332283d4d63b7fdf1a90cd07c02a99c3dc7cabc"},s("modus-wc-button",{key:"6a309c71d76289dff32ae32eeaee09fb65d7ec98",onButtonClick:this.toggleMainMenu,shape:"square",size:"sm",variant:"borderless"},s(u,{key:"d937b5603d5b9d40fbf4bf1dc6522e6b6a3fa6eb"})),s("div",{key:"81310a653dbe3337773698c9b003502fae926bc2",class:"main-menu "+(this.mainMenuOpen?"visible":"hidden"),ref:s=>this.menuRef=s},s("slot",{key:"28f4dd63b2f0dcdea2760efa804109d02e7080d2",name:"main-menu"}))),s("modus-wc-button",{key:"c82b4fc80115da189883b17e62e4b01a5464a070",customClass:"trimble-logo",onButtonClick:this.handleTrimbleLogoClick,size:"sm",variant:"borderless"},s(this.condensed?f:w,null)),s("slot",{key:"a7edcdc0f198eb1c9ab0de4deed4f189d20c45d4",name:"start"})),s("div",{key:"8f9e868751bb5fa1d93a9fb56b91fd1b9ccfb5f0",slot:"center"},s("slot",{key:"b964d17d61384c206e419eb0a60940a450728a04",name:"center"})),s("div",{key:"739626476011f51c5b01de3c35f4aa67f1b71b83",slot:"end"},s("slot",{key:"af1bcfee3b88305cba240150c24e06f7d330ebd5",name:"end"}),(null===(p=this.visibility)||void 0===p?void 0:p.ai)&&s(d,{key:"a1344f498623c070ffd87a40850a482bc335182e"},s("modus-wc-button",{key:"7c8259bed24aa482d146c3a49051dda39d295476",customClass:"ai",onButtonClick:this.handleAiClick,shape:"square",size:"sm",variant:"borderless"},s(this.isLight?r:n,null))),this.condensed&&_&&s(d,{key:"8283d6010a42296dd4b61d0b269311ef9ea3e4d2"},s("modus-wc-button",{key:"08cc3fb258c261b2abc3a788d1eafe4f528655d4",onButtonClick:this.toggleCondensedMenu,shape:"square",size:"sm",variant:"borderless"},s(b,{key:"103f70c6d00878af895822613898b57f64fa55d3"})),this.condensedMenuOpen&&s("modus-wc-menu",{key:"27f2dd1ad0f20e3e929ddd9e6446546d228f8670",bordered:!0,customClass:"condense-menu",ref:s=>this.condensedMenuRef=s},(null===(g=this.visibility)||void 0===g?void 0:g.search)&&s("modus-wc-menu-item",{key:"aa5b1bfb486a463da5aa6e6647651b19e3111380",label:(null===(k=this.textOverrides)||void 0===k?void 0:k.search)||"Search",onItemSelect:()=>this.handleSearchClick(),value:"search"}),(null===(y=this.visibility)||void 0===y?void 0:y.notifications)&&s("modus-wc-menu-item",{key:"7b8e0766343585422a7edeedb0ce1442b5137160",label:(null===(C=this.textOverrides)||void 0===C?void 0:C.notifications)||"Notifications",onItemSelect:()=>this.handleNotificationsClick(),value:"notifications"}),(null===(M=this.visibility)||void 0===M?void 0:M.help)&&s("modus-wc-menu-item",{key:"d55c836595ed5ca499e6efdb5a8e848b61938596",label:(null===(Z=this.textOverrides)||void 0===Z?void 0:Z.help)||"Help",onItemSelect:()=>this.handleHelpClick(),value:"help"}),(null===(x=this.visibility)||void 0===x?void 0:x.apps)&&s("modus-wc-menu-item",{key:"d3237d3c1c2a5c05293288d97ab26cdd0d3fde09",label:(null===(A=this.textOverrides)||void 0===A?void 0:A.apps)||"Apps",onItemSelect:()=>this.handleAppsClick(),value:"apps"}))),(null===(V=this.visibility)||void 0===V?void 0:V.search)&&!this.condensed&&s(d,{key:"9678aa26e0296701d482e31e4fb4d3f2361d1b88"},(null===(B=this.visibility)||void 0===B?void 0:B.searchInput)&&this.searchInputOpen&&s("modus-wc-text-input",{key:"27292c4f2f90390a555510f2e355a553e0d01793",includeClear:!0,includeSearch:!0,onInputChange:this.handleSearchChange,placeholder:(null===(z=this.textOverrides)||void 0===z?void 0:z.search)||"Search",value:this.searchValue}),s("modus-wc-button",{key:"ef01524e4d2123e3b9e27e280b22cd894bc48179",onButtonClick:this.handleSearchClick,shape:"square",size:"sm",variant:"borderless"},s(c,{key:"7224828e50c9d788155d93c443f1eb6ee84a2b3e"}))),(null===(H=this.visibility)||void 0===H?void 0:H.notifications)&&!this.condensed&&s(d,{key:"5d14479a6e05f4ab2ce5b935e3adb215be4f6f05"},s("modus-wc-button",{key:"4664606b33be0ba206bca471a5ff939150bc420a",onButtonClick:this.handleNotificationsClick,shape:"square",size:"sm",variant:"borderless"},s(v,{key:"f4af2c2275d2e0fd0a5724b882d35286d2b64abb"})),s("div",{key:"a92b44d7df3cf23cfa94cce3679283c2a46bd62e",class:"notifications "+(this.notificationsMenuOpen?"visible":"hidden"),ref:s=>this.notificationsRef=s},s("slot",{key:"47d9e19ba9c947c682dc0f33c3280b4faf0f7f20",name:"notifications"}))),(null===(F=this.visibility)||void 0===F?void 0:F.help)&&!this.condensed&&s("modus-wc-button",{key:"77a489da82b5952ea644db41ebd704c56c044ba1",onButtonClick:this.handleHelpClick,shape:"square",size:"sm",variant:"borderless"},s(m,{key:"87b6f74f2fdfd0a7fd15d0d8b48f772b3da88bb0"})),(null===(S=this.visibility)||void 0===S?void 0:S.apps)&&!this.condensed&&s(d,{key:"b8a79c2a43c15051a1e19944500599bcd61a9162"},s("modus-wc-button",{key:"fa47059d72c5dd4d13525812ee52f559d15a5b31",onButtonClick:this.handleAppsClick,shape:"square",size:"sm",variant:"borderless"},s(h,{key:"02afb4406446eb6f75f47812cde7e7429be0c73b"})),s("div",{key:"d3b7ac56cd3aeb7ff437b85b8c11e4f6c4b89753",class:"apps "+(this.appsMenuOpen?"visible":"hidden"),ref:s=>this.appsRef=s},s("slot",{key:"4413eed9a001b814d95d21bd20a2daac67f8c36f",name:"apps"}))),(null===(N=this.visibility)||void 0===N?void 0:N.user)&&s(d,{key:"5ae58a803822f2c489e57310b4d4b11d56a7ab1a"},s("modus-wc-button",{key:"5606958e4cfdd6b288a0f91bc6bddd854f1124bd",customClass:"user-button",onButtonClick:this.toggleUser,shape:"circle",size:"sm",variant:"borderless"},(null===(O=this.userCard)||void 0===O?void 0:O.avatarSrc)?s("modus-wc-avatar",{alt:this.userCard.avatarAlt||"User avatar",imgSrc:this.userCard.avatarSrc,size:"xs"}):this.getUserInitials()),s("div",{key:"5d8a5db8cce97686d789e013ef9d65a15a88e41b",class:"user "+(this.userMenuOpen?"visible":"hidden"),ref:s=>this.userRef=s},s("modus-wc-card",{key:"165c1cbb68faeaf5dd1387e85c77bade70e2e58a"},s("div",{key:"6d6c2d6ddd7ccd578b87509fb80044da2a4025bf",slot:"header"},(null===(q=this.userCard)||void 0===q?void 0:q.avatarSrc)?s("modus-wc-avatar",{alt:this.userCard.avatarAlt||"User avatar",imgSrc:this.userCard.avatarSrc}):s("div",{class:"initials"},this.getUserInitials())),s("div",{key:"f773cb53824d48c9a8cbb30efcbbd15ff1804516",slot:"title"},null===(I=this.userCard)||void 0===I?void 0:I.name),s("div",{key:"f8e6de261b8ef53a8107177b90f97b8ded9fb20c"},null===(L=this.userCard)||void 0===L?void 0:L.email),s("div",{key:"61fcf582dc3feea1222a9353760b697859ddefed",slot:"actions"},s("modus-wc-button",{key:"6ad1d794e46eb078059f35a4086640d12e3443d6",customClass:"my-trimble",onButtonClick:this.handleMyTrimbleClick},(null===($=this.userCard)||void 0===$?void 0:$.myTrimbleButton)||"Access MyTrimble")),s("div",{key:"b16d10ecd69363c59f1595c6373e98ef204aea2c",slot:"footer"},s("modus-wc-button",{key:"fe6ba98ced7aaad50c6eff705f5241f20e401fcb",customClass:"sign-out",onButtonClick:this.handleSignOutClick,variant:"borderless"},(null===(j=this.userCard)||void 0===j?void 0:j.signOutButton)||"Sign out"))))))))}get el(){return o(this)}};p.style="modus-wc-navbar .modus-wc-navbar{background-color:var(--modus-wc-color-white);height:56px;min-height:0;padding:0 var(--modus-wc-spacing-md)}modus-wc-navbar .modus-wc-navbar modus-wc-button{display:inline-flex}modus-wc-navbar .modus-wc-navbar modus-wc-button svg{height:32px}modus-wc-navbar .modus-wc-navbar .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary{color:var(--modus-wc-color-trimble-gray)}modus-wc-navbar .modus-wc-navbar [slot=end] .user,modus-wc-navbar .modus-wc-navbar [slot=end] .apps,modus-wc-navbar .modus-wc-navbar [slot=end] .notifications,modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu,modus-wc-navbar .modus-wc-navbar [slot=start] .main-menu{position:absolute;top:45px;z-index:99}modus-wc-navbar .modus-wc-navbar [slot=end] .hidden.user,modus-wc-navbar .modus-wc-navbar [slot=end] .hidden.apps,modus-wc-navbar .modus-wc-navbar [slot=end] .hidden.notifications,modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu.hidden,modus-wc-navbar .modus-wc-navbar [slot=start] .hidden.main-menu{display:none}modus-wc-navbar .modus-wc-navbar [slot=end] .visible.user,modus-wc-navbar .modus-wc-navbar [slot=end] .visible.apps,modus-wc-navbar .modus-wc-navbar [slot=end] .visible.notifications,modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu.visible,modus-wc-navbar .modus-wc-navbar [slot=start] .visible.main-menu{display:block}modus-wc-navbar .modus-wc-navbar [slot=end],modus-wc-navbar .modus-wc-navbar [slot=center],modus-wc-navbar .modus-wc-navbar [slot=start]{align-items:center;display:flex;position:relative}modus-wc-navbar .modus-wc-navbar [slot=start] modus-wc-button{padding-inline-end:var(--modus-wc-spacing-sm)}modus-wc-navbar .modus-wc-navbar [slot=start] .main-menu{height:calc(100dvh - 56px);left:calc(-1 * var(--modus-wc-spacing-md));min-width:256px}modus-wc-navbar .modus-wc-navbar [slot=start] .trimble-logo.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary{padding:0 var(--modus-wc-spacing-lg)}modus-wc-navbar .modus-wc-navbar [slot=start] .trimble-logo.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary svg{height:24px}modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-button,modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-text-input{padding-inline-start:var(--modus-wc-spacing-sm)}modus-wc-navbar .modus-wc-navbar [slot=end] button.ai svg{padding:3px 0 3px 3px}modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu{right:var(--modus-wc-spacing-2xl);z-index:99}modus-wc-navbar .modus-wc-navbar [slot=end] .notifications{right:100px}modus-wc-navbar .modus-wc-navbar [slot=end] .apps{right:var(--modus-wc-spacing-2xl)}modus-wc-navbar .modus-wc-navbar [slot=end] .user{right:0}modus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card{align-items:center;padding:var(--modus-wc-spacing-xl);width:max-content}modus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card .initials{background-color:var(--modus-wc-color-black);border-radius:50%;color:var(--modus-wc-color-white);font-weight:var(--modus-wc-font-weight-semibold);padding:var(--modus-wc-spacing-sm)}modus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card .modus-wc-card-body{align-items:center}modus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card modus-wc-button{padding:0}modus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card .sign-out.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary{color:var(--modus-wc-color-trimble-blue)}modus-wc-navbar .modus-wc-navbar [slot=end] .user-button.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary{background-color:var(--modus-wc-color-black);color:var(--modus-wc-color-white)}modus-wc-navbar .modus-wc-navbar [slot=end] .user-button.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary .modus-wc-avatar{height:32px;width:32px}[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar,[data-theme=modus-modern-dark] modus-wc-navbar .modus-wc-navbar{background-color:var(--modus-wc-color-gray-10)}[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar:not(.trimble-logo) .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary,[data-theme=modus-modern-dark] modus-wc-navbar .modus-wc-navbar:not(.trimble-logo) .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary{color:var(--modus-wc-color-white)}[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar .trimble-logo.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary path,[data-theme=modus-modern-dark] modus-wc-navbar .modus-wc-navbar .trimble-logo.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary path{fill:var(--modus-wc-color-white)}[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar .user modus-wc-card article.modus-wc-card .sign-out.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary,[data-theme=modus-modern-dark] modus-wc-navbar .modus-wc-navbar .user modus-wc-card article.modus-wc-card .sign-out.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary{color:var(--modus-wc-color-white)}";export{p as modus_wc_navbar}