npm - @nysds/nys-breadcrumbs - Versions diffs - 1.20.1 → 1.21.1 - Mend

@nysds/nys-breadcrumbs 1.20.1 → 1.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/nys-breadcrumbs.d.ts +7 -2
package/dist/nys-breadcrumbs.js +115 -101
package/dist/nys-breadcrumbs.js.map +1 -1
package/package.json +3 -3

package/dist/nys-breadcrumbs.d.ts CHANGED Viewed

@@ -167,12 +167,17 @@ export declare class NysBreadcrumbs extends NysElement {
      * --------------------------------------------------------------------------
      */
     private _updateCollapseThreshold;
+    private _boundDisabledClickGuard;
     private _getSlottedOl;
     private _getSlottedItems;
     private _getAnchor;
     private _isCurrentPage;
-    private _createBackToParentElement;
-    private _createCrumbElement;
+    private _createIcon;
+    private _resetItem;
+    private _applyDisabledState;
+    private _applyBackToParentStyle;
+    private _applyCrumbStyle;
+    private _insertEllipsis;
     /**
      * 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.

package/dist/nys-breadcrumbs.js CHANGED Viewed

@@ -1,46 +1,50 @@
-import { LitElement as T, unsafeCSS as S, html as P } from "lit";
-import { property as d } from "lit/decorators.js";
+import { LitElement as w, unsafeCSS as S, html as k } from "lit";
+import { property as o } from "lit/decorators.js";
 import "@nysds/nys-icon";
 /*!
    * █▄  █  █   █  █▀▀▀█  █▀▀▄  █▀▀▀█
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Breadcrumbs Component v1.20.1
+   * Breadcrumbs Component v1.21.1
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
 */
 /*!
-  * New York State Design System v1.20.1
+  * New York State Design System v1.21.1
   * Description: A design system for New York State's digital products.
   * Repository: https://github.com/its-hcd/nysds
   * License: MIT
 */
-let L = 0;
-function B(b) {
-  return `${b}-${Date.now()}-${L++}`;
+let C = 0;
+function E(d) {
+  return `${d}-${Date.now()}-${C++}`;
 }
-const z = (b) => {
-  class e extends b {
+const A = (d) => {
+  class e extends d {
     get idPrefix() {
       return this.localName || "nys-element";
     }
     ensureId() {
-      this.id || (this.id = B(this.idPrefix));
+      this.id || (this.id = E(this.idPrefix));
     }
     connectedCallback() {
       super.connectedCallback(), this.ensureId();
     }
   }
   return e;
-}, I = /* @__PURE__ */ z(T), M = '@charset "UTF-8";:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-250, 20px);--_nys-breadcrumbs-gap: var(--nys-space-100, 8px);--_nys-breadcrumbs-background: transparent;--_nys-breadcrumbitem-gap: var(--nys-space-50, 4px);--_nys-breadcrumbitem-color: var(--nys-color-text-weak, #4a4d4f);--_nys-breadcrumbitem-color--focus: var(--nys-color-focus, #004dd1);--_nys-breadcrumbitem-outline-width: var(--nys-border-width-md, 2px);--_nys-breadcrumbitem-outline-radius: var(--nys-radius-md, 4px);--_nys-breadcrumb-gap--ellipsis: var(--nys-space-100, 8px);--_nys-breadcrumb-color--ellipsis: var(--nys-color-text-weak, #4a4d4f);--_nys-breadcrumbs-font-size: var(--nys-font-size-ui-md, 16px);--_nys-breadcrumbs-font-weight: var(--nys-font-weight-semibold, 600);--_nys-breadcrumbs-font-weight--current: var(--nys-font-weight-regular, 400);--_nys-breadcrumbs-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-breadcrumbs-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-breadcrumbs-max-width--content: var( --nys-breadcrumbs-max-width--content, 1280px )}.nys-breadcrumbs{padding:var(--_nys-breadcrumbs-padding);font-family:var(--_nys-breadcrumbs-font-family);font-size:var(--_nys-breadcrumbs-font-size);font-weight:var(--_nys-breadcrumbs-font-weight);line-height:var(--_nys-breadcrumbs-line-height);background:var(--_nys-breadcrumbs-background);display:flex;justify-content:center}.nys-breadcrumbs.nys-breadcrumbs--background-bar{--_nys-breadcrumbs-background: var(--nys-color-theme-faint, #f7fafd)}.nys-breadcrumbs ol{padding:0;margin:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--_nys-breadcrumbs-gap);list-style:none;max-width:var(--_nys-breadcrumbs-max-width--content);width:100%}:host([size=sm]){--_nys-breadcrumbs-font-size: var(--nys-font-size-ui-sm, 14px)}:host([disabled]) .nys-breadcrumbitem a{cursor:not-allowed;--_nys-breadcrumbitem-color: var(--nys-color-text-disabled, #cec0c1)}:host([disabled]) .nys-breadcrumbitem a:hover{text-decoration:none}:host([disabled]) .nys-breadcrumbs__ellipsis .ellipsis-btn{cursor:not-allowed;opacity:.4;pointer-events:none}:host([disabled]) .nys-breadcrumbs__ellipsis .ellipsis-btn:hover{text-decoration:none}:host([disabled]) nys-icon{color:var(--nys-color-text-disabled, #cec0c1)}.nys-breadcrumbitem{padding:0;display:flex;align-items:center;gap:var(--_nys-breadcrumbitem-gap);color:var(--_nys-breadcrumbitem-color);font-weight:var(--_nys-breadcrumbs-font-weight--current);white-space:nowrap}.nys-breadcrumbitem.hide{display:none}.nys-breadcrumbitem a{text-decoration:none;color:var(--_nys-breadcrumbitem-color);font-weight:var(--_nys-breadcrumbs-font-weight)}.nys-breadcrumbitem a:hover{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:14%;text-underline-offset:auto}.nys-breadcrumbitem a:active{text-decoration-thickness:14%;--_nys-breadcrumbitem-color: var(--nys-color-text)}.nys-breadcrumbitem a:focus-visible{border-radius:var(--_nys-breadcrumbitem-outline-radius);outline:var(--_nys-breadcrumbitem-outline-width) solid var(--_nys-breadcrumbitem-color--focus);outline-offset:2px}.nys-breadcrumbs__ellipsis{display:flex;gap:var(--_nys-breadcrumb-gap--ellipsis);margin:0;align-items:center;color:var(--_nys-breadcrumb-color--ellipsis)}.nys-breadcrumbs__ellipsis .ellipsis-btn{border:none;padding:0;background-color:inherit;text-decoration:none;font-family:var(--_nys-breadcrumbs-font-family);font-size:var(--_nys-breadcrumbs-font-size);font-weight:var(--_nys-breadcrumbs-font-weight);line-height:var(--_nys-breadcrumbs-line-height);color:var(--_nys-breadcrumb-color--ellipsis);cursor:pointer}.nys-breadcrumbs__ellipsis .ellipsis-btn:hover{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto}.nys-breadcrumbs__ellipsis .ellipsis-btn:active{text-decoration-thickness:14%}.nys-breadcrumbs__ellipsis .ellipsis-btn:focus-visible{border-radius:var(--_nys-breadcrumbitem-outline-radius);outline:var(--_nys-breadcrumbitem-outline-width) solid var(--_nys-breadcrumbitem-color--focus);outline-offset:2px}.nys-breadcrumbs__ellipsis nys-icon{margin-top:-3px}:host-context([dir=rtl]) nys-icon{transform:scaleX(-1)}@media(min-width:480px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-250, 20px)}}@media(min-width:768px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)}}@media(min-width:1024px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)}}@media(min-width:1280px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-800, 64px)}}';
-var Q = Object.defineProperty, c = (b, e, s, t) => {
-  for (var r = void 0, a = b.length - 1, n; a >= 0; a--)
-    (n = b[a]) && (r = n(e, s, r) || r);
-  return r && Q(e, s, r), r;
+}, T = /* @__PURE__ */ A(w), L = '@charset "UTF-8";:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-250, 20px);--_nys-breadcrumbs-gap: var(--nys-space-100, 8px);--_nys-breadcrumbs-background: transparent;--_nys-breadcrumbitem-gap: var(--nys-space-50, 4px);--_nys-breadcrumbitem-color: var(--nys-color-text-weak, #4a4d4f);--_nys-breadcrumbitem-color--focus: var(--nys-color-focus, #004dd1);--_nys-breadcrumbitem-outline-width: var(--nys-border-width-md, 2px);--_nys-breadcrumbitem-outline-radius: var(--nys-radius-md, 4px);--_nys-breadcrumb-gap--ellipsis: var(--nys-space-100, 8px);--_nys-breadcrumb-color--ellipsis: var(--nys-color-text-weak, #4a4d4f);--_nys-breadcrumbs-font-size: var(--nys-font-size-ui-md, 16px);--_nys-breadcrumbs-font-weight: var(--nys-font-weight-semibold, 600);--_nys-breadcrumbs-font-weight--current: var(--nys-font-weight-regular, 400);--_nys-breadcrumbs-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-breadcrumbs-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-breadcrumbs-max-width--content: var( --nys-max-width--content, var(--nys-breadcrumbs-max-width--content, 1280px) )}.nys-breadcrumbs{padding:var(--_nys-breadcrumbs-padding);background:var(--_nys-breadcrumbs-background);display:flex;justify-content:center}.nys-breadcrumbs.nys-breadcrumbs--background-bar{--_nys-breadcrumbs-background: var(--nys-color-theme-faint, #f7fafd)}:host([size=sm]){--_nys-breadcrumbs-font-size: var(--nys-font-size-ui-sm, 14px)}@media(min-width:480px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-250, 20px)}}@media(min-width:768px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)}}@media(min-width:1024px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)}}@media(min-width:1280px){:host{--_nys-breadcrumbs-padding: var(--nys-space-150, 12px) var(--nys-space-800, 64px)}}', P = "nys-breadcrumbs:not(#_) ol{padding:0;margin:0;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--_nys-breadcrumbs-gap);list-style:none;max-width:var(--_nys-breadcrumbs-max-width--content);width:100%}nys-breadcrumbs:not(#_) li{margin:0}nys-breadcrumbs:not(#_) .nys-breadcrumbitem{padding:0;display:flex;align-items:center;gap:var(--_nys-breadcrumbitem-gap);color:var(--_nys-breadcrumbitem-color);font-family:var(--_nys-breadcrumbs-font-family);font-size:var(--_nys-breadcrumbs-font-size);font-weight:var(--_nys-breadcrumbs-font-weight--current);line-height:var(--_nys-breadcrumbs-line-height);white-space:nowrap}nys-breadcrumbs:not(#_) .nys-breadcrumbitem.hide{display:none}nys-breadcrumbs:not(#_) .nys-breadcrumbitem a{text-decoration:none;color:var(--_nys-breadcrumbitem-color);font-family:var(--_nys-breadcrumbs-font-family);font-size:var(--_nys-breadcrumbs-font-size);font-weight:var(--_nys-breadcrumbs-font-weight);line-height:var(--_nys-breadcrumbs-line-height)}nys-breadcrumbs:not(#_) .nys-breadcrumbitem a:visited{color:var(--_nys-breadcrumbitem-color)}nys-breadcrumbs:not(#_) .nys-breadcrumbitem a:hover{color:var(--_nys-breadcrumbitem-color);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:14%;text-underline-offset:auto}nys-breadcrumbs:not(#_) .nys-breadcrumbitem a:active{color:var(--nys-color-text);text-decoration-thickness:14%}nys-breadcrumbs:not(#_) .nys-breadcrumbitem a:focus-visible{border-radius:var(--_nys-breadcrumbitem-outline-radius);outline:var(--_nys-breadcrumbitem-outline-width) solid var(--_nys-breadcrumbitem-color--focus);outline-offset:2px}nys-breadcrumbs:not(#_) .nys-breadcrumbitem a[aria-disabled=true]{cursor:not-allowed;color:var(--nys-color-text-disabled, #cec0c1)}nys-breadcrumbs:not(#_) .nys-breadcrumbitem a[aria-disabled=true]:hover{text-decoration:none}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis{display:flex;gap:var(--_nys-breadcrumb-gap--ellipsis);margin:0;align-items:center;color:var(--_nys-breadcrumb-color--ellipsis)}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis .ellipsis-btn{border:none;padding:0;background-color:inherit;text-decoration:none;font-family:var(--_nys-breadcrumbs-font-family);font-size:var(--_nys-breadcrumbs-font-size);font-weight:var(--_nys-breadcrumbs-font-weight);line-height:var(--_nys-breadcrumbs-line-height);color:var(--_nys-breadcrumb-color--ellipsis);cursor:pointer}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis .ellipsis-btn:visited{color:var(--_nys-breadcrumb-color--ellipsis)}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis .ellipsis-btn:hover{color:var(--_nys-breadcrumb-color--ellipsis);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis .ellipsis-btn:active{color:var(--_nys-breadcrumb-color--ellipsis);text-decoration-thickness:14%}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis .ellipsis-btn:focus{color:var(--_nys-breadcrumb-color--ellipsis)}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis .ellipsis-btn:focus-visible{border-radius:var(--_nys-breadcrumbitem-outline-radius);outline:var(--_nys-breadcrumbitem-outline-width) solid var(--_nys-breadcrumbitem-color--focus);outline-offset:2px}nys-breadcrumbs:not(#_) .nys-breadcrumbs__ellipsis nys-icon{margin-top:-3px}nys-breadcrumbs:not(#_)[disabled] nys-icon{color:var(--nys-color-text-disabled, #cec0c1)}nys-breadcrumbs:not(#_)[disabled] .nys-breadcrumbs__ellipsis .ellipsis-btn{cursor:not-allowed;opacity:.4;pointer-events:none}nys-breadcrumbs:not(#_)[disabled] .nys-breadcrumbs__ellipsis .ellipsis-btn:hover{text-decoration:none}[dir=rtl] nys-breadcrumbs nys-icon{transform:scaleX(-1)}";
+var I = Object.defineProperty, l = (d, e, s, t) => {
+  for (var r = void 0, a = d.length - 1, m; a >= 0; a--)
+    (m = d[a]) && (r = m(e, s, r) || r);
+  return r && I(e, s, r), r;
 };
-const x = class x extends I {
+let y = null;
+function z() {
+  y || typeof document > "u" || (y = new CSSStyleSheet(), y.replaceSync(P), document.adoptedStyleSheets = [...document.adoptedStyleSheets, y]);
+}
+const u = "data-nys-injected", _ = class _ extends T {
   /**
    * Lifecycle methods
    * --------------------------------------------------------------------------
@@ -49,10 +53,12 @@ const x = class x extends I {
     super(), this.id = "", this.ariaLabel = "", this.size = "md", this.backToParent = !1, this.collapsed = !1, this.backgroundBar = !1, this.disabled = !1, this._collapseThreshold = 5, this._manuallyExpanded = !1, this._mediaQuery = null, this._updateCollapseThreshold = () => {
       const s = this._mediaQuery?.matches ?? window.innerWidth < 768 ? 3 : 5;
       s !== this._collapseThreshold && (this._collapseThreshold = s, this._manuallyExpanded = !1, this._handleSlotChange());
+    }, this._boundDisabledClickGuard = (e) => {
+      e.target?.closest?.("a")?.getAttribute("aria-disabled") === "true" && e.preventDefault();
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 767px)"), this._mediaQuery.addEventListener("change", this._updateCollapseThreshold);
+    super.connectedCallback(), z(), this._mediaQuery = window.matchMedia("(max-width: 767px)"), this._mediaQuery.addEventListener("change", this._updateCollapseThreshold);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener(
@@ -61,21 +67,19 @@ const x = class x extends I {
     ), this._mediaQuery = null;
   }
   firstUpdated() {
-    this._handleSlotChange();
+    const e = this.shadowRoot?.querySelector("slot");
+    e?.addEventListener("slotchange", () => this._handleSlotChange()), e?.addEventListener("click", this._boundDisabledClickGuard), this._handleSlotChange();
   }
   updated(e) {
     (e.has("collapsed") || e.has("backToParent") || e.has("disabled")) && this._handleSlotChange();
   }
   _getSlottedOl() {
-    return (this.shadowRoot?.querySelector(
-      "slot"
-    )?.assignedElements({ flatten: !0 }) ?? []).find((t) => t.tagName === "OL") ?? null;
+    return (this.shadowRoot?.querySelector("slot")?.assignedElements({ flatten: !0 }) ?? []).find((t) => t.tagName === "OL") ?? null;
   }
-  _getSlottedItems() {
-    const e = this._getSlottedOl();
-    return e ? Array.from(e.children).filter(
-      (s) => s.tagName === "LI"
-    ) : [];
+  _getSlottedItems(e) {
+    return Array.from(e.children).filter(
+      (s) => s.tagName === "LI" && !s.hasAttribute(u)
+    );
   }
   _getAnchor(e) {
     return e.querySelector("a");
@@ -83,71 +87,82 @@ const x = class x extends I {
   _isCurrentPage(e) {
     return !this._getAnchor(e);
   }
-  _createBackToParentElement(e) {
-    const s = this._getAnchor(e), t = s?.getAttribute("href") ?? "", r = s?.textContent?.trim() ?? e.textContent?.trim() ?? "", a = document.createElement("li");
-    a.className = "nys-breadcrumbitem";
-    const n = document.createElement("nys-icon");
-    n.setAttribute("name", "arrow_back"), n.setAttribute("size", "16");
-    const i = document.createElement("a");
-    return this.disabled || (i.href = t), i.textContent = r, this.disabled && i.setAttribute("aria-disabled", "true"), a.appendChild(n), a.appendChild(i), a;
-  }
-  _createCrumbElement(e, s) {
-    const t = this._getAnchor(e), r = t?.getAttribute("href") ?? "", a = t?.textContent?.trim() ?? e.textContent?.trim() ?? "", n = document.createElement("li");
-    if (n.className = "nys-breadcrumbitem", s)
-      return n.setAttribute("aria-current", "page"), n.textContent = a, n;
-    const i = document.createElement("a");
-    this.disabled || (i.href = r), i.textContent = a, this.disabled && i.setAttribute("aria-disabled", "true");
-    const m = document.createElement("nys-icon");
-    return m.setAttribute("name", "chevron_right"), m.setAttribute("size", "14"), n.appendChild(i), n.appendChild(m), n;
+  _createIcon(e, s) {
+    const t = document.createElement("nys-icon");
+    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());
+    const s = this._getAnchor(e);
+    s && (s.removeAttribute("aria-disabled"), s.removeAttribute("tabindex"));
+  }
+  _applyDisabledState(e) {
+    this.disabled && (e.setAttribute("aria-disabled", "true"), e.setAttribute("tabindex", "-1"));
+  }
+  _applyBackToParentStyle(e) {
+    e.classList.add("nys-breadcrumbitem", "back-to-parent");
+    const s = this._getAnchor(e);
+    s && (this._applyDisabledState(s), s.insertAdjacentElement(
+      "beforebegin",
+      this._createIcon("arrow_back", "16")
+    ));
+  }
+  _applyCrumbStyle(e, s) {
+    if (e.classList.add("nys-breadcrumbitem"), s) {
+      e.setAttribute("aria-current", "page");
+      return;
+    }
+    const t = this._getAnchor(e);
+    t && (this._applyDisabledState(t), t.insertAdjacentElement(
+      "afterend",
+      this._createIcon("chevron_right", "14")
+    ));
+  }
+  _insertEllipsis(e) {
+    const s = document.createElement("li");
+    s.classList.add("nys-breadcrumbs__ellipsis"), s.setAttribute(u, "true");
+    const t = document.createElement("a");
+    t.classList.add("ellipsis-btn"), t.setAttribute("aria-label", "Show more links"), t.setAttribute("role", "button"), t.setAttribute("href", "#"), t.textContent = "…";
+    const r = (a) => {
+      a.preventDefault(), this._manuallyExpanded = !0, this.collapsed = !1, this._handleSlotChange(), this._dispatchExpandEvent(), this._moveFocusToFirstExpandCrumb();
+    };
+    t.addEventListener("click", r), t.addEventListener("keydown", (a) => {
+      a.key === " " && r(a);
+    }), s.appendChild(t), s.appendChild(this._createIcon("chevron_right", "14")), e.insertAdjacentElement("afterend", s);
   }
   /**
    * 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.
    */
   _handleSlotChange() {
-    const e = this._mediaQuery?.matches ?? window.innerWidth < 768, s = this.shadowRoot?.getElementById("crumb-list");
+    const e = this._mediaQuery?.matches ?? window.innerWidth < 768, s = this._getSlottedOl();
     if (!s) return;
-    const t = this._getSlottedItems();
+    s.querySelectorAll(`li[${u}]`).forEach((n) => n.remove());
+    const t = this._getSlottedItems(s);
     if (t.length === 0) return;
-    s.innerHTML = "";
-    const r = (u = 0) => {
-      const h = t[u].cloneNode(!0), g = this._createBackToParentElement(h);
-      s.appendChild(g);
-    };
-    if (t.length === 1) {
-      r();
+    if (t.forEach((n) => this._resetItem(n)), t.length === 1) {
+      this._applyBackToParentStyle(t[0]);
       return;
     }
     if (e && this.backToParent) {
-      const u = this._isCurrentPage(t[t.length - 1]);
-      r(u ? t.length - 2 : t.length - 1);
+      const b = this._isCurrentPage(t[t.length - 1]) ? t.length - 2 : t.length - 1;
+      t.forEach((c, p) => {
+        p === b ? this._applyBackToParentStyle(c) : (this._applyCrumbStyle(c, this._isCurrentPage(c)), c.classList.add("hide"));
+      });
       return;
     }
-    const a = !this._manuallyExpanded && t.length > this._collapseThreshold, n = this.collapsed || a, i = t[t.length - 1], m = this._isCurrentPage(i), _ = Math.min(1, t.length - 1), k = Math.min(
-      m ? 2 : 1,
-      t.length - _
+    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(
+      g ? 2 : 1,
+      t.length - h
     );
-    t.forEach((u, h) => {
-      const g = h < _, E = h >= t.length - k, C = g || E, A = n && !C, p = this._createCrumbElement(u, this._isCurrentPage(u));
-      if (p.setAttribute("data-cloned", "true"), A && p.classList.add("hide"), C || p.classList.add("intermediate"), s.appendChild(p), h === _ - 1 && n && t.length > 2) {
-        const y = document.createElement("li");
-        y.classList.add("nys-breadcrumbs__ellipsis");
-        const l = document.createElement("a");
-        l.classList.add("ellipsis-btn"), l.setAttribute("aria-label", "Show more links"), l.setAttribute("role", "button"), l.setAttribute("href", "#"), l.textContent = "…";
-        const w = (f) => {
-          f.preventDefault(), this._manuallyExpanded = !0, this.collapsed = !1, this._handleSlotChange(), this._dispatchExpandEvent(), this._moveFocusToFirstExpandCrumb();
-        };
-        l.addEventListener("click", w), l.addEventListener("keydown", (f) => {
-          f.key === " " && w(f);
-        });
-        const v = document.createElement("nys-icon");
-        v.setAttribute("name", "chevron_right"), v.setAttribute("size", "14"), y.appendChild(l), y.appendChild(v), s.appendChild(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);
     });
   }
   _moveFocusToFirstExpandCrumb() {
     setTimeout(() => {
-      this.shadowRoot?.getElementById("crumb-list")?.querySelector("li[data-cloned].intermediate")?.querySelector("a")?.focus();
+      this._getSlottedOl()?.querySelector("li.intermediate")?.querySelector("a")?.focus();
     }, 0);
   }
   /**
@@ -164,40 +179,39 @@ const x = class x extends I {
     );
   }
   render() {
-    return P`<nav
+    return k`<nav
       class="nys-breadcrumbs ${this.backgroundBar ? "nys-breadcrumbs--background-bar" : ""}"
       aria-label=${this.ariaLabel || "Breadcrumb"}
     >
-      <ol id="crumb-list"></ol>
-      <slot style="display: none;" @slotchange=${this._handleSlotChange}></slot>
+      <slot @slotchange=${this._handleSlotChange}></slot>
     </nav>`;
   }
 };
-x.styles = S(M);
-let o = x;
-c([
-  d({ type: String, reflect: !0 })
-], o.prototype, "id");
-c([
-  d({ type: String })
-], o.prototype, "ariaLabel");
-c([
-  d({ type: String, reflect: !0 })
-], o.prototype, "size");
-c([
-  d({ type: Boolean })
-], o.prototype, "backToParent");
-c([
-  d({ type: Boolean })
-], o.prototype, "collapsed");
-c([
-  d({ type: Boolean })
-], o.prototype, "backgroundBar");
-c([
-  d({ type: Boolean, reflect: !0 })
-], o.prototype, "disabled");
-customElements.get("nys-breadcrumbs") || customElements.define("nys-breadcrumbs", o);
+_.styles = S(L);
+let i = _;
+l([
+  o({ type: String, reflect: !0 })
+], i.prototype, "id");
+l([
+  o({ type: String })
+], i.prototype, "ariaLabel");
+l([
+  o({ type: String, reflect: !0 })
+], i.prototype, "size");
+l([
+  o({ type: Boolean })
+], i.prototype, "backToParent");
+l([
+  o({ type: Boolean })
+], i.prototype, "collapsed");
+l([
+  o({ type: Boolean })
+], i.prototype, "backgroundBar");
+l([
+  o({ type: Boolean, reflect: !0 })
+], i.prototype, "disabled");
+customElements.get("nys-breadcrumbs") || customElements.define("nys-breadcrumbs", i);
 export {
-  o as NysBreadcrumbs
+  i as NysBreadcrumbs
 };
 //# sourceMappingURL=nys-breadcrumbs.js.map

package/dist/nys-breadcrumbs.js.map CHANGED Viewed

	@@ -1 +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.20.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\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 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 // WCAG 4.1.2 / WAI-ARIA breadcrumb pattern: the current page must be\n // programmatically identified so assistive tech announces \"current page\".\n liEl.setAttribute(\"aria-current\", \"page\");\n liEl.textContent = label;\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 \|\| \"Breadcrumb\"}\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":["LitElement","unsafeCSS","html","property","y","f","e","b","t","P","u","_NysBreadcrumbs","NysElement","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","styles","NysBreadcrumbs","__decorateClass"],"mappings":"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"}
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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"}

package/package.json CHANGED Viewed

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