@nysds/nys-breadcrumbs 1.19.2 → 1.19.4

package/dist/nys-breadcrumbs.js

@@ -5,7 +5,7 @@ import { property as d } from "lit/decorators.js";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Breadcrumbs Component v1.19.2
+   * Breadcrumbs Component v1.19.4
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT

package/dist/nys-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-breadcrumbs.js","sources":["../src/nys-breadcrumbs.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-breadcrumbs.scss?inline\";\n\nlet componentIdCounter = 0;\n\n/**\n * A breadcrumb navigation trail composed of `nys-breadcrumbitem` 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 `nys-breadcrumbitem` elements defining the trail.\n *\n * @fires nys-breadcrumbs-expand - Fired when the user clicks the ellipsis to expand the trail.\n *\n * @example Full trail with 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 Trail without 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 *  </ol>\n * </nys-breadcrumbs>\n * ```\n *\n * @example Single item renders as back-to-parent\n * ```html\n * <nys-breadcrumbs>\n *  <ol>\n *   <li><a href=\"/services\">Services</a></li>\n *  </ol>\n * </nys-breadcrumbs>\n * ```\n */\n\nexport class NysBreadcrumbs extends LitElement {\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 \"path to this page\" 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  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-breadcrumbs-${Date.now()}-${componentIdCounter++}`;\n    }\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    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 _getSlottedOl(): HTMLOListElement | null {\n    const slot = this.shadowRoot?.querySelector(\n      \"slot\",\n    ) as HTMLSlotElement | null;\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(): HTMLLIElement[] {\n    const ol = this._getSlottedOl();\n    if (!ol) return [];\n    return Array.from(ol.children).filter(\n      (el) => el.tagName === \"LI\",\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    const a = this._getAnchor(li);\n    if (!a) return true;\n    return false;\n  }\n\n  private _createBackToParentElement(li: HTMLLIElement) {\n    const anchor = this._getAnchor(li);\n    const link = anchor?.getAttribute(\"href\") ?? \"\";\n    const label = anchor?.textContent?.trim() ?? li.textContent?.trim() ?? \"\";\n\n    const liEL = document.createElement(\"li\");\n    liEL.className = \"nys-breadcrumbitem\";\n\n    const icon = document.createElement(\"nys-icon\");\n    icon.setAttribute(\"name\", \"arrow_back\");\n    icon.setAttribute(\"size\", \"16\");\n\n    const a = document.createElement(\"a\");\n    if (!this.disabled) {\n      a.href = link;\n    }\n    a.textContent = label;\n    if (this.disabled) {\n      a.setAttribute(\"aria-disabled\", \"true\");\n    }\n\n    liEL.appendChild(icon);\n    liEL.appendChild(a);\n\n    return liEL;\n  }\n\n  private _createCrumbElement(li: HTMLLIElement, isCurrentPage: boolean) {\n    const anchor = this._getAnchor(li);\n    const link = anchor?.getAttribute(\"href\") ?? \"\";\n    const label = anchor?.textContent?.trim() ?? li.textContent?.trim() ?? \"\";\n\n    const liEl = document.createElement(\"li\");\n    liEl.className = \"nys-breadcrumbitem\";\n\n    if (isCurrentPage) {\n      liEl.textContent = label;\n      liEl.setAttribute(\"aria-current\", \"page\");\n      return liEl;\n    }\n\n    const a = document.createElement(\"a\");\n    if (!this.disabled) {\n      a.href = link;\n    }\n    a.textContent = label;\n    if (this.disabled) {\n      a.setAttribute(\"aria-disabled\", \"true\");\n    }\n\n    const icon = document.createElement(\"nys-icon\");\n    icon.setAttribute(\"name\", \"chevron_right\");\n    icon.setAttribute(\"size\", \"14\");\n\n    liEl.appendChild(a);\n    liEl.appendChild(icon);\n    return liEl;\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.shadowRoot?.getElementById(\"crumb-list\");\n    if (!ol) return;\n\n    const items = this._getSlottedItems();\n    if (items.length === 0) return;\n\n    ol.innerHTML = \"\";\n\n    // ---------------------------------------------------------\n\n    const setCrumbAsBackToParentBtn = (index = 0) => {\n      const clone = items[index].cloneNode(true) as HTMLLIElement;\n\n      const backToParentBtn = this._createBackToParentElement(clone);\n      ol.appendChild(backToParentBtn);\n    };\n\n    // Single breadcrumb item OR backToParent=true for mobile - render as backToParent button\n    if (items.length === 1) {\n      setCrumbAsBackToParentBtn();\n      return;\n    }\n\n    if (isMobile && this.backToParent) {\n      const currentPageExist = this._isCurrentPage(items[items.length - 1]);\n\n      if (currentPageExist) {\n        setCrumbAsBackToParentBtn(items.length - 2);\n      } else {\n        setCrumbAsBackToParentBtn(items.length - 1);\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((crumb, index) => {\n      const crumbIsBeforeCollapse = index < itemsBeforeCollapse;\n      const crumbIsAfterCollapse = index >= items.length - itemsAfterCollapse;\n      const isAlwaysVisible = crumbIsBeforeCollapse || crumbIsAfterCollapse;\n      const shouldHide = collapseTrail && !isAlwaysVisible; // Determines which of the crumbs is hidden\n\n      const liEl = this._createCrumbElement(crumb, this._isCurrentPage(crumb));\n      liEl.setAttribute(\"data-cloned\", \"true\");\n\n      if (shouldHide) {\n        liEl.classList.add(\"hide\");\n      }\n\n      if (!isAlwaysVisible) {\n        // Assigning which crumb is an intermediate item (aka hidable) allows us to later redirect focus on the first of these intermediates.\n        liEl.classList.add(\"intermediate\");\n      }\n\n      ol.appendChild(liEl);\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        const ellipsis = document.createElement(\"li\");\n        ellipsis.classList.add(\"nys-breadcrumbs__ellipsis\");\n\n        // Ellipse button\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        // Chevron Icon\n        const icon = document.createElement(\"nys-icon\");\n        icon.setAttribute(\"name\", \"chevron_right\");\n        icon.setAttribute(\"size\", \"14\");\n\n        ellipsis.appendChild(button);\n        ellipsis.appendChild(icon);\n        ol.appendChild(ellipsis);\n      }\n    });\n  }\n\n  private _moveFocusToFirstExpandCrumb() {\n    setTimeout(() => {\n      const ol = this.shadowRoot?.getElementById(\"crumb-list\");\n      const firstClone = ol?.querySelector(\"li[data-cloned].intermediate\");\n      firstClone?.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 || \"path to this page\"}\n    >\n      <ol id=\"crumb-list\"></ol>\n      <slot style=\"display: none;\" @slotchange=${this._handleSlotChange}></slot>\n    </nav>`;\n  }\n}\n\nif (!customElements.get(\"nys-breadcrumbs\")) {\n  customElements.define(\"nys-breadcrumbs\", NysBreadcrumbs);\n}\n"],"names":["componentIdCounter","_NysBreadcrumbs","LitElement","newThreshold","changedProperties","el","ol","li","anchor","link","label","liEL","icon","a","isCurrentPage","liEl","isMobile","items","setCrumbAsBackToParentBtn","index","clone","backToParentBtn","currentPageExist","shouldAutoCollapse","collapseTrail","lastItem","hasCurrentPage","itemsBeforeCollapse","itemsAfterCollapse","crumb","crumbIsBeforeCollapse","crumbIsAfterCollapse","isAlwaysVisible","shouldHide","ellipsis","button","expandTrail","e","html","unsafeCSS","styles","NysBreadcrumbs","__decorateClass","property"],"mappings":"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"}
+{"version":3,"file":"nys-breadcrumbs.js","sources":["../src/nys-breadcrumbs.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-breadcrumbs.scss?inline\";\n\nlet componentIdCounter = 0;\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 LitElement {\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 \"path to this page\" 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  // Generate a unique ID if one is not provided\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.id) {\n      this.id = `nys-breadcrumbs-${Date.now()}-${componentIdCounter++}`;\n    }\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    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 _getSlottedOl(): HTMLOListElement | null {\n    const slot = this.shadowRoot?.querySelector(\n      \"slot\",\n    ) as HTMLSlotElement | null;\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(): HTMLLIElement[] {\n    const ol = this._getSlottedOl();\n    if (!ol) return [];\n    return Array.from(ol.children).filter(\n      (el) => el.tagName === \"LI\",\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    const a = this._getAnchor(li);\n    if (!a) return true;\n    return false;\n  }\n\n  private _createBackToParentElement(li: HTMLLIElement) {\n    const anchor = this._getAnchor(li);\n    const link = anchor?.getAttribute(\"href\") ?? \"\";\n    const label = anchor?.textContent?.trim() ?? li.textContent?.trim() ?? \"\";\n\n    const liEL = document.createElement(\"li\");\n    liEL.className = \"nys-breadcrumbitem\";\n\n    const icon = document.createElement(\"nys-icon\");\n    icon.setAttribute(\"name\", \"arrow_back\");\n    icon.setAttribute(\"size\", \"16\");\n\n    const a = document.createElement(\"a\");\n    if (!this.disabled) {\n      a.href = link;\n    }\n    a.textContent = label;\n    if (this.disabled) {\n      a.setAttribute(\"aria-disabled\", \"true\");\n    }\n\n    liEL.appendChild(icon);\n    liEL.appendChild(a);\n\n    return liEL;\n  }\n\n  private _createCrumbElement(li: HTMLLIElement, isCurrentPage: boolean) {\n    const anchor = this._getAnchor(li);\n    const link = anchor?.getAttribute(\"href\") ?? \"\";\n    const label = anchor?.textContent?.trim() ?? li.textContent?.trim() ?? \"\";\n\n    const liEl = document.createElement(\"li\");\n    liEl.className = \"nys-breadcrumbitem\";\n\n    if (isCurrentPage) {\n      liEl.textContent = label;\n      liEl.setAttribute(\"aria-current\", \"page\");\n      return liEl;\n    }\n\n    const a = document.createElement(\"a\");\n    if (!this.disabled) {\n      a.href = link;\n    }\n    a.textContent = label;\n    if (this.disabled) {\n      a.setAttribute(\"aria-disabled\", \"true\");\n    }\n\n    const icon = document.createElement(\"nys-icon\");\n    icon.setAttribute(\"name\", \"chevron_right\");\n    icon.setAttribute(\"size\", \"14\");\n\n    liEl.appendChild(a);\n    liEl.appendChild(icon);\n    return liEl;\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.shadowRoot?.getElementById(\"crumb-list\");\n    if (!ol) return;\n\n    const items = this._getSlottedItems();\n    if (items.length === 0) return;\n\n    ol.innerHTML = \"\";\n\n    // ---------------------------------------------------------\n\n    const setCrumbAsBackToParentBtn = (index = 0) => {\n      const clone = items[index].cloneNode(true) as HTMLLIElement;\n\n      const backToParentBtn = this._createBackToParentElement(clone);\n      ol.appendChild(backToParentBtn);\n    };\n\n    // Single breadcrumb item OR backToParent=true for mobile - render as backToParent button\n    if (items.length === 1) {\n      setCrumbAsBackToParentBtn();\n      return;\n    }\n\n    if (isMobile && this.backToParent) {\n      const currentPageExist = this._isCurrentPage(items[items.length - 1]);\n\n      if (currentPageExist) {\n        setCrumbAsBackToParentBtn(items.length - 2);\n      } else {\n        setCrumbAsBackToParentBtn(items.length - 1);\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((crumb, index) => {\n      const crumbIsBeforeCollapse = index < itemsBeforeCollapse;\n      const crumbIsAfterCollapse = index >= items.length - itemsAfterCollapse;\n      const isAlwaysVisible = crumbIsBeforeCollapse || crumbIsAfterCollapse;\n      const shouldHide = collapseTrail && !isAlwaysVisible; // Determines which of the crumbs is hidden\n\n      const liEl = this._createCrumbElement(crumb, this._isCurrentPage(crumb));\n      liEl.setAttribute(\"data-cloned\", \"true\");\n\n      if (shouldHide) {\n        liEl.classList.add(\"hide\");\n      }\n\n      if (!isAlwaysVisible) {\n        // Assigning which crumb is an intermediate item (aka hidable) allows us to later redirect focus on the first of these intermediates.\n        liEl.classList.add(\"intermediate\");\n      }\n\n      ol.appendChild(liEl);\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        const ellipsis = document.createElement(\"li\");\n        ellipsis.classList.add(\"nys-breadcrumbs__ellipsis\");\n\n        // Ellipse button\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        // Chevron Icon\n        const icon = document.createElement(\"nys-icon\");\n        icon.setAttribute(\"name\", \"chevron_right\");\n        icon.setAttribute(\"size\", \"14\");\n\n        ellipsis.appendChild(button);\n        ellipsis.appendChild(icon);\n        ol.appendChild(ellipsis);\n      }\n    });\n  }\n\n  private _moveFocusToFirstExpandCrumb() {\n    setTimeout(() => {\n      const ol = this.shadowRoot?.getElementById(\"crumb-list\");\n      const firstClone = ol?.querySelector(\"li[data-cloned].intermediate\");\n      firstClone?.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 || \"path to this page\"}\n    >\n      <ol id=\"crumb-list\"></ol>\n      <slot style=\"display: none;\" @slotchange=${this._handleSlotChange}></slot>\n    </nav>`;\n  }\n}\n\nif (!customElements.get(\"nys-breadcrumbs\")) {\n  customElements.define(\"nys-breadcrumbs\", NysBreadcrumbs);\n}\n"],"names":["componentIdCounter","_NysBreadcrumbs","LitElement","newThreshold","changedProperties","el","ol","li","anchor","link","label","liEL","icon","a","isCurrentPage","liEl","isMobile","items","setCrumbAsBackToParentBtn","index","clone","backToParentBtn","currentPageExist","shouldAutoCollapse","collapseTrail","lastItem","hasCurrentPage","itemsBeforeCollapse","itemsAfterCollapse","crumb","crumbIsBeforeCollapse","crumbIsAfterCollapse","isAlwaysVisible","shouldHide","ellipsis","button","expandTrail","e","html","unsafeCSS","styles","NysBreadcrumbs","__decorateClass","property"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-breadcrumbs",
-  "version": "1.19.2",
+  "version": "1.19.4",
   "description": "The Breadcrumbs component from the NYS Design System.",
   "module": "dist/nys-breadcrumbs.js",
   "types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
     "lit-analyze": "lit-analyzer 'src/**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.19.2"
+    "@nysds/nys-icon": "^1.19.4"
   },
   "devDependencies": {
     "lit": "^3.3.1",
@@ -40,5 +40,8 @@
   ],
   "author": "New York State Design System Team",
   "license": "MIT",
-  "sideEffects": true
+  "sideEffects": true,
+  "peerDependencies": {
+    "lit": "^3.3.1"
+  }
 }

