trimble-terra 1.1.18 → 1.1.20

package/dist/lib/main.js

@@ -1,42 +1,44 @@
 import { AlertBanner as e } from "../src/component/AlertBanner/AlertBanner.js";
 import { SearchButton as a } from "../src/component/SearchButton/SearchButton.js";
 import { CallToAction as m } from "../src/component/CallToAction/CallToAction.js";
-import { PurchaseSection as p } from "../src/component/PurchaseSection/PurchaseSection.js";
-import { default as i } from "../src/component/TrialForm/TrialFormStart/TrialFormStart.js";
-import { default as d } from "../src/component/TrialForm/TrialComponents/TrialSummary.js";
-import { default as n } from "../src/component/ProductSummary/ProductSummary.js";
-import { default as g } from "../src/component/ProductDetail/ProductDetail.js";
-import { default as y } from "../src/component/LoadingSpinner/LoadingSpinner.js";
-import { default as F } from "../src/component/Dialog/Dialog.js";
-import { default as N } from "../src/component/ImageGallery/ImageGallery.js";
-import { default as b } from "../src/component/FocusedImage/FocusedImage.js";
-import { SectorFooter as h } from "../src/navigation/Footer/SectorFooter/SectorFooter.js";
-import { GlobalFooter as B } from "../src/navigation/Footer/GlobalFooter/GlobalFooter.js";
-import { Footer as G } from "../src/navigation/Footer/Footer.js";
-import { SiteNavigation as L } from "../src/navigation/SiteNavigation/SiteNavigation.js";
-import { TopLevelCategory as j } from "../src/navigation/SiteNavigation/TopLevelCategory.js";
-import { SiteNavigationMobileCategory as q } from "../src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobileCategory.js";
-import { SiteNav as z } from "../src/navigation/SiteNav/SiteNav.js";
-import { SiteNavMobileCategory as H } from "../src/navigation/SiteNav/SiteNavMobileCategory.js";
+import { PurchaseSection as l } from "../src/component/PurchaseSection/PurchaseSection.js";
+import { TDHeader as i } from "../src/component/TrimbleDeveloper/TDHeader.js";
+import { default as d } from "../src/component/TrialForm/TrialFormStart/TrialFormStart.js";
+import { default as n } from "../src/component/TrialForm/TrialComponents/TrialSummary.js";
+import { default as g } from "../src/component/ProductSummary/ProductSummary.js";
+import { default as y } from "../src/component/ProductDetail/ProductDetail.js";
+import { default as F } from "../src/component/LoadingSpinner/LoadingSpinner.js";
+import { default as C } from "../src/component/Dialog/Dialog.js";
+import { default as b } from "../src/component/ImageGallery/ImageGallery.js";
+import { default as P } from "../src/component/FocusedImage/FocusedImage.js";
+import { SectorFooter as A } from "../src/navigation/Footer/SectorFooter/SectorFooter.js";
+import { GlobalFooter as G } from "../src/navigation/Footer/GlobalFooter/GlobalFooter.js";
+import { Footer as L } from "../src/navigation/Footer/Footer.js";
+import { SiteNavigation as H } from "../src/navigation/SiteNavigation/SiteNavigation.js";
+import { TopLevelCategory as k } from "../src/navigation/SiteNavigation/TopLevelCategory.js";
+import { SiteNavigationMobileCategory as w } from "../src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobileCategory.js";
+import { SiteNav as E } from "../src/navigation/SiteNav/SiteNav.js";
+import { SiteNavMobileCategory as K } from "../src/navigation/SiteNav/SiteNavMobileCategory.js";
 export {
   e as AlertBanner,
   m as CallToAction,
-  F as Dialog,
-  b as FocusedImage,
-  G as Footer,
-  B as GlobalFooter,
-  N as ImageGallery,
-  y as LoadingSpinner,
-  g as ProductDetail,
-  n as ProductSummary,
-  p as PurchaseSection,
+  C as Dialog,
+  P as FocusedImage,
+  L as Footer,
+  G as GlobalFooter,
+  b as ImageGallery,
+  F as LoadingSpinner,
+  y as ProductDetail,
+  g as ProductSummary,
+  l as PurchaseSection,
   a as SearchButton,
-  h as SectorFooter,
-  z as SiteNav,
-  H as SiteNavMobileCategory,
-  L as SiteNavigation,
-  q as SiteNavigationMobileCategory,
-  j as TopLevelCategory,
-  i as TrialFormStart,
-  d as TrialSummary
+  A as SectorFooter,
+  E as SiteNav,
+  K as SiteNavMobileCategory,
+  H as SiteNavigation,
+  w as SiteNavigationMobileCategory,
+  i as TDHeader,
+  k as TopLevelCategory,
+  d as TrialFormStart,
+  n as TrialSummary
 };

