@nysds/nys-stepper 1.11.1 → 1.11.3

package/dist/nys-stepper.js

@@ -1,676 +1,30 @@
-import { css as U, LitElement as A, html as k } from "lit";
-/*!
-   * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
-   * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
-   * ▒█░░▀█ ░░▒█░░ ▒█▄▄▄█ ▒█▄▄▀ ▒█▄▄▄█
-   * 
-   * Stepper Component
-   * Part of the New York State Design System
-   * Repository: https://github.com/its-hcd/nysds
-   * License: MIT
-*/
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const f = globalThis, b = f.ShadowRoot && (f.ShadyCSS === void 0 || f.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, P = Symbol(), E = /* @__PURE__ */ new WeakMap();
-let z = class {
-  constructor(e, t, s) {
-    if (this._$cssResult$ = !0, s !== P) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = e, this.t = t;
-  }
-  get styleSheet() {
-    let e = this.o;
-    const t = this.t;
-    if (b && e === void 0) {
-      const s = t !== void 0 && t.length === 1;
-      s && (e = E.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), s && E.set(t, e));
-    }
-    return e;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const T = (o) => new z(typeof o == "string" ? o : o + "", void 0, P), M = (o, e) => {
-  if (b) o.adoptedStyleSheets = e.map(((t) => t instanceof CSSStyleSheet ? t : t.styleSheet));
-  else for (const t of e) {
-    const s = document.createElement("style"), r = f.litNonce;
-    r !== void 0 && s.setAttribute("nonce", r), s.textContent = t.cssText, o.appendChild(s);
-  }
-}, $ = b ? (o) => o : (o) => o instanceof CSSStyleSheet ? ((e) => {
-  let t = "";
-  for (const s of e.cssRules) t += s.cssText;
-  return T(t);
-})(o) : o;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: j, defineProperty: L, getOwnPropertyDescriptor: N, getOwnPropertyNames: R, getOwnPropertySymbols: B, getPrototypeOf: q } = Object, m = globalThis, S = m.trustedTypes, D = S ? S.emptyScript : "", H = m.reactiveElementPolyfillSupport, u = (o, e) => o, v = { toAttribute(o, e) {
-  switch (e) {
-    case Boolean:
-      o = o ? D : null;
-      break;
-    case Object:
-    case Array:
-      o = o == null ? o : JSON.stringify(o);
-  }
-  return o;
-}, fromAttribute(o, e) {
-  let t = o;
-  switch (e) {
-    case Boolean:
-      t = o !== null;
-      break;
-    case Number:
-      t = o === null ? null : Number(o);
-      break;
-    case Object:
-    case Array:
-      try {
-        t = JSON.parse(o);
-      } catch {
-        t = null;
-      }
-  }
-  return t;
-} }, g = (o, e) => !j(o, e), C = { attribute: !0, type: String, converter: v, reflect: !1, useDefault: !1, hasChanged: g };
-Symbol.metadata ??= Symbol("metadata"), m.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-class h extends HTMLElement {
-  static addInitializer(e) {
-    this._$Ei(), (this.l ??= []).push(e);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(e, t = C) {
-    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
-      const s = Symbol(), r = this.getPropertyDescriptor(e, s, t);
-      r !== void 0 && L(this.prototype, e, r);
-    }
-  }
-  static getPropertyDescriptor(e, t, s) {
-    const { get: r, set: n } = N(this.prototype, e) ?? { get() {
-      return this[t];
-    }, set(i) {
-      this[t] = i;
-    } };
-    return { get: r, set(i) {
-      const a = r?.call(this);
-      n?.call(this, i), this.requestUpdate(e, a, s);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(e) {
-    return this.elementProperties.get(e) ?? C;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(u("elementProperties"))) return;
-    const e = q(this);
-    e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(u("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(u("properties"))) {
-      const t = this.properties, s = [...R(t), ...B(t)];
-      for (const r of s) this.createProperty(r, t[r]);
-    }
-    const e = this[Symbol.metadata];
-    if (e !== null) {
-      const t = litPropertyMetadata.get(e);
-      if (t !== void 0) for (const [s, r] of t) this.elementProperties.set(s, r);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [t, s] of this.elementProperties) {
-      const r = this._$Eu(t, s);
-      r !== void 0 && this._$Eh.set(r, t);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(e) {
-    const t = [];
-    if (Array.isArray(e)) {
-      const s = new Set(e.flat(1 / 0).reverse());
-      for (const r of s) t.unshift($(r));
-    } else e !== void 0 && t.push($(e));
-    return t;
-  }
-  static _$Eu(e, t) {
-    const s = t.attribute;
-    return s === !1 ? void 0 : typeof s == "string" ? s : typeof e == "string" ? e.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise(((e) => this.enableUpdating = e)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((e) => e(this)));
-  }
-  addController(e) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
-  }
-  removeController(e) {
-    this._$EO?.delete(e);
-  }
-  _$E_() {
-    const e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
-    for (const s of t.keys()) this.hasOwnProperty(s) && (e.set(s, this[s]), delete this[s]);
-    e.size > 0 && (this._$Ep = e);
-  }
-  createRenderRoot() {
-    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return M(e, this.constructor.elementStyles), e;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((e) => e.hostConnected?.()));
-  }
-  enableUpdating(e) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach(((e) => e.hostDisconnected?.()));
-  }
-  attributeChangedCallback(e, t, s) {
-    this._$AK(e, s);
-  }
-  _$ET(e, t) {
-    const s = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, s);
-    if (r !== void 0 && s.reflect === !0) {
-      const n = (s.converter?.toAttribute !== void 0 ? s.converter : v).toAttribute(t, s.type);
-      this._$Em = e, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
-    }
-  }
-  _$AK(e, t) {
-    const s = this.constructor, r = s._$Eh.get(e);
-    if (r !== void 0 && this._$Em !== r) {
-      const n = s.getPropertyOptions(r), i = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : v;
-      this._$Em = r;
-      const a = i.fromAttribute(t, n.type);
-      this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
-    }
-  }
-  requestUpdate(e, t, s) {
-    if (e !== void 0) {
-      const r = this.constructor, n = this[e];
-      if (s ??= r.getPropertyOptions(e), !((s.hasChanged ?? g)(n, t) || s.useDefault && s.reflect && n === this._$Ej?.get(e) && !this.hasAttribute(r._$Eu(e, s)))) return;
-      this.C(e, t, s);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(e, t, { useDefault: s, reflect: r, wrapped: n }, i) {
-    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, i ?? t ?? this[e]), n !== !0 || i !== void 0) || (this._$AL.has(e) || (this.hasUpdated || s || (t = void 0), this._$AL.set(e, t)), r === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (t) {
-      Promise.reject(t);
-    }
-    const e = this.scheduleUpdate();
-    return e != null && await e, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [r, n] of this._$Ep) this[r] = n;
-        this._$Ep = void 0;
-      }
-      const s = this.constructor.elementProperties;
-      if (s.size > 0) for (const [r, n] of s) {
-        const { wrapped: i } = n, a = this[r];
-        i !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, n, a);
-      }
-    }
-    let e = !1;
-    const t = this._$AL;
-    try {
-      e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach(((s) => s.hostUpdate?.())), this.update(t)) : this._$EM();
-    } catch (s) {
-      throw e = !1, this._$EM(), s;
-    }
-    e && this._$AE(t);
-  }
-  willUpdate(e) {
-  }
-  _$AE(e) {
-    this._$EO?.forEach(((t) => t.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(e) {
-    return !0;
-  }
-  update(e) {
-    this._$Eq &&= this._$Eq.forEach(((t) => this._$ET(t, this[t]))), this._$EM();
-  }
-  updated(e) {
-  }
-  firstUpdated(e) {
-  }
-}
-h.elementStyles = [], h.shadowRootOptions = { mode: "open" }, h[u("elementProperties")] = /* @__PURE__ */ new Map(), h[u("finalized")] = /* @__PURE__ */ new Map(), H?.({ ReactiveElement: h }), (m.reactiveElementVersions ??= []).push("2.1.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const I = { attribute: !0, type: String, converter: v, reflect: !1, hasChanged: g }, K = (o = I, e, t) => {
-  const { kind: s, metadata: r } = t;
-  let n = globalThis.litPropertyMetadata.get(r);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), s === "setter" && ((o = Object.create(o)).wrapped = !0), n.set(t.name, o), s === "accessor") {
-    const { name: i } = t;
-    return { set(a) {
-      const _ = e.get.call(this);
-      e.set.call(this, a), this.requestUpdate(i, _, o);
-    }, init(a) {
-      return a !== void 0 && this.C(i, void 0, o, a), a;
-    } };
-  }
-  if (s === "setter") {
-    const { name: i } = t;
-    return function(a) {
-      const _ = this[i];
-      e.call(this, a), this.requestUpdate(i, _, o);
-    };
-  }
-  throw Error("Unsupported decorator location: " + s);
-};
-function l(o) {
-  return (e, t) => typeof t == "object" ? K(o, e, t) : ((s, r, n) => {
-    const i = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, s), i ? Object.getOwnPropertyDescriptor(r, n) : void 0;
-  })(o, e, t);
-}
-const O = U`
-  :host {
-    /* Anything that can be overridden should be defined here */
-
-    /* Global Stepper Styles */
-
-    /* Typography */
-    --_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);
-    --_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);
-    --_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);
-    --_nys-stepper-font-family: var(
-      --nys-font-family-ui,
-      var(
-        --nys-font-family-sans,
-        "Proxima Nova",
-        "Helvetica Neue",
-        "Helvetica",
-        "Arial",
-        sans-serif
-      )
-    );
-    --_nys-step-color: var(--nys-color-text, #1b1b1b);
-    --_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6);
-  }
-
-  .nys-stepper {
-    font-family: var(--_nys-stepper-font-family);
-    font-size: var(--_nys-stepper-font-size);
-    font-weight: var(--_nys-stepper-font-weight);
-    line-height: var(--_nys-stepper-line-height);
-    display: flex;
-    flex-direction: column;
-    counter-reset: step;
-    background-color: var(--_nys-stepper-background-color);
-    max-width: 100%;
-    height: 100%;
-  }
-
-  .nys-stepper__header {
-    display: flex;
-    flex-direction: column;
-    padding: var(--nys-space-400, 32px) var(--nys-space-400, 32px)
-      var(--nys-space-150, 12px);
-  }
-
-  ::slotted(div[slot="actions"]) {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    gap: var(--nys-space-100, 8px);
-    margin-bottom: var(--nys-space-300, 24px);
-  }
-
-  .nys-stepper__counter {
-    display: none;
-    text-decoration: underline;
-    text-decoration-style: solid;
-    text-decoration-skip-ink: auto;
-    text-decoration-thickness: 7%; /* 1.12px */
-    text-underline-offset: auto;
-    text-underline-position: from-font;
-    color: var(--nys-color-text, #1b1b1b);
-    text-overflow: ellipsis;
-    font-family: var(--nys-font-family-ui, "Proxima Nova");
-    font-size: var(--nys-font-size-ui-md, 16px);
-    font-style: normal;
-    font-weight: 400;
-    line-height: var(--nys-font-size-ui-md, 16px);
-    cursor: pointer;
-    width: fit-content;
-  }
-
-  .nys-stepper__steps {
-    display: flex;
-    flex-direction: column;
-    padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)
-      var(--nys-space-400, 32px);
-    overflow-y: scroll;
-    height: -webkit-fit-content;
-    height: -moz-available;
-    scrollbar-width: none;
-    background:
-    /* Shadow Cover TOP */
-      linear-gradient(
-          var(--nys-color-surface-raised, #f6f6f6) 30%,
-          rgba(255, 255, 255, 0)
-        )
-        center top,
-      /* Shadow Cover BOTTOM */
-        linear-gradient(
-          rgba(255, 255, 255, 0),
-          var(--nys-color-surface-raised, #f6f6f6) 70%
-        )
-        center bottom,
-      /* Shadow TOP */
-        linear-gradient(to bottom, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) top,
-      /* Shadow BOTTOM */
-        linear-gradient(to top, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) bottom;
-
-    background-repeat: no-repeat;
-    background-size:
-      100% 40px,
-      100% 40px,
-      100% 14px,
-      100% 14px;
-    background-attachment: local, local, scroll, scroll;
-    background-color: var(--nys-color-surface-raised, #f6f6f6);
-  }
-
-  .nys-step {
-    position: relative;
-    counter-increment: step;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .nys-step__contentwrapper {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: var(--nys-space-150, 12px);
-    cursor: default;
-    width: fit-content;
-  }
-
-  .nys-step__contentwrapper:focus-visible {
-    outline: solid var(--nys-color-focus, #004dd1)
-      var(--nys-border-width-md, 2px);
-    outline-offset: var(--nys-space-2px, 2px);
-    border-radius: var(--nys-radius-md, 4px);
-  }
-
-  .nys-step__linewrapper {
-    width: 24px;
-    display: flex;
-    justify-content: center;
-  }
-
-  .nys-step__line {
-    width: var(--nys-size-1px, 1px);
-    height: var(--nys-size-300, 24px);
-    border-radius: var(--nys-radius-round, 1776px);
-    background: var(--nys-color-black-transparent-200, rgba(27, 27, 27, 0.2));
-    margin: var(--nys-space-100, 8px) 0;
-  }
-
-  .nys-step__number {
-    border-radius: var(--nys-radius-round, 1776px);
-    border: var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);
-    background: var(
-      --nys-color-white-transparent-900,
-      rgba(255, 255, 255, 0.9)
-    );
-    width: var(--nys-size-300, 24px);
-    height: var(--nys-size-300, 24px);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    color: var(--nys-color-text, #1b1b1b);
-  }
-
-  :host([previous]) .nys-step__number,
-  :host([previous]) .nys-step__line,
-  :host([current]) .nys-step__number,
-  :host([current]) .nys-step__line {
-    background-color: var(--nys-color-theme-stronger, #081b2b);
-    color: var(--nys-color-text-reverse, #fff);
-    border-color: var(--nys-color-theme-stronger, #081b2b);
-  }
-
-  :host([selected]) .nys-step__number {
-    background-color: var(--nys-color-theme, #154973);
-    color: var(--nys-color-text-reverse, #fff);
-    border-color: var(--nys-color-theme, #154973);
-    outline: var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9);
-  }
-
-  /* Hide the line wrapper in the last step */
-  :host([first]) .nys-step__linewrapper {
-    display: none !important;
-  }
-
-  .nys-step__content {
-    display: flex;
-    flex-direction: column;
-    gap: var(--nys-space-100, 8px);
-  }
-
-  .nys-step__label {
-    color: var(--_nys-step-color);
-    font-family: var(--_nys-stepper-font-family);
-    font-size: var(--_nys-stepper-font-size);
-    font-weight: var(--_nys-stepper-font-weight);
-    line-height: var(--_nys-stepper-line-height);
-    line-height: var(--nys-font-size-ui-md, 16px);
-    letter-spacing: var(--nys-font-letterspacing-ui-md, 0.044px);
-    text-decoration-style: solid;
-    text-decoration-skip-ink: auto;
-    text-decoration-thickness: var(7%, 1.12px);
-    text-underline-offset: auto;
-  }
-
-  :host([current]) .nys-step__label,
-  :host([previous]) .nys-step__label {
-    text-decoration-line: underline;
-  }
-
-  :host([current]) .nys-step__contentwrapper,
-  :host([previous]) .nys-step__contentwrapper {
-    cursor: pointer;
-  }
-
-  :host([selected]) .nys-step__label {
-    /* UI/Medium/Bold */
-    font-weight: 700;
-    text-decoration-line: none;
-  }
-
-  :host([selected]) .nys-step__contentwrapper {
-    cursor: default;
-  }
-
-  :host([selected]) .nys-step__contentwrapper:focus-visible {
-    outline-offset: 6px;
-  }
-
-  @media (max-width: 1023px) {
-    .nys-stepper {
-      max-width: 1023px;
-      width: 100%;
-    }
-
-    .nys-stepper__header {
-      flex-direction: row-reverse;
-      justify-content: space-between;
-      padding: var(--nys-space-150, 12px);
-      gap: var(--nys-space-200, 16px);
-    }
-
-    .nys-stepper__headertext {
-      flex: 1 1 0;
-      min-width: 0;
-    }
-
-    ::slotted(div[slot="actions"]) {
-      margin-bottom: 0;
-      min-width: 0;
-      justify-content: end;
-    }
-
-    .nys-stepper__counter {
-      display: block;
-    }
-
-    .nys-stepper__steps {
-      flex-direction: row;
-      gap: var(--nys-space-2px, 2px);
-      padding: 0;
-    }
-
-    .nys-stepper__steps::slotted(*) {
-      flex: 1;
-    }
-
-    .nys-step__number {
-      border-radius: 0;
-      border: none;
-      background-color: var(--nys-color-neutral-200, #bec0c1);
-      height: var(--nys-size-100, 8px);
-      width: 100%;
-      color: transparent;
-    }
-
-    :host([previous]) .nys-step__number,
-    :host([current]) .nys-step__number {
-      background-color: var(--nys-color-neutral-900, #1b1b1b);
-      color: transparent;
-    }
-
-    :host([selected]) .nys-step__number {
-      background-color: var(--nys-color-theme-mid, #457aa5);
-      outline: none;
-    }
-
-    .nys-step__content,
-    .nys-step__linewrapper {
-      display: none;
-    }
-
-    .nys-step__contentwrapper {
-      cursor: default;
-      pointer-events: none;
-      width: auto;
-    }
-
-    /* ---------------- Expanded Mode ---------------- */
-    :host([isCompactExpanded]) .nys-step__content,
-    :host([isCompactExpanded]) .nys-step__linewrapper {
-      display: flex;
-    }
-
-    :host([isCompactExpanded]) .nys-stepper__header {
-      padding-bottom: var(--nys-space-250, 20px);
-    }
-
-    :host([isCompactExpanded]) .nys-stepper__steps {
-      width: -webkit-fill-available;
-      width: -moz-available;
-      z-index: 9999;
-      overflow-y: auto;
-      flex-direction: column;
-      gap: 0;
-      padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)
-        var(--nys-space-400, 32px);
-    }
-
-    :host([isCompactExpanded]) .nys-stepper__steps::slotted(*) {
-      flex: none;
-    }
-
-    :host([isCompactExpanded]) .nys-step__number {
-      border-radius: var(--nys-radius-round, 1776px);
-      border: 1px solid var(--nys-color-neutral-400, #909395);
-      background: var(
-        --nys-color-white-transparent-900,
-        rgba(255, 255, 255, 0.9)
-      );
-      width: var(--nys-space-300, 24px);
-      height: var(--nys-space-300, 24px);
-      color: var(--nys-color-text, #1b1b1b);
-    }
-
-    :host([isCompactExpanded][previous]) .nys-step__number,
-    :host([isCompactExpanded][previous]) .nys-step__line,
-    :host([isCompactExpanded][current]) .nys-step__number,
-    :host([isCompactExpanded][current]) .nys-step__line {
-      background: var(--nys-color-theme-stronger, #081b2b);
-      color: var(--nys-color-text-reverse, #fff);
-      border-color: var(--nys-color-theme-stronger, #081b2b);
-    }
-
-    :host([isCompactExpanded][selected]) .nys-step__number {
-      background: var(--nys-color-theme, #154973);
-      color: var(--nys-color-text-reverse, #fff);
-      border-color: var(--nys-color-theme, #154973);
-      outline: 4px solid var(--nys-color-theme-weak, #cddde9);
-    }
-
-    :host([isCompactExpanded]) .nys-step__contentwrapper {
-      pointer-events: all;
-    }
-  }
-`;
-var W = Object.defineProperty, d = (o, e, t, s) => {
-  for (var r = void 0, n = o.length - 1, i; n >= 0; n--)
-    (i = o[n]) && (r = i(e, t, r) || r);
-  return r && W(e, t, r), r;
+import { LitElement as u, unsafeCSS as f, html as v } from "lit";
+import { property as i } from "lit/decorators.js";
+const m = ':host{--_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);--_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);--_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-stepper-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-step-color: var(--nys-color-text, #1b1b1b);--_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6)}.nys-stepper{font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);display:flex;flex-direction:column;counter-reset:step;background-color:var(--_nys-stepper-background-color);max-width:100%;height:100%}.nys-stepper__header{display:flex;flex-direction:column;padding:var(--nys-space-400, 32px) var(--nys-space-400, 32px) var(--nys-space-150, 12px)}::slotted(div[slot=actions]){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--nys-space-100, 8px);margin-bottom:var(--nys-space-300, 24px)}.nys-stepper__counter{display:none;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:7%;text-underline-offset:auto;text-underline-position:from-font;color:var(--nys-color-text, #1b1b1b);text-overflow:ellipsis;font-family:var(--nys-font-family-ui, "Proxima Nova");font-size:var(--nys-font-size-ui-md, 16px);font-style:normal;font-weight:400;line-height:var(--nys-font-size-ui-md, 16px);cursor:pointer;width:fit-content}.nys-stepper__steps{display:flex;flex-direction:column;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px);overflow-y:scroll;height:-webkit-fit-content;height:-moz-available;scrollbar-width:none;background:linear-gradient(var(--nys-color-surface-raised, #f6f6f6) 30%,rgba(255,255,255,0)) center top,linear-gradient(rgba(255,255,255,0),var(--nys-color-surface-raised, #f6f6f6) 70%) center bottom,linear-gradient(to bottom,#63636333,#0000) top,linear-gradient(to top,#63636333,#0000) bottom;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;background-color:var(--nys-color-surface-raised, #f6f6f6)}.nys-step{position:relative;counter-increment:step;display:flex;flex-direction:column}.nys-step__contentwrapper{display:flex;flex-direction:row;align-items:center;gap:var(--nys-space-150, 12px);cursor:default;width:fit-content}.nys-step__contentwrapper:focus-visible{outline:solid var(--nys-color-focus, #004dd1) var(--nys-border-width-md, 2px);outline-offset:var(--nys-space-2px, 2px);border-radius:var(--nys-radius-md, 4px)}.nys-step__linewrapper{width:24px;display:flex;justify-content:center}.nys-step__line{width:var(--nys-size-1px, 1px);height:var(--nys-size-300, 24px);border-radius:var(--nys-radius-round, 1776px);background:var(--nys-color-black-transparent-200, rgba(27, 27, 27, .2));margin:var(--nys-space-100, 8px) 0}.nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-size-300, 24px);min-width:var(--nys-size-300, 24px);max-width:var(--nys-size-300, 24px);height:var(--nys-size-300, 24px);min-height:var(--nys-size-300, 24px);max-height:var(--nys-size-300, 24px);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--nys-color-text, #1b1b1b)}:host([previous]) .nys-step__number,:host([previous]) .nys-step__line,:host([current]) .nys-step__number,:host([current]) .nys-step__line{background-color:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme, #154973);outline:var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9)}:host([first]) .nys-step__linewrapper{display:none!important}.nys-step__content{display:flex;flex-direction:column;gap:var(--nys-space-100, 8px)}.nys-step__label{color:var(--_nys-step-color);font-family:var(--_nys-stepper-font-family);font-size:var(--_nys-stepper-font-size);font-weight:var(--_nys-stepper-font-weight);line-height:var(--_nys-stepper-line-height);line-height:var(--nys-font-size-ui-md, 16px);letter-spacing:var(--nys-font-letterspacing-ui-md, .044px);text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:var(7%, 1.12px);text-underline-offset:auto}:host([current]) .nys-step__label,:host([previous]) .nys-step__label{text-decoration-line:underline}:host([current]) .nys-step__contentwrapper,:host([previous]) .nys-step__contentwrapper{cursor:pointer}:host([selected]) .nys-step__label{font-weight:700;text-decoration-line:none}:host([selected]) .nys-step__contentwrapper{cursor:default}:host([selected]) .nys-step__contentwrapper:focus-visible{outline-offset:6px}@media(max-width:1023px){.nys-stepper{max-width:1023px;width:100%}.nys-stepper__header{flex-direction:row-reverse;justify-content:space-between;padding:var(--nys-space-150, 12px);gap:var(--nys-space-200, 16px)}.nys-stepper__headertext{flex:1 1 0;min-width:0}::slotted(div[slot=actions]){margin-bottom:0;min-width:0;justify-content:end}.nys-stepper__counter{display:block}.nys-stepper__steps{flex-direction:row;gap:var(--nys-space-2px, 2px);padding:0}.nys-stepper__steps::slotted(*){flex:1}.nys-step__number{border-radius:0;border:none;background-color:var(--nys-color-neutral-200, #bec0c1);height:var(--nys-size-100, 8px);min-height:var(--nys-size-100, 8px);max-height:var(--nys-size-100, 8px);width:100%;min-width:100%;max-width:100%;color:transparent}:host([previous]) .nys-step__number,:host([current]) .nys-step__number{background-color:var(--nys-color-neutral-900, #1b1b1b);color:transparent}:host([selected]) .nys-step__number{background-color:var(--nys-color-theme-mid, #457aa5);outline:none}.nys-step__content,.nys-step__linewrapper{display:none}.nys-step__contentwrapper{cursor:default;pointer-events:none;width:auto}:host([isCompactExpanded]) .nys-step__content,:host([isCompactExpanded]) .nys-step__linewrapper{display:flex}:host([isCompactExpanded]) .nys-stepper__header{padding-bottom:var(--nys-space-250, 20px)}:host([isCompactExpanded]) .nys-stepper__steps{width:-webkit-fill-available;width:-moz-available;z-index:9999;overflow-y:auto;flex-direction:column;gap:0;padding:var(--nys-space-150, 12px) var(--nys-space-400, 32px) var(--nys-space-400, 32px)}:host([isCompactExpanded]) .nys-stepper__steps::slotted(*){flex:none}:host([isCompactExpanded]) .nys-step__number{border-radius:var(--nys-radius-round, 1776px);border:1px solid var(--nys-color-neutral-400, #909395);background:var(--nys-color-white-transparent-900, rgba(255, 255, 255, .9));width:var(--nys-space-300, 24px);min-width:var(--nys-space-300, 24px);max-width:var(--nys-space-300, 24px);height:var(--nys-space-300, 24px);min-height:var(--nys-space-300, 24px);max-height:var(--nys-space-300, 24px);color:var(--nys-color-text, #1b1b1b)}:host([isCompactExpanded][previous]) .nys-step__number,:host([isCompactExpanded][previous]) .nys-step__line,:host([isCompactExpanded][current]) .nys-step__number,:host([isCompactExpanded][current]) .nys-step__line{background:var(--nys-color-theme-stronger, #081b2b);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme-stronger, #081b2b)}:host([isCompactExpanded][selected]) .nys-step__number{background:var(--nys-color-theme, #154973);color:var(--nys-color-text-reverse, #fff);border-color:var(--nys-color-theme, #154973);outline:4px solid var(--nys-color-theme-weak, #cddde9)}:host([isCompactExpanded]) .nys-step__contentwrapper{pointer-events:all}}';
+var x = Object.defineProperty, l = (c, e, n, r) => {
+  for (var s = void 0, t = c.length - 1, o; t >= 0; t--)
+    (o = c[t]) && (s = o(e, n, s) || s);
+  return s && x(e, n, s), s;
 };
-const x = class x extends A {
+const y = class y extends u {
   constructor() {
     super(...arguments), this.selected = !1, this.current = !1, this.label = "", this.href = "", this.isCompactExpanded = !1, this.stepNumber = 0;
   }
   _handleActivate(e) {
     typeof this.onClick == "function" && this.onClick(e);
-    const t = new CustomEvent("nys-step-click", {
+    const n = new CustomEvent("nys-step-click", {
       bubbles: !0,
       composed: !0,
       cancelable: !0,
       detail: { href: this.href, label: this.label }
     });
-    (this.hasAttribute("previous") || this.current) && !this.selected && (this.dispatchEvent(t), !t.defaultPrevented && this.href && (window.location.href = this.href));
+    (this.hasAttribute("previous") || this.current) && !this.selected && (this.dispatchEvent(n), !n.defaultPrevented && this.href && (window.location.href = this.href));
   }
   _handleKeydown(e) {
     (e.key === "Enter" || e.key === " ") && (e.preventDefault(), this._handleActivate(e));
   }
   render() {
-    return k`
+    return v`
       <div class="nys-step">
         <div class="nys-step__linewrapper">
           <div class="nys-step__line"></div>
@@ -700,46 +54,46 @@ const x = class x extends A {
     `;
   }
 };
-x.styles = O;
-let p = x;
-d([
-  l({ type: Boolean, reflect: !0 })
-], p.prototype, "selected");
-d([
-  l({ type: Boolean, reflect: !0 })
-], p.prototype, "current");
-d([
-  l({ type: String })
-], p.prototype, "label");
-d([
-  l({ type: String })
-], p.prototype, "href");
-d([
-  l({ type: Boolean })
-], p.prototype, "isCompactExpanded");
-d([
-  l({ attribute: !1 })
-], p.prototype, "onClick");
-d([
-  l({ type: Number })
-], p.prototype, "stepNumber");
-customElements.get("nys-step") || customElements.define("nys-step", p);
-var F = Object.defineProperty, y = (o, e, t, s) => {
-  for (var r = void 0, n = o.length - 1, i; n >= 0; n--)
-    (i = o[n]) && (r = i(e, t, r) || r);
-  return r && F(e, t, r), r;
+y.styles = f(m);
+let a = y;
+l([
+  i({ type: Boolean, reflect: !0 })
+], a.prototype, "selected");
+l([
+  i({ type: Boolean, reflect: !0 })
+], a.prototype, "current");
+l([
+  i({ type: String })
+], a.prototype, "label");
+l([
+  i({ type: String })
+], a.prototype, "href");
+l([
+  i({ type: Boolean })
+], a.prototype, "isCompactExpanded");
+l([
+  i({ attribute: !1 })
+], a.prototype, "onClick");
+l([
+  i({ type: Number })
+], a.prototype, "stepNumber");
+customElements.get("nys-step") || customElements.define("nys-step", a);
+var _ = Object.defineProperty, d = (c, e, n, r) => {
+  for (var s = void 0, t = c.length - 1, o; t >= 0; t--)
+    (o = c[t]) && (s = o(e, n, s) || s);
+  return s && _(e, n, s), s;
 };
-const w = class w extends A {
+const h = class h extends u {
   constructor() {
     super(), this.id = "", this.name = "", this.label = "", this.counterText = "initial", this.isCompactExpanded = !1, this._stepsNumbered = !1, this._onStepClick = async (e) => {
-      const t = e.composedPath().find(
-        (i) => i instanceof HTMLElement && i.tagName.toLowerCase() === "nys-step"
+      const n = e.composedPath().find(
+        (o) => o instanceof HTMLElement && o.tagName.toLowerCase() === "nys-step"
       );
-      if (!t) return;
-      const s = Array.from(this.querySelectorAll("nys-step")), r = s.findIndex(
-        (i) => i.hasAttribute("current")
-      ), n = s.indexOf(t);
-      r !== -1 && n > r || t.hasAttribute("selected") || (s.forEach((i) => i.removeAttribute("selected")), t.setAttribute("selected", ""), this._updateCounter(), this.isCompactExpanded = !1);
+      if (!n) return;
+      const r = Array.from(this.querySelectorAll("nys-step")), s = r.findIndex(
+        (o) => o.hasAttribute("current")
+      ), t = r.indexOf(n);
+      s !== -1 && t > s || n.hasAttribute("selected") || (r.forEach((o) => o.removeAttribute("selected")), n.setAttribute("selected", ""), this._updateCounter(), this.isCompactExpanded = !1);
     };
   }
   connectedCallback() {
@@ -750,50 +104,52 @@ const w = class w extends A {
   }
   _validateSteps() {
     Array.from(this.children).forEach((e) => {
-      const t = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step", s = e instanceof HTMLElement && e.hasAttribute("slot") && e.getAttribute("slot") === "actions";
-      !t && !s && (console.warn(
+      const n = e instanceof HTMLElement && e.tagName.toLowerCase() === "nys-step", r = e instanceof HTMLElement && e.hasAttribute("slot") && e.getAttribute("slot") === "actions";
+      !n && !r && (console.warn(
         "Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:",
         e
       ), e.remove());
     });
   }
   _validateButtonSlot(e) {
-    const s = e.target.assignedElements();
-    if (s.length !== 1 || s[0].tagName.toLowerCase() !== "div") {
+    const r = e.target.assignedElements();
+    if (r.length !== 1 || r[0].tagName.toLowerCase() !== "div") {
       console.warn(
         "The 'actions' slot must have exactly one <div> as a direct child."
       );
       return;
     }
-    const r = s[0];
-    Array.from(r.children).forEach((n) => {
-      n instanceof HTMLElement && n.tagName.toLowerCase() === "nys-button" ? (n.setAttribute("size", "sm"), n.hasAttribute("fullWidth") && (n.style.flex = "1 1 0")) : (console.warn(
+    const s = r[0];
+    Array.from(s.children).forEach((t) => {
+      t instanceof HTMLElement && t.tagName.toLowerCase() === "nys-button" ? (t.setAttribute("size", "sm"), t.hasAttribute("fullWidth") && (t.style.flex = "1 1 0")) : (console.warn(
         "The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:",
-        n
-      ), n.remove());
+        t
+      ), t.remove());
     });
   }
   _updateCounter() {
-    if (this.isCompactExpanded) {
-      this.counterText = "Back to Form", this.style.height = "-webkit-fit-content", this.style.height = "-moz-fit-content", this.style.height = "fit-content";
-      return;
-    } else
+    let e;
+    if (this.isCompactExpanded)
+      e = "Back to Form", this.style.height = "-webkit-fit-content", this.style.height = "-moz-fit-content", this.style.height = "fit-content";
+    else {
       this.style.height = "auto";
-    const e = this.querySelectorAll("nys-step"), t = Array.from(e).findIndex(
-      (r) => r.hasAttribute("selected")
-    ), s = e.length;
-    this.counterText = t >= 0 ? `Step ${t + 1} of ${s}` : `Step 1 of ${s}`;
+      const n = this.querySelectorAll("nys-step"), r = Array.from(n).findIndex(
+        (t) => t.hasAttribute("selected")
+      ), s = n.length;
+      e = r >= 0 ? `Step ${r + 1} of ${s}` : `Step 1 of ${s}`;
+    }
+    e !== this.counterText && (this.counterText = e);
   }
-  updated() {
+  willUpdate() {
     const e = this.querySelectorAll("nys-step");
-    this._stepsNumbered || (e.forEach((n, i) => {
-      n.stepNumber = i + 1;
+    this._stepsNumbered || (e.forEach((t, o) => {
+      t.stepNumber = o + 1;
     }), this._stepsNumbered = !0);
-    let t = !1, s = !1, r = !1;
-    e.forEach((n, i) => {
-      n.hasAttribute("current") && (r ? n.removeAttribute("current") : r = !0), i === 0 ? n.setAttribute("first", "") : n.removeAttribute("first"), n.hasAttribute("current") ? (t = !0, n.removeAttribute("previous")) : t ? n.removeAttribute("previous") : n.setAttribute("previous", ""), n.hasAttribute("selected") && (t || s ? n.removeAttribute("selected") : s = !0), this.hasAttribute("isCompactExpanded") ? n.setAttribute("isCompactExpanded", "") : n.removeAttribute("isCompactExpanded");
-    }), s || (r ? e.forEach((n) => {
-      n.hasAttribute("current") && !s && (n.setAttribute("selected", ""), s = !0);
+    let n = !1, r = !1, s = !1;
+    e.forEach((t, o) => {
+      t.hasAttribute("current") && (s ? t.removeAttribute("current") : s = !0), o === 0 ? t.setAttribute("first", "") : t.removeAttribute("first"), t.hasAttribute("current") ? (n = !0, t.removeAttribute("previous")) : n ? t.removeAttribute("previous") : t.setAttribute("previous", ""), t.hasAttribute("selected") && (n || r ? t.removeAttribute("selected") : r = !0), this.isCompactExpanded ? t.setAttribute("isCompactExpanded", "") : t.removeAttribute("isCompactExpanded");
+    }), r || (s ? e.forEach((t) => {
+      t.hasAttribute("current") && !r && (t.setAttribute("selected", ""), r = !0);
     }) : e.length > 0 && (e[0].setAttribute("current", ""), e[0].setAttribute("selected", ""))), this._updateCounter();
   }
   _toggleCompact() {
@@ -803,8 +159,8 @@ const w = class w extends A {
     (e.key === " " || e.key === "Enter") && (e.preventDefault(), this._toggleCompact());
   }
   render() {
-    return k`
-      <div class="nys-stepper" id=${this.id} name=${this.name}>
+    return v`
+      <div class="nys-stepper" name=${this.name}>
         <div class="nys-stepper__header">
           <slot name="actions" @slotchange=${this._validateButtonSlot}></slot>
           <div class="nys-stepper__headertext">
@@ -827,26 +183,26 @@ const w = class w extends A {
     `;
   }
 };
-w.styles = O;
-let c = w;
-y([
-  l({ type: String })
-], c.prototype, "id");
-y([
-  l({ type: String, reflect: !0 })
-], c.prototype, "name");
-y([
-  l({ type: String })
-], c.prototype, "label");
-y([
-  l({ type: String })
-], c.prototype, "counterText");
-y([
-  l({ type: Boolean, reflect: !0 })
-], c.prototype, "isCompactExpanded");
-customElements.get("nys-stepper") || customElements.define("nys-stepper", c);
+h.styles = f(m);
+let p = h;
+d([
+  i({ type: String, reflect: !0 })
+], p.prototype, "id");
+d([
+  i({ type: String, reflect: !0 })
+], p.prototype, "name");
+d([
+  i({ type: String })
+], p.prototype, "label");
+d([
+  i({ type: String })
+], p.prototype, "counterText");
+d([
+  i({ type: Boolean, reflect: !0 })
+], p.prototype, "isCompactExpanded");
+customElements.get("nys-stepper") || customElements.define("nys-stepper", p);
 export {
-  p as NysStep,
-  c as NysStepper
+  a as NysStep,
+  p as NysStepper
 };
 //# sourceMappingURL=nys-stepper.js.map

package/dist/nys-stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-stepper.js","sources":["../../../node_modules/@lit/reactive-element/css-tag.js","../../../node_modules/@lit/reactive-element/reactive-element.js","../../../node_modules/@lit/reactive-element/decorators/property.js","../src/nys-stepper.styles.ts","../src/nys-step.ts","../src/nys-stepper.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2019 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&\"adoptedStyleSheets\"in Document.prototype&&\"replace\"in CSSStyleSheet.prototype,s=Symbol(),o=new WeakMap;class n{constructor(t,e,o){if(this._$cssResult$=!0,o!==s)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o.set(s,t))}return t}toString(){return this.cssText}}const r=t=>new n(\"string\"==typeof t?t:t+\"\",void 0,s),i=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if(\"number\"==typeof t)return t;throw Error(\"Value passed to 'css' function must be a 'css' function result: \"+t+\". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.\")})(s)+t[o+1]),t[0]);return new n(o,t,s)},S=(s,o)=>{if(e)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement(\"style\"),n=t.litNonce;void 0!==n&&o.setAttribute(\"nonce\",n),o.textContent=e.cssText,s.appendChild(o)}},c=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e=\"\";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t;export{n as CSSResult,S as adoptStyles,i as css,c as getCompatibleStyle,e as supportsAdoptingStyleSheets,r as unsafeCSS};\n//# sourceMappingURL=css-tag.js.map\n","import{getCompatibleStyle as t,adoptStyles as s}from\"./css-tag.js\";export{CSSResult,css,supportsAdoptingStyleSheets,unsafeCSS}from\"./css-tag.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const{is:i,defineProperty:e,getOwnPropertyDescriptor:h,getOwnPropertyNames:r,getOwnPropertySymbols:o,getPrototypeOf:n}=Object,a=globalThis,c=a.trustedTypes,l=c?c.emptyScript:\"\",p=a.reactiveElementPolyfillSupport,d=(t,s)=>t,u={toAttribute(t,s){switch(s){case Boolean:t=t?l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},f=(t,s)=>!i(t,s),b={attribute:!0,type:String,converter:u,reflect:!1,useDefault:!1,hasChanged:f};Symbol.metadata??=Symbol(\"metadata\"),a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d(\"elementProperties\")))return;const t=n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(d(\"finalized\")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(d(\"properties\"))){const t=this.properties,s=[...r(t),...o(t)];for(const i of s)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(t(s))}else void 0!==s&&i.push(t(s));return i}static _$Eu(t,s){const i=s.attribute;return!1===i?void 0:\"string\"==typeof i?i:\"string\"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return s(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h=\"function\"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u;this._$Em=e;const r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:\"open\"},y[d(\"elementProperties\")]=new Map,y[d(\"finalized\")]=new Map,p?.({ReactiveElement:y}),(a.reactiveElementVersions??=[]).push(\"2.1.1\");export{y as ReactiveElement,s as adoptStyles,u as defaultConverter,t as getCompatibleStyle,f as notEqual};\n//# sourceMappingURL=reactive-element.js.map\n","import{defaultConverter as t,notEqual as e}from\"../reactive-element.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o={attribute:!0,type:String,converter:t,reflect:!1,hasChanged:e},r=(t=o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),\"setter\"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),\"accessor\"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t)},init(e){return void 0!==e&&this.C(o,void 0,t,e),e}}}if(\"setter\"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t)}}throw Error(\"Unsupported decorator location: \"+n)};function n(t){return(e,o)=>\"object\"==typeof o?r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)}export{n as property,r as standardProperty};\n//# sourceMappingURL=property.js.map\n","import { css } from \"lit\";\n\nexport default css`\n  :host {\n    /* Anything that can be overridden should be defined here */\n\n    /* Global Stepper Styles */\n\n    /* Typography */\n    --_nys-stepper-font-size: var(--nys-font-size-ui-md, 16px);\n    --_nys-stepper-font-weight: var(--nys-font-weight-semibold, 600);\n    --_nys-stepper-line-height: var(--nys-font-lineheight-ui-md, 24px);\n    --_nys-stepper-font-family: var(\n      --nys-font-family-ui,\n      var(\n        --nys-font-family-sans,\n        \"Proxima Nova\",\n        \"Helvetica Neue\",\n        \"Helvetica\",\n        \"Arial\",\n        sans-serif\n      )\n    );\n    --_nys-step-color: var(--nys-color-text, #1b1b1b);\n    --_nys-stepper-background-color: var(--nys-color-surface-raised, #f6f6f6);\n  }\n\n  .nys-stepper {\n    font-family: var(--_nys-stepper-font-family);\n    font-size: var(--_nys-stepper-font-size);\n    font-weight: var(--_nys-stepper-font-weight);\n    line-height: var(--_nys-stepper-line-height);\n    display: flex;\n    flex-direction: column;\n    counter-reset: step;\n    background-color: var(--_nys-stepper-background-color);\n    max-width: 100%;\n    height: 100%;\n  }\n\n  .nys-stepper__header {\n    display: flex;\n    flex-direction: column;\n    padding: var(--nys-space-400, 32px) var(--nys-space-400, 32px)\n      var(--nys-space-150, 12px);\n  }\n\n  ::slotted(div[slot=\"actions\"]) {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    gap: var(--nys-space-100, 8px);\n    margin-bottom: var(--nys-space-300, 24px);\n  }\n\n  .nys-stepper__counter {\n    display: none;\n    text-decoration: underline;\n    text-decoration-style: solid;\n    text-decoration-skip-ink: auto;\n    text-decoration-thickness: 7%; /* 1.12px */\n    text-underline-offset: auto;\n    text-underline-position: from-font;\n    color: var(--nys-color-text, #1b1b1b);\n    text-overflow: ellipsis;\n    font-family: var(--nys-font-family-ui, \"Proxima Nova\");\n    font-size: var(--nys-font-size-ui-md, 16px);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--nys-font-size-ui-md, 16px);\n    cursor: pointer;\n    width: fit-content;\n  }\n\n  .nys-stepper__steps {\n    display: flex;\n    flex-direction: column;\n    padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)\n      var(--nys-space-400, 32px);\n    overflow-y: scroll;\n    height: -webkit-fit-content;\n    height: -moz-available;\n    scrollbar-width: none;\n    background:\n    /* Shadow Cover TOP */\n      linear-gradient(\n          var(--nys-color-surface-raised, #f6f6f6) 30%,\n          rgba(255, 255, 255, 0)\n        )\n        center top,\n      /* Shadow Cover BOTTOM */\n        linear-gradient(\n          rgba(255, 255, 255, 0),\n          var(--nys-color-surface-raised, #f6f6f6) 70%\n        )\n        center bottom,\n      /* Shadow TOP */\n        linear-gradient(to bottom, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) top,\n      /* Shadow BOTTOM */\n        linear-gradient(to top, rgba(99, 99, 99, 0.2), rgba(0, 0, 0, 0)) bottom;\n\n    background-repeat: no-repeat;\n    background-size:\n      100% 40px,\n      100% 40px,\n      100% 14px,\n      100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    background-color: var(--nys-color-surface-raised, #f6f6f6);\n  }\n\n  .nys-step {\n    position: relative;\n    counter-increment: step;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .nys-step__contentwrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nys-space-150, 12px);\n    cursor: default;\n    width: fit-content;\n  }\n\n  .nys-step__contentwrapper:focus-visible {\n    outline: solid var(--nys-color-focus, #004dd1)\n      var(--nys-border-width-md, 2px);\n    outline-offset: var(--nys-space-2px, 2px);\n    border-radius: var(--nys-radius-md, 4px);\n  }\n\n  .nys-step__linewrapper {\n    width: 24px;\n    display: flex;\n    justify-content: center;\n  }\n\n  .nys-step__line {\n    width: var(--nys-size-1px, 1px);\n    height: var(--nys-size-300, 24px);\n    border-radius: var(--nys-radius-round, 1776px);\n    background: var(--nys-color-black-transparent-200, rgba(27, 27, 27, 0.2));\n    margin: var(--nys-space-100, 8px) 0;\n  }\n\n  .nys-step__number {\n    border-radius: var(--nys-radius-round, 1776px);\n    border: var(--nys-size-1px, 1px) solid var(--nys-color-neutral-400, #909395);\n    background: var(\n      --nys-color-white-transparent-900,\n      rgba(255, 255, 255, 0.9)\n    );\n    width: var(--nys-size-300, 24px);\n    height: var(--nys-size-300, 24px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: var(--nys-color-text, #1b1b1b);\n  }\n\n  :host([previous]) .nys-step__number,\n  :host([previous]) .nys-step__line,\n  :host([current]) .nys-step__number,\n  :host([current]) .nys-step__line {\n    background-color: var(--nys-color-theme-stronger, #081b2b);\n    color: var(--nys-color-text-reverse, #fff);\n    border-color: var(--nys-color-theme-stronger, #081b2b);\n  }\n\n  :host([selected]) .nys-step__number {\n    background-color: var(--nys-color-theme, #154973);\n    color: var(--nys-color-text-reverse, #fff);\n    border-color: var(--nys-color-theme, #154973);\n    outline: var(--nys-size-50, 4px) solid var(--nys-color-theme-weak, #cddde9);\n  }\n\n  /* Hide the line wrapper in the last step */\n  :host([first]) .nys-step__linewrapper {\n    display: none !important;\n  }\n\n  .nys-step__content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nys-space-100, 8px);\n  }\n\n  .nys-step__label {\n    color: var(--_nys-step-color);\n    font-family: var(--_nys-stepper-font-family);\n    font-size: var(--_nys-stepper-font-size);\n    font-weight: var(--_nys-stepper-font-weight);\n    line-height: var(--_nys-stepper-line-height);\n    line-height: var(--nys-font-size-ui-md, 16px);\n    letter-spacing: var(--nys-font-letterspacing-ui-md, 0.044px);\n    text-decoration-style: solid;\n    text-decoration-skip-ink: auto;\n    text-decoration-thickness: var(7%, 1.12px);\n    text-underline-offset: auto;\n  }\n\n  :host([current]) .nys-step__label,\n  :host([previous]) .nys-step__label {\n    text-decoration-line: underline;\n  }\n\n  :host([current]) .nys-step__contentwrapper,\n  :host([previous]) .nys-step__contentwrapper {\n    cursor: pointer;\n  }\n\n  :host([selected]) .nys-step__label {\n    /* UI/Medium/Bold */\n    font-weight: 700;\n    text-decoration-line: none;\n  }\n\n  :host([selected]) .nys-step__contentwrapper {\n    cursor: default;\n  }\n\n  :host([selected]) .nys-step__contentwrapper:focus-visible {\n    outline-offset: 6px;\n  }\n\n  @media (max-width: 1023px) {\n    .nys-stepper {\n      max-width: 1023px;\n      width: 100%;\n    }\n\n    .nys-stepper__header {\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: var(--nys-space-150, 12px);\n      gap: var(--nys-space-200, 16px);\n    }\n\n    .nys-stepper__headertext {\n      flex: 1 1 0;\n      min-width: 0;\n    }\n\n    ::slotted(div[slot=\"actions\"]) {\n      margin-bottom: 0;\n      min-width: 0;\n      justify-content: end;\n    }\n\n    .nys-stepper__counter {\n      display: block;\n    }\n\n    .nys-stepper__steps {\n      flex-direction: row;\n      gap: var(--nys-space-2px, 2px);\n      padding: 0;\n    }\n\n    .nys-stepper__steps::slotted(*) {\n      flex: 1;\n    }\n\n    .nys-step__number {\n      border-radius: 0;\n      border: none;\n      background-color: var(--nys-color-neutral-200, #bec0c1);\n      height: var(--nys-size-100, 8px);\n      width: 100%;\n      color: transparent;\n    }\n\n    :host([previous]) .nys-step__number,\n    :host([current]) .nys-step__number {\n      background-color: var(--nys-color-neutral-900, #1b1b1b);\n      color: transparent;\n    }\n\n    :host([selected]) .nys-step__number {\n      background-color: var(--nys-color-theme-mid, #457aa5);\n      outline: none;\n    }\n\n    .nys-step__content,\n    .nys-step__linewrapper {\n      display: none;\n    }\n\n    .nys-step__contentwrapper {\n      cursor: default;\n      pointer-events: none;\n      width: auto;\n    }\n\n    /* ---------------- Expanded Mode ---------------- */\n    :host([isCompactExpanded]) .nys-step__content,\n    :host([isCompactExpanded]) .nys-step__linewrapper {\n      display: flex;\n    }\n\n    :host([isCompactExpanded]) .nys-stepper__header {\n      padding-bottom: var(--nys-space-250, 20px);\n    }\n\n    :host([isCompactExpanded]) .nys-stepper__steps {\n      width: -webkit-fill-available;\n      width: -moz-available;\n      z-index: 9999;\n      overflow-y: auto;\n      flex-direction: column;\n      gap: 0;\n      padding: var(--nys-space-150, 12px) var(--nys-space-400, 32px)\n        var(--nys-space-400, 32px);\n    }\n\n    :host([isCompactExpanded]) .nys-stepper__steps::slotted(*) {\n      flex: none;\n    }\n\n    :host([isCompactExpanded]) .nys-step__number {\n      border-radius: var(--nys-radius-round, 1776px);\n      border: 1px solid var(--nys-color-neutral-400, #909395);\n      background: var(\n        --nys-color-white-transparent-900,\n        rgba(255, 255, 255, 0.9)\n      );\n      width: var(--nys-space-300, 24px);\n      height: var(--nys-space-300, 24px);\n      color: var(--nys-color-text, #1b1b1b);\n    }\n\n    :host([isCompactExpanded][previous]) .nys-step__number,\n    :host([isCompactExpanded][previous]) .nys-step__line,\n    :host([isCompactExpanded][current]) .nys-step__number,\n    :host([isCompactExpanded][current]) .nys-step__line {\n      background: var(--nys-color-theme-stronger, #081b2b);\n      color: var(--nys-color-text-reverse, #fff);\n      border-color: var(--nys-color-theme-stronger, #081b2b);\n    }\n\n    :host([isCompactExpanded][selected]) .nys-step__number {\n      background: var(--nys-color-theme, #154973);\n      color: var(--nys-color-text-reverse, #fff);\n      border-color: var(--nys-color-theme, #154973);\n      outline: 4px solid var(--nys-color-theme-weak, #cddde9);\n    }\n\n    :host([isCompactExpanded]) .nys-step__contentwrapper {\n      pointer-events: all;\n    }\n  }\n`;\n","import { LitElement, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport styles from \"./nys-stepper.styles\";\n\nexport class NysStep extends LitElement {\n  @property({ type: Boolean, reflect: true }) selected = false;\n  @property({ type: Boolean, reflect: true }) current = false;\n  @property({ type: String }) label = \"\";\n  @property({ type: String }) href = \"\";\n  @property({ type: Boolean }) isCompactExpanded = false;\n  @property({ attribute: false }) onClick?: (e: Event) => void;\n  @property({ type: Number }) stepNumber = 0;\n\n  static styles = styles;\n\n  private _handleActivate(e: Event) {\n    // Run user-supplied onClick first (if present)\n    if (typeof this.onClick === \"function\") {\n      this.onClick(e);\n    }\n\n    // Dispatch event as cancelable so user can prevent navigation\n    const event = new CustomEvent(\"nys-step-click\", {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail: { href: this.href, label: this.label },\n    });\n\n    if ((this.hasAttribute(\"previous\") || this.current) && !this.selected) {\n      this.dispatchEvent(event);\n\n      // Only navigate if event was not canceled\n      if (!event.defaultPrevented && this.href) {\n        window.location.href = this.href;\n      }\n    }\n  }\n\n  private _handleKeydown(e: KeyboardEvent) {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this._handleActivate(e);\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-step\">\n        <div class=\"nys-step__linewrapper\">\n          <div class=\"nys-step__line\"></div>\n        </div>\n        <div\n          class=\"nys-step__contentwrapper\"\n          @click=${this._handleActivate}\n          @keydown=${this._handleKeydown}\n          role=\"button\"\n          aria-label=\"${this.label} Step\"\n          ?disabled=${!(\n            this.selected ||\n            this.current ||\n            this.hasAttribute(\"previous\")\n          )}\n        >\n          <div class=\"nys-step__number\" tabindex=\"-1\" aria-hidden=\"true\">\n            ${this.stepNumber}\n          </div>\n          <div class=\"nys-step__content\" tabindex=\"-1\" aria-hidden=\"true\">\n            <div\n              class=\"nys-step__label\"\n              tabindex=${!(\n                this.selected ||\n                this.current ||\n                this.hasAttribute(\"previous\")\n              )\n                ? \"-1\"\n                : \"0\"}\n              aria-hidden=\"true\"\n            >\n              ${this.label}\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-step\")) {\n  customElements.define(\"nys-step\", NysStep);\n}\n","import { LitElement, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport styles from \"./nys-stepper.styles\";\nimport \"./nys-step\";\n\nexport class NysStepper extends LitElement {\n  @property({ type: String }) id = \"\";\n  @property({ type: String, reflect: true }) name = \"\";\n  @property({ type: String }) label = \"\";\n  @property({ type: String }) counterText = \"initial\";\n  @property({ type: Boolean, reflect: true })\n  isCompactExpanded = false;\n\n  static styles = styles;\n  private _stepsNumbered = false;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"nys-step-click\", this._onStepClick);\n    // Defer step validation to next tick to ensure children are upgraded\n    requestAnimationFrame(() => this._validateSteps());\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\"nys-step-click\", this._onStepClick);\n    super.disconnectedCallback();\n  }\n\n  private _validateSteps() {\n    Array.from(this.children).forEach((child) => {\n      const isStep =\n        child instanceof HTMLElement &&\n        child.tagName.toLowerCase() === \"nys-step\";\n      const isSlotActionsContainer =\n        child instanceof HTMLElement &&\n        child.hasAttribute(\"slot\") &&\n        child.getAttribute(\"slot\") === \"actions\";\n\n      if (!isStep && !isSlotActionsContainer) {\n        console.warn(\n          \"Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:\",\n          child,\n        );\n        child.remove();\n      }\n    });\n  }\n\n  private _validateButtonSlot(event: Event) {\n    const slot = event.target as HTMLSlotElement;\n    const assignedElements = slot.assignedElements();\n\n    // Ensure exactly one direct node in the slot, and it must be a div\n    if (\n      assignedElements.length !== 1 ||\n      assignedElements[0].tagName.toLowerCase() !== \"div\"\n    ) {\n      console.warn(\n        \"The 'actions' slot must have exactly one <div> as a direct child.\",\n      );\n      return;\n    }\n\n    const div = assignedElements[0] as HTMLElement;\n\n    // Iterate through all buttons and validate\n    Array.from(div.children).forEach((button) => {\n      const isNysButton =\n        button instanceof HTMLElement &&\n        button.tagName.toLowerCase() === \"nys-button\";\n\n      if (!isNysButton) {\n        console.warn(\n          \"The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:\",\n          button,\n        );\n        button.remove();\n      } else {\n        // Ensure nys-button has correct styles\n        button.setAttribute(\"size\", \"sm\");\n        if (button.hasAttribute(\"fullWidth\")) {\n          button.style.flex = \"1 1 0\";\n        }\n      }\n    });\n  }\n\n  private _onStepClick = async (event: Event) => {\n    const clickedStep = event\n      .composedPath()\n      .find(\n        (el) =>\n          el instanceof HTMLElement && el.tagName.toLowerCase() === \"nys-step\",\n      ) as HTMLElement | undefined;\n\n    if (!clickedStep) return;\n\n    const steps = Array.from(this.querySelectorAll(\"nys-step\"));\n    const currentIndex = steps.findIndex((step) =>\n      step.hasAttribute(\"current\"),\n    );\n    const clickedIndex = steps.indexOf(clickedStep);\n\n    // Can't select past current\n    if (currentIndex !== -1 && clickedIndex > currentIndex) return;\n\n    // Can't select already selected\n    if (clickedStep.hasAttribute(\"selected\")) return;\n\n    // Remove selected from previous and move to new selected\n    steps.forEach((step) => step.removeAttribute(\"selected\"));\n    clickedStep.setAttribute(\"selected\", \"\");\n\n    // Update counter immediately\n    this._updateCounter();\n\n    // Close expanded if it was open\n    this.isCompactExpanded = false;\n  };\n\n  private _updateCounter() {\n    if (this.isCompactExpanded) {\n      this.counterText = \"Back to Form\";\n      this.style.height = \"-webkit-fit-content\";\n      this.style.height = \"-moz-fit-content\";\n      this.style.height = \"fit-content\";\n      return;\n    } else {\n      this.style.height = \"auto\";\n    }\n\n    const steps = this.querySelectorAll<HTMLElement>(\"nys-step\");\n    const selectedIndex = Array.from(steps).findIndex((step) =>\n      step.hasAttribute(\"selected\"),\n    );\n    const totalSteps = steps.length;\n\n    this.counterText =\n      selectedIndex >= 0\n        ? `Step ${selectedIndex + 1} of ${totalSteps}`\n        : `Step 1 of ${totalSteps}`;\n  }\n\n  updated() {\n    const steps = this.querySelectorAll<any>(\"nys-step\");\n\n    if (!this._stepsNumbered) {\n      steps.forEach((step, index) => {\n        step.stepNumber = index + 1;\n      });\n      this._stepsNumbered = true;\n    }\n\n    let foundCurrent = false;\n    let selectedAssigned = false;\n    let currentAssigned = false;\n\n    steps.forEach((step, i) => {\n      // Check if multiple \"current\" exist, respect the first instance\n      if (step.hasAttribute(\"current\")) {\n        if (!currentAssigned) {\n          currentAssigned = true;\n        } else {\n          step.removeAttribute(\"current\");\n        }\n      }\n\n      // Set first\n      if (i === 0) {\n        step.setAttribute(\"first\", \"\");\n      } else {\n        step.removeAttribute(\"first\");\n      }\n\n      // Set previous\n      if (step.hasAttribute(\"current\")) {\n        foundCurrent = true;\n        step.removeAttribute(\"previous\");\n      } else if (!foundCurrent) {\n        step.setAttribute(\"previous\", \"\");\n      } else {\n        step.removeAttribute(\"previous\");\n      }\n\n      // Handle selected, respect first instance\n      if (step.hasAttribute(\"selected\")) {\n        if (foundCurrent || selectedAssigned) {\n          step.removeAttribute(\"selected\");\n        } else {\n          selectedAssigned = true;\n        }\n      }\n\n      // Handle compact expanded\n      if (this.hasAttribute(\"isCompactExpanded\")) {\n        step.setAttribute(\"isCompactExpanded\", \"\");\n      } else {\n        step.removeAttribute(\"isCompactExpanded\");\n      }\n    });\n\n    // Selected fallback\n    if (!selectedAssigned) {\n      if (currentAssigned) {\n        steps.forEach((step) => {\n          if (step.hasAttribute(\"current\") && !selectedAssigned) {\n            step.setAttribute(\"selected\", \"\");\n            selectedAssigned = true;\n          }\n        });\n      } else if (steps.length > 0) {\n        // If no current or selected, mark first as both current and selected\n        steps[0].setAttribute(\"current\", \"\");\n        steps[0].setAttribute(\"selected\", \"\");\n      }\n    }\n\n    // Always update counter\n    this._updateCounter();\n  }\n\n  private _toggleCompact() {\n    this.isCompactExpanded = !this.isCompactExpanded;\n  }\n\n  private _handleCounterKeydown(event: KeyboardEvent) {\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      this._toggleCompact();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-stepper\" id=${this.id} name=${this.name}>\n        <div class=\"nys-stepper__header\">\n          <slot name=\"actions\" @slotchange=${this._validateButtonSlot}></slot>\n          <div class=\"nys-stepper__headertext\">\n            <div class=\"nys-stepper__label\">${this.label}</div>\n            <div\n              class=\"nys-stepper__counter\"\n              @click=${this._toggleCompact}\n              @keydown=${this._handleCounterKeydown}\n              role=\"button\"\n              tabindex=\"0\"\n              aria-label=${this.isCompactExpanded\n                ? \"Collapse step navigation to view the form\"\n                : `Expand step navigation. You are on ${this.counterText}`}\n              aria-expanded=${this.isCompactExpanded ? \"true\" : \"false\"}\n            >\n              ${this.counterText}\n            </div>\n          </div>\n        </div>\n        <slot class=\"nys-stepper__steps\"></slot>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-stepper\")) {\n  customElements.define(\"nys-stepper\", NysStepper);\n}\n"],"names":["t","e","s","o","n$2","r","n","S","c","i","h","a","l","p","d","u","f","b","y","styles","css","_NysStep","LitElement","event","html","NysStep","__decorateClass","property","_NysStepper","clickedStep","el","steps","currentIndex","step","clickedIndex","child","isStep","isSlotActionsContainer","assignedElements","div","button","selectedIndex","totalSteps","index","foundCurrent","selectedAssigned","currentAssigned","NysStepper"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"nys-stepper.js","sources":["../src/nys-step.ts","../src/nys-stepper.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-stepper.scss?inline\";\n\nexport class NysStep extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  @property({ type: Boolean, reflect: true }) selected = false;\n  @property({ type: Boolean, reflect: true }) current = false;\n  @property({ type: String }) label = \"\";\n  @property({ type: String }) href = \"\";\n  @property({ type: Boolean }) isCompactExpanded = false;\n  @property({ attribute: false }) onClick?: (e: Event) => void;\n  @property({ type: Number }) stepNumber = 0;\n\n  private _handleActivate(e: Event) {\n    // Run user-supplied onClick first (if present)\n    if (typeof this.onClick === \"function\") {\n      this.onClick(e);\n    }\n\n    // Dispatch event as cancelable so user can prevent navigation\n    const event = new CustomEvent(\"nys-step-click\", {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail: { href: this.href, label: this.label },\n    });\n\n    if ((this.hasAttribute(\"previous\") || this.current) && !this.selected) {\n      this.dispatchEvent(event);\n\n      // Only navigate if event was not canceled\n      if (!event.defaultPrevented && this.href) {\n        window.location.href = this.href;\n      }\n    }\n  }\n\n  private _handleKeydown(e: KeyboardEvent) {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      this._handleActivate(e);\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-step\">\n        <div class=\"nys-step__linewrapper\">\n          <div class=\"nys-step__line\"></div>\n        </div>\n        <div\n          class=\"nys-step__contentwrapper\"\n          @click=${this._handleActivate}\n          @keydown=${this._handleKeydown}\n          role=\"button\"\n          aria-label=\"${this.label} Step\"\n          ?disabled=${!(\n            this.selected ||\n            this.current ||\n            this.hasAttribute(\"previous\")\n          )}\n        >\n          <div class=\"nys-step__number\" tabindex=\"-1\" aria-hidden=\"true\">\n            ${this.stepNumber}\n          </div>\n          <div class=\"nys-step__content\" tabindex=\"-1\" aria-hidden=\"true\">\n            <div\n              class=\"nys-step__label\"\n              tabindex=${!(\n                this.selected ||\n                this.current ||\n                this.hasAttribute(\"previous\")\n              )\n                ? \"-1\"\n                : \"0\"}\n              aria-hidden=\"true\"\n            >\n              ${this.label}\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-step\")) {\n  customElements.define(\"nys-step\", NysStep);\n}\n","import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport \"./nys-step\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-stepper.scss?inline\";\n\nexport class NysStepper extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  @property({ type: String, reflect: true }) id = \"\";\n  @property({ type: String, reflect: true }) name = \"\";\n  @property({ type: String }) label = \"\";\n  @property({ type: String }) counterText = \"initial\";\n  @property({ type: Boolean, reflect: true })\n  isCompactExpanded = false;\n\n  private _stepsNumbered = false;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\"nys-step-click\", this._onStepClick);\n    // Defer step validation to next tick to ensure children are upgraded\n    requestAnimationFrame(() => this._validateSteps());\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\"nys-step-click\", this._onStepClick);\n    super.disconnectedCallback();\n  }\n\n  private _validateSteps() {\n    Array.from(this.children).forEach((child) => {\n      const isStep =\n        child instanceof HTMLElement &&\n        child.tagName.toLowerCase() === \"nys-step\";\n      const isSlotActionsContainer =\n        child instanceof HTMLElement &&\n        child.hasAttribute(\"slot\") &&\n        child.getAttribute(\"slot\") === \"actions\";\n\n      if (!isStep && !isSlotActionsContainer) {\n        console.warn(\n          \"Only <nys-step> elements or the <div slot='actions'> container are allowed as direct children of <nys-stepper>. Removing:\",\n          child,\n        );\n        child.remove();\n      }\n    });\n  }\n\n  private _validateButtonSlot(event: Event) {\n    const slot = event.target as HTMLSlotElement;\n    const assignedElements = slot.assignedElements();\n\n    // Ensure exactly one direct node in the slot, and it must be a div\n    if (\n      assignedElements.length !== 1 ||\n      assignedElements[0].tagName.toLowerCase() !== \"div\"\n    ) {\n      console.warn(\n        \"The 'actions' slot must have exactly one <div> as a direct child.\",\n      );\n      return;\n    }\n\n    const div = assignedElements[0] as HTMLElement;\n\n    // Iterate through all buttons and validate\n    Array.from(div.children).forEach((button) => {\n      const isNysButton =\n        button instanceof HTMLElement &&\n        button.tagName.toLowerCase() === \"nys-button\";\n\n      if (!isNysButton) {\n        console.warn(\n          \"The <div> inside 'actions' slot only accepts <nys-button> elements. Removing invalid node:\",\n          button,\n        );\n        button.remove();\n      } else {\n        // Ensure nys-button has correct styles\n        button.setAttribute(\"size\", \"sm\");\n        if (button.hasAttribute(\"fullWidth\")) {\n          button.style.flex = \"1 1 0\";\n        }\n      }\n    });\n  }\n\n  private _onStepClick = async (event: Event) => {\n    const clickedStep = event\n      .composedPath()\n      .find(\n        (el) =>\n          el instanceof HTMLElement && el.tagName.toLowerCase() === \"nys-step\",\n      ) as HTMLElement | undefined;\n\n    if (!clickedStep) return;\n\n    const steps = Array.from(this.querySelectorAll(\"nys-step\"));\n    const currentIndex = steps.findIndex((step) =>\n      step.hasAttribute(\"current\"),\n    );\n    const clickedIndex = steps.indexOf(clickedStep);\n\n    // Can't select past current\n    if (currentIndex !== -1 && clickedIndex > currentIndex) return;\n\n    // Can't select already selected\n    if (clickedStep.hasAttribute(\"selected\")) return;\n\n    // Remove selected from previous and move to new selected\n    steps.forEach((step) => step.removeAttribute(\"selected\"));\n    clickedStep.setAttribute(\"selected\", \"\");\n\n    // Update counter immediately\n    this._updateCounter();\n\n    // Close expanded if it was open\n    this.isCompactExpanded = false;\n  };\n\n  private _updateCounter() {\n    let newCounterText: string;\n\n    if (this.isCompactExpanded) {\n      newCounterText = \"Back to Form\";\n      this.style.height = \"-webkit-fit-content\";\n      this.style.height = \"-moz-fit-content\";\n      this.style.height = \"fit-content\";\n    } else {\n      this.style.height = \"auto\";\n\n      const steps = this.querySelectorAll<HTMLElement>(\"nys-step\");\n      const selectedIndex = Array.from(steps).findIndex((step) =>\n        step.hasAttribute(\"selected\"),\n      );\n      const totalSteps = steps.length;\n\n      newCounterText =\n        selectedIndex >= 0\n          ? `Step ${selectedIndex + 1} of ${totalSteps}`\n          : `Step 1 of ${totalSteps}`;\n    }\n\n    if (newCounterText !== this.counterText) {\n      this.counterText = newCounterText;\n    }\n  }\n\n  willUpdate() {\n    const steps = this.querySelectorAll<any>(\"nys-step\");\n\n    if (!this._stepsNumbered) {\n      steps.forEach((step, index) => {\n        step.stepNumber = index + 1;\n      });\n      this._stepsNumbered = true;\n    }\n\n    let foundCurrent = false;\n    let selectedAssigned = false;\n    let currentAssigned = false;\n\n    steps.forEach((step, i) => {\n      // Check if multiple \"current\" exist, respect the first instance\n      if (step.hasAttribute(\"current\")) {\n        if (!currentAssigned) {\n          currentAssigned = true;\n        } else {\n          step.removeAttribute(\"current\");\n        }\n      }\n\n      // Set first\n      if (i === 0) {\n        step.setAttribute(\"first\", \"\");\n      } else {\n        step.removeAttribute(\"first\");\n      }\n\n      // Set previous\n      if (step.hasAttribute(\"current\")) {\n        foundCurrent = true;\n        step.removeAttribute(\"previous\");\n      } else if (!foundCurrent) {\n        step.setAttribute(\"previous\", \"\");\n      } else {\n        step.removeAttribute(\"previous\");\n      }\n\n      // Handle selected, respect first instance\n      if (step.hasAttribute(\"selected\")) {\n        if (foundCurrent || selectedAssigned) {\n          step.removeAttribute(\"selected\");\n        } else {\n          selectedAssigned = true;\n        }\n      }\n\n      // Handle compact expanded\n      if (this.isCompactExpanded) {\n        step.setAttribute(\"isCompactExpanded\", \"\");\n      } else {\n        step.removeAttribute(\"isCompactExpanded\");\n      }\n    });\n\n    // Selected fallback\n    if (!selectedAssigned) {\n      if (currentAssigned) {\n        steps.forEach((step) => {\n          if (step.hasAttribute(\"current\") && !selectedAssigned) {\n            step.setAttribute(\"selected\", \"\");\n            selectedAssigned = true;\n          }\n        });\n      } else if (steps.length > 0) {\n        // If no current or selected, mark first as both current and selected\n        steps[0].setAttribute(\"current\", \"\");\n        steps[0].setAttribute(\"selected\", \"\");\n      }\n    }\n\n    // Always update counter\n    this._updateCounter();\n  }\n\n  private _toggleCompact() {\n    this.isCompactExpanded = !this.isCompactExpanded;\n  }\n\n  private _handleCounterKeydown(event: KeyboardEvent) {\n    if (event.key === \" \" || event.key === \"Enter\") {\n      event.preventDefault();\n      this._toggleCompact();\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"nys-stepper\" name=${this.name}>\n        <div class=\"nys-stepper__header\">\n          <slot name=\"actions\" @slotchange=${this._validateButtonSlot}></slot>\n          <div class=\"nys-stepper__headertext\">\n            <div class=\"nys-stepper__label\">${this.label}</div>\n            <div\n              class=\"nys-stepper__counter\"\n              @click=${this._toggleCompact}\n              @keydown=${this._handleCounterKeydown}\n              role=\"button\"\n              tabindex=\"0\"\n              aria-label=${this.isCompactExpanded\n                ? \"Collapse step navigation to view the form\"\n                : `Expand step navigation. You are on ${this.counterText}`}\n              aria-expanded=${this.isCompactExpanded ? \"true\" : \"false\"}\n            >\n              ${this.counterText}\n            </div>\n          </div>\n        </div>\n        <slot class=\"nys-stepper__steps\"></slot>\n      </div>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-stepper\")) {\n  customElements.define(\"nys-stepper\", NysStepper);\n}\n"],"names":["_NysStep","LitElement","event","html","unsafeCSS","styles","NysStep","__decorateClass","property","_NysStepper","clickedStep","el","steps","currentIndex","step","clickedIndex","child","isStep","isSlotActionsContainer","assignedElements","div","button","newCounterText","selectedIndex","totalSteps","index","foundCurrent","selectedAssigned","currentAssigned","i","NysStepper"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-stepper",
-  "version": "1.11.1",
+  "version": "1.11.3",
   "description": "The Stepper component from the NYS Design System.",
   "module": "dist/nys-stepper.js",
   "types": "dist/index.d.ts",
@@ -23,10 +23,10 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "devDependencies": {
-    "lit": "^3.2.1",
-    "typescript": "^5.7.2",
-    "vite": "^7.1.2",
-    "@nysds/nys-button": "^1.11.1"
+    "lit": "^3.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "@nysds/nys-button": "^1.11.3"
   },
   "keywords": [
     "new-york-state",

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./nys-stepper";
-export * from "./nys-step";

package/dist/nys-step.d.ts

@@ -1,14 +0,0 @@
-import { LitElement } from "lit";
-export declare class NysStep extends LitElement {
-    selected: boolean;
-    current: boolean;
-    label: string;
-    href: string;
-    isCompactExpanded: boolean;
-    onClick?: (e: Event) => void;
-    stepNumber: number;
-    static styles: import("lit").CSSResult;
-    private _handleActivate;
-    private _handleKeydown;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/nys-stepper.d.ts

@@ -1,22 +0,0 @@
-import { LitElement } from "lit";
-import "./nys-step";
-export declare class NysStepper extends LitElement {
-    id: string;
-    name: string;
-    label: string;
-    counterText: string;
-    isCompactExpanded: boolean;
-    static styles: import("lit").CSSResult;
-    private _stepsNumbered;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _validateSteps;
-    private _validateButtonSlot;
-    private _onStepClick;
-    private _updateCounter;
-    updated(): void;
-    private _toggleCompact;
-    private _handleCounterKeydown;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/dist/nys-stepper.figma.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/nys-stepper.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;