package/dist/nys-breadcrumbs.d.ts

@@ -1,119 +0,0 @@
-import { LitElement } from "lit";
-/**
- * A breadcrumb navigation trail composed of `nys-breadcrumbitem` elements.
- * Collapses when the trail exceeds 5 items on desktop or 3 items on mobile,
- * showing the first, last, and item before the current page, with an ellipsis to expand.
- * A single item renders as a back-to-parent link instead of a trail.
- *
- * @summary Breadcrumb navigation trail with responsive collapse support.
- * @element nys-breadcrumbs
- *
- * @slot - One or more `nys-breadcrumbitem` elements defining the trail.
- *
- * @fires nys-breadcrumbs-expand - Fired when the user clicks the ellipsis to expand the trail.
- *
- * @example Full trail with current page
- * ```html
- * <nys-breadcrumbs>
- *  <ol>
- *   <li><a href="/">Home</a></li>
- *   <li><a href="/services">Services</a></li>
- *   <li>Current Page</li>
- *  </ol>
- * </nys-breadcrumbs>
- * ```
- *
- * @example Trail without current page
- * ```html
- * <nys-breadcrumbs>
- *  <ol>
- *   <li><a href="/">Home</a></li>
- *   <li><a href="/services">Services</a></li>
- *  </ol>
- * </nys-breadcrumbs>
- * ```
- *
- * @example Single item renders as back-to-parent
- * ```html
- * <nys-breadcrumbs>
- *  <ol>
- *   <li><a href="/services">Services</a></li>
- *  </ol>
- * </nys-breadcrumbs>
- * ```
- */
-export declare class NysBreadcrumbs extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Unique identifier. Auto-generated if not provided.
-     */
-    id: string;
-    /**
-     * Accessible label for the `<nav>` landmark. Defaults to "path to this page" if not set.
-     * Override when multiple crumbs exist on the same page.
-     */
-    ariaLabel: string;
-    /**
-     * Controls the visual size of the breadcrumb text and spacing: `sm` for dense layouts, `md` (default) for standard use.
-     * @default "md"
-     */
-    size: "sm" | "md" | "";
-    /**
-     * On mobile, renders the trail as a single back-to-parent link pointing to the item before the current page.
-     * Has no effect on desktop or when only one item is present (which always renders as a back link).
-     * @default false
-     */
-    backToParent: boolean;
-    /**
-     * Forces the trail into its collapsed state.
-     * It shows only the first item, an ellipsis, and the last two items.
-     * The user can still expand the trail by clicking the ellipsis.
-     * @default false
-     */
-    collapsed: boolean;
-    /**
-     * Renders a filled light theme background bar behind the breadcrumb trail.
-     * @default false
-     */
-    backgroundBar: boolean;
-    /**
-     * Prevents interaction.
-     * @default false
-     */
-    disabled: boolean;
-    private _collapseThreshold;
-    private _manuallyExpanded;
-    private _mediaQuery;
-    /**
-     * Lifecycle methods
-     * --------------------------------------------------------------------------
-     */
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    /**
-     * Functions
-     * --------------------------------------------------------------------------
-     */
-    private _updateCollapseThreshold;
-    private _getSlottedOl;
-    private _getSlottedItems;
-    private _getAnchor;
-    private _isCurrentPage;
-    private _createBackToParentElement;
-    private _createCrumbElement;
-    /**
-     * Main logic for cloning and handling user slots.
-     * New <ol>, <li>, and <a> tags are created and rendered out as crumbs for the breadcrumbs trail.
-     */
-    private _handleSlotChange;
-    private _moveFocusToFirstExpandCrumb;
-    /**
-     * Event Handlers
-     * --------------------------------------------------------------------------
-     */
-    private _dispatchExpandEvent;
-    render(): import("lit-html").TemplateResult<1>;
-}