package/dist/node_modules/@lit/react/create-component.js

@@ -0,0 +1,29 @@
+const w = /* @__PURE__ */ new Set(["children", "localName", "ref", "style", "className"]), v = /* @__PURE__ */ new WeakMap(), y = (r, l, o, i, p) => {
+  const d = p?.[l];
+  d === void 0 ? (r[l] = o, o == null && l in HTMLElement.prototype && r.removeAttribute(l)) : o !== i && ((u, a, c) => {
+    let s = v.get(u);
+    s === void 0 && v.set(u, s = /* @__PURE__ */ new Map());
+    let t = s.get(a);
+    c !== void 0 ? t === void 0 ? (s.set(a, t = { handleEvent: c }), u.addEventListener(a, t)) : t.handleEvent = c : t !== void 0 && (s.delete(a), u.removeEventListener(a, t));
+  })(r, d, o);
+}, h = ({ react: r, tagName: l, elementClass: o, events: i, displayName: p }) => {
+  const d = new Set(Object.keys(i ?? {})), u = r.forwardRef(((a, c) => {
+    const s = r.useRef(/* @__PURE__ */ new Map()), t = r.useRef(null), f = {}, m = {};
+    for (const [e, n] of Object.entries(a)) w.has(e) ? f[e === "className" ? "class" : e] = n : d.has(e) || e in o.prototype ? m[e] = n : f[e] = n;
+    return r.useLayoutEffect((() => {
+      if (t.current === null) return;
+      const e = /* @__PURE__ */ new Map();
+      for (const n in m) y(t.current, n, a[n], s.current.get(n), i), s.current.delete(n), e.set(n, a[n]);
+      for (const [n, E] of s.current) y(t.current, n, void 0, E, i);
+      s.current = e;
+    })), r.useLayoutEffect((() => {
+      t.current?.removeAttribute("defer-hydration");
+    }), []), f.suppressHydrationWarning = !0, r.createElement(l, { ...f, ref: r.useCallback(((e) => {
+      t.current = e, typeof c == "function" ? c(e) : c !== null && (c.current = e);
+    }), [c]) });
+  }));
+  return u.displayName = p ?? o.name, u;
+};
+export {
+  h as createComponent
+};

package/dist/node_modules/@stencil/react-output-target/dist/create-component-CXb2e9Nm.js

@@ -0,0 +1,14 @@
+import { createComponent as m } from "../../../@lit/react/create-component.js";
+const s = ({
+  defineCustomElement: t,
+  tagName: e,
+  transformTag: a,
+  ...o
+}) => {
+  typeof t < "u" && t();
+  const r = a ? a(e) : e;
+  return m({ ...o, tagName: r });
+};
+export {
+  s as c
+};

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

@@ -0,0 +1,6 @@
+import { d as t, M as e } from "./p-4FHGIW2M.js";
+const s = e, a = t;
+export {
+  s as ModusWcAvatar,
+  a as defineCustomElement
+};

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

