trimble-terra 1.1.25 → 1.1.27

package/dist/node_modules/@trimble-oss/moduswebcomponents-react/stencil-generated/components.js

@@ -5,51 +5,50 @@ import "../../moduswebcomponents/components/modus-wc-bottom-sheet.js";
 import { defineCustomElement as s, ModusWcButton as m } from "../../moduswebcomponents/components/modus-wc-button.js";
 import { defineCustomElement as a, ModusWcCollapse as i } from "../../moduswebcomponents/components/modus-wc-collapse.js";
 import { defineCustomElement as u, ModusWcDropdownMenu as c } from "../../moduswebcomponents/components/modus-wc-dropdown-menu.js";
-import { defineCustomElement as l, ModusWcIcon as d } from "../../moduswebcomponents/components/modus-wc-icon.js";
-import { defineCustomElement as C, ModusWcNavbar as r } from "../../moduswebcomponents/components/modus-wc-navbar.js";
+import { defineCustomElement as l, ModusWcIcon as r } from "../../moduswebcomponents/components/modus-wc-icon.js";
+import { defineCustomElement as C, ModusWcNavbar as d } from "../../moduswebcomponents/components/modus-wc-navbar.js";
 import { defineCustomElement as p, ModusWcProfileMenu as M } from "../../moduswebcomponents/components/modus-wc-profile-menu.js";
-import { defineCustomElement as f, ModusWcSwitch as g } from "../../moduswebcomponents/components/modus-wc-switch.js";
-import { defineCustomElement as h, ModusWcThemeProvider as E } from "../../moduswebcomponents/components/modus-wc-theme-provider.js";
+import { defineCustomElement as f, ModusWcThemeProvider as g } from "../../moduswebcomponents/components/modus-wc-theme-provider.js";
 import "../../moduswebcomponents/components/p-74_OJZLO.js";
 import n from "react";
