trimble-terra 1.1.20 → 1.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/src/component/TrimbleDeveloper/TDHeader.css +1 -1
  2. package/dist/src/component/TrimbleDeveloper/TDHeader.d.ts.map +1 -1
  3. package/dist/src/component/TrimbleDeveloper/TDHeader.js +128 -123
  4. package/package.json +1 -1
package/dist/src/component/TrimbleDeveloper/TDHeader.css CHANGED
@@ -1 +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)}}
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-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 CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TDHeader.d.ts","sourceRoot":"","sources":["../../../../src/component/TrimbleDeveloper/TDHeader.tsx"],"names":[],"mappings":"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"}
1
+ {"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 CHANGED
@@ -1,22 +1,22 @@
1
- import { jsx as a, jsxs as d } from "react/jsx-runtime";
2
- import { useState as v, useRef as te, useEffect as T, useCallback as c } from "react";
3
- import { TerraLink as _ } from "../TerraLink/TerraLink.js";
1
+ import { jsx as a, jsxs as r } from "react/jsx-runtime";
2
+ import { useState as g, useRef as te, useEffect as T, useCallback as c } from "react";
3
+ import { TerraLink as p } from "../TerraLink/TerraLink.js";
4
4
  import { TrimbleAssistantIcon as W } from "./TrimbleAssistantIcon.js";
5
5
  import { TrimbleDeveloperLogo as le } from "./TrimbleDeveloperLogo.js";
6
6
  import './TDHeader.css';import './modus-icons-setup.css';import '../../../node_modules/@trimble-oss/moduswebcomponents/modus-wc-styles.css';/* empty css */
7
7
  /* empty css */
8
8
  /* empty css */
9
- 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";
10
- const V = (r) => {
11
- if (r)
9
+ 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";
10
+ const V = (d) => {
11
+ if (d)
12
12
  return {
13
- title: r.title,
14
- items: r.items.map(({ href: o, value: i, ...b }) => ({
13
+ title: d.title,
14
+ items: d.items.map(({ href: o, value: i, ...b }) => ({
15
15
  ...b,
16
16
  value: o ?? i ?? b.label
17
17
  }))
18
18
  };
19
- }, se = (r) => r.trim().split(/\s+/).slice(0, 2).map((o) => o.charAt(0).toUpperCase()).join(""), ce = () => {
19
+ }, se = () => {
20
20
  try {
21
21
  const o = localStorage.getItem("modus-theme-config");
22
22
  if (o) {
@@ -25,46 +25,46 @@ const V = (r) => {
25
25
  }
26
26
  } catch {
27
27
  }
28
- const r = document.documentElement.getAttribute("data-theme");
29
- return r ? r.replace(/-(light|dark)$/, "") : "modus-modern";
30
- }, me = () => document.documentElement.getAttribute("data-mode") === "dark" ? "dark" : "light", U = (r) => {
31
- const o = document.documentElement, i = ce();
32
- 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 }));
33
- }, Ne = ({
34
- logoHref: r = "#",
28
+ const d = document.documentElement.getAttribute("data-theme");
29
+ return d ? d.replace(/-(light|dark)$/, "") : "modus-modern";
30
+ }, ce = () => document.documentElement.getAttribute("data-mode") === "dark" ? "dark" : "light", L = (d) => {
31
+ const o = document.documentElement, i = se();
32
+ 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 }));
33
+ }, ke = ({
34
+ logoHref: d = "#",
35
35
  brandLabel: o = "Developer",
36
36
  signInLabel: i = "Sign in",
37
37
  assistantLabel: b = "Trimble Assistant",
38
38
  helpLabel: y = "Help",
39
39
  notificationsLabel: M = "Notifications",
40
40
  themeLightLabel: j = "Light",
41
- themeDarkLabel: L = "Dark",
42
- navLinks: g = [],
43
- helpLinks: k = [],
44
- user: l,
41
+ themeDarkLabel: J = "Dark",
42
+ navLinks: k = [],
43
+ helpLinks: N = [],
44
+ user: n,
45
45
  onLogoClick: C,
46
46
  onNavItemClick: m,
47
- onAssistantClick: S,
48
- onNotificationsClick: z,
49
- onSignIn: J,
50
- onProfileMenuItemClick: E,
51
- onSignOut: B
47
+ onAssistantClick: z,
48
+ onNotificationsClick: E,
49
+ onSignIn: R,
50
+ onProfileMenuItemClick: B,
51
+ onSignOut: O
52
52
  }) => {
53
- const [s, w] = v("light"), [R, K] = v(!1), [N, f] = v(!1), O = te(null), [x, p] = v(!1), [A, H] = v(
53
+ const [s, w] = g("light"), [U, K] = g(!1), [f, v] = g(!1), x = te(null), [S, _] = g(!1), [H, q] = g(
54
54
  {}
55
55
  );
56
56
  T(() => {
57
- w(me());
57
+ w(ce());
58
58
  }, []);
59
- const I = c(() => {
59
+ const A = c(() => {
60
60
  w((e) => {
61
61
  const t = e === "dark" ? "light" : "dark";
62
- return U(t), t;
62
+ return L(t), t;
63
63
  });
64
64
  }, []), F = c(
65
65
  (e) => {
66
- const n = !!e.detail?.target?.checked ? "dark" : "light";
67
- w(n), U(n);
66
+ const l = !!e.detail?.target?.checked ? "dark" : "light";
67
+ w(l), L(l);
68
68
  },
69
69
  []
70
70
  ), G = c(
@@ -77,7 +77,7 @@ const V = (r) => {
77
77
  m?.(e.value ?? e.label);
78
78
  },
79
79
  [m]
80
- ), q = c(
80
+ ), P = c(
81
81
  (e) => {
82
82
  m?.(e.value ?? e.label), document.querySelectorAll(
83
83
  "modus-wc-dropdown-menu"
@@ -88,43 +88,43 @@ const V = (r) => {
88
88
  [m]
89
89
  );
90
90
  T(() => {
91
- if (!N) return;
92
- const e = (n) => {
93
- O.current?.contains(n.target) || f(!1);
94
- }, t = (n) => {
95
- n.key === "Escape" && f(!1);
91
+ if (!f) return;
92
+ const e = (l) => {
93
+ x.current?.contains(l.target) || v(!1);
94
+ }, t = (l) => {
95
+ l.key === "Escape" && v(!1);
96
96
  };
97
97
  return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
98
98
  document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
99
99
  };
100
- }, [N]);
100
+ }, [f]);
101
101
  const X = c(
102
102
  (e) => {
103
- E?.(e.detail), f(!1);
103
+ B?.(e.detail), x.current?.querySelector(".td-header__profile-button")?.classList.toggle("td-header__profile-button--active"), v(!1);
104
104
  },
105
- [E]
105
+ [B]
106
106
  ), Y = c(() => {
107
- B?.(), f(!1);
108
- }, [B]);
107
+ O?.(), v(!1);
108
+ }, [O]);
109
109
  T(() => {
110
- const e = window.matchMedia("(max-width: 639px)"), t = (n) => {
111
- n.matches || p(!1);
110
+ const e = window.matchMedia("(max-width: 639px)"), t = (l) => {
111
+ l.matches || _(!1);
112
112
  };
113
113
  return e.addEventListener("change", t), () => e.removeEventListener("change", t);
114
114
  }, []);
115
115
  const Z = c(
116
116
  (e) => {
117
- m?.(e.value ?? e.label), p(!1);
117
+ m?.(e.value ?? e.label), _(!1);
118
118
  },
119
119
  [m]
120
- ), P = c(
120
+ ), I = c(
121
121
  (e) => {
122
- m?.(e.value ?? e.label), p(!1);
122
+ m?.(e.value ?? e.label), _(!1);
123
123
  },
124
124
  [m]
125
- ), ee = g.length > 0;
126
- return /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ d("div", { className: "td-header__root", children: [
127
- /* @__PURE__ */ d(
125
+ ), ee = k.length > 0;
126
+ return /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ r("div", { className: "td-header__root", children: [
127
+ /* @__PURE__ */ r(
128
128
  re,
129
129
  {
130
130
  className: "td-header__navbar",
@@ -140,7 +140,7 @@ const V = (r) => {
140
140
  user: !1
141
141
  },
142
142
  children: [
143
- /* @__PURE__ */ d("div", { slot: "start", className: "td-header__brand-wrap", children: [
143
+ /* @__PURE__ */ r("div", { slot: "start", className: "td-header__brand-wrap", children: [
144
144
  /* @__PURE__ */ a(
145
145
  h,
146
146
  {
@@ -150,14 +150,14 @@ const V = (r) => {
150
150
  shape: "square",
151
151
  "aria-label": "Menu",
152
152
  "aria-haspopup": "menu",
153
- "aria-expanded": x,
153
+ "aria-expanded": S,
154
154
  "aria-controls": "td-header-mobile-menu",
155
- onButtonClick: () => p((e) => !e),
155
+ onButtonClick: () => _((e) => !e),
156
156
  className: "td-header__button td-header__mobile-toggle",
157
157
  children: /* @__PURE__ */ a(
158
158
  u,
159
159
  {
160
- name: x ? "close" : "menu",
160
+ name: S ? "close" : "menu",
161
161
  size: "sm",
162
162
  decorative: !0
163
163
  }
@@ -168,22 +168,22 @@ const V = (r) => {
168
168
  "a",
169
169
  {
170
170
  className: "td-header__brand",
171
- href: r,
171
+ href: d,
172
172
  "aria-label": `Trimble ${o} home`,
173
173
  onClick: G,
174
174
  children: /* @__PURE__ */ a(le, { className: "td-header__logo" })
175
175
  }
176
176
  )
177
177
  ] }),
178
- g.length > 0 && /* @__PURE__ */ a(
178
+ k.length > 0 && /* @__PURE__ */ a(
179
179
  "nav",
180
180
  {
181
181
  slot: "center",
182
182
  className: "td-header__nav",
183
183
  "aria-label": "Primary navigation",
184
- children: g.map(
185
- (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ d(
186
- D,
184
+ children: k.map(
185
+ (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ r(
186
+ $,
187
187
  {
188
188
  buttonAriaLabel: e.label,
189
189
  buttonVariant: "borderless",
@@ -194,18 +194,18 @@ const V = (r) => {
194
194
  menuStrategy: "fixed",
195
195
  customClass: "td-header__nav-dropdown",
196
196
  children: [
197
- /* @__PURE__ */ d("div", { slot: "button", className: "td-header__nav-trigger", children: [
197
+ /* @__PURE__ */ r("div", { slot: "button", className: "td-header__nav-trigger", children: [
198
198
  /* @__PURE__ */ a("span", { children: e.label }),
199
199
  /* @__PURE__ */ a(u, { name: "expand_more", size: "sm", decorative: !0 })
200
200
  ] }),
201
201
  /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: e.children.map((t) => /* @__PURE__ */ a(
202
- _,
202
+ p,
203
203
  {
204
204
  className: "td-header__menu-link",
205
205
  destination: t.href ?? "#",
206
206
  label: t.label,
207
207
  linkType: "text",
208
- onClickHandler: () => q(t)
208
+ onClickHandler: () => P(t)
209
209
  },
210
210
  t.value ?? t.label
211
211
  )) })
@@ -213,7 +213,7 @@ const V = (r) => {
213
213
  },
214
214
  e.label
215
215
  ) : /* @__PURE__ */ a(
216
- _,
216
+ p,
217
217
  {
218
218
  className: "td-header__nav-link",
219
219
  destination: e.href ?? "#",
@@ -226,7 +226,7 @@ const V = (r) => {
226
226
  )
227
227
  }
228
228
  ),
229
- /* @__PURE__ */ d("div", { slot: "end", className: "td-header__end", children: [
229
+ /* @__PURE__ */ r("div", { slot: "end", className: "td-header__end", children: [
230
230
  /* @__PURE__ */ a(
231
231
  h,
232
232
  {
@@ -235,13 +235,13 @@ const V = (r) => {
235
235
  size: "md",
236
236
  shape: "square",
237
237
  "aria-label": b,
238
- onButtonClick: () => S?.(),
238
+ onButtonClick: () => z?.(),
239
239
  className: "td-header__button td-header__desktop-control td-header__no-pop",
240
240
  children: /* @__PURE__ */ a(W, { mode: s })
241
241
  }
242
242
  ),
243
- k.length > 0 && /* @__PURE__ */ d(
244
- D,
243
+ N.length > 0 && /* @__PURE__ */ r(
244
+ $,
245
245
  {
246
246
  buttonAriaLabel: y,
247
247
  buttonVariant: "borderless",
@@ -251,7 +251,7 @@ const V = (r) => {
251
251
  menuPlacement: "bottom",
252
252
  menuOffset: 8,
253
253
  menuStrategy: "fixed",
254
- customClass: `td-header__button td-header__desktop-control td-header__help-dropdown ${R ? "td-header__help-dropdown--active" : ""}`,
254
+ customClass: `td-header__button td-header__desktop-control td-header__help-dropdown ${U ? "td-header__help-dropdown--active" : ""}`,
255
255
  onMenuVisibilityChange: (e) => K(!!e.detail?.isVisible),
256
256
  children: [
257
257
  /* @__PURE__ */ a(
@@ -264,21 +264,21 @@ const V = (r) => {
264
264
  decorative: !0
265
265
  }
266
266
  ),
267
- /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: k.map((e) => /* @__PURE__ */ a(
268
- _,
267
+ /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: N.map((e) => /* @__PURE__ */ a(
268
+ p,
269
269
  {
270
270
  className: "td-header__menu-link",
271
271
  destination: e.href ?? "#",
272
272
  label: e.label,
273
273
  linkType: "text",
274
- onClickHandler: () => q(e)
274
+ onClickHandler: () => P(e)
275
275
  },
276
276
  e.value ?? e.label
277
277
  )) })
278
278
  ]
279
279
  }
280
280
  ),
281
- l && /* @__PURE__ */ a(
281
+ n && /* @__PURE__ */ a(
282
282
  h,
283
283
  {
284
284
  color: "tertiary",
@@ -286,7 +286,7 @@ const V = (r) => {
286
286
  size: "md",
287
287
  shape: "square",
288
288
  "aria-label": M,
289
- onButtonClick: () => z?.(),
289
+ onButtonClick: () => E?.(),
290
290
  className: "td-header__button td-header__desktop-control",
291
291
  children: /* @__PURE__ */ a(
292
292
  u,
@@ -308,7 +308,7 @@ const V = (r) => {
308
308
  shape: "square",
309
309
  "aria-label": s === "dark" ? "Switch to light mode" : "Switch to dark mode",
310
310
  "aria-pressed": s === "dark",
311
- onButtonClick: I,
311
+ onButtonClick: A,
312
312
  className: "td-header__button td-header__desktop-control td-header__no-pop",
313
313
  children: /* @__PURE__ */ a(
314
314
  u,
@@ -321,7 +321,7 @@ const V = (r) => {
321
321
  )
322
322
  }
323
323
  ),
324
- l ? /* @__PURE__ */ d("div", { className: "td-header__profile", ref: O, children: [
324
+ n ? /* @__PURE__ */ r("div", { className: "td-header__profile", ref: x, children: [
325
325
  /* @__PURE__ */ a(
326
326
  h,
327
327
  {
@@ -329,18 +329,17 @@ const V = (r) => {
329
329
  variant: "borderless",
330
330
  size: "md",
331
331
  shape: "circle",
332
- "aria-label": `${l.name} — account menu`,
332
+ "aria-label": `${n.name} — account menu`,
333
333
  "aria-haspopup": "menu",
334
- "aria-expanded": N,
335
- onButtonClick: () => f((e) => !e),
336
- className: "td-header__profile-button",
334
+ "aria-expanded": f,
335
+ onButtonClick: () => v((e) => !e),
336
+ className: f ? "td-header__profile-button td-header__profile-button--active" : "td-header__profile-button",
337
337
  children: /* @__PURE__ */ a(
338
338
  de,
339
339
  {
340
- size: "md",
341
- alt: l.name,
342
- imgSrc: l.avatarUrl ?? "",
343
- initials: l.initials ?? se(l.name)
340
+ size: "sm",
341
+ alt: n.name,
342
+ initials: `${n.name}`
344
343
  }
345
344
  )
346
345
  }
@@ -349,19 +348,25 @@ const V = (r) => {
349
348
  "div",
350
349
  {
351
350
  className: "td-header__profile-popover",
352
- hidden: !N,
351
+ hidden: !f,
353
352
  children: /* @__PURE__ */ a(
354
353
  oe,
355
354
  {
356
355
  profileProps: {
357
- profileImageUrl: l.avatarUrl ?? "",
358
- headerName: l.organization ?? "",
359
- userName: l.name,
360
- userEmail: l.email ?? "",
361
- ...l.manageTrimbleIdHref ? { manageTrimbleId: { link: l.manageTrimbleIdHref } } : {}
356
+ profileImageUrl: n.avatarUrl ?? "",
357
+ headerName: n.organization ?? "",
358
+ userName: n.name,
359
+ userEmail: n.email ?? "",
360
+ ...n.manageTrimbleIdHref ? { manageTrimbleId: { link: n.manageTrimbleIdHref } } : {}
362
361
  },
363
- menuOne: V(l.profileMenuOne),
364
- menuTwo: V(l.profileMenuTwo),
362
+ mainMenu: {
363
+ myProducts: !1,
364
+ supportCenter: !1,
365
+ items: !1,
366
+ adminSettings: !1
367
+ },
368
+ menuOne: V(n.profileMenuOne),
369
+ menuTwo: V(n.profileMenuTwo),
365
370
  onMenuItemClick: X,
366
371
  onSignOutClick: Y
367
372
  }
@@ -374,7 +379,7 @@ const V = (r) => {
374
379
  color: "primary",
375
380
  variant: "filled",
376
381
  size: "md",
377
- onButtonClick: () => J?.(),
382
+ onButtonClick: () => R?.(),
378
383
  className: "td-header__sign-in",
379
384
  children: i
380
385
  }
@@ -383,54 +388,54 @@ const V = (r) => {
383
388
  ]
384
389
  }
385
390
  ),
386
- /* @__PURE__ */ d(
391
+ /* @__PURE__ */ r(
387
392
  "div",
388
393
  {
389
394
  id: "td-header-mobile-menu",
390
395
  className: "td-header__mobile-menu",
391
- hidden: !x,
396
+ hidden: !S,
392
397
  children: [
393
398
  ee && /* @__PURE__ */ a(
394
399
  "nav",
395
400
  {
396
401
  className: "td-header__mobile-nav",
397
402
  "aria-label": "Primary navigation",
398
- children: g.map((e) => {
403
+ children: k.map((e) => {
399
404
  const t = e.value ?? e.label;
400
405
  return e.children && e.children.length > 0 ? /* @__PURE__ */ a(
401
- $,
406
+ D,
402
407
  {
403
408
  bordered: !0,
404
409
  collapseId: `td-header-mobile-${t}`,
405
410
  customClass: "td-header__mobile-collapse",
406
- expanded: !!A[t],
411
+ expanded: !!H[t],
407
412
  options: { title: e.label, size: "md" },
408
- onExpandedChange: (n) => H((ae) => ({
413
+ onExpandedChange: (l) => q((ae) => ({
409
414
  ...ae,
410
- [t]: n.detail.expanded
415
+ [t]: l.detail.expanded
411
416
  })),
412
417
  children: /* @__PURE__ */ a(
413
418
  "div",
414
419
  {
415
420
  slot: "content",
416
421
  className: "td-header__mobile-sub",
417
- children: e.children.map((n) => /* @__PURE__ */ a(
418
- _,
422
+ children: e.children.map((l) => /* @__PURE__ */ a(
423
+ p,
419
424
  {
420
425
  className: "td-header__mobile-link td-header__mobile-link--child",
421
- destination: n.href ?? "#",
422
- label: n.label,
426
+ destination: l.href ?? "#",
427
+ label: l.label,
423
428
  linkType: "text",
424
- onClickHandler: () => P(n)
429
+ onClickHandler: () => I(l)
425
430
  },
426
- n.value ?? n.label
431
+ l.value ?? l.label
427
432
  ))
428
433
  }
429
434
  )
430
435
  },
431
436
  t
432
437
  ) : /* @__PURE__ */ a(
433
- _,
438
+ p,
434
439
  {
435
440
  className: "td-header__mobile-link",
436
441
  destination: e.href ?? "#",
@@ -443,8 +448,8 @@ const V = (r) => {
443
448
  })
444
449
  }
445
450
  ),
446
- /* @__PURE__ */ d("div", { className: "td-header__mobile-utilities", children: [
447
- /* @__PURE__ */ d(
451
+ /* @__PURE__ */ r("div", { className: "td-header__mobile-utilities", children: [
452
+ /* @__PURE__ */ r(
448
453
  h,
449
454
  {
450
455
  color: "tertiary",
@@ -452,7 +457,7 @@ const V = (r) => {
452
457
  size: "md",
453
458
  "aria-label": b,
454
459
  onButtonClick: () => {
455
- S?.(), p(!1);
460
+ z?.(), _(!1);
456
461
  },
457
462
  className: "td-header__mobile-action td-header__no-pop",
458
463
  children: [
@@ -461,37 +466,37 @@ const V = (r) => {
461
466
  ]
462
467
  }
463
468
  ),
464
- k.length > 0 && /* @__PURE__ */ a(
465
- $,
469
+ N.length > 0 && /* @__PURE__ */ a(
470
+ D,
466
471
  {
467
472
  bordered: !0,
468
473
  collapseId: "td-header-mobile-help",
469
474
  customClass: "td-header__mobile-collapse",
470
- expanded: !!A.__help,
475
+ expanded: !!H.__help,
471
476
  options: {
472
477
  title: y,
473
478
  icon: "question",
474
479
  iconAriaLabel: y,
475
480
  size: "md"
476
481
  },
477
- onExpandedChange: (e) => H((t) => ({
482
+ onExpandedChange: (e) => q((t) => ({
478
483
  ...t,
479
484
  __help: e.detail.expanded
480
485
  })),
481
- children: /* @__PURE__ */ a("div", { slot: "content", className: "td-header__mobile-sub", children: k.map((e) => /* @__PURE__ */ a(
482
- _,
486
+ children: /* @__PURE__ */ a("div", { slot: "content", className: "td-header__mobile-sub", children: N.map((e) => /* @__PURE__ */ a(
487
+ p,
483
488
  {
484
489
  className: "td-header__mobile-link td-header__mobile-link--child",
485
490
  destination: e.href ?? "#",
486
491
  label: e.label,
487
492
  linkType: "text",
488
- onClickHandler: () => P(e)
493
+ onClickHandler: () => I(e)
489
494
  },
490
495
  e.value ?? e.label
491
496
  )) })
492
497
  }
493
498
  ),
494
- l && /* @__PURE__ */ d(
499
+ n && /* @__PURE__ */ r(
495
500
  h,
496
501
  {
497
502
  color: "tertiary",
@@ -499,7 +504,7 @@ const V = (r) => {
499
504
  size: "md",
500
505
  "aria-label": M,
501
506
  onButtonClick: () => {
502
- z?.(), p(!1);
507
+ E?.(), _(!1);
503
508
  },
504
509
  className: "td-header__mobile-action",
505
510
  children: [
@@ -516,8 +521,8 @@ const V = (r) => {
516
521
  ]
517
522
  }
518
523
  ),
519
- /* @__PURE__ */ d("div", { className: "td-header__mobile-theme", children: [
520
- /* @__PURE__ */ d(
524
+ /* @__PURE__ */ r("div", { className: "td-header__mobile-theme", children: [
525
+ /* @__PURE__ */ r(
521
526
  "span",
522
527
  {
523
528
  className: `td-header__theme-switch td-header__theme-switch--${s}`,
@@ -548,10 +553,10 @@ const V = (r) => {
548
553
  {
549
554
  type: "button",
550
555
  className: "td-header__mobile-theme-label",
551
- onClick: I,
556
+ onClick: A,
552
557
  "aria-hidden": "true",
553
558
  tabIndex: -1,
554
- children: s === "dark" ? L : j
559
+ children: s === "dark" ? J : j
555
560
  }
556
561
  )
557
562
  ] })
@@ -562,5 +567,5 @@ const V = (r) => {
562
567
  ] }) });
563
568
  };
564
569
  export {
565
- Ne as TDHeader
570
+ ke as TDHeader
566
571
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "trimble-terra",
3
- "version": "1.1.20",
3
+ "version": "1.1.23",
4
4
  "description": "Trimble Terra — React component library for Trimble MXP2 web experiences",
5
5
  "publishConfig": {
6
6
  "access": "public"