trimble-terra 1.1.20 → 1.1.22

package/dist/src/component/TrimbleDeveloper/TDHeader.css

@@ -1 +1 @@
-@charset "UTF-8";.td-header__root{position:relative}.td-header__mobile-toggle,.td-header__mobile-menu{display:none}.td-header__navbar{border-bottom:1px solid var(--modus-wc-color-base-200, #e0e1e9);display:block;max-width:100%}.td-header__navbar .modus-wc-navbar-start,.td-header__navbar .modus-wc-navbar-end{width:auto}.td-header__navbar .modus-wc-navbar-start{min-width:0}.td-header__navbar .modus-wc-navbar-center{display:flex;flex:1 1 auto;justify-content:flex-end;padding-inline-end:var(--modus-wc-spacing-sm)}.td-header__brand-wrap{display:flex;align-items:center;gap:.5rem;min-width:0}.td-header__brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;border-radius:var(--modus-wc-border-radius-md, 4px);min-width:0}.td-header__brand:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:2px}.td-header__logo{display:block;height:28px;width:auto;min-width:0;max-width:100%}.td-header__nav{display:flex;align-items:center;gap:.25rem;width:100%}.td-header__nav-link{display:inline-flex;align-items:center;margin:0 4px;height:2.5rem;padding:0 .25rem;border-radius:var(--modus-wc-border-radius-lg, 8px);font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--modeColor-semantic-primary-bg, #0063A3)}@media screen and (min-width:800px){.td-header__nav-link{padding:0 .75rem}}.td-header__nav-link:hover{background:#e0e1e9}.td-header__nav-link:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.td-header__profile-popover .modus-wc-panel .main-menu-section modus-wc-menu,.td-header__profile-popover .modus-wc-panel modus-wc-menu,.td-header__profile-popover .modus-wc-panel [slot=body] modus-wc-menu{position:relative;top:initial;left:initial;bottom:initial;right:initial}.td-header__nav-trigger{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;color:var(--modeColor-semantic-primary-bg, #0063A3)}.td-header__end{display:inline-flex;align-items:center;gap:.5rem}.td-header__help-dropdown.modus-wc-dropdown-menu .menu-wrapper modus-wc-menu{position:static;inset:auto}.td-header__help-icon--active{color:var(--modus-wc-color-primary, #0063a3)}.td-header__profile{position:relative;display:inline-flex}.td-header__profile-button .modus-wc-btn{padding:0}.td-header__profile-button .modus-wc-btn:hover,.td-header__profile-button .modus-wc-btn:active,.td-header__profile-button .modus-wc-btn[aria-pressed=true]{background:transparent}.td-header__profile-button .modus-wc-btn:hover .modus-wc-avatar .initials{background-color:#e0e1e9}.td-header__profile-button .modus-wc-avatar .modus-wc-w-16 .initials{font-size:10px}.td-header__profile-popover{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000}.td-header__profile-popover[hidden]{display:none}.td-header__button .td-header__assistant-icon,.td-header__mobile-action .td-header__assistant-icon{height:1.25rem;width:auto}.td-header__no-pop .modus-wc-btn{animation:none}.td-header__menu{display:flex;flex-direction:column;min-width:12rem;border-radius:16px}.td-header__menu-link{display:flex;align-items:center;padding:.5rem .75rem;font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:.875rem;font-weight:400;text-decoration:none;white-space:nowrap;color:var(--modus-wc-color-base-content, #252a2e)}.td-header__menu-link:hover{background:#e0e1e9}.td-header__menu-link:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.td-header__nav-dropdown .menu-wrapper,.td-header__help-dropdown .menu-wrapper,.td-header__nav-dropdown modus-wc-menu .modus-wc-menu,.td-header__help-dropdown modus-wc-menu .modus-wc-menu{border-radius:16px}.td-header__mobile-menu{position:absolute;inset-inline:0;top:100%;z-index:900;flex-direction:column;max-height:80vh;overflow-y:auto;padding:var(--modus-wc-spacing-sm, .5rem);background:var(--modus-wc-color-base-page, #fff);border-bottom:1px solid var(--modus-wc-color-base-200, #e0e1e9);box-shadow:0 8px 16px -8px #00000040}.td-header__mobile-nav{display:flex;flex-direction:column}.td-header__mobile-link{display:flex;align-items:center;padding:8px .75rem;line-height:32px;font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-weight:400;font-size:var(--t-font-size-lg, 18px);text-decoration:none;color:var(--modus-wc-color-base-content, #252a2e)}@media screen and (min-width:640px){.td-header__mobile-link{font-size:1rem}}.td-header__mobile-link:hover,.td-header__mobile-link:active{background:var(--modeColor-semantic-primary-pale, #DCEDF9);color:var(--modus-wc-color-base-content, #252a2e)}.td-header__mobile-link:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.td-header__mobile-link--child{font-weight:400;padding-left:1.5rem;font-size:var(--t-font-size-sm, 14px);border-left:1px solid var(--modus-wc-color-base-200, #e0e1e9)}.td-header__mobile-sub{display:flex;flex-direction:column;font-size:var(--t-font-size-sm, 14px)}.td-header__mobile-utilities{display:flex;flex-direction:column}.td-header__mobile-utilities:not(:first-child){margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--modus-wc-color-base-200, #e0e1e9)}.td-header__mobile-utilities>modus-wc-button,.td-header__mobile-utilities>modus-wc-collapse{margin-top:2px}.td-header__mobile-action{width:100%}.td-header__mobile-action .modus-wc-btn{justify-content:flex-start;gap:.5rem;width:100%;height:auto;min-height:0;padding:8px .75rem;line-height:32px;border-radius:var(--modus-wc-border-radius-md, 4px);color:var(--modus-wc-color-base-content, #252a2e)}.td-header__mobile-action .modus-wc-btn:hover{background:var(--modus-wc-color-base-200, #e0e1e9)}.td-header__mobile-action-label{font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:var(--t-font-size-lg, 18px);font-weight:400}.td-header__mobile-theme{display:flex;align-items:center;gap:.5rem;padding:8px .75rem;line-height:32px}.td-header__theme-switch{position:relative;display:inline-flex;align-items:center}.td-header__theme-switch-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;line-height:1;pointer-events:none;color:var(--modus-wc-color-primary, #0063a3)}.td-header__theme-switch--light .td-header__theme-switch-icon{left:4px}.td-header__theme-switch--light .td-header__theme-switch-icon i{font-size:1rem;color:var(--modeColor-modeContent-content-static-dark, #171C1E);fill:var(--modeColor-modeContent-content-static-dark, #171C1E)}.td-header__theme-switch--dark .td-header__theme-switch-icon{right:3px}.td-header__theme-switch--dark .td-header__theme-switch-icon i{font-size:1rem;color:var(--modeColor-modeContent-content-static-dark, #171C1E);fill:var(--modeColor-modeContent-content-static-dark, #171C1E)}.td-header__mobile-theme-label{margin:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:var(--t-font-size-lg, 18px);font-weight:400;color:var(--modus-wc-color-base-content, #252a2e)}.td-header__mobile-collapse .modus-wc-title-main-row{font-size:var(--t-font-size-lg, 18px);font-weight:400;line-height:32px}@media screen and (min-width:640px){.td-header__mobile-collapse .modus-wc-title-main-row{font-size:1rem}}.td-header__nav-dropdown .modus-wc-btn{padding:0 .25rem}@media screen and (min-width:800px){.td-header__nav-dropdown .modus-wc-btn{padding:0 .75rem}}.td-header__mobile-utilities:not(:first-child){margin-top:0;padding-top:0;border-top:none}modus-wc-collapse .modus-wc-collapse.no-leading-icons>.modus-wc-collapse-title{padding-inline-start:12px}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title{padding-top:8px;padding-bottom:8px}modus-wc-collapse .modus-wc-collapse-open .modus-wc-collapse-title{border-left:8px solid #0063A3;padding-left:12px}modus-wc-collapse .modus-wc-collapse.modus-wc-border{border-bottom:none;margin-bottom:0}modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open .modus-wc-collapse-title{font-weight:400}modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open .td-header__mobile-link{margin-bottom:0;padding:8px 12px}modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-content{padding-left:1.25rem}.modus-wc-collapse-arrow>.modus-wc-collapse-title:after{top:25px!important}.light .td-header__nav-link:hover,.light .td-header__nav-link:active{background:#e0e1e9}.light .td-header__button .modus-wc-btn{background:var(--modeColor-modeContent-level1, #F1F1F6);color:var(--modus-wc-color-base-content, #252a2e)}.light .td-header__button .modus-wc-btn:hover{background:#e0e1e9;color:var(--modus-wc-color-base-content, #252a2e)}.light .td-header__button .modus-wc-btn:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.light .td-header__nav-dropdown modus-wc-button[aria-expanded=true] .modus-wc-btn,.light .td-header__nav-dropdown .modus-wc-btn:hover{background:#e0e1e9}.light .td-header__help-dropdown--active .modus-wc-btn{background:#e0e1e9;color:var(--modus-wc-color-base-content, #252a2e)}.light modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open{color:var(--modeColor-semantic-primary-bg, #0063A3)}.light modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open .modus-wc-collapse-title{background:var(--modeColor-semantic-primary-pale, #DCEDF9)}.dark .td-header__nav-link:hover,.dark .td-header__nav-link:active,.dark .td-header__menu-link:hover,.dark .td-header__menu-link:active{background:var(--modus-wc-color-base-200)}.dark .td-header__button .modus-wc-btn{background:var(--u-color-active-overlay, rgba(255, 255, 255, .15));color:var(--modus-wc-color-base-content, #252a2e)}.dark .td-header__button .modus-wc-btn:hover{background:var(--modeColor-modeContent-level1, #252a2e);color:var(--modus-wc-color-base-content, #252a2e)}.dark .td-header__button .modus-wc-btn:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.dark .td-header__nav-dropdown modus-wc-button[aria-expanded=true] .modus-wc-btn,.dark .td-header__nav-dropdown .modus-wc-btn:hover{background:var(--modus-wc-color-base-200)}.dark .td-header__help-dropdown--active .modus-wc-btn{background:var(--modeColor-modeContent-level1, #252a2e)}modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-button,modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-text-input{padding:0}@media(min-width:640px){.td-header__mobile-toggle,.td-header__mobile-menu{display:none!important}}.td-header__sign-in{display:inline-flex}@media(max-width:639px){.td-header__nav,.td-header__desktop-control{display:none!important}.td-header__logo{height:24px}.td-header__sign-in{display:inline-flex!important}.td-header__mobile-toggle{display:inline-flex}.td-header__mobile-menu:not([hidden]){display:flex;height:100vh;max-height:100vh}}@media(min-width:640px)and (max-width:799px){.td-header__logo{height:clamp(18px,3.2vw,28px)}}
+@charset "UTF-8";.td-header__root{position:relative}.td-header__mobile-toggle,.td-header__mobile-menu{display:none}.td-header__navbar{border-bottom:1px solid var(--modus-wc-color-base-200, #e0e1e9);display:block;max-width:100%}.td-header__navbar .modus-wc-navbar-start,.td-header__navbar .modus-wc-navbar-end{width:auto}.td-header__navbar .modus-wc-navbar-start{min-width:0}.td-header__navbar .modus-wc-navbar-center{display:flex;flex:1 1 auto;justify-content:flex-end;padding-inline-end:var(--modus-wc-spacing-sm)}.td-header__brand-wrap{display:flex;align-items:center;gap:.5rem;min-width:0}.td-header__brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;border-radius:var(--modus-wc-border-radius-md, 4px);min-width:0}.td-header__brand:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:2px}.td-header__logo{display:block;height:28px;width:auto;min-width:0;max-width:100%}.td-header__nav{display:flex;align-items:center;gap:.25rem;width:100%}.td-header__nav-link{display:inline-flex;align-items:center;margin:0 4px;height:2.5rem;padding:0 .25rem;border-radius:var(--modus-wc-border-radius-lg, 8px);font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--modeColor-semantic-primary-bg, #0063A3)}@media screen and (min-width:800px){.td-header__nav-link{padding:0 .75rem}}.td-header__nav-link:hover{background:#e0e1e9}.td-header__nav-link:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.td-header__profile-popover .modus-wc-panel .main-menu-section modus-wc-menu,.td-header__profile-popover .modus-wc-panel modus-wc-menu,.td-header__profile-popover .modus-wc-panel [slot=body] modus-wc-menu{position:relative;top:initial;left:initial;bottom:initial;right:initial}.td-header__nav-trigger{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;color:var(--modeColor-semantic-primary-bg, #0063A3)}.td-header__end{display:inline-flex;align-items:center;gap:.5rem}.td-header__help-dropdown.modus-wc-dropdown-menu .menu-wrapper modus-wc-menu{position:static;inset:auto}.td-header__help-icon--active{color:var(--modus-wc-color-primary, #0063a3)}.td-header__profile{position:relative;display:inline-flex}.td-header__profile-button .modus-wc-btn{padding:0}.td-header__profile-button .modus-wc-btn:hover,.td-header__profile-button .modus-wc-btn:active,.td-header__profile-button .modus-wc-btn[aria-pressed=true]{background:transparent}.td-header__profile-button .modus-wc-avatar,.td-header__profile-button modus-wc-avatar,.td-header__profile-button .modus-wc-avatar>div{border-radius:9999px;width:100%;height:100%}.td-header__profile-button .modus-wc-avatar .modus-wc-w-16 .initials,.td-header__profile-button .modus-wc-avatar .modus-wc-w-12 .initials{font-size:10px}.td-header__profile-popover{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000}.td-header__profile-popover[hidden]{display:none}.td-header__button .td-header__assistant-icon,.td-header__mobile-action .td-header__assistant-icon{height:1.25rem;width:auto}.td-header__no-pop .modus-wc-btn{animation:none}.td-header__menu{display:flex;flex-direction:column;min-width:12rem;border-radius:16px}.td-header__menu-link{display:flex;align-items:center;padding:.5rem .75rem;font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:.875rem;font-weight:400;text-decoration:none;white-space:nowrap;color:var(--modus-wc-color-base-content, #252a2e)}.td-header__menu-link:hover{background:#e0e1e9}.td-header__menu-link:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.td-header__nav-dropdown .menu-wrapper,.td-header__help-dropdown .menu-wrapper,.td-header__nav-dropdown modus-wc-menu .modus-wc-menu,.td-header__help-dropdown modus-wc-menu .modus-wc-menu{border-radius:16px}.td-header__mobile-menu{position:absolute;inset-inline:0;top:100%;z-index:900;flex-direction:column;max-height:80vh;overflow-y:auto;padding:var(--modus-wc-spacing-sm, .5rem);background:var(--modus-wc-color-base-page, #fff);border-bottom:1px solid var(--modus-wc-color-base-200, #e0e1e9);box-shadow:0 8px 16px -8px #00000040}.td-header__mobile-nav{display:flex;flex-direction:column}.td-header__mobile-link{display:flex;align-items:center;padding:8px .75rem;line-height:32px;font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-weight:400;font-size:var(--t-font-size-lg, 18px);text-decoration:none;color:var(--modus-wc-color-base-content, #252a2e)}@media screen and (min-width:640px){.td-header__mobile-link{font-size:1rem}}.td-header__mobile-link:hover,.td-header__mobile-link:active{background:var(--modeColor-semantic-primary-pale, #DCEDF9);color:var(--modus-wc-color-base-content, #252a2e)}.td-header__mobile-link:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.td-header__mobile-link--child{font-weight:400;padding-left:1.5rem;font-size:var(--t-font-size-sm, 14px);border-left:1px solid var(--modus-wc-color-base-200, #e0e1e9)}.td-header__mobile-sub{display:flex;flex-direction:column;font-size:var(--t-font-size-sm, 14px)}.td-header__mobile-utilities{display:flex;flex-direction:column}.td-header__mobile-utilities:not(:first-child){margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--modus-wc-color-base-200, #e0e1e9)}.td-header__mobile-utilities>modus-wc-button,.td-header__mobile-utilities>modus-wc-collapse{margin-top:2px}.td-header__mobile-action{width:100%}.td-header__mobile-action .modus-wc-btn{justify-content:flex-start;gap:.5rem;width:100%;height:auto;min-height:0;padding:8px .75rem;line-height:32px;border-radius:var(--modus-wc-border-radius-md, 4px);color:var(--modus-wc-color-base-content, #252a2e)}.td-header__mobile-action .modus-wc-btn:hover{background:var(--modus-wc-color-base-200, #e0e1e9)}.td-header__mobile-action-label{font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:var(--t-font-size-lg, 18px);font-weight:400}.td-header__mobile-theme{display:flex;align-items:center;gap:.5rem;padding:8px .75rem;line-height:32px}.td-header__theme-switch{position:relative;display:inline-flex;align-items:center}.td-header__theme-switch-icon{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;line-height:1;pointer-events:none;color:var(--modus-wc-color-primary, #0063a3)}.td-header__theme-switch--light .td-header__theme-switch-icon{left:4px}.td-header__theme-switch--light .td-header__theme-switch-icon i{font-size:1rem;color:var(--modeColor-modeContent-content-static-dark, #171C1E);fill:var(--modeColor-modeContent-content-static-dark, #171C1E)}.td-header__theme-switch--dark .td-header__theme-switch-icon{right:3px}.td-header__theme-switch--dark .td-header__theme-switch-icon i{font-size:1rem;color:var(--modeColor-modeContent-content-static-dark, #171C1E);fill:var(--modeColor-modeContent-content-static-dark, #171C1E)}.td-header__mobile-theme-label{margin:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;font-family:Open Sans,-apple-system,Segoe UI,sans-serif;font-size:var(--t-font-size-lg, 18px);font-weight:400;color:var(--modus-wc-color-base-content, #252a2e)}.td-header__mobile-collapse .modus-wc-title-main-row{font-size:var(--t-font-size-lg, 18px);font-weight:400;line-height:32px}@media screen and (min-width:640px){.td-header__mobile-collapse .modus-wc-title-main-row{font-size:1rem}}.td-header__nav-dropdown .modus-wc-btn{padding:0 .25rem}@media screen and (min-width:800px){.td-header__nav-dropdown .modus-wc-btn{padding:0 .75rem}}.td-header__mobile-utilities:not(:first-child){margin-top:0;padding-top:0;border-top:none}modus-wc-collapse .modus-wc-collapse.no-leading-icons>.modus-wc-collapse-title{padding-inline-start:12px}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title{padding-top:8px;padding-bottom:8px}modus-wc-collapse .modus-wc-collapse-open .modus-wc-collapse-title{border-left:8px solid #0063A3;padding-left:12px}modus-wc-collapse .modus-wc-collapse.modus-wc-border{border-bottom:none;margin-bottom:0}modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open .modus-wc-collapse-title{font-weight:400}modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open .td-header__mobile-link{margin-bottom:0;padding:8px 12px}modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-content{padding-left:1.25rem}.modus-wc-collapse-arrow>.modus-wc-collapse-title:after{top:25px!important}.light .td-header__nav-link:hover,.light .td-header__nav-link:active{background:#e0e1e9}.light .td-header__button .modus-wc-btn{background:var(--modeColor-modeContent-level1, #F1F1F6);color:var(--modus-wc-color-base-content, #252a2e)}.light .td-header__button .modus-wc-btn:hover{background:#e0e1e9;color:var(--modus-wc-color-base-content, #252a2e)}.light .td-header__button .modus-wc-btn:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.light .td-header__nav-dropdown modus-wc-button[aria-expanded=true] .modus-wc-btn,.light .td-header__nav-dropdown .modus-wc-btn:hover{background:#e0e1e9}.light .td-header__help-dropdown--active .modus-wc-btn{background:#e0e1e9;color:var(--modus-wc-color-base-content, #252a2e)}.light .td-header modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open{color:var(--modeColor-semantic-primary-bg, #0063A3)}.light .td-header modus-wc-collapse .td-header__mobile-collapse.modus-wc-collapse-open .modus-wc-collapse-title{background:var(--modeColor-semantic-primary-pale, #DCEDF9)}.light .td-header__profile-button .modus-wc-btn{background-color:var(--modus-wc-color-neutral)}.light .td-header__profile-button .modus-wc-btn:hover .modus-wc-avatar{background-color:#e0e1e9}.light .td-header__profile-button--active .initials,.light .td-header__profile-button:hover .initials{background:#e0e1e9}.dark .td-header__nav-link:hover,.dark .td-header__nav-link:active,.dark .td-header__menu-link:hover,.dark .td-header__menu-link:active{background:var(--modus-wc-color-base-200)}.dark .td-header__button .modus-wc-btn{background:var(--u-color-active-overlay, rgba(255, 255, 255, .15));color:var(--modus-wc-color-base-content, #252a2e)}.dark .td-header__button .modus-wc-btn:hover{background:var(--modeColor-modeContent-level1, #252a2e);color:var(--modus-wc-color-base-content, #252a2e)}.dark .td-header__button .modus-wc-btn:focus-visible{outline:2px solid var(--modus-wc-color-primary, #0063a3);outline-offset:-2px}.dark .td-header__nav-dropdown modus-wc-button[aria-expanded=true] .modus-wc-btn,.dark .td-header__nav-dropdown .modus-wc-btn:hover{background:var(--modus-wc-color-base-200)}.dark .td-header__help-dropdown--active .modus-wc-btn{background:var(--modeColor-modeContent-level1, #252a2e)}.dark .td-header .modus-wc-btn{background-color:var(--modus-wc-color-neutral)}.dark .td-header .modus-wc-btn:hover .modus-wc-avatar{background-color:#e0e1e9}.dark .td-header__profile-button .modus-wc-btn{background-color:var(--modus-wc-color-neutral)}.dark .td-header__profile-button--active .initials,.dark .td-header__profile-button:hover .initials{background:#252a2e}modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-button,modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-text-input{padding:0}@media(min-width:640px){.td-header__mobile-toggle,.td-header__mobile-menu{display:none!important}}.td-header__sign-in{display:inline-flex}@media(max-width:639px){.td-header__nav,.td-header__desktop-control{display:none!important}.td-header__logo{height:24px}.td-header__sign-in{display:inline-flex!important}.td-header__mobile-toggle{display:inline-flex}.td-header__mobile-menu:not([hidden]){display:flex;height:100vh;max-height:100vh}}@media(min-width:640px)and (max-width:799px){.td-header__logo{height:clamp(18px,3.2vw,28px)}}

package/dist/src/component/TrimbleDeveloper/TDHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TDHeader.d.ts","sourceRoot":"","sources":["../../../../src/component/TrimbleDeveloper/TDHeader.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TDHeader.d.ts","sourceRoot":"","sources":["../../../../src/component/TrimbleDeveloper/TDHeader.tsx"],"names":[],"mappings":"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"}

package/dist/src/component/TrimbleDeveloper/TDHeader.js

@@ -1,22 +1,22 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { useState as v, useRef as te, useEffect as T, useCallback as c } from "react";
-import { TerraLink as _ } from "../TerraLink/TerraLink.js";
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { useState as g, useRef as te, useEffect as S, useCallback as c } from "react";
+import { TerraLink as p } from "../TerraLink/TerraLink.js";
 import { TrimbleAssistantIcon as W } from "./TrimbleAssistantIcon.js";
 import { TrimbleDeveloperLogo as le } from "./TrimbleDeveloperLogo.js";
 import './TDHeader.css';import './modus-icons-setup.css';import '../../../node_modules/@trimble-oss/moduswebcomponents/modus-wc-styles.css';/* empty css                                                                        */
 /* empty css                      */
 /* empty css              */
-import { ModusWcThemeProvider as ne, ModusWcNavbar as re, ModusWcButton as h, ModusWcIcon as u, ModusWcDropdownMenu as D, ModusWcAvatar as de, ModusWcProfileMenu as oe, ModusWcCollapse as $, ModusWcSwitch as ie } from "../../../node_modules/@trimble-oss/moduswebcomponents-react/stencil-generated/components.js";
-const V = (r) => {
-  if (r)
+import { ModusWcThemeProvider as ne, ModusWcNavbar as re, ModusWcButton as h, ModusWcIcon as u, ModusWcDropdownMenu as $, ModusWcAvatar as de, ModusWcProfileMenu as oe, ModusWcCollapse as D, ModusWcSwitch as ie } from "../../../node_modules/@trimble-oss/moduswebcomponents-react/stencil-generated/components.js";
+const V = (d) => {
+  if (d)
     return {
-      title: r.title,
-      items: r.items.map(({ href: o, value: i, ...b }) => ({
+      title: d.title,
+      items: d.items.map(({ href: o, value: i, ...b }) => ({
         ...b,
         value: o ?? i ?? b.label
       }))
     };
-}, se = (r) => r.trim().split(/\s+/).slice(0, 2).map((o) => o.charAt(0).toUpperCase()).join(""), ce = () => {
+}, se = () => {
   try {
     const o = localStorage.getItem("modus-theme-config");
     if (o) {
@@ -25,59 +25,59 @@ const V = (r) => {
     }
   } catch {
   }
-  const r = document.documentElement.getAttribute("data-theme");
-  return r ? r.replace(/-(light|dark)$/, "") : "modus-modern";
-}, me = () => document.documentElement.getAttribute("data-mode") === "dark" ? "dark" : "light", U = (r) => {
-  const o = document.documentElement, i = ce();
-  o.setAttribute("data-theme", `${i}-${r}`), o.setAttribute("data-mode", r), o.classList.remove("light", "dark"), o.classList.add(r), localStorage.setItem("modus-theme-config", JSON.stringify({ mode: r, theme: i }));
-}, Ne = ({
-  logoHref: r = "#",
+  const d = document.documentElement.getAttribute("data-theme");
+  return d ? d.replace(/-(light|dark)$/, "") : "modus-modern";
+}, ce = () => document.documentElement.getAttribute("data-mode") === "dark" ? "dark" : "light", L = (d) => {
+  const o = document.documentElement, i = se();
+  o.setAttribute("data-theme", `${i}-${d}`), o.setAttribute("data-mode", d), o.classList.remove("light", "dark"), o.classList.add(d), localStorage.setItem("modus-theme-config", JSON.stringify({ mode: d, theme: i }));
+}, ke = ({
+  logoHref: d = "#",
   brandLabel: o = "Developer",
   signInLabel: i = "Sign in",
   assistantLabel: b = "Trimble Assistant",
   helpLabel: y = "Help",
   notificationsLabel: M = "Notifications",
   themeLightLabel: j = "Light",
-  themeDarkLabel: L = "Dark",
-  navLinks: g = [],
-  helpLinks: k = [],
-  user: l,
-  onLogoClick: C,
+  themeDarkLabel: J = "Dark",
+  navLinks: k = [],
+  helpLinks: N = [],
+  user: n,
+  onLogoClick: w,
   onNavItemClick: m,
-  onAssistantClick: S,
-  onNotificationsClick: z,
-  onSignIn: J,
-  onProfileMenuItemClick: E,
-  onSignOut: B
+  onAssistantClick: z,
+  onNotificationsClick: E,
+  onSignIn: R,
+  onProfileMenuItemClick: B,
+  onSignOut: O
 }) => {
-  const [s, w] = v("light"), [R, K] = v(!1), [N, f] = v(!1), O = te(null), [x, p] = v(!1), [A, H] = v(
+  const [s, x] = g("light"), [U, K] = g(!1), [f, v] = g(!1), C = te(null), [T, _] = g(!1), [H, q] = g(
     {}
   );
-  T(() => {
-    w(me());
+  S(() => {
+    x(ce());
   }, []);
-  const I = c(() => {
-    w((e) => {
+  const A = c(() => {
+    x((e) => {
       const t = e === "dark" ? "light" : "dark";
-      return U(t), t;
+      return L(t), t;
     });
   }, []), F = c(
     (e) => {
-      const n = !!e.detail?.target?.checked ? "dark" : "light";
-      w(n), U(n);
+      const l = !!e.detail?.target?.checked ? "dark" : "light";
+      x(l), L(l);
     },
     []
   ), G = c(
     (e) => {
-      C && (e.preventDefault(), C());
+      w && (e.preventDefault(), w());
     },
-    [C]
+    [w]
   ), Q = c(
     (e) => {
       m?.(e.value ?? e.label);
     },
     [m]
-  ), q = c(
+  ), I = c(
     (e) => {
       m?.(e.value ?? e.label), document.querySelectorAll(
         "modus-wc-dropdown-menu"
@@ -87,44 +87,44 @@ const V = (r) => {
     },
     [m]
   );
-  T(() => {
-    if (!N) return;
-    const e = (n) => {
-      O.current?.contains(n.target) || f(!1);
-    }, t = (n) => {
-      n.key === "Escape" && f(!1);
+  S(() => {
+    if (!f) return;
+    const e = (l) => {
+      C.current?.contains(l.target) || v(!1);
+    }, t = (l) => {
+      l.key === "Escape" && v(!1);
     };
     return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
       document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
     };
-  }, [N]);
+  }, [f]);
   const X = c(
     (e) => {
-      E?.(e.detail), f(!1);
+      B?.(e.detail), C.current?.querySelector(".td-header__profile-button")?.classList.toggle("td-header__profile-button--active"), v(!1);
     },
-    [E]
+    [B]
   ), Y = c(() => {
-    B?.(), f(!1);
-  }, [B]);
-  T(() => {
-    const e = window.matchMedia("(max-width: 639px)"), t = (n) => {
-      n.matches || p(!1);
+    O?.(), v(!1);
+  }, [O]);
+  S(() => {
+    const e = window.matchMedia("(max-width: 639px)"), t = (l) => {
+      l.matches || _(!1);
     };
     return e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, []);
   const Z = c(
     (e) => {
-      m?.(e.value ?? e.label), p(!1);
+      m?.(e.value ?? e.label), _(!1);
     },
     [m]
   ), P = c(
     (e) => {
-      m?.(e.value ?? e.label), p(!1);
+      m?.(e.value ?? e.label), _(!1);
     },
     [m]
-  ), ee = g.length > 0;
-  return /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ d("div", { className: "td-header__root", children: [
-    /* @__PURE__ */ d(
+  ), ee = k.length > 0;
+  return /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ r("div", { className: "td-header__root", children: [
+    /* @__PURE__ */ r(
       re,
       {
         className: "td-header__navbar",
@@ -140,7 +140,7 @@ const V = (r) => {
           user: !1
         },
         children: [
-          /* @__PURE__ */ d("div", { slot: "start", className: "td-header__brand-wrap", children: [
+          /* @__PURE__ */ r("div", { slot: "start", className: "td-header__brand-wrap", children: [
             /* @__PURE__ */ a(
               h,
               {
@@ -150,14 +150,14 @@ const V = (r) => {
                 shape: "square",
                 "aria-label": "Menu",
                 "aria-haspopup": "menu",
-                "aria-expanded": x,
+                "aria-expanded": T,
                 "aria-controls": "td-header-mobile-menu",
-                onButtonClick: () => p((e) => !e),
+                onButtonClick: () => _((e) => !e),
                 className: "td-header__button td-header__mobile-toggle",
                 children: /* @__PURE__ */ a(
                   u,
                   {
-                    name: x ? "close" : "menu",
+                    name: T ? "close" : "menu",
                     size: "sm",
                     decorative: !0
                   }
@@ -168,22 +168,22 @@ const V = (r) => {
               "a",
               {
                 className: "td-header__brand",
-                href: r,
+                href: d,
                 "aria-label": `Trimble ${o} home`,
                 onClick: G,
                 children: /* @__PURE__ */ a(le, { className: "td-header__logo" })
               }
             )
           ] }),
-          g.length > 0 && /* @__PURE__ */ a(
+          k.length > 0 && /* @__PURE__ */ a(
             "nav",
             {
               slot: "center",
               className: "td-header__nav",
               "aria-label": "Primary navigation",
-              children: g.map(
-                (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ d(
-                  D,
+              children: k.map(
+                (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ r(
+                  $,
                   {
                     buttonAriaLabel: e.label,
                     buttonVariant: "borderless",
@@ -194,18 +194,18 @@ const V = (r) => {
                     menuStrategy: "fixed",
                     customClass: "td-header__nav-dropdown",
                     children: [
-                      /* @__PURE__ */ d("div", { slot: "button", className: "td-header__nav-trigger", children: [
+                      /* @__PURE__ */ r("div", { slot: "button", className: "td-header__nav-trigger", children: [
                         /* @__PURE__ */ a("span", { children: e.label }),
                         /* @__PURE__ */ a(u, { name: "expand_more", size: "sm", decorative: !0 })
                       ] }),
                       /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: e.children.map((t) => /* @__PURE__ */ a(
-                        _,
+                        p,
                         {
                           className: "td-header__menu-link",
                           destination: t.href ?? "#",
                           label: t.label,
                           linkType: "text",
-                          onClickHandler: () => q(t)
+                          onClickHandler: () => I(t)
                         },
                         t.value ?? t.label
                       )) })
@@ -213,7 +213,7 @@ const V = (r) => {
                   },
                   e.label
                 ) : /* @__PURE__ */ a(
-                  _,
+                  p,
                   {
                     className: "td-header__nav-link",
                     destination: e.href ?? "#",
@@ -226,7 +226,7 @@ const V = (r) => {
               )
             }
           ),
-          /* @__PURE__ */ d("div", { slot: "end", className: "td-header__end", children: [
+          /* @__PURE__ */ r("div", { slot: "end", className: "td-header__end", children: [
             /* @__PURE__ */ a(
               h,
               {
@@ -235,13 +235,13 @@ const V = (r) => {
                 size: "md",
                 shape: "square",
                 "aria-label": b,
-                onButtonClick: () => S?.(),
+                onButtonClick: () => z?.(),
                 className: "td-header__button td-header__desktop-control td-header__no-pop",
                 children: /* @__PURE__ */ a(W, { mode: s })
               }
             ),
-            k.length > 0 && /* @__PURE__ */ d(
-              D,
+            N.length > 0 && /* @__PURE__ */ r(
+              $,
               {
                 buttonAriaLabel: y,
                 buttonVariant: "borderless",
@@ -251,7 +251,7 @@ const V = (r) => {
                 menuPlacement: "bottom",
                 menuOffset: 8,
                 menuStrategy: "fixed",
-                customClass: `td-header__button td-header__desktop-control td-header__help-dropdown ${R ? "td-header__help-dropdown--active" : ""}`,
+                customClass: `td-header__button td-header__desktop-control td-header__help-dropdown ${U ? "td-header__help-dropdown--active" : ""}`,
                 onMenuVisibilityChange: (e) => K(!!e.detail?.isVisible),
                 children: [
                   /* @__PURE__ */ a(
@@ -264,21 +264,21 @@ const V = (r) => {
                       decorative: !0
                     }
                   ),
-                  /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: k.map((e) => /* @__PURE__ */ a(
-                    _,
+                  /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: N.map((e) => /* @__PURE__ */ a(
+                    p,
                     {
                       className: "td-header__menu-link",
                       destination: e.href ?? "#",
                       label: e.label,
                       linkType: "text",
-                      onClickHandler: () => q(e)
+                      onClickHandler: () => I(e)
                     },
                     e.value ?? e.label
                   )) })
                 ]
               }
             ),
-            l && /* @__PURE__ */ a(
+            n && /* @__PURE__ */ a(
               h,
               {
                 color: "tertiary",
@@ -286,7 +286,7 @@ const V = (r) => {
                 size: "md",
                 shape: "square",
                 "aria-label": M,
-                onButtonClick: () => z?.(),
+                onButtonClick: () => E?.(),
                 className: "td-header__button td-header__desktop-control",
                 children: /* @__PURE__ */ a(
                   u,
@@ -308,7 +308,7 @@ const V = (r) => {
                 shape: "square",
                 "aria-label": s === "dark" ? "Switch to light mode" : "Switch to dark mode",
                 "aria-pressed": s === "dark",
-                onButtonClick: I,
+                onButtonClick: A,
                 className: "td-header__button td-header__desktop-control td-header__no-pop",
                 children: /* @__PURE__ */ a(
                   u,
@@ -321,7 +321,7 @@ const V = (r) => {
                 )
               }
             ),
-            l ? /* @__PURE__ */ d("div", { className: "td-header__profile", ref: O, children: [
+            n ? /* @__PURE__ */ r("div", { className: "td-header__profile", ref: C, children: [
               /* @__PURE__ */ a(
                 h,
                 {
@@ -329,18 +329,17 @@ const V = (r) => {
                   variant: "borderless",
                   size: "md",
                   shape: "circle",
-                  "aria-label": `${l.name} — account menu`,
+                  "aria-label": `${n.name} — account menu`,
                   "aria-haspopup": "menu",
-                  "aria-expanded": N,
-                  onButtonClick: () => f((e) => !e),
-                  className: "td-header__profile-button",
+                  "aria-expanded": f,
+                  onButtonClick: () => v((e) => !e),
+                  className: f ? "td-header__profile-button td-header__profile-button--active" : "td-header__profile-button",
                   children: /* @__PURE__ */ a(
                     de,
                     {
-                      size: "md",
-                      alt: l.name,
-                      imgSrc: l.avatarUrl ?? "",
-                      initials: l.initials ?? se(l.name)
+                      size: "sm",
+                      alt: n.name,
+                      initials: `${n.name}`
                     }
                   )
                 }
@@ -349,19 +348,19 @@ const V = (r) => {
                 "div",
                 {
                   className: "td-header__profile-popover",
-                  hidden: !N,
+                  hidden: !f,
                   children: /* @__PURE__ */ a(
                     oe,
                     {
                       profileProps: {
-                        profileImageUrl: l.avatarUrl ?? "",
-                        headerName: l.organization ?? "",
-                        userName: l.name,
-                        userEmail: l.email ?? "",
-                        ...l.manageTrimbleIdHref ? { manageTrimbleId: { link: l.manageTrimbleIdHref } } : {}
+                        profileImageUrl: n.avatarUrl ?? "",
+                        headerName: n.organization ?? "",
+                        userName: n.name,
+                        userEmail: n.email ?? "",
+                        ...n.manageTrimbleIdHref ? { manageTrimbleId: { link: n.manageTrimbleIdHref } } : {}
                       },
-                      menuOne: V(l.profileMenuOne),
-                      menuTwo: V(l.profileMenuTwo),
+                      menuOne: V(n.profileMenuOne),
+                      menuTwo: V(n.profileMenuTwo),
                       onMenuItemClick: X,
                       onSignOutClick: Y
                     }
@@ -374,7 +373,7 @@ const V = (r) => {
                 color: "primary",
                 variant: "filled",
                 size: "md",
-                onButtonClick: () => J?.(),
+                onButtonClick: () => R?.(),
                 className: "td-header__sign-in",
                 children: i
               }
@@ -383,54 +382,54 @@ const V = (r) => {
         ]
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ r(
       "div",
       {
         id: "td-header-mobile-menu",
         className: "td-header__mobile-menu",
-        hidden: !x,
+        hidden: !T,
         children: [
           ee && /* @__PURE__ */ a(
             "nav",
             {
               className: "td-header__mobile-nav",
               "aria-label": "Primary navigation",
-              children: g.map((e) => {
+              children: k.map((e) => {
                 const t = e.value ?? e.label;
                 return e.children && e.children.length > 0 ? /* @__PURE__ */ a(
-                  $,
+                  D,
                   {
                     bordered: !0,
                     collapseId: `td-header-mobile-${t}`,
                     customClass: "td-header__mobile-collapse",
-                    expanded: !!A[t],
+                    expanded: !!H[t],
                     options: { title: e.label, size: "md" },
-                    onExpandedChange: (n) => H((ae) => ({
+                    onExpandedChange: (l) => q((ae) => ({
                       ...ae,
-                      [t]: n.detail.expanded
+                      [t]: l.detail.expanded
                     })),
                     children: /* @__PURE__ */ a(
                       "div",
                       {
                         slot: "content",
                         className: "td-header__mobile-sub",
-                        children: e.children.map((n) => /* @__PURE__ */ a(
-                          _,
+                        children: e.children.map((l) => /* @__PURE__ */ a(
+                          p,
                           {
                             className: "td-header__mobile-link td-header__mobile-link--child",
-                            destination: n.href ?? "#",
-                            label: n.label,
+                            destination: l.href ?? "#",
+                            label: l.label,
                             linkType: "text",
-                            onClickHandler: () => P(n)
+                            onClickHandler: () => P(l)
                           },
-                          n.value ?? n.label
+                          l.value ?? l.label
                         ))
                       }
                     )
                   },
                   t
                 ) : /* @__PURE__ */ a(
-                  _,
+                  p,
                   {
                     className: "td-header__mobile-link",
                     destination: e.href ?? "#",
@@ -443,8 +442,8 @@ const V = (r) => {
               })
             }
           ),
-          /* @__PURE__ */ d("div", { className: "td-header__mobile-utilities", children: [
-            /* @__PURE__ */ d(
+          /* @__PURE__ */ r("div", { className: "td-header__mobile-utilities", children: [
+            /* @__PURE__ */ r(
               h,
               {
                 color: "tertiary",
@@ -452,7 +451,7 @@ const V = (r) => {
                 size: "md",
                 "aria-label": b,
                 onButtonClick: () => {
-                  S?.(), p(!1);
+                  z?.(), _(!1);
                 },
                 className: "td-header__mobile-action td-header__no-pop",
                 children: [
@@ -461,25 +460,25 @@ const V = (r) => {
                 ]
               }
             ),
-            k.length > 0 && /* @__PURE__ */ a(
-              $,
+            N.length > 0 && /* @__PURE__ */ a(
+              D,
               {
                 bordered: !0,
                 collapseId: "td-header-mobile-help",
                 customClass: "td-header__mobile-collapse",
-                expanded: !!A.__help,
+                expanded: !!H.__help,
                 options: {
                   title: y,
                   icon: "question",
                   iconAriaLabel: y,
                   size: "md"
                 },
-                onExpandedChange: (e) => H((t) => ({
+                onExpandedChange: (e) => q((t) => ({
                   ...t,
                   __help: e.detail.expanded
                 })),
-                children: /* @__PURE__ */ a("div", { slot: "content", className: "td-header__mobile-sub", children: k.map((e) => /* @__PURE__ */ a(
-                  _,
+                children: /* @__PURE__ */ a("div", { slot: "content", className: "td-header__mobile-sub", children: N.map((e) => /* @__PURE__ */ a(
+                  p,
                   {
                     className: "td-header__mobile-link td-header__mobile-link--child",
                     destination: e.href ?? "#",
@@ -491,7 +490,7 @@ const V = (r) => {
                 )) })
               }
             ),
-            l && /* @__PURE__ */ d(
+            n && /* @__PURE__ */ r(
               h,
               {
                 color: "tertiary",
@@ -499,7 +498,7 @@ const V = (r) => {
                 size: "md",
                 "aria-label": M,
                 onButtonClick: () => {
-                  z?.(), p(!1);
+                  E?.(), _(!1);
                 },
                 className: "td-header__mobile-action",
                 children: [
@@ -516,8 +515,8 @@ const V = (r) => {
                 ]
               }
             ),
-            /* @__PURE__ */ d("div", { className: "td-header__mobile-theme", children: [
-              /* @__PURE__ */ d(
+            /* @__PURE__ */ r("div", { className: "td-header__mobile-theme", children: [
+              /* @__PURE__ */ r(
                 "span",
                 {
                   className: `td-header__theme-switch td-header__theme-switch--${s}`,
@@ -548,10 +547,10 @@ const V = (r) => {
                 {
                   type: "button",
                   className: "td-header__mobile-theme-label",
-                  onClick: I,
+                  onClick: A,
                   "aria-hidden": "true",
                   tabIndex: -1,
-                  children: s === "dark" ? L : j
+                  children: s === "dark" ? J : j
                 }
               )
             ] })
@@ -562,5 +561,5 @@ const V = (r) => {
   ] }) });
 };
 export {
-  Ne as TDHeader
+  ke as TDHeader
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trimble-terra",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "Trimble Terra — React component library for Trimble MXP2 web experiences",
   "publishConfig": {
     "access": "public"