@@ -0,0 +1,131 @@
+import { p as n, H as r, d as i, h as s, c as h } from "./p-Blhe_h6i.js";
+import { h as l } from "./p-tWS3Egrk.js";
+import { i as c } from "./p-DUWn6PrQ.js";
+const m = "modus-wc-bottom-sheet.modus-wc-bottom-sheet{border-radius:var(--rounded-box) var(--rounded-box) 0 0;bottom:0;box-shadow:0 -20px 50px -8px color-mix(in sRGB, var(--modus-wc-color-base-content) 22%, transparent), 0 -6px 16px color-mix(in sRGB, var(--modus-wc-color-base-content) 12%, transparent);left:50%;max-width:100vw;min-width:25vw;position:fixed;transform:translateX(-50%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0s linear 0.3s;z-index:999}modus-wc-bottom-sheet.modus-wc-bottom-sheet[aria-hidden=true]{box-shadow:none}modus-wc-bottom-sheet.modus-wc-bottom-sheet[aria-hidden=false]{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0s linear 0s}modus-wc-bottom-sheet.modus-wc-bottom-sheet:focus,modus-wc-bottom-sheet.modus-wc-bottom-sheet:focus-visible{outline:none}modus-wc-bottom-sheet.modus-wc-bottom-sheet.modus-wc-bottom-sheet-minimized .modus-wc-panel .modus-wc-bottom-sheet-header,modus-wc-bottom-sheet.modus-wc-bottom-sheet.modus-wc-bottom-sheet-minimized .modus-wc-panel .modus-wc-bottom-sheet-content,modus-wc-bottom-sheet.modus-wc-bottom-sheet.modus-wc-bottom-sheet-minimized .modus-wc-panel .modus-wc-bottom-sheet-footer{display:none}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel{border-radius:var(--rounded-box) var(--rounded-box) 0 0}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-handle{cursor:grab;min-height:var(--modus-wc-font-size-2xl);touch-action:none}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-handle:active{cursor:grabbing}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header{padding:var(--modus-wc-spacing-md);width:100%}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header-top{align-items:center;display:flex;gap:var(--modus-wc-spacing-lg);justify-content:space-between;width:100%}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header-start{align-items:center;display:flex;flex:1 1 0;gap:var(--modus-wc-spacing-xs);min-width:0}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header-title{line-height:var(--modus-wc-font-size-2xl)}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-content{padding:0 var(--modus-wc-spacing-md) var(--modus-wc-spacing-md) var(--modus-wc-spacing-md)}modus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-footer{padding:var(--modus-wc-spacing-md)}", u = /* @__PURE__ */ n(class a extends r {
+  constructor() {
+    super(), this.__registerHost(), this.sheetVisibilityChange = i(this, "sheetVisibilityChange", 7), this.displayModeChange = i(this, "displayModeChange", 7), this.headerBackClick = i(this, "headerBackClick", 7), this.headerCloseClick = i(this, "headerCloseClick", 7), this.inheritedAttributes = {}, this.startY = 0, this.startHeight = 0, this.currentDelta = 0, this.pendingFocus = !1, this.propDisplayMode = "default", this.isInteractionChange = !1, this.customClass = "", this.visible = !1, this.displayMode = "default", this.dragStepThreshold = 0.4, this.isDragging = !1, this.dragOffset = 0, this.dragHeight = null, this.hasHeader = !1, this.hasFooter = !1, this.onPointerDown = (e) => {
+      this.visible && (e.preventDefault(), this.isDragging = !0, this.startY = e.clientY, this.currentDelta = 0, this.startHeight = this.el.querySelector(".modus-wc-panel").offsetHeight, document.addEventListener("pointermove", this.onPointerMove), document.addEventListener("pointerup", this.onPointerUp));
+    }, this.onPointerMove = (e) => {
+      if (e.preventDefault(), document.body.style.cursor = "grabbing", this.currentDelta = e.clientY - this.startY, this.currentDelta >= 0)
+        this.dragOffset = this.currentDelta, this.dragHeight = null;
+      else {
+        this.dragOffset = 0;
+        const t = this.startHeight - this.currentDelta;
+        this.dragHeight = `${Math.min(t, window.innerHeight)}px`;
+      }
+    }, this.onPointerUp = () => {
+      var e;
+      document.removeEventListener("pointermove", this.onPointerMove), document.removeEventListener("pointerup", this.onPointerUp), document.body.style.cursor = "";
+      const t = this.currentDelta;
+      this.isDragging = !1, this.dragOffset = 0, this.dragHeight = null;
+      const o = ((e = this.dragStepThreshold) !== null && e !== void 0 ? e : 0.4) * this.startHeight;
+      t > o ? this.stepDown() : -t > o && this.stepUp();
+    }, this.onHandleKeyDown = (e) => {
+      e.key === "ArrowUp" ? (e.preventDefault(), this.stepUp()) : e.key === "ArrowDown" ? (e.preventDefault(), this.stepDown()) : e.key === "Escape" && (e.preventDefault(), this.setVisible(!1));
+    }, this.onHeaderBackClick = () => {
+      this.headerBackClick.emit();
+    }, this.onHeaderCloseClick = () => {
+      this.setVisible(!1), this.headerCloseClick.emit();
+    };
+  }
+  handleVisibleChange(e) {
+    var t;
+    this.setInert(!e), e && (((t = this.displayMode) !== null && t !== void 0 ? t : "default") !== this.propDisplayMode && (this.displayMode = this.propDisplayMode), this.pendingFocus = !0), this.sheetVisibilityChange.emit({ visible: e });
+  }
+  handleDisplayModeChange(e) {
+    this.isInteractionChange || (this.propDisplayMode = e ?? "default"), this.visible && this.displayModeChange.emit({ displayMode: e });
+  }
+  componentWillLoad() {
+    var e;
+    l(this.el), this.inheritedAttributes = c(this.el), this.setInert(!this.visible), this.propDisplayMode = (e = this.displayMode) !== null && e !== void 0 ? e : "default";
+    const t = Array.from(this.el.children);
+    this.hasHeader = t.some((o) => o.getAttribute("slot") === "header"), this.hasFooter = t.some((o) => o.getAttribute("slot") === "footer");
+  }
+  componentDidRender() {
+    this.pendingFocus && (this.pendingFocus = !1, this.el.focus());
+  }
+  /** Toggle the `inert` attribute on the host so closed sheets cannot be focused. */
+  setInert(e) {
+    e ? this.el.setAttribute("inert", "") : this.el.removeAttribute("inert");
+  }
+  disconnectedCallback() {
+    document.removeEventListener("pointermove", this.onPointerMove), document.removeEventListener("pointerup", this.onPointerUp), this.isDragging && (document.body.style.cursor = "");
+  }
+  /** Step up one rung of the ladder: minimized -> default -> expanded. */
+  stepUp() {
+    var e;
+    const t = a.DISPLAY_MODE_LADDER, o = t.indexOf((e = this.displayMode) !== null && e !== void 0 ? e : "default");
+    this.setDisplayMode(t[Math.min(o + 1, t.length - 1)]);
+  }
+  /** Step down one rung of the ladder: expanded -> default -> minimized (never closes). */
+  stepDown() {
+    var e;
+    const t = a.DISPLAY_MODE_LADDER, o = t.indexOf((e = this.displayMode) !== null && e !== void 0 ? e : "default");
+    this.setDisplayMode(t[Math.max(o - 1, 0)]);
+  }
+  setVisible(e) {
+    this.visible !== e && (this.visible = e);
+  }
+  setDisplayMode(e) {
+    this.displayMode !== e && (this.isInteractionChange = !0, this.displayMode = e, this.isInteractionChange = !1);
+  }
+  getClasses() {
+    const e = ["modus-wc-bottom-sheet"];
+    return this.displayMode === "expanded" && e.push("modus-wc-bottom-sheet-expanded"), this.displayMode === "minimized" && e.push("modus-wc-bottom-sheet-minimized"), this.isDragging && e.push("modus-wc-bottom-sheet-dragging"), this.customClass && e.push(this.customClass), e.join(" ");
+  }
+  getTransform() {
+    return this.visible ? this.dragOffset > 0 ? `translate(-50%, ${this.dragOffset}px)` : "translate(-50%, 0)" : "translate(-50%, 100%)";
+  }
+  getPanelHeight() {
+    return this.isDragging && this.dragHeight ? this.dragHeight : this.displayMode === "expanded" ? "95dvh" : "auto";
+  }
+  hasDefaultHeader() {
+    if (!this.header)
+      return !1;
+    const { title: e, subtitle: t, showBackButton: o, showCloseButton: d } = this.header;
+    return !!(e || t || o || d);
+  }
+  shouldRenderHeader() {
+    return this.hasHeader || this.hasDefaultHeader();
+  }
+  renderDefaultHeader(e) {
+    return s("div", { class: "modus-wc-bottom-sheet-header-top" }, s("div", { class: "modus-wc-bottom-sheet-header-start" }, e.showBackButton && s("modus-wc-button", { "aria-label": "Back", color: "tertiary", onButtonClick: this.onHeaderBackClick, shape: "square", size: "sm", variant: "borderless" }, s("modus-wc-icon", { name: "chevron_left", decorative: !0, size: "xs" })), (e.title || e.subtitle) && s("div", null, e.title && s("modus-wc-typography", { customClass: "modus-wc-bottom-sheet-header-title", hierarchy: "h2", size: "md", weight: "semibold", label: e.title }), e.subtitle && s("modus-wc-typography", { hierarchy: "p", size: "sm", label: e.subtitle }))), e.showCloseButton && s("modus-wc-button", { "aria-label": "Close", color: "tertiary", onButtonClick: this.onHeaderCloseClick, shape: "square", size: "sm", variant: "borderless" }, s("modus-wc-icon", { name: "close", decorative: !0, size: "xs" })));
+  }
+  render() {
+    return s(h, Object.assign({ key: "c6d1960ddd3906dc2790dac5810f54a6d2689734" }, this.inheritedAttributes, { class: this.getClasses(), role: "dialog", tabIndex: -1, "aria-hidden": (!this.visible).toString(), "aria-modal": this.visible ? "true" : void 0, style: {
+      transform: this.getTransform(),
+      transition: this.isDragging ? "none" : void 0
+    } }), s("modus-wc-panel", { key: "2acc0e88b4e1d4c1ff049c267609719a00e3d83b", width: "100%", height: this.getPanelHeight() }, s("modus-wc-handle", { key: "0b6a88ea883b9d3ad73b1cd5c6237248fc29789f", slot: "header", customClass: "modus-wc-bottom-sheet-handle", density: "comfortable", orientation: "vertical", size: "default", type: "bar", onPointerDown: this.onPointerDown, onKeyDown: this.onHandleKeyDown }), this.shouldRenderHeader() && s("div", { key: "6a4da636e245f4576e6d6bb581eafda959d4d08e", class: "modus-wc-bottom-sheet-header", slot: "header" }, this.hasHeader ? s("slot", { name: "header" }) : this.renderDefaultHeader(this.header)), s("div", { key: "fa4ea16fd7f45a86aa26133c283b4ab5eeec114f", class: "modus-wc-bottom-sheet-content", slot: "body" }, s("slot", { key: "36ba21d1bc911e3cb68ae6959918496a3efe0a8d", name: "content" })), this.hasFooter && s("div", { key: "14dafb983a96f6ef88af3e5e52e38ed3dc5dab08", class: "modus-wc-bottom-sheet-footer", slot: "footer" }, s("slot", { key: "0b2d03011d2e07257c985dcc4cc5366f90a8d683", name: "footer" }))));
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      visible: ["handleVisibleChange"],
+      displayMode: ["handleDisplayModeChange"]
+    };
+  }
+  static get style() {
+    return m;
+  }
+}, [4, "modus-wc-bottom-sheet", {
+  customClass: [1, "custom-class"],
+  visible: [1028],
+  displayMode: [1025, "display-mode"],
+  dragStepThreshold: [2, "drag-step-threshold"],
+  header: [16],
+  isDragging: [32],
+  dragOffset: [32],
+  dragHeight: [32],
+  hasHeader: [32],
+  hasFooter: [32]
+}, void 0, {
+  visible: ["handleVisibleChange"],
+  displayMode: ["handleDisplayModeChange"]
+}]);
+u.DISPLAY_MODE_LADDER = [
+  "minimized",
+  "default",
+  "expanded"
+];

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