-const y = /* @__PURE__ */ e({
+const T = /* @__PURE__ */ e({
   tagName: "modus-wc-avatar",
   elementClass: t,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: n,
   events: { onImageLoadError: "imageLoadError" },
   defineCustomElement: o
-}), L = /* @__PURE__ */ e({
+}), S = /* @__PURE__ */ e({
   tagName: "modus-wc-button",
   elementClass: m,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: n,
   events: { onButtonClick: "buttonClick" },
   defineCustomElement: s
-}), x = /* @__PURE__ */ e({
+}), y = /* @__PURE__ */ e({
   tagName: "modus-wc-collapse",
   elementClass: i,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: n,
   events: { onExpandedChange: "expandedChange" },
   defineCustomElement: a
-}), D = /* @__PURE__ */ e({
+}), B = /* @__PURE__ */ e({
   tagName: "modus-wc-dropdown-menu",
   elementClass: c,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: n,
   events: { onMenuVisibilityChange: "menuVisibilityChange" },
   defineCustomElement: u
-}), F = /* @__PURE__ */ e({
+}), L = /* @__PURE__ */ e({
   tagName: "modus-wc-icon",
-  elementClass: d,
+  elementClass: r,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: n,
   events: {},
   defineCustomElement: l
-}), V = /* @__PURE__ */ e({
+}), x = /* @__PURE__ */ e({
   tagName: "modus-wc-navbar",
-  elementClass: r,
+  elementClass: d,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: n,
   events: {
@@ -70,7 +69,7 @@ const y = /* @__PURE__ */ e({
     onUserMenuOpenChange: "userMenuOpenChange"
   },
   defineCustomElement: C
-}), H = /* @__PURE__ */ e({
+}), D = /* @__PURE__ */ e({
   tagName: "modus-wc-profile-menu",
   elementClass: M,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -80,33 +79,21 @@ const y = /* @__PURE__ */ e({
     onMenuItemClick: "menuItemClick"
   },
   defineCustomElement: p
-}), R = /* @__PURE__ */ e({
-  tagName: "modus-wc-switch",
-  elementClass: g,
-  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
-  react: n,
-  events: {
-    onInputBlur: "inputBlur",
-    onInputChange: "inputChange",
-    onInputFocus: "inputFocus"
-  },
-  defineCustomElement: f
-}), U = /* @__PURE__ */ e({
+}), V = /* @__PURE__ */ e({
   tagName: "modus-wc-theme-provider",
-  elementClass: E,
+  elementClass: g,
   // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
   react: n,
   events: {},
-  defineCustomElement: h
+  defineCustomElement: f
 });
 export {
-  y as ModusWcAvatar,
-  L as ModusWcButton,
-  x as ModusWcCollapse,
-  D as ModusWcDropdownMenu,
-  F as ModusWcIcon,
-  V as ModusWcNavbar,
-  H as ModusWcProfileMenu,
-  R as ModusWcSwitch,
-  U as ModusWcThemeProvider
+  T as ModusWcAvatar,
+  S as ModusWcButton,
+  y as ModusWcCollapse,
+  B as ModusWcDropdownMenu,
+  L as ModusWcIcon,
+  x as ModusWcNavbar,
+  D as ModusWcProfileMenu,
+  V as ModusWcThemeProvider
 };

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

@@ -1,131 +1,131 @@
-import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { useState as g, useRef as te, useEffect as T, 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 { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useState as f, useRef as Y, useEffect as w, useCallback as s } from "react";
+import { TerraLink as b } from "../TerraLink/TerraLink.js";
+import { TrimbleAssistantIcon as D } from "./TrimbleAssistantIcon.js";
+import { TrimbleDeveloperLogo as Z } 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 $, 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)
+import { ModusWcThemeProvider as ee, ModusWcNavbar as ae, ModusWcButton as m, ModusWcIcon as v, ModusWcDropdownMenu as W, ModusWcAvatar as te, ModusWcProfileMenu as le, ModusWcCollapse as $ } from "../../../node_modules/@trimble-oss/moduswebcomponents-react/stencil-generated/components.js";
+const I = (r) => {
+  if (r)
     return {
-      title: d.title,
-      items: d.items.map(({ href: o, value: i, ...b }) => ({
-        ...b,
-        value: o ?? i ?? b.label
+      title: r.title,
+      items: r.items.map(({ href: d, value: i, ...h }) => ({
+        ...h,
+        value: d ?? i ?? h.label
       }))
     };
-}, se = () => {
+}, ne = () => {
   try {
-    const o = localStorage.getItem("modus-theme-config");
-    if (o) {
-      const i = JSON.parse(o);
+    const d = localStorage.getItem("modus-theme-config");
+    if (d) {
+      const i = JSON.parse(d);
       if (i.theme) return i.theme;
     }
   } catch {
   }
-  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",
+  const r = document.documentElement.getAttribute("data-theme");
+  return r ? r.replace(/-(light|dark)$/, "") : "modus-modern";
+}, re = () => document.documentElement.getAttribute("data-mode") === "dark" ? "dark" : "light", L = (r) => {
+  const d = document.documentElement, i = ne();
+  d.setAttribute("data-theme", `${i}-${r}`), d.setAttribute("data-mode", r), d.classList.remove("light", "dark"), d.classList.add(r), localStorage.setItem("modus-theme-config", JSON.stringify({ mode: r, theme: i }));
+}, fe = ({
+  logoHref: r = "#",
+  brandLabel: d = "Developer",
   signInLabel: i = "Sign in",
-  assistantLabel: b = "Trimble Assistant",
-  helpLabel: y = "Help",
-  notificationsLabel: M = "Notifications",
-  themeLightLabel: j = "Light",
-  themeDarkLabel: J = "Dark",
-  navLinks: k = [],
-  helpLinks: N = [],
+  assistantLabel: h = "Trimble Assistant",
+  helpLabel: N = "Help",
+  notificationsLabel: y = "Notifications",
+  themeLightLabel: oe = "Light",
+  themeDarkLabel: de = "Dark",
+  navLinks: g = [],
+  helpLinks: k = [],
   user: n,
-  onLogoClick: C,
-  onNavItemClick: m,
+  onLogoClick: M,
+  onNavItemClick: c,
   onAssistantClick: z,
-  onNotificationsClick: E,
-  onSignIn: R,
-  onProfileMenuItemClick: B,
+  onNotificationsClick: S,
+  onSignIn: V,
+  onProfileMenuItemClick: E,
   onSignOut: O
 }) => {
-  const [s, w] = g("light"), [U, K] = g(!1), [f, v] = g(!1), x = te(null), [S, _] = g(!1), [H, q] = g(
+  const [B, x] = f("light"), [j, J] = f(!1), [p, _] = f(!1), C = Y(null), [T, u] = f(!1), [H, A] = f(
     {}
   );
-  T(() => {
-    w(ce());
-  }, []);
-  const A = c(() => {
-    w((e) => {
+  w(() => {
+    x(re());
+  }, []), s(() => {
+    x((e) => {
       const t = e === "dark" ? "light" : "dark";
       return L(t), t;
     });
-  }, []), F = c(
+  }, []), s(
     (e) => {
       const l = !!e.detail?.target?.checked ? "dark" : "light";
-      w(l), L(l);
+      x(l), L(l);
     },
     []
-  ), G = c(
+  );
+  const R = s(
     (e) => {
-      C && (e.preventDefault(), C());
+      M && (e.preventDefault(), M());
     },
-    [C]
-  ), Q = c(
+    [M]
+  ), U = s(
     (e) => {
-      m?.(e.value ?? e.label);
+      c?.(e.value ?? e.label);
     },
-    [m]
-  ), P = c(
+    [c]
+  ), P = s(
     (e) => {
-      m?.(e.value ?? e.label), document.querySelectorAll(
+      c?.(e.value ?? e.label), document.querySelectorAll(
         "modus-wc-dropdown-menu"
       ).forEach((t) => {
         t.menuVisible = !1;
       });
     },
-    [m]
+    [c]
   );
-  T(() => {
-    if (!f) return;
+  w(() => {
+    if (!p) return;
     const e = (l) => {
-      x.current?.contains(l.target) || v(!1);
+      C.current?.contains(l.target) || _(!1);
     }, t = (l) => {
-      l.key === "Escape" && v(!1);
+      l.key === "Escape" && _(!1);
     };
     return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
       document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
     };
-  }, [f]);
-  const X = c(
+  }, [p]);
+  const K = s(
     (e) => {
-      B?.(e.detail), x.current?.querySelector(".td-header__profile-button")?.classList.toggle("td-header__profile-button--active"), v(!1);
+      E?.(e.detail), C.current?.querySelector(".td-header__profile-button")?.classList.toggle("td-header__profile-button--active"), _(!1);
     },
-    [B]
-  ), Y = c(() => {
-    O?.(), v(!1);
+    [E]
+  ), F = s(() => {
+    O?.(), _(!1);
   }, [O]);
-  T(() => {
+  w(() => {
     const e = window.matchMedia("(max-width: 639px)"), t = (l) => {
-      l.matches || _(!1);
+      l.matches || u(!1);
     };
     return e.addEventListener("change", t), () => e.removeEventListener("change", t);
   }, []);
-  const Z = c(
+  const G = s(
     (e) => {
-      m?.(e.value ?? e.label), _(!1);
+      c?.(e.value ?? e.label), u(!1);
     },
-    [m]
-  ), I = c(
+    [c]
+  ), q = s(
     (e) => {
-      m?.(e.value ?? e.label), _(!1);
+      c?.(e.value ?? e.label), u(!1);
     },
-    [m]
-  ), ee = k.length > 0;
-  return /* @__PURE__ */ a(ne, { children: /* @__PURE__ */ r("div", { className: "td-header__root", children: [
-    /* @__PURE__ */ r(
-      re,
+    [c]
+  ), Q = g.length > 0;
+  return /* @__PURE__ */ a(ee, { children: /* @__PURE__ */ o("div", { className: "td-header__root", children: [
+    /* @__PURE__ */ o(
+      ae,
       {
         className: "td-header__navbar",
         visibility: {
@@ -140,9 +140,9 @@ const V = (d) => {
           user: !1
         },
         children: [
-          /* @__PURE__ */ r("div", { slot: "start", className: "td-header__brand-wrap", children: [
+          /* @__PURE__ */ o("div", { slot: "start", className: "td-header__brand-wrap", children: [
             /* @__PURE__ */ a(
-              h,
+              m,
               {
                 color: "tertiary",
                 variant: "borderless",
@@ -150,14 +150,14 @@ const V = (d) => {
                 shape: "square",
                 "aria-label": "Menu",
                 "aria-haspopup": "menu",
-                "aria-expanded": S,
+                "aria-expanded": T,
                 "aria-controls": "td-header-mobile-menu",
-                onButtonClick: () => _((e) => !e),
+                onButtonClick: () => u((e) => !e),
                 className: "td-header__button td-header__mobile-toggle",
                 children: /* @__PURE__ */ a(
-                  u,
+                  v,
                   {
-                    name: S ? "close" : "menu",
+                    name: T ? "close" : "menu",
                     size: "sm",
                     decorative: !0
                   }
@@ -168,22 +168,22 @@ const V = (d) => {
               "a",
               {
                 className: "td-header__brand",
-                href: d,
-                "aria-label": `Trimble ${o} home`,
-                onClick: G,
-                children: /* @__PURE__ */ a(le, { className: "td-header__logo" })
+                href: r,
+                "aria-label": `Trimble ${d} home`,
+                onClick: R,
+                children: /* @__PURE__ */ a(Z, { className: "td-header__logo" })
               }
             )
           ] }),
-          k.length > 0 && /* @__PURE__ */ a(
+          g.length > 0 && /* @__PURE__ */ a(
             "nav",
             {
               slot: "center",
               className: "td-header__nav",
               "aria-label": "Primary navigation",
-              children: k.map(
-                (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ r(
-                  $,
+              children: g.map(
+                (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ o(
+                  W,
                   {
                     buttonAriaLabel: e.label,
                     buttonVariant: "borderless",
@@ -194,12 +194,12 @@ const V = (d) => {
                     menuStrategy: "fixed",
                     customClass: "td-header__nav-dropdown",
                     children: [
-                      /* @__PURE__ */ r("div", { slot: "button", className: "td-header__nav-trigger", children: [
+                      /* @__PURE__ */ o("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(v, { name: "expand_more", size: "sm", decorative: !0 })
                       ] }),
                       /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: e.children.map((t) => /* @__PURE__ */ a(
-                        p,
+                        b,
                         {
                           className: "td-header__menu-link",
                           destination: t.href ?? "#",
@@ -213,37 +213,37 @@ const V = (d) => {
                   },
                   e.label
                 ) : /* @__PURE__ */ a(
-                  p,
+                  b,
                   {
                     className: "td-header__nav-link",
                     destination: e.href ?? "#",
                     label: e.label,
                     linkType: "text",
-                    onClickHandler: () => Q(e)
+                    onClickHandler: () => U(e)
                   },
                   e.label
                 )
               )
             }
           ),
-          /* @__PURE__ */ r("div", { slot: "end", className: "td-header__end", children: [
+          /* @__PURE__ */ o("div", { slot: "end", className: "td-header__end", children: [
             /* @__PURE__ */ a(
-              h,
+              m,
               {
                 color: "tertiary",
                 variant: "borderless",
                 size: "md",
                 shape: "square",
-                "aria-label": b,
+                "aria-label": h,
                 onButtonClick: () => z?.(),
                 className: "td-header__button td-header__desktop-control td-header__no-pop",
-                children: /* @__PURE__ */ a(W, { mode: s })
+                children: /* @__PURE__ */ a(D, { mode: B })
               }
             ),
-            N.length > 0 && /* @__PURE__ */ r(
-              $,
+            k.length > 0 && /* @__PURE__ */ o(
+              W,
               {
-                buttonAriaLabel: y,
+                buttonAriaLabel: N,
                 buttonVariant: "borderless",
                 buttonColor: "tertiary",
                 buttonSize: "md",
@@ -251,11 +251,11 @@ const V = (d) => {
                 menuPlacement: "bottom",
                 menuOffset: 8,
                 menuStrategy: "fixed",
-                customClass: `td-header__button td-header__desktop-control td-header__help-dropdown ${U ? "td-header__help-dropdown--active" : ""}`,
-                onMenuVisibilityChange: (e) => K(!!e.detail?.isVisible),
+                customClass: `td-header__button td-header__desktop-control td-header__help-dropdown ${j ? "td-header__help-dropdown--active" : ""}`,
+                onMenuVisibilityChange: (e) => J(!!e.detail?.isVisible),
                 children: [
                   /* @__PURE__ */ a(
-                    u,
+                    v,
                     {
                       slot: "button",
                       name: "question",
@@ -264,8 +264,8 @@ const V = (d) => {
                       decorative: !0
                     }
                   ),
-                  /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: N.map((e) => /* @__PURE__ */ a(
-                    p,
+                  /* @__PURE__ */ a("div", { slot: "menu", className: "td-header__menu", children: k.map((e) => /* @__PURE__ */ a(
+                    b,
                     {
                       className: "td-header__menu-link",
                       destination: e.href ?? "#",
@@ -279,17 +279,17 @@ const V = (d) => {
               }
             ),
             n && /* @__PURE__ */ a(
-              h,
+              m,
               {
                 color: "tertiary",
                 variant: "borderless",
                 size: "md",
                 shape: "square",
-                "aria-label": M,
-                onButtonClick: () => E?.(),
+                "aria-label": y,
+                onButtonClick: () => S?.(),
                 className: "td-header__button td-header__desktop-control",
                 children: /* @__PURE__ */ a(
-                  u,
+                  v,
                   {
                     name: "notifications",
                     variant: "solid",
@@ -299,31 +299,9 @@ const V = (d) => {
                 )
               }
             ),
-            /* @__PURE__ */ a(
-              h,
-              {
-                color: "tertiary",
-                variant: "borderless",
-                size: "md",
-                shape: "square",
-                "aria-label": s === "dark" ? "Switch to light mode" : "Switch to dark mode",
-                "aria-pressed": s === "dark",
-                onButtonClick: A,
-                className: "td-header__button td-header__desktop-control td-header__no-pop",
-                children: /* @__PURE__ */ a(
-                  u,
-                  {
-                    name: s === "dark" ? "moon" : "sun",
-                    variant: "solid",
-                    size: "sm",
-                    decorative: !0
-                  }
-                )
-              }
-            ),
-            n ? /* @__PURE__ */ r("div", { className: "td-header__profile", ref: x, children: [
+            n ? /* @__PURE__ */ o("div", { className: "td-header__profile", ref: C, children: [
               /* @__PURE__ */ a(
-                h,
+                m,
                 {
                   color: "tertiary",
                   variant: "borderless",
@@ -331,11 +309,11 @@ const V = (d) => {
                   shape: "circle",
                   "aria-label": `${n.name} — account menu`,
                   "aria-haspopup": "menu",
-                  "aria-expanded": f,
-                  onButtonClick: () => v((e) => !e),
-                  className: f ? "td-header__profile-button td-header__profile-button--active" : "td-header__profile-button",
+                  "aria-expanded": p,
+                  onButtonClick: () => _((e) => !e),
+                  className: p ? "td-header__profile-button td-header__profile-button--active" : "td-header__profile-button",
                   children: /* @__PURE__ */ a(
-                    de,
+                    te,
                     {
                       size: "sm",
                       alt: n.name,
@@ -348,9 +326,9 @@ const V = (d) => {
                 "div",
                 {
                   className: "td-header__profile-popover",
-                  hidden: !f,
+                  hidden: !p,
                   children: /* @__PURE__ */ a(
-                    oe,
+                    le,
                     {
                       profileProps: {
                         profileImageUrl: n.avatarUrl ?? "",
@@ -365,21 +343,21 @@ const V = (d) => {
                         items: !1,
                         adminSettings: !1
                       },
-                      menuOne: V(n.profileMenuOne),
-                      menuTwo: V(n.profileMenuTwo),
-                      onMenuItemClick: X,
-                      onSignOutClick: Y
+                      menuOne: I(n.profileMenuOne),
+                      menuTwo: I(n.profileMenuTwo),
+                      onMenuItemClick: K,
+                      onSignOutClick: F
                     }
                   )
                 }
               )
             ] }) : /* @__PURE__ */ a(
-              h,
+              m,
               {
                 color: "primary",
                 variant: "filled",
                 size: "md",
-                onButtonClick: () => R?.(),
+                onButtonClick: () => V?.(),
                 className: "td-header__sign-in",
                 children: i
               }
@@ -388,30 +366,30 @@ const V = (d) => {
         ]
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(
       "div",
       {
         id: "td-header-mobile-menu",
         className: "td-header__mobile-menu",
-        hidden: !S,
+        hidden: !T,
         children: [
-          ee && /* @__PURE__ */ a(
+          Q && /* @__PURE__ */ a(
             "nav",
             {
               className: "td-header__mobile-nav",
               "aria-label": "Primary navigation",
-              children: k.map((e) => {
+              children: g.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: !!H[t],
                     options: { title: e.label, size: "md" },
-                    onExpandedChange: (l) => q((ae) => ({
-                      ...ae,
+                    onExpandedChange: (l) => A((X) => ({
+                      ...X,
                       [t]: l.detail.expanded
                     })),
                     children: /* @__PURE__ */ a(
@@ -420,13 +398,13 @@ const V = (d) => {
                         slot: "content",
                         className: "td-header__mobile-sub",
                         children: e.children.map((l) => /* @__PURE__ */ a(
-                          p,
+                          b,
                           {
                             className: "td-header__mobile-link td-header__mobile-link--child",
                             destination: l.href ?? "#",
                             label: l.label,
                             linkType: "text",
-                            onClickHandler: () => I(l)
+                            onClickHandler: () => q(l)
                           },
                           l.value ?? l.label
                         ))
@@ -435,81 +413,81 @@ const V = (d) => {
                   },
                   t
                 ) : /* @__PURE__ */ a(
-                  p,
+                  b,
                   {
                     className: "td-header__mobile-link",
                     destination: e.href ?? "#",
                     label: e.label,
                     linkType: "text",
-                    onClickHandler: () => Z(e)
+                    onClickHandler: () => G(e)
                   },
                   t
                 );
               })
             }
           ),
-          /* @__PURE__ */ r("div", { className: "td-header__mobile-utilities", children: [
-            /* @__PURE__ */ r(
-              h,
+          /* @__PURE__ */ o("div", { className: "td-header__mobile-utilities", children: [
+            /* @__PURE__ */ o(
+              m,
               {
                 color: "tertiary",
                 variant: "borderless",
                 size: "md",
-                "aria-label": b,
+                "aria-label": h,
                 onButtonClick: () => {
-                  z?.(), _(!1);
+                  z?.(), u(!1);
                 },
                 className: "td-header__mobile-action td-header__no-pop",
                 children: [
-                  /* @__PURE__ */ a(W, { mode: s }),
-                  /* @__PURE__ */ a("span", { className: "td-header__mobile-action-label", children: b })
+                  /* @__PURE__ */ a(D, { mode: B }),
+                  /* @__PURE__ */ a("span", { className: "td-header__mobile-action-label", children: h })
                 ]
               }
             ),
-            N.length > 0 && /* @__PURE__ */ a(
-              D,
+            k.length > 0 && /* @__PURE__ */ a(
+              $,
               {
                 bordered: !0,
                 collapseId: "td-header-mobile-help",
                 customClass: "td-header__mobile-collapse",
                 expanded: !!H.__help,
                 options: {
-                  title: y,
+                  title: N,
                   icon: "question",
-                  iconAriaLabel: y,
+                  iconAriaLabel: N,
                   size: "md"
                 },
-                onExpandedChange: (e) => q((t) => ({
+                onExpandedChange: (e) => A((t) => ({
                   ...t,
                   __help: e.detail.expanded
                 })),
-                children: /* @__PURE__ */ a("div", { slot: "content", className: "td-header__mobile-sub", children: N.map((e) => /* @__PURE__ */ a(
-                  p,
+                children: /* @__PURE__ */ a("div", { slot: "content", className: "td-header__mobile-sub", children: k.map((e) => /* @__PURE__ */ a(
+                  b,
                   {
                     className: "td-header__mobile-link td-header__mobile-link--child",
                     destination: e.href ?? "#",
                     label: e.label,
                     linkType: "text",
-                    onClickHandler: () => I(e)
+                    onClickHandler: () => q(e)
                   },
                   e.value ?? e.label
                 )) })
               }
             ),
-            n && /* @__PURE__ */ r(
-              h,
+            n && /* @__PURE__ */ o(
+              m,
               {
                 color: "tertiary",
                 variant: "borderless",
                 size: "md",
-                "aria-label": M,
+                "aria-label": y,
                 onButtonClick: () => {
-                  E?.(), _(!1);
+                  S?.(), u(!1);
                 },
                 className: "td-header__mobile-action",
                 children: [
                   /* @__PURE__ */ a(
-                    u,
+                    v,
                     {
                       name: "notifications",
                       variant: "solid",
@@ -517,49 +495,10 @@ const V = (d) => {
                       decorative: !0
                     }
                   ),
-                  /* @__PURE__ */ a("span", { className: "td-header__mobile-action-label", children: M })
+                  /* @__PURE__ */ a("span", { className: "td-header__mobile-action-label", children: y })
                 ]
               }
-            ),
-            /* @__PURE__ */ r("div", { className: "td-header__mobile-theme", children: [
-              /* @__PURE__ */ r(
-                "span",
-                {
-                  className: `td-header__theme-switch td-header__theme-switch--${s}`,
-                  children: [
-                    /* @__PURE__ */ a(
-                      ie,
-                      {
-                        size: "md",
-                        value: s === "dark",
-                        "aria-label": "Switch between light and dark theme",
-                        onInputChange: F
-                      }
-                    ),
-                    /* @__PURE__ */ a(
-                      u,
-                      {
-                        name: s === "dark" ? "moon" : "sun",
-                        variant: "solid",
-                        decorative: !0,
-                        className: "td-header__theme-switch-icon"
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  type: "button",
-                  className: "td-header__mobile-theme-label",
-                  onClick: A,
-                  "aria-hidden": "true",
-                  tabIndex: -1,
-                  children: s === "dark" ? J : j
-                }
-              )
-            ] })
+            )
           ] })
         ]
       }
@@ -567,5 +506,5 @@ const V = (d) => {
   ] }) });
 };
 export {
-  ke as TDHeader
+  fe as TDHeader
 };

package/package.json

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

package/dist/node_modules/@trimble-oss/moduswebcomponents/components/modus-wc-switch.js

@@ -1,70 +0,0 @@
-import { p as m, H as l, d as t, h as c, c as a } from "./p-Blhe_h6i.js";
-import { h as i } from "./p-tWS3Egrk.js";
-import { D as u } from "./p-DZXd_sgn.js";
-import { c as h, i as w } from "./p-DUWn6PrQ.js";
-import { d as r } from "./p-BqauKZkb.js";
-const g = (e) => {
-  let o = "";
-  return Object.prototype.hasOwnProperty.call(e, "size") && e.size && (o = `${o} modus-wc-toggle-${e.size}`), o;
-}, n = "modus-wc-switch.modus-wc-switch-host{--rounded-badge:32px;align-items:center;display:flex}modus-wc-switch.modus-wc-switch-host .modus-wc-input-label{font-weight:var(--modus-wc-font-weight-normal);padding-inline-start:var(--modus-wc-spacing-md)}modus-wc-switch .modus-wc-toggle{border-radius:var(--rounded-badge)}modus-wc-switch .modus-wc-toggle:focus{border-color:var(--modus-wc-color-base-200)}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle{background-color:var(--modus-wc-color-white);border:none;color:var(--modus-wc-color-gray-4);outline-color:var(--modus-wc-color-highlight-blue);--fallback-b1:var(--modus-wc-color-gray-4)}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs{--handleoffset:var(--modus-wc-spacing-sm);height:var(--modus-wc-spacing-lg);width:var(--modus-wc-spacing-xl)}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs~modus-wc-input-label .modus-wc-input-label,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs~modus-wc-input-label .modus-wc-input-label{font-size:var(--modus-wc-font-size-sm);line-height:var(--modus-wc-font-size-2xl)}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm{--handleoffset:1rem;height:1rem;width:2rem}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md{--handleoffset:1.25rem;height:1.25rem;width:2.5rem}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg{--handleoffset:1.5rem;height:1.5rem;width:3rem}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:checked,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:checked{--fallback-b1:var(--modus-wc-color-blue-light);color:var(--modus-wc-color-blue-light)}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked),[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked){background-color:var(--modus-wc-color-white);outline:2px solid var(--modus-wc-color-blue-light);outline-offset:-2px}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked{background-color:var(--modus-wc-color-white);--fallback-b1:var(--modus-wc-color-trimble-blue)}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible{outline:2px solid var(--modus-wc-color-highlight-blue);outline-offset:2px}[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:disabled,[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:disabled{background-color:var(--modus-wc-color-white)}[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:checked{--fallback-b1:var(--modus-wc-color-highlight-blue);color:var(--modus-wc-color-highlight-blue)}[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked){background-color:var(--modus-wc-color-white);outline:2px solid var(--modus-wc-color-highlight-blue);outline-offset:-2px}[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked{background-color:var(--modus-wc-color-white);--fallback-b1:var(--modus-wc-color-blue-light)}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle{background-color:var(--modus-wc-color-white);border:none;color:var(--modus-wc-color-gray-4);outline-color:var(--modus-wc-color-highlight-blue);--fallback-b1:var(--modus-wc-color-gray-4)}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs{--handleoffset:var(--modus-wc-spacing-sm);height:var(--modus-wc-spacing-lg);width:var(--modus-wc-spacing-xl)}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs~modus-wc-input-label .modus-wc-input-label,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs~modus-wc-input-label .modus-wc-input-label{font-size:var(--modus-wc-font-size-sm);line-height:var(--modus-wc-font-size-2xl)}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm{--handleoffset:1rem;height:1rem;width:2rem}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md{--handleoffset:1.25rem;height:1.25rem;width:2.5rem}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg{--handleoffset:1.5rem;height:1.5rem;width:3rem}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:checked,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:checked{--fallback-b1:var(--modus-wc-color-blue-light);color:var(--modus-wc-color-blue-light)}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked),[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked){background-color:var(--modus-wc-color-white);outline:2px solid var(--modus-wc-color-blue-light);outline-offset:-2px}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked{background-color:var(--modus-wc-color-white);--fallback-b1:var(--modus-wc-color-trimble-blue)}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible{outline:2px solid var(--modus-wc-color-highlight-blue);outline-offset:2px}[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:disabled,[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:disabled{background-color:var(--modus-wc-color-white)}[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:checked{--fallback-b1:var(--modus-wc-color-highlight-blue);color:var(--modus-wc-color-highlight-blue)}[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked){background-color:var(--modus-wc-color-white);outline:2px solid var(--modus-wc-color-highlight-blue);outline-offset:-2px}[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked{background-color:var(--modus-wc-color-white);--fallback-b1:var(--modus-wc-color-blue-light)}[data-theme=modus-modern-light] modus-wc-switch modus-wc-input-label .modus-wc-input-label,[data-theme=modus-modern-dark] modus-wc-switch modus-wc-input-label .modus-wc-input-label{color:var(--modus-wc-color-gray-10);padding-inline-start:var(--modus-wc-spacing-sm)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle{--fallback-b1:var(--modus-wc-color-gray-0);border:none;box-shadow:var(--handleoffsetcalculator) 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset, 0 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset;color:var(--modus-wc-color-white)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle:indeterminate,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle:indeterminate{box-shadow:calc(var(--handleoffset) / 2) 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset, calc(var(--handleoffset) / -2) 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset, 0 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle:checked,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle:checked{--fallback-b1:var(--modus-wc-color-primary)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle:focus-visible,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle:focus-visible{outline:var(--modus-wc-border-width-sm) solid var(--modus-wc-color-primary);outline-offset:var(--modus-wc-border-width-sm)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs{--handleoffset:var(--modus-wc-spacing-sm);height:var(--modus-wc-spacing-lg);width:var(--modus-wc-spacing-xl)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs~modus-wc-input-label .modus-wc-input-label,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs~modus-wc-input-label .modus-wc-input-label{font-size:var(--modus-wc-font-size-sm);line-height:var(--modus-wc-font-size-2xl)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm{--handleoffset:var(--modus-wc-spacing-md);height:var(--modus-wc-font-size-2xl);width:var(--modus-wc-spacing-2xl)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm~modus-wc-input-label .modus-wc-input-label,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm~modus-wc-input-label .modus-wc-input-label{font-size:var(--modus-wc-font-size-md);line-height:var(--modus-wc-line-height-md)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md{--handleoffset:var(--modus-wc-spacing-lg);height:var(--modus-wc-spacing-xl);width:var(--modus-wc-size-md)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md~modus-wc-input-label .modus-wc-input-label,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md~modus-wc-input-label .modus-wc-input-label{font-size:var(--modus-wc-font-size-lg);line-height:var(--modus-wc-line-height-md)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg{--handleoffset:var(--modus-wc-spacing-xl);height:var(--modus-wc-spacing-2xl);width:var(--modus-wc-size-xl)}[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg~modus-wc-input-label .modus-wc-input-label,[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg~modus-wc-input-label .modus-wc-input-label{font-size:var(--modus-wc-font-size-xl);line-height:var(--modus-wc-line-height-lg)}[data-theme=modus-modern-dark] modus-wc-switch modus-wc-input-label .modus-wc-input-label{color:var(--modus-wc-color-gray-light)}[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle{--fallback-b1:var(--modus-wc-color-gray-9)}", d = /* @__PURE__ */ m(class extends l {
-  constructor() {
-    super(), this.__registerHost(), this.inputBlur = t(this, "inputBlur", 7), this.inputChange = t(this, "inputChange", 7), this.inputFocus = t(this, "inputFocus", 7), this.inheritedAttributes = {}, this.resolveEffectiveId = h(), this.customClass = "", this.disabled = !1, this.indeterminate = !1, this.name = "", this.required = !1, this.size = "md", this.value = !1, this.handleBlur = (o) => {
-      this.inputBlur.emit(o);
-    }, this.handleFocus = (o) => {
-      this.inputFocus.emit(o);
-    }, this.handleInput = (o) => {
-      this.inputChange.emit(o);
-    };
-  }
-  componentDidRender() {
-    const o = this.el.querySelector('input[type="checkbox"]');
-    o && (o.indeterminate = this.indeterminate);
-  }
-  componentWillLoad() {
-    i(this.el), this.el.ariaLabel || (this.el.ariaLabel = "Switch button"), this.inheritedAttributes = w(this.el);
-  }
-  getClasses() {
-    const o = ["modus-wc-toggle"], s = g({ size: this.size });
-    return s && o.push(s), this.customClass && o.push(this.customClass), o.join(" ");
-  }
-  render() {
-    const o = this.resolveEffectiveId(this.inputId), s = this.size && u[this.size];
-    return c(a, { key: "75399153e98c3904d1f4876a6b6ec91390942571", class: "modus-wc-switch-host" }, c("input", Object.assign({ key: "39f2aba1ce81bad5104eddb136a8365372113fb8", "aria-checked": this.indeterminate ? "mixed" : this.value, "aria-disabled": this.disabled, checked: this.value, class: this.getClasses(), disabled: this.disabled, id: o, name: this.name, onBlur: this.handleBlur, onFocus: this.handleFocus, onInput: this.handleInput, required: this.required, role: "switch", tabIndex: this.inputTabIndex, type: "checkbox" }, this.inheritedAttributes)), this.label && c("modus-wc-input-label", { key: "8ae47f5b66801b1cfcae7bf8d586121c900eb527", forId: o, labelText: this.label, required: this.required, size: s }));
-  }
-  get el() {
-    return this;
-  }
-  static get style() {
-    return n;
-  }
-}, [0, "modus-wc-switch", {
-  customClass: [1, "custom-class"],
-  disabled: [4],
-  indeterminate: [1540],
-  inputId: [1, "input-id"],
-  inputTabIndex: [2, "input-tab-index"],
-  label: [1],
-  name: [1],
-  required: [4],
-  size: [1],
-  value: [1540]
-}]);
-function b() {
-  if (typeof customElements > "u")
-    return;
-  ["modus-wc-switch", "modus-wc-input-label"].forEach((o) => {
-    switch (o) {
-      case "modus-wc-switch":
-        customElements.get(o) || customElements.define(o, d);
-        break;
-      case "modus-wc-input-label":
-        customElements.get(o) || r();
-        break;
-    }
-  });
-}
-const y = d, C = b;
-export {
-  y as ModusWcSwitch,
-  C as defineCustomElement
-};

package/dist/node_modules/@trimble-oss/moduswebcomponents/components/p-DZXd_sgn.js

@@ -1,9 +0,0 @@
-const s = {
-  xs: "sm",
-  sm: "md",
-  md: "lg",
-  lg: "lg"
-};
-export {
-  s as D
-};