@nysds/nys-breadcrumbs 1.21.1 → 1.22.0

package/dist/nys-breadcrumbs.d.ts

@@ -1,5 +1,11 @@
 import { NysElement } from "@nysds/internals";
 import "@nysds/nys-icon";
+/** Detail payload for the `nys-expand` event fired by `nys-breadcrumbs`. */
+export interface NysBreadcrumbsExpandDetail {
+    id: string;
+}
+/** The `nys-expand` event fired by `nys-breadcrumbs`. */
+export type NysBreadcrumbsExpandEvent = CustomEvent<NysBreadcrumbsExpandDetail>;
 /**
  * A breadcrumb navigation trail composed of `li` elements.
  * Collapses when the trail exceeds 5 items on desktop or 3 items on mobile,
@@ -11,7 +17,22 @@ import "@nysds/nys-icon";
  *
  * @slot - One or more `li` elements defining the trail.
  *
- * @fires nys-breadcrumbs-expand - Fired when the user clicks the ellipsis to expand the trail.
+ * @cssprop [--nys-max-width--content] - Overrides the inner content max width across the grid, header, footer, and breadcrumb. Set at a higher level like `:root` to apply to all instances. Takes priority over the size-specific variable.
+ *
+ * @fires {NysBreadcrumbsExpandEvent} nys-expand - Fired when the user clicks the ellipsis to expand the trail. Detail: `{id}`.
+ *
+ * @usagedos
+ * - Use on pages at level 2 and deeper in a site hierarchy. If a level 2 page has child pages, all pages starting at that level should include a breadcrumb.
+ * - Place breadcrumb below the header and above the main content.
+ * - Show the site hierarchy, not the path a user took.
+ * - For the home page of a site, use a specific label rather than a generic "Home." This differentiates the main site home from other landing pages (e.g., "myBenefits Home" instead of just "Home").
+ *
+ * @usagedonts
+ * - Use on top-level pages, or on sites with only one or two levels of hierarchy.
+ * - Make the current page clickable.
+ * - Use breadcrumbs as the only navigation method.
+ * - Use breadcrumbs for sequential processes like multi-step forms or wizards. Use a stepper instead.
+ * - Add breadcrumbs when they don't provide meaningful context or navigation value.
  *
  * @example Basic
  * ```html

package/dist/nys-breadcrumbs.js

@@ -6,13 +6,13 @@ import "@nysds/nys-icon";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Breadcrumbs Component v1.21.1
+   * Breadcrumbs Component v1.22.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
 */
 /*!
-  * New York State Design System v1.21.1
+  * New York State Design System v1.22.0
   * Description: A design system for New York State's digital products.
   * Repository: https://github.com/its-hcd/nysds
   * License: MIT
@@ -40,9 +40,9 @@ var I = Object.defineProperty, l = (d, e, s, t) => {
     (m = d[a]) && (r = m(e, s, r) || r);
   return r && I(e, s, r), r;
 };
-let y = null;
+let h = null;
 function z() {
-  y || typeof document > "u" || (y = new CSSStyleSheet(), y.replaceSync(P), document.adoptedStyleSheets = [...document.adoptedStyleSheets, y]);
+  h || typeof document > "u" || (h = new CSSStyleSheet(), h.replaceSync(P), document.adoptedStyleSheets = [...document.adoptedStyleSheets, h]);
 }
 const u = "data-nys-injected", _ = class _ extends T {
   /**
@@ -92,7 +92,12 @@ const u = "data-nys-injected", _ = class _ extends T {
     return t.setAttribute("name", e), t.setAttribute("size", s), t.setAttribute(u, "true"), t;
   }
   _resetItem(e) {
-    e.className = "", e.removeAttribute("aria-current"), e.querySelectorAll(`[${u}]`).forEach((t) => t.remove());
+    e.classList.remove(
+      "nys-breadcrumbitem",
+      "back-to-parent",
+      "hide",
+      "intermediate"
+    ), e.removeAttribute("aria-current"), e.querySelectorAll(`[${u}]`).forEach((t) => t.remove());
     const s = this._getAnchor(e);
     s && (s.removeAttribute("aria-disabled"), s.removeAttribute("tabindex"));
   }
@@ -151,13 +156,13 @@ const u = "data-nys-injected", _ = class _ extends T {
       });
       return;
     }
-    const r = !this._manuallyExpanded && t.length > this._collapseThreshold, a = this.collapsed || r, m = t[t.length - 1], g = this._isCurrentPage(m), h = Math.min(1, t.length - 1), v = Math.min(
+    const r = !this._manuallyExpanded && t.length > this._collapseThreshold, a = this.collapsed || r, m = t[t.length - 1], g = this._isCurrentPage(m), y = Math.min(1, t.length - 1), v = Math.min(
       g ? 2 : 1,
-      t.length - h
+      t.length - y
     );
     t.forEach((n, b) => {
-      const c = b < h, p = b >= t.length - v, f = c || p, x = a && !f;
-      this._applyCrumbStyle(n, this._isCurrentPage(n)), x && n.classList.add("hide"), f || n.classList.add("intermediate"), b === h - 1 && a && t.length > 2 && this._insertEllipsis(n);
+      const c = b < y, p = b >= t.length - v, f = c || p, x = a && !f;
+      this._applyCrumbStyle(n, this._isCurrentPage(n)), x && n.classList.add("hide"), f || n.classList.add("intermediate"), b === y - 1 && a && t.length > 2 && this._insertEllipsis(n);
     });
   }
   _moveFocusToFirstExpandCrumb() {

package/dist/nys-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-breadcrumbs.js","sources":["../../internals/dist/index.js","../src/nys-breadcrumbs.ts"],"sourcesContent":["import { LitElement as u } from \"lit\";\n/*!\n   * New York State Design System v1.21.1\n   * Description: A design system for New York State's digital products.\n   * Repository: https://github.com/its-hcd/nysds\n   * License: MIT\n */\nlet y = 0;\nfunction f(e) {\n  return `${e}-${Date.now()}-${y++}`;\n}\nconst p = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, A = {\n  labelledby: \"ariaLabel\",\n  describedby: \"ariaDescription\"\n};\nfunction R(e) {\n  return \"ariaDescribedByElements\" in e;\n}\nfunction _(e) {\n  return e === \"errormessage\" ? \"aria-errormessage\" : `aria-${e}`;\n}\nfunction d(e) {\n  return e.filter((t) => !!t);\n}\nfunction E(e) {\n  return e.map((t) => (t.id || (t.id = f(\"nys-ref\")), t.id));\n}\nfunction V(e, t, n) {\n  const i = d(n), r = _(t);\n  i.length ? e.setAttribute(r, E(i).join(\" \")) : e.removeAttribute(r);\n}\nfunction x(e, t, n, i, r) {\n  const s = d(i), a = p[n], l = t;\n  if (a && R(t)) {\n    l[a] = s.length ? s : null;\n    return;\n  }\n  const o = A[n];\n  if (!o) return;\n  const c = r ?? (s.length ? s.map((m) => m.textContent?.trim() ?? \"\").filter(Boolean).join(\" \") : \"\");\n  o in l ? l[o] = c || null : c ? e.setAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\",\n    c\n  ) : e.removeAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\"\n  );\n}\nconst g = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, C = {\n  labelledby: \"aria-label\",\n  describedby: \"aria-description\"\n};\nfunction L(e, t, n) {\n  const i = d(n), r = g[t], s = C[t], a = e;\n  if (r && r in e && (a[r] = i.length ? i : null), !s) return;\n  const l = i.map((o) => o.textContent?.trim() ?? \"\").filter(Boolean).join(\" \");\n  l ? e.setAttribute(s, l) : e.removeAttribute(s);\n}\nconst b = (e) => {\n  class t extends e {\n    get idPrefix() {\n      return this.localName || \"nys-element\";\n    }\n    ensureId() {\n      this.id || (this.id = f(this.idPrefix));\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.ensureId();\n    }\n  }\n  return t;\n}, P = /* @__PURE__ */ b(u), h = (e) => {\n  class t extends b(e) {\n    constructor() {\n      super(...arguments), this.__internals = null;\n    }\n    get internals() {\n      if (this.__internals) return this.__internals;\n      if (typeof this.attachInternals == \"function\")\n        try {\n          this.__internals = this.attachInternals();\n        } catch {\n          this.__internals = null;\n        }\n      return this.__internals;\n    }\n    get defaultRole() {\n      return null;\n    }\n    setHostAria(i, r) {\n      const s = this.internals;\n      if (s && i in s) {\n        s[i] = r;\n        return;\n      }\n      const a = v(i);\n      r === null ? this.removeAttribute(a) : this.setAttribute(a, r);\n    }\n    reflectDefaultSemantics() {\n      const i = this.defaultRole;\n      i && this.setHostAria(\"role\", i);\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.reflectDefaultSemantics();\n    }\n  }\n  return t;\n};\nfunction v(e) {\n  if (e === \"role\") return \"role\";\n  const t = e.replace(/^aria/, \"\");\n  return \"aria-\" + t.charAt(0).toLowerCase() + t.slice(1);\n}\nconst T = /* @__PURE__ */ h(u), I = (e) => {\n  const n = class n extends h(e) {\n    setFormValue(r) {\n      this.internals?.setFormValue(r ?? null);\n    }\n    setValidityFromState(r, s, a) {\n      const l = this.internals;\n      if (!l) return;\n      const o = Object.values(r).some(Boolean);\n      o ? l.setValidity(r, s ?? \"Invalid value\", a) : l.setValidity({}), this.setHostAria(\"ariaInvalid\", o ? \"true\" : \"false\");\n    }\n    clearValidity() {\n      this.internals?.setValidity({}), this.setHostAria(\"ariaInvalid\", \"false\");\n    }\n    checkValidity() {\n      return this.internals?.checkValidity() ?? !0;\n    }\n    reportValidity() {\n      return this.internals?.reportValidity() ?? !0;\n    }\n    formResetCallback() {\n      this.clearValidity();\n    }\n  };\n  n.formAssociated = !0;\n  let t = n;\n  return t;\n}, w = /* @__PURE__ */ I(u);\nfunction O(e) {\n  const t = e.tagName.toLowerCase(), n = /* @__PURE__ */ new Set(), i = (r) => {\n    r.querySelectorAll(\"*\").forEach((s) => {\n      const a = s.tagName.toLowerCase();\n      a.startsWith(\"nys-\") && a !== t && !customElements.get(a) && n.add(a), s.shadowRoot && i(s.shadowRoot);\n    });\n  };\n  return e.shadowRoot && i(e.shadowRoot), i(e), [...n].sort();\n}\nexport {\n  I as FormControlMixin,\n  b as IdentifiedMixin,\n  P as NysElement,\n  w as NysFormControlElement,\n  T as NysReflectsAriaElement,\n  h as ReflectsAriaMixin,\n  V as associateControl,\n  L as associateControlRefs,\n  x as associateHost,\n  O as findUnregisteredChildren,\n  f as generateId,\n  R as supportsElementRefs\n};\n//# sourceMappingURL=index.js.map\n","import { html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { NysElement } from \"@nysds/internals\";\n// This element is created imperatively (document.createElement) for the\n// back-to-parent arrow, the trailing chevrons, and the collapsed-trail\n// ellipsis, so it must be registered whenever nys-breadcrumbs is used.\n// Importing it here (intentional side effect) guarantees it always renders.\nimport \"@nysds/nys-icon\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-breadcrumbs.scss?inline\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport lightStyles from \"./nys-breadcrumbs.light.scss?inline\";\n\nlet _lightSheet: CSSStyleSheet | null = null;\n// Injects the lightDOM styling for the scss into the adopted/constructed stylesheet.\nfunction adoptLightStyles() {\n  if (_lightSheet || typeof document === \"undefined\") return;\n  _lightSheet = new CSSStyleSheet();\n  _lightSheet.replaceSync(lightStyles);\n  document.adoptedStyleSheets = [...document.adoptedStyleSheets, _lightSheet];\n}\n\nconst INJECTED_ATTR = \"data-nys-injected\";\n\n/**\n * A breadcrumb navigation trail composed of `li` elements.\n * Collapses when the trail exceeds 5 items on desktop or 3 items on mobile,\n * showing the first, last, and item before the current page, with an ellipsis to expand.\n * A single item renders as a back-to-parent link instead of a trail.\n *\n * @summary Breadcrumb navigation trail with responsive collapse support.\n * @element nys-breadcrumbs\n *\n * @slot - One or more `li` elements defining the trail.\n *\n * @fires nys-breadcrumbs-expand - Fired when the user clicks the ellipsis to expand the trail.\n *\n * @example Basic\n * ```html\n * <nys-breadcrumbs>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Current page\n * ```html\n * <nys-breadcrumbs>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *   <li>Current Page</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Single item list\n * ```html\n * <nys-breadcrumbs>\n *  <ol>\n *   <li><a href=\"/services\">Services</a></li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Long list\n * ```html\n * <nys-breadcrumbs>\n *   <ol>\n *     <li><a href=\"/\">Home</a></li>\n *     <li><a href=\"/government\">Government</a></li>\n *     <li><a href=\"/government/agencies\">Agencies</a></li>\n *     <li><a href=\"/government/agencies/parks\">Parks & Recreation</a></li>\n *     <li><a href=\"/parks/state-parks\">State Parks</a></li>\n *     <li><a href=\"/parks/state-parks/delaware\">Delaware Region</a></li>\n *     <li><a href=\"/parks/state-parks/delaware/water-gap\">Delaware Water Gap</a></li>\n *     <li>Trail Conditions</li>\n *   </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Size small\n * ```html\n * <nys-breadcrumbs size=\"sm\">\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/government\">Government</a></li>\n *   <li><a href=\"/government/agencies\">Agencies</a></li>\n *   <li>Parks & Recreation</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Back to parent (mobile)\n * ```html\n * <nys-breadcrumbs backToParent>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/government\">Government</a></li>\n *   <li><a href=\"/government/agencies\">Agencies</a></li>\n *   <li><a href=\"/government/agencies/parks\">Parks & Recreation</a></li>\n *   <li><a href=\"/parks/state-parks\">State Parks</a></li>\n *   <li><a href=\"/parks/state-parks/delaware\">Delaware Region</a></li>\n *   <li><a href=\"/parks/state-parks/delaware/water-gap\">Delaware Water Gap</a></li>\n *   <li>Trail Conditions</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Background bar\n * ```html\n * <nys-breadcrumbs backgroundBar>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *   <li><a href=\"/tickets\">Ticket System</a></li>\n *   <li>Del Water Gap</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Disabled\n * ```html\n * <nys-breadcrumbs disabled>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *   <li><a href=\"/tickets\">Ticket System</a></li>\n *   <li>Del Water Gap</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n */\n\nexport class NysBreadcrumbs extends NysElement {\n  static styles = unsafeCSS(styles);\n\n  /**\n   * Unique identifier. Auto-generated if not provided.\n   */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /**\n   * Accessible label for the `<nav>` landmark. Defaults to \"Breadcrumb\" if not set.\n   * Override when multiple crumbs exist on the same page.\n   */\n  @property({ type: String }) ariaLabel = \"\";\n\n  /**\n   * Controls the visual size of the breadcrumb text and spacing: `sm` for dense layouts, `md` (default) for standard use.\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /**\n   * On mobile, renders the trail as a single back-to-parent link pointing to the item before the current page.\n   * Has no effect on desktop or when only one item is present (which always renders as a back link).\n   * @default false\n   */\n  @property({ type: Boolean }) backToParent = false;\n\n  /**\n   * Forces the trail into its collapsed state.\n   * It shows only the first item, an ellipsis, and the last two items.\n   * The user can still expand the trail by clicking the ellipsis.\n   * @default false\n   */\n  @property({ type: Boolean }) collapsed = false;\n\n  /**\n   * Renders a filled light theme background bar behind the breadcrumb trail.\n   * @default false\n   */\n  @property({ type: Boolean }) backgroundBar = false;\n\n  /**\n   * Prevents interaction.\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  private _collapseThreshold = 5; // default for desktop\n  private _manuallyExpanded = false;\n  private _mediaQuery: MediaQueryList | null = null;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    // super.connectedCallback() (NysElement) auto-assigns an id when\n    // one is not provided (prefix = localName, shape \"nys-breadcrumbs-<ts>-<n>\").\n    // The breadcrumb's navigation role lives on the inner <nav> landmark (with an\n    // accessible name), so defaultRole stays null and no host role is reflected.\n    super.connectedCallback();\n\n    adoptLightStyles();\n\n    this._mediaQuery = window.matchMedia(\"(max-width: 767px)\");\n    this._mediaQuery.addEventListener(\"change\", this._updateCollapseThreshold);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._mediaQuery?.removeEventListener(\n      \"change\",\n      this._updateCollapseThreshold,\n    );\n    this._mediaQuery = null;\n  }\n\n  firstUpdated() {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>(\"slot\");\n    slot?.addEventListener(\"slotchange\", () => this._handleSlotChange());\n    slot?.addEventListener(\"click\", this._boundDisabledClickGuard);\n    this._handleSlotChange();\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>) {\n    if (\n      changedProperties.has(\"collapsed\") ||\n      changedProperties.has(\"backToParent\") ||\n      changedProperties.has(\"disabled\")\n    ) {\n      this._handleSlotChange();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _updateCollapseThreshold = () => {\n    const isMobile = this._mediaQuery?.matches ?? window.innerWidth < 768; // NYSDS sets anything below 768px as mobile. Desktop and Tablet is above 768px.\n    const newThreshold = isMobile ? 3 : 5;\n\n    if (newThreshold !== this._collapseThreshold) {\n      this._collapseThreshold = newThreshold;\n      this._manuallyExpanded = false;\n      this._handleSlotChange();\n    }\n  };\n\n  private _boundDisabledClickGuard = (e: Event) => {\n    const a = (e.target as HTMLElement)?.closest?.(\"a\");\n    if (a?.getAttribute(\"aria-disabled\") === \"true\") {\n      e.preventDefault();\n    }\n  };\n\n  private _getSlottedOl(): HTMLOListElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>(\"slot\");\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    return (\n      (assigned.find((el) => el.tagName === \"OL\") as HTMLOListElement) ?? null\n    );\n  }\n\n  private _getSlottedItems(ol: HTMLOListElement): HTMLLIElement[] {\n    return Array.from(ol.children).filter(\n      (el) => el.tagName === \"LI\" && !el.hasAttribute(INJECTED_ATTR),\n    ) as HTMLLIElement[];\n  }\n\n  private _getAnchor(li: HTMLLIElement): HTMLAnchorElement | null {\n    return li.querySelector(\"a\");\n  }\n\n  private _isCurrentPage(li: HTMLLIElement): boolean {\n    return !this._getAnchor(li);\n  }\n\n  private _createIcon(name: string, size: string): HTMLElement {\n    const icon = document.createElement(\"nys-icon\");\n    icon.setAttribute(\"name\", name);\n    icon.setAttribute(\"size\", size);\n    icon.setAttribute(INJECTED_ATTR, \"true\");\n    return icon;\n  }\n\n  private _resetItem(li: HTMLLIElement) {\n    li.className = \"\";\n    li.removeAttribute(\"aria-current\");\n\n    li.querySelectorAll(`[${INJECTED_ATTR}]`).forEach((el) => el.remove());\n\n    const a = this._getAnchor(li);\n    if (a) {\n      a.removeAttribute(\"aria-disabled\");\n      a.removeAttribute(\"tabindex\");\n    }\n  }\n\n  private _applyDisabledState(a: HTMLAnchorElement) {\n    if (!this.disabled) return;\n    a.setAttribute(\"aria-disabled\", \"true\");\n    a.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  private _applyBackToParentStyle(li: HTMLLIElement) {\n    li.classList.add(\"nys-breadcrumbitem\", \"back-to-parent\");\n    const a = this._getAnchor(li);\n    if (a) {\n      this._applyDisabledState(a);\n      a.insertAdjacentElement(\n        \"beforebegin\",\n        this._createIcon(\"arrow_back\", \"16\"),\n      );\n    }\n  }\n\n  private _applyCrumbStyle(li: HTMLLIElement, isCurrentPage: boolean) {\n    li.classList.add(\"nys-breadcrumbitem\");\n\n    if (isCurrentPage) {\n      // WCAG 4.1.2 / WAI-ARIA breadcrumb pattern: the current page must be\n      // programmatically identified so assistive tech announces \"current page\".\n      li.setAttribute(\"aria-current\", \"page\");\n      return;\n    }\n\n    const a = this._getAnchor(li);\n    if (a) {\n      this._applyDisabledState(a);\n      a.insertAdjacentElement(\n        \"afterend\",\n        this._createIcon(\"chevron_right\", \"14\"),\n      );\n    }\n  }\n\n  private _insertEllipsis(referenceLi: HTMLLIElement) {\n    const ellipsis = document.createElement(\"li\");\n    ellipsis.classList.add(\"nys-breadcrumbs__ellipsis\");\n    ellipsis.setAttribute(INJECTED_ATTR, \"true\");\n\n    const button = document.createElement(\"a\");\n    button.classList.add(\"ellipsis-btn\");\n    button.setAttribute(\"aria-label\", \"Show more links\");\n    button.setAttribute(\"role\", \"button\");\n    button.setAttribute(\"href\", \"#\");\n    button.textContent = \"…\";\n\n    const expandTrail = (e: Event) => {\n      e.preventDefault();\n      this._manuallyExpanded = true;\n      this.collapsed = false;\n      this._handleSlotChange();\n      this._dispatchExpandEvent();\n      this._moveFocusToFirstExpandCrumb();\n    };\n\n    button.addEventListener(\"click\", expandTrail);\n    button.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n      if (e.key === \" \") expandTrail(e);\n    });\n\n    ellipsis.appendChild(button);\n    ellipsis.appendChild(this._createIcon(\"chevron_right\", \"14\"));\n\n    referenceLi.insertAdjacentElement(\"afterend\", ellipsis);\n  }\n\n  /**\n   * Main logic for cloning and handling user slots.\n   * New <ol>, <li>, and <a> tags are created and rendered out as crumbs for the breadcrumbs trail.\n   */\n  private _handleSlotChange() {\n    const isMobile = this._mediaQuery?.matches ?? window.innerWidth < 768;\n    const ol = this._getSlottedOl();\n    if (!ol) return;\n\n    // Reset to remove injected elements\n    ol.querySelectorAll(`li[${INJECTED_ATTR}]`).forEach((el) => el.remove());\n\n    const items = this._getSlottedItems(ol);\n    if (items.length === 0) return;\n\n    items.forEach((li) => this._resetItem(li));\n\n    // ---------------------------------------------------------\n\n    // Single breadcrumb item - always render as backToParent style\n    if (items.length === 1) {\n      this._applyBackToParentStyle(items[0]);\n      return;\n    }\n\n    // The backToParent=true for mobile - render as backToParent button\n    if (isMobile && this.backToParent) {\n      const currentPageExists = this._isCurrentPage(items[items.length - 1]);\n      const targetIndex = currentPageExists\n        ? items.length - 2\n        : items.length - 1;\n\n      items.forEach((li, index) => {\n        if (index === targetIndex) {\n          this._applyBackToParentStyle(li);\n        } else {\n          this._applyCrumbStyle(li, this._isCurrentPage(li));\n          li.classList.add(\"hide\");\n        }\n      });\n      return;\n    }\n\n    // ---------------------------------------------------------\n    const shouldAutoCollapse =\n      !this._manuallyExpanded && items.length > this._collapseThreshold;\n    const collapseTrail = this.collapsed || shouldAutoCollapse;\n\n    const lastItem = items[items.length - 1];\n    const hasCurrentPage = this._isCurrentPage(lastItem);\n    const itemsBeforeCollapse = Math.min(1, items.length - 1);\n    const itemsAfterCollapse = Math.min(\n      hasCurrentPage ? 2 : 1,\n      items.length - itemsBeforeCollapse,\n    );\n\n    // Normal multi-item breadcrumb trail\n    items.forEach((li, index) => {\n      const isBeforeCollapse = index < itemsBeforeCollapse;\n      const isAfterCollapse = index >= items.length - itemsAfterCollapse;\n      const isAlwaysVisible = isBeforeCollapse || isAfterCollapse;\n      const shouldHide = collapseTrail && !isAlwaysVisible; // Determines which of the crumbs is hidden\n\n      this._applyCrumbStyle(li, this._isCurrentPage(li));\n\n      if (shouldHide) li.classList.add(\"hide\");\n      if (!isAlwaysVisible) li.classList.add(\"intermediate\");\n\n      // Insert ellipsis before the first hidden cloned item when collapsed\n      if (\n        index === itemsBeforeCollapse - 1 &&\n        collapseTrail &&\n        items.length > 2\n      ) {\n        this._insertEllipsis(li);\n      }\n    });\n  }\n\n  private _moveFocusToFirstExpandCrumb() {\n    setTimeout(() => {\n      const ol = this._getSlottedOl();\n      const firstIntermediate = ol?.querySelector(\"li.intermediate\");\n      firstIntermediate?.querySelector<HTMLAnchorElement>(\"a\")?.focus();\n    }, 0);\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n  private _dispatchExpandEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-expand\", {\n        detail: { id: this.id },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  render() {\n    return html`<nav\n      class=\"nys-breadcrumbs ${this.backgroundBar\n        ? \"nys-breadcrumbs--background-bar\"\n        : \"\"}\"\n      aria-label=${this.ariaLabel || \"Breadcrumb\"}\n    >\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    </nav>`;\n  }\n}\n\nif (!customElements.get(\"nys-breadcrumbs\")) {\n  customElements.define(\"nys-breadcrumbs\", NysBreadcrumbs);\n}\n"],"names":["LitElement","unsafeCSS","html","property","y","f","e","b","t","P","u","_lightSheet","adoptLightStyles","lightStyles","INJECTED_ATTR","_NysBreadcrumbs","NysElement","newThreshold","slot","changedProperties","el","ol","li","name","size","icon","a","isCurrentPage","referenceLi","ellipsis","button","expandTrail","isMobile","items","targetIndex","index","shouldAutoCollapse","collapseTrail","lastItem","hasCurrentPage","itemsBeforeCollapse","itemsAfterCollapse","isBeforeCollapse","isAfterCollapse","isAlwaysVisible","shouldHide","styles","NysBreadcrumbs","__decorateClass"],"mappings":"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"}
+{"version":3,"file":"nys-breadcrumbs.js","sources":["../../internals/dist/index.js","../src/nys-breadcrumbs.ts"],"sourcesContent":["import { LitElement as u } from \"lit\";\n/*!\n   * New York State Design System v1.22.0\n   * Description: A design system for New York State's digital products.\n   * Repository: https://github.com/its-hcd/nysds\n   * License: MIT\n */\nlet y = 0;\nfunction f(e) {\n  return `${e}-${Date.now()}-${y++}`;\n}\nfunction N(e, t, s) {\n  e.dispatchEvent(\n    new CustomEvent(t, { detail: s, bubbles: !0, composed: !0 })\n  );\n}\nfunction I(e, t) {\n  e.dispatchEvent(\n    new Event(`nys-${t}`, { bubbles: !0, composed: !0 })\n  );\n}\nconst p = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, g = {\n  labelledby: \"ariaLabel\",\n  describedby: \"ariaDescription\"\n};\nfunction _(e) {\n  return \"ariaDescribedByElements\" in e;\n}\nfunction E(e) {\n  return e === \"errormessage\" ? \"aria-errormessage\" : `aria-${e}`;\n}\nfunction d(e) {\n  return e.filter((t) => !!t);\n}\nfunction A(e) {\n  return e.map((t) => (t.id || (t.id = f(\"nys-ref\")), t.id));\n}\nfunction w(e, t, s) {\n  const n = d(s), i = E(t);\n  n.length ? e.setAttribute(i, A(n).join(\" \")) : e.removeAttribute(i);\n}\nfunction x(e, t, s, n, i) {\n  const r = d(n), a = p[s], l = t;\n  if (a && _(t)) {\n    l[a] = r.length ? r : null;\n    return;\n  }\n  const o = g[s];\n  if (!o) return;\n  const c = i ?? (r.length ? r.map((m) => m.textContent?.trim() ?? \"\").filter(Boolean).join(\" \") : \"\");\n  o in l ? l[o] = c || null : c ? e.setAttribute(\n    s === \"labelledby\" ? \"aria-label\" : \"aria-description\",\n    c\n  ) : e.removeAttribute(\n    s === \"labelledby\" ? \"aria-label\" : \"aria-description\"\n  );\n}\nconst R = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, V = {\n  labelledby: \"aria-label\",\n  describedby: \"aria-description\"\n};\nfunction L(e, t, s) {\n  const n = d(s), i = R[t], r = V[t], a = e;\n  if (i && i in e && (a[i] = n.length ? n : null), !r) return;\n  const l = n.map((o) => o.textContent?.trim() ?? \"\").filter(Boolean).join(\" \");\n  l ? e.setAttribute(r, l) : e.removeAttribute(r);\n}\nconst h = (e) => {\n  class t extends e {\n    get idPrefix() {\n      return this.localName || \"nys-element\";\n    }\n    ensureId() {\n      this.id || (this.id = f(this.idPrefix));\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.ensureId();\n    }\n  }\n  return t;\n}, P = /* @__PURE__ */ h(u), b = (e) => {\n  class t extends h(e) {\n    constructor() {\n      super(...arguments), this.__internals = null;\n    }\n    get internals() {\n      if (this.__internals) return this.__internals;\n      if (typeof this.attachInternals == \"function\")\n        try {\n          this.__internals = this.attachInternals();\n        } catch {\n          this.__internals = null;\n        }\n      return this.__internals;\n    }\n    get defaultRole() {\n      return null;\n    }\n    setHostAria(n, i) {\n      const r = this.internals;\n      if (r && n in r) {\n        r[n] = i;\n        return;\n      }\n      const a = v(n);\n      i === null ? this.removeAttribute(a) : this.setAttribute(a, i);\n    }\n    reflectDefaultSemantics() {\n      const n = this.defaultRole;\n      n && this.setHostAria(\"role\", n);\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.reflectDefaultSemantics();\n    }\n  }\n  return t;\n};\nfunction v(e) {\n  if (e === \"role\") return \"role\";\n  const t = e.replace(/^aria/, \"\");\n  return \"aria-\" + t.charAt(0).toLowerCase() + t.slice(1);\n}\nconst T = /* @__PURE__ */ b(u), C = (e) => {\n  const s = class s extends b(e) {\n    constructor() {\n      super(...arguments), this.__internalValidationMessage = \"\";\n    }\n    get internalValidationMessage() {\n      return this.__internalValidationMessage;\n    }\n    set internalValidationMessage(i) {\n      i !== this.__internalValidationMessage && (this.__internalValidationMessage = i, this.requestUpdate(\"internalValidationMessage\"));\n    }\n    resolvedErrorMessage() {\n      return this.errorMessage || this.internalValidationMessage;\n    }\n    setFormValue(i) {\n      this.internals?.setFormValue(i ?? null);\n    }\n    setValidityFromState(i, r, a) {\n      const l = this.internals;\n      if (!l) return;\n      const o = Object.values(i).some(Boolean);\n      o ? l.setValidity(i, r ?? \"Invalid value\", a) : l.setValidity({}), this.setHostAria(\"ariaInvalid\", o ? \"true\" : \"false\");\n    }\n    clearValidity() {\n      this.internals?.setValidity({}), this.setHostAria(\"ariaInvalid\", \"false\");\n    }\n    checkValidity() {\n      return this.internals?.checkValidity() ?? !0;\n    }\n    reportValidity() {\n      return this.internals?.reportValidity() ?? !0;\n    }\n    formResetCallback() {\n      this.internalValidationMessage = \"\", this.clearValidity();\n    }\n  };\n  s.formAssociated = !0;\n  let t = s;\n  return t;\n}, O = /* @__PURE__ */ C(u);\nfunction B(e) {\n  const t = e.tagName.toLowerCase(), s = /* @__PURE__ */ new Set(), n = (i) => {\n    i.querySelectorAll(\"*\").forEach((r) => {\n      const a = r.tagName.toLowerCase();\n      a.startsWith(\"nys-\") && a !== t && !customElements.get(a) && s.add(a), r.shadowRoot && n(r.shadowRoot);\n    });\n  };\n  return e.shadowRoot && n(e.shadowRoot), n(e), [...s].sort();\n}\nexport {\n  C as FormControlMixin,\n  h as IdentifiedMixin,\n  P as NysElement,\n  O as NysFormControlElement,\n  T as NysReflectsAriaElement,\n  b as ReflectsAriaMixin,\n  w as associateControl,\n  L as associateControlRefs,\n  x as associateHost,\n  N as dispatchNysEvent,\n  I as dispatchNysFocusBlur,\n  B as findUnregisteredChildren,\n  f as generateId,\n  _ as supportsElementRefs\n};\n//# sourceMappingURL=index.js.map\n","import { html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { NysElement } from \"@nysds/internals\";\n// This element is created imperatively (document.createElement) for the\n// back-to-parent arrow, the trailing chevrons, and the collapsed-trail\n// ellipsis, so it must be registered whenever nys-breadcrumbs is used.\n// Importing it here (intentional side effect) guarantees it always renders.\nimport \"@nysds/nys-icon\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-breadcrumbs.scss?inline\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport lightStyles from \"./nys-breadcrumbs.light.scss?inline\";\n\nlet _lightSheet: CSSStyleSheet | null = null;\n// Injects the lightDOM styling for the scss into the adopted/constructed stylesheet.\nfunction adoptLightStyles() {\n  if (_lightSheet || typeof document === \"undefined\") return;\n  _lightSheet = new CSSStyleSheet();\n  _lightSheet.replaceSync(lightStyles);\n  document.adoptedStyleSheets = [...document.adoptedStyleSheets, _lightSheet];\n}\n\nconst INJECTED_ATTR = \"data-nys-injected\";\n\n/** Detail payload for the `nys-expand` event fired by `nys-breadcrumbs`. */\nexport interface NysBreadcrumbsExpandDetail {\n  id: string;\n}\n\n/** The `nys-expand` event fired by `nys-breadcrumbs`. */\nexport type NysBreadcrumbsExpandEvent = CustomEvent<NysBreadcrumbsExpandDetail>;\n\n/**\n * A breadcrumb navigation trail composed of `li` elements.\n * Collapses when the trail exceeds 5 items on desktop or 3 items on mobile,\n * showing the first, last, and item before the current page, with an ellipsis to expand.\n * A single item renders as a back-to-parent link instead of a trail.\n *\n * @summary Breadcrumb navigation trail with responsive collapse support.\n * @element nys-breadcrumbs\n *\n * @slot - One or more `li` elements defining the trail.\n *\n * @cssprop [--nys-max-width--content] - Overrides the inner content max width across the grid, header, footer, and breadcrumb. Set at a higher level like `:root` to apply to all instances. Takes priority over the size-specific variable.\n *\n * @fires {NysBreadcrumbsExpandEvent} nys-expand - Fired when the user clicks the ellipsis to expand the trail. Detail: `{id}`.\n *\n * @usagedos\n * - Use on pages at level 2 and deeper in a site hierarchy. If a level 2 page has child pages, all pages starting at that level should include a breadcrumb.\n * - Place breadcrumb below the header and above the main content.\n * - Show the site hierarchy, not the path a user took.\n * - For the home page of a site, use a specific label rather than a generic \"Home.\" This differentiates the main site home from other landing pages (e.g., \"myBenefits Home\" instead of just \"Home\").\n *\n * @usagedonts\n * - Use on top-level pages, or on sites with only one or two levels of hierarchy.\n * - Make the current page clickable.\n * - Use breadcrumbs as the only navigation method.\n * - Use breadcrumbs for sequential processes like multi-step forms or wizards. Use a stepper instead.\n * - Add breadcrumbs when they don't provide meaningful context or navigation value.\n *\n * @example Basic\n * ```html\n * <nys-breadcrumbs>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Current page\n * ```html\n * <nys-breadcrumbs>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *   <li>Current Page</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Single item list\n * ```html\n * <nys-breadcrumbs>\n *  <ol>\n *   <li><a href=\"/services\">Services</a></li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Long list\n * ```html\n * <nys-breadcrumbs>\n *   <ol>\n *     <li><a href=\"/\">Home</a></li>\n *     <li><a href=\"/government\">Government</a></li>\n *     <li><a href=\"/government/agencies\">Agencies</a></li>\n *     <li><a href=\"/government/agencies/parks\">Parks & Recreation</a></li>\n *     <li><a href=\"/parks/state-parks\">State Parks</a></li>\n *     <li><a href=\"/parks/state-parks/delaware\">Delaware Region</a></li>\n *     <li><a href=\"/parks/state-parks/delaware/water-gap\">Delaware Water Gap</a></li>\n *     <li>Trail Conditions</li>\n *   </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Size small\n * ```html\n * <nys-breadcrumbs size=\"sm\">\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/government\">Government</a></li>\n *   <li><a href=\"/government/agencies\">Agencies</a></li>\n *   <li>Parks & Recreation</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Back to parent (mobile)\n * ```html\n * <nys-breadcrumbs backToParent>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/government\">Government</a></li>\n *   <li><a href=\"/government/agencies\">Agencies</a></li>\n *   <li><a href=\"/government/agencies/parks\">Parks & Recreation</a></li>\n *   <li><a href=\"/parks/state-parks\">State Parks</a></li>\n *   <li><a href=\"/parks/state-parks/delaware\">Delaware Region</a></li>\n *   <li><a href=\"/parks/state-parks/delaware/water-gap\">Delaware Water Gap</a></li>\n *   <li>Trail Conditions</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Background bar\n * ```html\n * <nys-breadcrumbs backgroundBar>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *   <li><a href=\"/tickets\">Ticket System</a></li>\n *   <li>Del Water Gap</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Disabled\n * ```html\n * <nys-breadcrumbs disabled>\n *  <ol>\n *   <li><a href=\"/\">Home</a></li>\n *   <li><a href=\"/services\">Services</a></li>\n *   <li><a href=\"/tickets\">Ticket System</a></li>\n *   <li>Del Water Gap</li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n */\n\nexport class NysBreadcrumbs extends NysElement {\n  static styles = unsafeCSS(styles);\n\n  /**\n   * Unique identifier. Auto-generated if not provided.\n   */\n  @property({ type: String, reflect: true }) id = \"\";\n\n  /**\n   * Accessible label for the `<nav>` landmark. Defaults to \"Breadcrumb\" if not set.\n   * Override when multiple crumbs exist on the same page.\n   */\n  @property({ type: String }) ariaLabel = \"\";\n\n  /**\n   * Controls the visual size of the breadcrumb text and spacing: `sm` for dense layouts, `md` (default) for standard use.\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /**\n   * On mobile, renders the trail as a single back-to-parent link pointing to the item before the current page.\n   * Has no effect on desktop or when only one item is present (which always renders as a back link).\n   * @default false\n   */\n  @property({ type: Boolean }) backToParent = false;\n\n  /**\n   * Forces the trail into its collapsed state.\n   * It shows only the first item, an ellipsis, and the last two items.\n   * The user can still expand the trail by clicking the ellipsis.\n   * @default false\n   */\n  @property({ type: Boolean }) collapsed = false;\n\n  /**\n   * Renders a filled light theme background bar behind the breadcrumb trail.\n   * @default false\n   */\n  @property({ type: Boolean }) backgroundBar = false;\n\n  /**\n   * Prevents interaction.\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  private _collapseThreshold = 5; // default for desktop\n  private _manuallyExpanded = false;\n  private _mediaQuery: MediaQueryList | null = null;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    // super.connectedCallback() (NysElement) auto-assigns an id when\n    // one is not provided (prefix = localName, shape \"nys-breadcrumbs-<ts>-<n>\").\n    // The breadcrumb's navigation role lives on the inner <nav> landmark (with an\n    // accessible name), so defaultRole stays null and no host role is reflected.\n    super.connectedCallback();\n\n    adoptLightStyles();\n\n    this._mediaQuery = window.matchMedia(\"(max-width: 767px)\");\n    this._mediaQuery.addEventListener(\"change\", this._updateCollapseThreshold);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this._mediaQuery?.removeEventListener(\n      \"change\",\n      this._updateCollapseThreshold,\n    );\n    this._mediaQuery = null;\n  }\n\n  firstUpdated() {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>(\"slot\");\n    slot?.addEventListener(\"slotchange\", () => this._handleSlotChange());\n    slot?.addEventListener(\"click\", this._boundDisabledClickGuard);\n    this._handleSlotChange();\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>) {\n    if (\n      changedProperties.has(\"collapsed\") ||\n      changedProperties.has(\"backToParent\") ||\n      changedProperties.has(\"disabled\")\n    ) {\n      this._handleSlotChange();\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  private _updateCollapseThreshold = () => {\n    const isMobile = this._mediaQuery?.matches ?? window.innerWidth < 768; // NYSDS sets anything below 768px as mobile. Desktop and Tablet is above 768px.\n    const newThreshold = isMobile ? 3 : 5;\n\n    if (newThreshold !== this._collapseThreshold) {\n      this._collapseThreshold = newThreshold;\n      this._manuallyExpanded = false;\n      this._handleSlotChange();\n    }\n  };\n\n  private _boundDisabledClickGuard = (e: Event) => {\n    const a = (e.target as HTMLElement)?.closest?.(\"a\");\n    if (a?.getAttribute(\"aria-disabled\") === \"true\") {\n      e.preventDefault();\n    }\n  };\n\n  private _getSlottedOl(): HTMLOListElement | null {\n    const slot = this.shadowRoot?.querySelector<HTMLSlotElement>(\"slot\");\n    const assigned = slot?.assignedElements({ flatten: true }) ?? [];\n    return (\n      (assigned.find((el) => el.tagName === \"OL\") as HTMLOListElement) ?? null\n    );\n  }\n\n  private _getSlottedItems(ol: HTMLOListElement): HTMLLIElement[] {\n    return Array.from(ol.children).filter(\n      (el) => el.tagName === \"LI\" && !el.hasAttribute(INJECTED_ATTR),\n    ) as HTMLLIElement[];\n  }\n\n  private _getAnchor(li: HTMLLIElement): HTMLAnchorElement | null {\n    return li.querySelector(\"a\");\n  }\n\n  private _isCurrentPage(li: HTMLLIElement): boolean {\n    return !this._getAnchor(li);\n  }\n\n  private _createIcon(name: string, size: string): HTMLElement {\n    const icon = document.createElement(\"nys-icon\");\n    icon.setAttribute(\"name\", name);\n    icon.setAttribute(\"size\", size);\n    icon.setAttribute(INJECTED_ATTR, \"true\");\n    return icon;\n  }\n\n  private _resetItem(li: HTMLLIElement) {\n    li.classList.remove(\n      \"nys-breadcrumbitem\",\n      \"back-to-parent\",\n      \"hide\",\n      \"intermediate\",\n    );\n    li.removeAttribute(\"aria-current\");\n\n    li.querySelectorAll(`[${INJECTED_ATTR}]`).forEach((el) => el.remove());\n\n    const a = this._getAnchor(li);\n    if (a) {\n      a.removeAttribute(\"aria-disabled\");\n      a.removeAttribute(\"tabindex\");\n    }\n  }\n\n  private _applyDisabledState(a: HTMLAnchorElement) {\n    if (!this.disabled) return;\n    a.setAttribute(\"aria-disabled\", \"true\");\n    a.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  private _applyBackToParentStyle(li: HTMLLIElement) {\n    li.classList.add(\"nys-breadcrumbitem\", \"back-to-parent\");\n    const a = this._getAnchor(li);\n    if (a) {\n      this._applyDisabledState(a);\n      a.insertAdjacentElement(\n        \"beforebegin\",\n        this._createIcon(\"arrow_back\", \"16\"),\n      );\n    }\n  }\n\n  private _applyCrumbStyle(li: HTMLLIElement, isCurrentPage: boolean) {\n    li.classList.add(\"nys-breadcrumbitem\");\n\n    if (isCurrentPage) {\n      // WCAG 4.1.2 / WAI-ARIA breadcrumb pattern: the current page must be\n      // programmatically identified so assistive tech announces \"current page\".\n      li.setAttribute(\"aria-current\", \"page\");\n      return;\n    }\n\n    const a = this._getAnchor(li);\n    if (a) {\n      this._applyDisabledState(a);\n      a.insertAdjacentElement(\n        \"afterend\",\n        this._createIcon(\"chevron_right\", \"14\"),\n      );\n    }\n  }\n\n  private _insertEllipsis(referenceLi: HTMLLIElement) {\n    const ellipsis = document.createElement(\"li\");\n    ellipsis.classList.add(\"nys-breadcrumbs__ellipsis\");\n    ellipsis.setAttribute(INJECTED_ATTR, \"true\");\n\n    const button = document.createElement(\"a\");\n    button.classList.add(\"ellipsis-btn\");\n    button.setAttribute(\"aria-label\", \"Show more links\");\n    button.setAttribute(\"role\", \"button\");\n    button.setAttribute(\"href\", \"#\");\n    button.textContent = \"…\";\n\n    const expandTrail = (e: Event) => {\n      e.preventDefault();\n      this._manuallyExpanded = true;\n      this.collapsed = false;\n      this._handleSlotChange();\n      this._dispatchExpandEvent();\n      this._moveFocusToFirstExpandCrumb();\n    };\n\n    button.addEventListener(\"click\", expandTrail);\n    button.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n      if (e.key === \" \") expandTrail(e);\n    });\n\n    ellipsis.appendChild(button);\n    ellipsis.appendChild(this._createIcon(\"chevron_right\", \"14\"));\n\n    referenceLi.insertAdjacentElement(\"afterend\", ellipsis);\n  }\n\n  /**\n   * Main logic for cloning and handling user slots.\n   * New <ol>, <li>, and <a> tags are created and rendered out as crumbs for the breadcrumbs trail.\n   */\n  private _handleSlotChange() {\n    const isMobile = this._mediaQuery?.matches ?? window.innerWidth < 768;\n    const ol = this._getSlottedOl();\n    if (!ol) return;\n\n    // Reset to remove injected elements\n    ol.querySelectorAll(`li[${INJECTED_ATTR}]`).forEach((el) => el.remove());\n\n    const items = this._getSlottedItems(ol);\n    if (items.length === 0) return;\n\n    items.forEach((li) => this._resetItem(li));\n\n    // ---------------------------------------------------------\n\n    // Single breadcrumb item - always render as backToParent style\n    if (items.length === 1) {\n      this._applyBackToParentStyle(items[0]);\n      return;\n    }\n\n    // The backToParent=true for mobile - render as backToParent button\n    if (isMobile && this.backToParent) {\n      const currentPageExists = this._isCurrentPage(items[items.length - 1]);\n      const targetIndex = currentPageExists\n        ? items.length - 2\n        : items.length - 1;\n\n      items.forEach((li, index) => {\n        if (index === targetIndex) {\n          this._applyBackToParentStyle(li);\n        } else {\n          this._applyCrumbStyle(li, this._isCurrentPage(li));\n          li.classList.add(\"hide\");\n        }\n      });\n      return;\n    }\n\n    // ---------------------------------------------------------\n    const shouldAutoCollapse =\n      !this._manuallyExpanded && items.length > this._collapseThreshold;\n    const collapseTrail = this.collapsed || shouldAutoCollapse;\n\n    const lastItem = items[items.length - 1];\n    const hasCurrentPage = this._isCurrentPage(lastItem);\n    const itemsBeforeCollapse = Math.min(1, items.length - 1);\n    const itemsAfterCollapse = Math.min(\n      hasCurrentPage ? 2 : 1,\n      items.length - itemsBeforeCollapse,\n    );\n\n    // Normal multi-item breadcrumb trail\n    items.forEach((li, index) => {\n      const isBeforeCollapse = index < itemsBeforeCollapse;\n      const isAfterCollapse = index >= items.length - itemsAfterCollapse;\n      const isAlwaysVisible = isBeforeCollapse || isAfterCollapse;\n      const shouldHide = collapseTrail && !isAlwaysVisible; // Determines which of the crumbs is hidden\n\n      this._applyCrumbStyle(li, this._isCurrentPage(li));\n\n      if (shouldHide) li.classList.add(\"hide\");\n      if (!isAlwaysVisible) li.classList.add(\"intermediate\");\n\n      // Insert ellipsis before the first hidden cloned item when collapsed\n      if (\n        index === itemsBeforeCollapse - 1 &&\n        collapseTrail &&\n        items.length > 2\n      ) {\n        this._insertEllipsis(li);\n      }\n    });\n  }\n\n  private _moveFocusToFirstExpandCrumb() {\n    setTimeout(() => {\n      const ol = this._getSlottedOl();\n      const firstIntermediate = ol?.querySelector(\"li.intermediate\");\n      firstIntermediate?.querySelector<HTMLAnchorElement>(\"a\")?.focus();\n    }, 0);\n  }\n\n  /**\n   * Event Handlers\n   * --------------------------------------------------------------------------\n   */\n  private _dispatchExpandEvent() {\n    this.dispatchEvent(\n      new CustomEvent(\"nys-expand\", {\n        detail: { id: this.id },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  render() {\n    return html`<nav\n      class=\"nys-breadcrumbs ${this.backgroundBar\n        ? \"nys-breadcrumbs--background-bar\"\n        : \"\"}\"\n      aria-label=${this.ariaLabel || \"Breadcrumb\"}\n    >\n      <slot @slotchange=${this._handleSlotChange}></slot>\n    </nav>`;\n  }\n}\n\nif (!customElements.get(\"nys-breadcrumbs\")) {\n  customElements.define(\"nys-breadcrumbs\", NysBreadcrumbs);\n}\n"],"names":["LitElement","unsafeCSS","html","property","y","f","e","h","t","P","u","_lightSheet","adoptLightStyles","lightStyles","INJECTED_ATTR","_NysBreadcrumbs","NysElement","newThreshold","slot","changedProperties","el","ol","li","name","size","icon","a","isCurrentPage","referenceLi","ellipsis","button","expandTrail","isMobile","items","targetIndex","index","shouldAutoCollapse","collapseTrail","lastItem","hasCurrentPage","itemsBeforeCollapse","itemsAfterCollapse","isBeforeCollapse","isAfterCollapse","isAlwaysVisible","shouldHide","styles","NysBreadcrumbs","__decorateClass"],"mappings":"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"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@nysds/nys-breadcrumbs",
-  "version": "1.21.1",
+  "version": "1.22.0",
   "description": "The Breadcrumbs component from the NYS Design System.",
   "module": "dist/nys-breadcrumbs.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/nys-breadcrumbs.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/nys-breadcrumbs.js"
     }
   },
   "type": "module",
@@ -23,10 +23,10 @@
     "lit-analyze": "lit-analyzer 'src/**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.21.1"
+    "@nysds/nys-icon": "^1.22.0"
   },
   "devDependencies": {
-    "@nysds/internals": "^1.21.1",
+    "@nysds/internals": "^1.22.0",
     "lit": "^3.3.1",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"