@@ -0,0 +1,6 @@
+import { d as t, M as o } from "./p-BYIY4f_X.js";
+const n = o, s = t;
+export {
+  n as ModusWcButton,
+  s as defineCustomElement
+};

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

@@ -0,0 +1,140 @@
+import { p as r, H as i, d as m, h as e, c as n } from "./p-Blhe_h6i.js";
+import { h as u } from "./p-tWS3Egrk.js";
+import { g as p, i as w } from "./p-DUWn6PrQ.js";
+import { d as h } from "./p-B8VJbmjw.js";
+const b = ({ bordered: l, expanded: o }) => {
+  let s = "";
+  return l && (s = `${s} modus-wc-border`), o ? s = `${s} modus-wc-collapse-open` : s = `${s} modus-wc-collapse-close`, s.trim();
+}, v = ({ size: l }) => {
+  let o = "modus-wc-text-base";
+  return l && (o = `modus-wc-text-${l}`), o;
+}, g = ({ size: l }) => {
+  let o = "";
+  if (l)
+    switch (l) {
+      case "xs":
+        o = "modus-wc-text-base";
+        break;
+      case "sm":
+        o = "modus-wc-text-lg";
+        break;
+      case "md":
+        o = "modus-wc-text-xl";
+        break;
+      case "lg":
+        o = "modus-wc-text-2xl";
+        break;
+    }
+  return o;
+}, f = ({ size: l }) => {
+  let o = "";
+  if (l)
+    switch (l) {
+      case "xs":
+        o = "modus-wc-pb-2 modus-wc-pl-2 modus-wc-pt-2";
+        break;
+      case "sm":
+        o = "modus-wc-pb-3 modus-wc-pl-3 modus-wc-pt-3";
+        break;
+      case "md":
+        o = "modus-wc-pb-4 modus-wc-pl-4 modus-wc-pt-4";
+        break;
+      case "lg":
+        o = "modus-wc-pb-5 modus-wc-pl-5 modus-wc-pt-5";
+        break;
+    }
+  return o;
+}, x = 'modus-wc-collapse details.modus-wc-collapse>summary{display:inline-flex}modus-wc-collapse .modus-wc-collapse{background-color:var(--modus-wc-color-base-100);border-radius:0;box-sizing:border-box;color:var(--modus-wc-color-base-content);margin-bottom:var(--modus-wc-spacing-md);transition:none}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title{cursor:pointer;font-size:var(--modus-wc-font-size-md);font-weight:var(--modus-wc-font-weight-semibold);min-height:unset;padding:var(--modus-wc-spacing-lg) var(--modus-wc-spacing-3xl) var(--modus-wc-spacing-lg) var(--modus-wc-spacing-3xl);position:relative;width:auto}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:hover{background-color:var(--modus-wc-color-base-100);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:focus{background-color:var(--modus-wc-color-base-200);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:active{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-selected{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-active{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-open{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.selected{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.active{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-disabled:hover{background-color:inherit}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title--active{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title--selected{background-color:var(--modus-wc-color-primary-pale);color:var(--modus-wc-color-primary)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:checked{background-color:var(--modus-wc-color-primary);color:var(--modus-wc-color-primary-content)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.checked{background-color:var(--modus-wc-color-primary);color:var(--modus-wc-color-primary-content)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-checked{background-color:var(--modus-wc-color-primary);color:var(--modus-wc-color-primary-content)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.pressed{background-color:var(--modus-wc-color-primary);color:var(--modus-wc-color-primary-content)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-pressed{background-color:var(--modus-wc-color-primary);color:var(--modus-wc-color-primary-content)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title[aria-pressed=true]{background-color:var(--modus-wc-color-primary);color:var(--modus-wc-color-primary-content)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:hover,modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:active,modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:focus{background-color:transparent;color:var(--modus-wc-color-base-content)}modus-wc-collapse .modus-wc-collapse .description{font-size:var(--modus-wc-font-size-md);padding-inline-start:var(--modus-wc-spacing-md)}modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-content{font-size:var(--modus-wc-font-size-md)}modus-wc-collapse .modus-wc-collapse .modus-wc-title-main-content{display:inline-flex;flex:1;flex-direction:column;min-width:0}modus-wc-collapse .modus-wc-collapse .modus-wc-summary-main-content{align-items:center;display:flex;justify-content:space-between;min-height:1rem;width:100%}modus-wc-collapse .modus-wc-collapse .modus-wc-title-main-row>modus-wc-icon{height:24px;margin-inline-end:var(--modus-wc-spacing-sm)}modus-wc-collapse .modus-wc-collapse .modus-wc-title-end-content{align-items:center;display:inline-flex}modus-wc-collapse .modus-wc-collapse .title-end-icon{height:24px;margin-inline-start:var(--modus-wc-spacing-sm);pointer-events:none;position:relative;top:2px}modus-wc-collapse .modus-wc-collapse .title-start-icon{height:24px;inset-inline-start:var(--modus-wc-spacing-lg);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}modus-wc-collapse .modus-wc-collapse.modus-wc-border{background-color:var(--modus-wc-color-base-page);border:none;border-bottom:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200)}modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-content{padding:var(--modus-wc-spacing-md);padding-top:var(--modus-wc-spacing-sm)}modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title{color:var(--modus-wc-color-base-content)}modus-wc-collapse .modus-wc-collapse.has-start-icon>.modus-wc-collapse-title{padding-inline-start:var(--modus-wc-size-xxl)}modus-wc-collapse .modus-wc-collapse.has-start-icon>.modus-wc-collapse-title::before{inset-inline-start:49px}modus-wc-collapse .modus-wc-collapse.modus-wc-chevron-left>.modus-wc-collapse-title{padding-inline-end:16px}modus-wc-collapse .modus-wc-collapse.no-leading-icons>.modus-wc-collapse-title{padding-inline-start:16px}modus-wc-collapse .modus-wc-collapse.no-leading-icons>.modus-wc-collapse-description{padding-inline-start:var(--modus-wc-spacing-md)}.modus-wc-collapse-arrow.modus-wc-chevron-left>.modus-wc-collapse-title::before{box-shadow:2px 2px;content:"";display:block;height:0.5rem;inset-inline-start:var(--modus-wc-spacing-lg);pointer-events:none;position:absolute;top:44%;transform:translateY(-50%) rotate(45deg);transform-origin:75% 75%;transition-duration:0.2s;transition-property:transform;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);width:0.5rem}.modus-wc-collapse-arrow.modus-wc-chevron-left.modus-wc-collapse-open>.modus-wc-collapse-title::before{top:50%;transform:translateY(-50%) rotate(225deg)}.modus-wc-collapse-arrow.modus-wc-chevron-left>.modus-wc-collapse-title::after{display:none}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse,[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse{border-radius:var(--modus-wc-border-radius-md);margin-bottom:0;margin-bottom:-1px}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title,[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title{font-weight:var(--modus-wc-font-weight-normal);min-height:unset;width:auto}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse{background-color:var(--modus-wc-color-white);color:inherit}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-border{border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200)}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse .description{color:var(--modus-wc-color-gray-6)}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open{border-left:var(--modus-wc-spacing-xs) solid var(--modus-wc-color-trimble-blue)}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title{background-color:var(--modus-wc-color-blue-pale);font-weight:var(--modus-wc-font-weight-normal)}[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open.no-leading-icons .modus-wc-collapse-description{padding-inline-start:var(--modus-wc-spacing-md)}[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse{background-color:var(--modus-wc-color-trimble-gray);color:inherit}[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-border{border:var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200)}[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse .description{color:var(--modus-wc-color-base-inverted)}[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open{border-left:var(--modus-wc-spacing-xs) solid var(--modus-wc-color-highlight-blue)}[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title{background-color:color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 30%, transparent)}[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open.no-leading-icons .modus-wc-collapse-title,[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open.no-leading-icons .modus-wc-collapse-description{padding-inline-start:var(--modus-wc-spacing-md)}[data-theme=connect-light] modus-wc-collapse .modus-wc-collapse,[data-theme=connect-dark] modus-wc-collapse .modus-wc-collapse{background-color:var(--modus-wc-color-base-page);border:1px solid var(--modus-wc-color-base-200);color:var(--modus-wc-color-base-content)}[data-theme=connect-light] modus-wc-collapse .modus-wc-collapse.modus-wc-border,[data-theme=connect-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-border{border-radius:var(--modus-wc-border-radius-box)}[data-theme=modus-modern-light] modus-wc-collapse .modus-wc-collapse:not(.modus-wc-border){border-radius:var(--modus-wc-border-radius-box)}[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse:not(.modus-wc-border){border-radius:var(--modus-wc-border-radius-box)}[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse{color:var(--modus-wc-color-base-inverted)}[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title,[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse .description,[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-content,[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title{color:var(--modus-wc-color-base-inverted)}', d = /* @__PURE__ */ r(class extends i {
+  constructor() {
+    super(), this.__registerHost(), this.expandedChange = m(this, "expandedChange", 7), this.inheritedAttributes = {}, this.bordered = !1, this.chevronPosition = "right", this.customClass = "", this.expanded = !1, this.handleToggle = (o) => {
+      const c = o.currentTarget.open;
+      this.expanded !== c && (this.expanded = c, this.expandedChange.emit({ expanded: c }));
+    };
+  }
+  expandedChanged(o) {
+    this.detailsRef && this.detailsRef.open !== o && (this.detailsRef.open = o);
+  }
+  componentWillLoad() {
+    u(this.el), this.collapseId || (this.collapseId = p()), this.inheritedAttributes = w(this.el);
+  }
+  getOuterDivClasses() {
+    var o, s;
+    const c = ["modus-wc-collapse modus-wc-collapse-arrow"], a = b({
+      bordered: this.bordered,
+      expanded: this.expanded
+    });
+    return a && c.push(a), c.push(`modus-wc-chevron-${this.chevronPosition}`), !(!((o = this.options) === null || o === void 0) && o.startIcon) && this.chevronPosition !== "left" && c.push("no-leading-icons"), !((s = this.options) === null || s === void 0) && s.startIcon && this.chevronPosition === "left" && c.push("has-start-icon"), this.customClass && c.push(this.customClass), c.join(" ");
+  }
+  // istanbul ignore next
+  getTitleClasses() {
+    var o;
+    const s = [
+      "modus-wc-collapse-title modus-wc-inline-flex modus-wc-items-center modus-wc-justify-between modus-wc-min-h-4"
+    ], c = f({
+      size: (o = this.options) === null || o === void 0 ? void 0 : o.size
+    });
+    return c && s.push(c), s.join(" ");
+  }
+  // istanbul ignore next
+  getTitleChildDivClasses() {
+    var o;
+    const s = [
+      "modus-wc-title-main-row modus-wc-inline-flex modus-wc-items-center"
+    ], c = g({
+      size: (o = this.options) === null || o === void 0 ? void 0 : o.size
+    });
+    return c && s.push(c), s.join(" ");
+  }
+  // istanbul ignore next
+  getDescriptionDivClasses() {
+    var o;
+    const s = ["description modus-wc-font-light"], c = v({
+      size: (o = this.options) === null || o === void 0 ? void 0 : o.size
+    });
+    return c && s.push(c), s.join(" ");
+  }
+  render() {
+    var o;
+    const s = this.collapseId, c = `${s}-title`, a = `${s}-content`;
+    return e(n, { key: "066210e7a999faf40422efe7bc50281975585fad" }, e("details", Object.assign({ key: "6ea85a85f00b3328dc744a2ba4b58abfd64ce534", class: this.getOuterDivClasses(), open: this.expanded, onToggle: this.handleToggle, ref: (t) => this.detailsRef = t }, this.inheritedAttributes), e("summary", { key: "e5f2f7edbbbbc4e2b520ade5cd5eddc9e9fcb5bd", class: this.getTitleClasses(), id: c }, this.options ? e("div", { class: "modus-wc-summary-main-content" }, this.options.startIcon && e("modus-wc-icon", { "aria-label": this.options.startIconAriaLabel, class: "title-start-icon", decorative: !this.options.startIconAriaLabel, name: this.options.startIcon, size: this.options.size }), e("div", { class: "modus-wc-title-main-content" }, e("div", { class: this.getTitleChildDivClasses() }, this.options.icon && e("modus-wc-icon", { "aria-label": this.options.iconAriaLabel, decorative: !this.options.iconAriaLabel, name: this.options.icon, size: this.options.size }), this.options.title)), this.options.endIcon && e("div", { class: "modus-wc-title-end-content" }, e("modus-wc-icon", { "aria-label": this.options.endIconAriaLabel, class: "title-end-icon", decorative: !this.options.endIconAriaLabel, name: this.options.endIcon, size: this.options.size }))) : e("slot", { name: "header" })), this.expanded && ((o = this.options) === null || o === void 0 ? void 0 : o.description) && e("div", { key: "b13862fde0e208df6598d1bfd54977e8d3fd6b6d", class: `modus-wc-collapse-description ${this.getDescriptionDivClasses()}` }, this.options.description), e("div", { key: "40538c27af9f30b527e52ae40d4ac6c5a65b366a", "aria-labelledby": c, class: "modus-wc-collapse-content modus-wc-cursor-default", id: a }, e("slot", { key: "c0563a96763e89fe916748a9155590d6074cadbc", name: "content" }))));
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      expanded: ["expandedChanged"]
+    };
+  }
+  static get style() {
+    return x;
+  }
+}, [4, "modus-wc-collapse", {
+  bordered: [4],
+  chevronPosition: [1, "chevron-position"],
+  customClass: [1, "custom-class"],
+  expanded: [1028],
+  collapseId: [1025, "collapse-id"],
+  options: [16]
+}, void 0, {
+  expanded: ["expandedChanged"]
+}]);
+function k() {
+  if (typeof customElements > "u")
+    return;
+  ["modus-wc-collapse", "modus-wc-icon"].forEach((o) => {
+    switch (o) {
+      case "modus-wc-collapse":
+        customElements.get(o) || customElements.define(o, d);
+        break;
+      case "modus-wc-icon":
+        customElements.get(o) || h();
+        break;
+    }
+  });
+}
+const D = d, E = k;
+export {
+  D as ModusWcCollapse,
+  E as defineCustomElement
+};