@nysds/components 1.11.1 → 1.11.2

package/LICENSE.md

@@ -2,4 +2,46 @@
 
 ### Copyright ownership of Works created by New York state employees
 
-This repository contains both the original design for Google Material Icons (the “Work”, as defined in Section 1 of the Apache 2.0 License) and modifications made by the New York State (NYS). This repository combines the Work and these New York State (NYS) modifications, which is a “Modified Version” of Material Icons.
+This repository contains both the original design for Google Material Icons (the “Work”, as defined in Section 1 of the Apache 2.0 License) and modifications made by the New York State (NYS). This repository combines the Work and these New York State (NYS) modifications, which is a “Modified Version” of Material Icons. These icons available to incorporate into your products under the [Apache License Version 2.0](https://www.apache.org/licenses/LICENSE-2.0.txt).
+
+As a work of the New York State Government, the software modifications made by NYS are not subject to copyright within the United States. Additionally, NYS waives copyright and related rights in its software modifications worldwide through the CC0 1.0 Universal Public Domain Dedication (<https://creativecommons.org/publicdomain/zero/1.0/>).
+
+### Files licensed under the BSD-3 Clause
+
+#### Lit
+
+Lit is licensed under the BSD 3-Clause "New" or "Revised" License:
+
+SPDX-License-Identifier: BSD-3-Clause
+
+Copyright 2021 Google LLC
+
+Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+
+## The rest of this project is in the worldwide public domain
+
+As a work of the New York State government, this project is in the public domain within the United States.
+
+Additionally, we waive copyright and related rights in the work worldwide through the [CC0 1.0 Universal public domain dedication](https://creativecommons.org/publicdomain/zero/1.0/).
+
+### CC0 1.0 Universal Summary
+
+This is a human-readable summary of the [Legal Code (read the full text)](https://creativecommons.org/publicdomain/zero/1.0/legalcode).
+
+### Other information
+
+In no way are the patent or trademark rights of any person affected by CC0, nor are the rights that other persons may have in the work or in how the work is used, such as publicity or privacy rights.
+
+Unless expressly stated otherwise, the person who associated a work with this deed makes no warranties about the work, and disclaims liability for all uses of the work, to the fullest extent permitted by applicable law. When using or citing the work, you should not imply endorsement by the author or the affirmer.
+
+### Trademark
+
+NYS owns, reserves, and retains all rights, title, and interest in all trademarks owned by NYS. The User does not acquire any right or interest of any kind in any NYS trademark because of their use of the Modified Version or any of the modifications made to the Work by NYS.

package/dist/nysds.es.js

@@ -2,7 +2,7 @@ import { css as u, LitElement as y, html as l } from "lit";
 import { property as r, query as u1, state as $ } from "lit/decorators.js";
 import { ifDefined as d } from "lit/directives/if-defined.js";
 /*!
-   * New York State Design System (v1.11.1)
+   * New York State Design System (v1.11.2)
    * Description: A design system for New York State's digital products.
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
@@ -814,20 +814,17 @@ var k1 = Object.defineProperty, W = (a, e, t, o) => {
     (i = a[n]) && (s = i(e, t, s) || s);
   return s && k1(e, t, s), s;
 };
-let L1 = 0;
+let S1 = 0;
 const je = class je extends y {
   constructor() {
-    super(...arguments), this.id = "", this.ariaLabel = "", this.image = "", this.initials = "", this.icon = "", this.color = "", this.interactive = !1, this.disabled = !1, this.lazy = !1, this._slotHasContent = !0;
+    super(...arguments), this.id = "", this.ariaLabel = "", this.image = "", this.initials = "", this.icon = "", this.color = "", this.interactive = !1, this.disabled = !1, this.lazy = !1, this._slotHasContent = !1;
   }
   /******************** Functions ********************/
   // Generate a unique ID if one is not provided
   connectedCallback() {
-    super.connectedCallback(), this.id || (this.id = `nys-avatar-${Date.now()}-${L1++}`);
+    super.connectedCallback(), this.id || (this.id = `nys-avatar-${Date.now()}-${S1++}`);
   }
-  firstUpdated() {
-    this._checkSlotContent();
-  }
-  async _checkSlotContent() {
+  async _handleSlotChange() {
     const e = this.shadowRoot?.querySelector("slot");
     if (!e) {
       this._slotHasContent = !1;
@@ -881,14 +878,13 @@ const je = class je extends y {
                     class="nys-avatar__initials"
                     aria-hidden="true"
                     >${this.initials}</span
-                  >` : this._slotHasContent ? l`<div part="nys-avatar__icon">
-                      <slot></slot>
-                    </div>` : l`<div part="nys-avatar__icon">
-                      <nys-icon
-                        label="nys-avatar__icon"
-                        name=${this.icon?.length > 0 ? this.icon : "account_circle"}
-                      ></nys-icon>
-                    </div>`}
+                  >` : l`<div part="nys-avatar__icon">
+                    <slot @slotchange=${this._handleSlotChange}></slot>
+                    ${this._slotHasContent ? null : l`<nys-icon
+                          label="nys-avatar__icon"
+                          name=${this.icon?.length > 0 ? this.icon : "account_circle"}
+                        ></nys-icon>`}
+                  </div>`}
           </div>
         </div>
       </label>
@@ -928,7 +924,7 @@ W([
   $()
 ], I.prototype, "_slotHasContent");
 customElements.get("nys-avatar") || customElements.define("nys-avatar", I);
-const S1 = u`
+const L1 = u`
   .nys-backtotop {
     /* These props ARE NOT publicly overridable */
     --_nys-button-border-radius--start: var(--nys-radius-round, 1776px);
@@ -996,7 +992,7 @@ const Ge = class Ge extends y {
     ></nys-button>`;
   }
 };
-Ge.styles = S1;
+Ge.styles = L1;
 let ve = Ge;
 Ze([
   r({ type: String })
@@ -1020,8 +1016,12 @@ const E1 = u`
     --_nys-button-height: var(--nys-size-600, 48px);
     --_nys-button-border-radius--start: var(--nys-radius-xl, 12px);
     --_nys-button-border-radius--end: var(--nys-radius-xl, 12px);
-    --_nys-button-padding--y: var(--nys-space-150, 12px);
-    --_nys-button-padding--x: var(--nys-space-250, 20px);
+    --_nys-button-padding--y: calc(
+      var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
+    --_nys-button-padding--x: calc(
+      var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
     --_nys-button-gap: var(--nys-space-100, 8px);
     --_nys-button-border-width: var(--nys-border-width-md, 2px);
     --_nys-button-outline-width: var(--nys-border-width-md, 2px);
@@ -1095,18 +1095,30 @@ const E1 = u`
   /* Sizes */
   :host([size="sm"]) {
     --_nys-button-height: var(--nys-size-500, 40px);
-    --_nys-button-padding--y: var(--nys-space-100, 8px);
-    --_nys-button-padding--x: var(--nys-space-200, 16px);
+    --_nys-button-padding--y: calc(
+      var(--nys-space-100, 8px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
+    --_nys-button-padding--x: calc(
+      var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
   }
   :host([size="md"]) {
     --_nys-button-height: var(--nys-size-600, 48px);
-    --_nys-button-padding--y: var(--nys-space-150, 12px);
-    --_nys-button-padding--x: var(--nys-space-250, 20px);
+    --_nys-button-padding--y: calc(
+      var(--nys-space-150, 12px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
+    --_nys-button-padding--x: calc(
+      var(--nys-space-250, 20px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
   }
   :host([size="lg"]) {
     --_nys-button-height: var(--nys-size-700, 56px);
-    --_nys-button-padding--y: var(--nys-space-200, 16px);
-    --_nys-button-padding--x: var(--nys-space-300, 24px);
+    --_nys-button-padding--y: calc(
+      var(--nys-space-200, 16px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
+    --_nys-button-padding--x: calc(
+      var(--nys-space-300, 24px) - var(--nys-border-width-md, 2px)
+    ); /* remove calc when SASS'd */
   }
   :host([fullWidth]) {
     --_nys-button-width: 100%;
@@ -1586,7 +1598,6 @@ const E1 = u`
   .nys-button {
     width: var(--_nys-button-width);
     min-height: var(--_nys-button-height);
-    height: var(--_nys-button-height);
     /* set every corner individually */
     border-start-start-radius: var(--_nys-button-border-radius--start);
     border-end-start-radius: var(--_nys-button-border-radius--start);
@@ -1677,8 +1688,8 @@ var D1 = Object.defineProperty, M1 = Object.getOwnPropertyDescriptor, _ = (a, e,
   return o && s && D1(e, t, s), s;
 };
 let z1 = 0;
-var S;
-const b = (S = class extends y {
+var L;
+const b = (L = class extends y {
   // allows use of elementInternals' API
   constructor() {
     super(), this.id = "", this.name = "", this._size = "md", this.fullWidth = !1, this._variant = "filled", this.inverted = !1, this.label = "", this.ariaLabel = "", this.ariaControls = "", this.prefixIcon = "", this.suffixIcon = "", this.circle = !1, this.icon = "", this.disabled = !1, this.form = null, this.value = "", this.ariaDescription = "", this._type = "button", this.onClick = null, this.href = "", this._target = "_self", this._internals = this.attachInternals();
@@ -1687,7 +1698,7 @@ const b = (S = class extends y {
     return this._size;
   }
   set size(e) {
-    this._size = S.VALID_SIZES.includes(
+    this._size = L.VALID_SIZES.includes(
       e
     ) ? e : "md";
   }
@@ -1695,7 +1706,7 @@ const b = (S = class extends y {
     return this._variant;
   }
   set variant(e) {
-    this._variant = S.VALID_VARIANTS.includes(
+    this._variant = L.VALID_VARIANTS.includes(
       e
     ) ? e : "filled";
   }
@@ -1703,7 +1714,7 @@ const b = (S = class extends y {
     return this._type;
   }
   set type(e) {
-    this._type = S.VALID_TYPES.includes(
+    this._type = L.VALID_TYPES.includes(
       e
     ) ? e : "button";
   }
@@ -1711,7 +1722,7 @@ const b = (S = class extends y {
     return this._target;
   }
   set target(e) {
-    this._target = S.VALID_TARGETS.includes(
+    this._target = L.VALID_TARGETS.includes(
       e
     ) ? e : "_self";
   }
@@ -1864,18 +1875,18 @@ const b = (S = class extends y {
           `}
     `;
   }
-}, S.VALID_SIZES = ["sm", "md", "lg"], S.VALID_VARIANTS = [
+}, L.VALID_SIZES = ["sm", "md", "lg"], L.VALID_VARIANTS = [
   "filled",
   "outline",
   "ghost",
   "text"
-], S.VALID_TYPES = ["submit", "reset", "button"], S.VALID_TARGETS = [
+], L.VALID_TYPES = ["submit", "reset", "button"], L.VALID_TARGETS = [
   "_self",
   "_blank",
   "_parent",
   "_top",
   "framename"
-], S.styles = E1, S.formAssociated = !0, S);
+], L.styles = E1, L.formAssociated = !0, L);
 _([
   r({ type: String })
 ], b.prototype, "id", 2);
@@ -3651,8 +3662,9 @@ const Pe = class Pe extends y {
             ${this._dragActive ? "drag-active" : ""}
             ${this._isDropDisabled ? "disabled" : ""}
             ${this.showError && !this._isDropDisabled ? "error" : ""}"
-            @click=${this._isDropDisabled ? null : this._openFileDialog}
-            @keydown=${(e) => !this._isDropDisabled && (e.key === "Enter" || e.key === " ") && this._openFileDialog()}
+            @click=${this._isDropDisabled ? null : (e) => {
+      e.target.closest("nys-button") || this._openFileDialog();
+    }}
             @dragover=${this._isDropDisabled ? null : this._onDragOver}
             @dragleave=${this._isDropDisabled ? null : this._onDragLeave}
             @drop=${this._isDropDisabled ? null : this._onDrop}
@@ -3666,10 +3678,9 @@ const Pe = class Pe extends y {
                     ariaLabel=${this._buttonAriaLabel}
                     ariaDescription=${this._buttonAriaDescription}
                     ?disabled=${this._isDropDisabled}
-                    @nys-click=${(e) => {
-      e.stopPropagation(), this._openFileDialog();
-    }}
-                    @click=${(e) => e.stopPropagation()}
+                    @nys-click="${(e) => {
+      e.preventDefault(), e.stopPropagation(), this._openFileDialog();
+    }}"
                   ></nys-button>
                   <p>or drag here</p>`}
           </div>` : l`<nys-button
@@ -4668,7 +4679,7 @@ const Ke = class Ke extends y {
                 ?inverted=${this.inverted}
               >
                 <div class="nys-label__tooltip-icon">
-                  <nys-icon name="info" size="3xl"></nys-icon>
+                  <nys-icon name="info" size="4xl"></nys-icon>
                 </div>
               </nys-tooltip>` : ""}
         </div>
@@ -4878,9 +4889,6 @@ const re = (ae = class extends y {
   disconnectedCallback() {
     super.disconnectedCallback(), this._restoreBodyScroll(), window.removeEventListener("keydown", (e) => this._handleKeydown(e));
   }
-  firstUpdated() {
-    this._handleBodySlotChange(), this._handleActionSlotChange();
-  }
   async updated(e) {
     e.has("open") && (this.open ? (this._hideBodyScroll(), this._dispatchOpenEvent(), await this.updateComplete, this._savePrevFocused(), this._focusOnModal(), this._updateDismissAria()) : (this._restorePrevFocused(), this._restoreBodyScroll(), this._dispatchCloseEvent(), this._updateDismissAria()));
   }
@@ -5226,8 +5234,13 @@ const Xe = class Xe extends y {
   constructor() {
     super(), this.id = "", this.name = "", this.currentPage = 1, this.totalPages = 1, this._twoBeforeLast = !1;
   }
-  updated(e) {
-    super.updated(e), this.currentPage = this._clampPage(this.currentPage), this._twoBeforeLast = this.currentPage === this.totalPages - 2;
+  willUpdate(e) {
+    if (e.has("currentPage") || e.has("totalPages")) {
+      const t = this._clampPage(this.currentPage);
+      t !== this.currentPage && (this.currentPage = t);
+      const o = this.currentPage === this.totalPages - 2;
+      o !== this._twoBeforeLast && (this._twoBeforeLast = o);
+    }
   }
   // Generate a unique ID if one is not provided
   connectedCallback() {
@@ -5695,7 +5708,7 @@ var bt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, M = (a, e,
 };
 let Ct = 0;
 var Q;
-const L = (Q = class extends y {
+const S = (Q = class extends y {
   // allows use of elementInternals' API
   constructor() {
     super(), this.id = "", this.name = "", this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.label = "", this.description = "", this.tile = !1, this._tooltip = "", this.inverted = !1, this.form = null, this.selectedValue = null, this._slottedDescriptionText = "", this._size = "md", this._internals = this.attachInternals();
@@ -5716,7 +5729,7 @@ const L = (Q = class extends y {
     super.disconnectedCallback(), this.removeEventListener("nys-change", this._handleRadioButtonChange), this.removeEventListener("invalid", this._handleInvalid);
   }
   async firstUpdated() {
-    this._initializeCheckedRadioValue(), this._setValue(), this._setRadioButtonRequire(), this._updateRadioButtonsSize(), this._updateRadioButtonsTile(), this._updateRadioButtonsShowError(), this._getSlotDescriptionForAria(), await this.updateComplete, this._initializeChildAttributes(), this._updateGroupTabIndex();
+    await this.updateComplete, this._initializeCheckedRadioValue(), this._setValue(), this._setRadioButtonRequire(), this._updateRadioButtonsSize(), this._updateRadioButtonsTile(), this._updateRadioButtonsShowError(), this._getSlotDescriptionForAria(), this._initializeChildAttributes(), this._updateGroupTabIndex();
   }
   updated(e) {
     (e.has("required") || e.has("selectedValue")) && this._manageRequire(), e.has("size") && this._updateRadioButtonsSize(), e.has("tile") && this._updateRadioButtonsTile(), e.has("inverted") && this._updateRadioButtonsInvert(), e.has("showError") && this._updateRadioButtonsShowError(), e.has("form") && this._updateRadioButtonsForm();
@@ -5875,50 +5888,50 @@ const L = (Q = class extends y {
 }, Q.VALID_SIZES = ["sm", "md"], Q.styles = c1, Q.formAssociated = !0, Q);
 M([
   r({ type: String })
-], L.prototype, "id", 2);
+], S.prototype, "id", 2);
 M([
   r({ type: String, reflect: !0 })
-], L.prototype, "name", 2);
+], S.prototype, "name", 2);
 M([
   r({ type: Boolean, reflect: !0 })
-], L.prototype, "required", 2);
+], S.prototype, "required", 2);
 M([
   r({ type: Boolean, reflect: !0 })
-], L.prototype, "optional", 2);
+], S.prototype, "optional", 2);
 M([
   r({ type: Boolean, reflect: !0 })
-], L.prototype, "showError", 2);
+], S.prototype, "showError", 2);
 M([
   r({ type: String })
-], L.prototype, "errorMessage", 2);
+], S.prototype, "errorMessage", 2);
 M([
   r({ type: String })
-], L.prototype, "label", 2);
+], S.prototype, "label", 2);
 M([
   r({ type: String })
-], L.prototype, "description", 2);
+], S.prototype, "description", 2);
 M([
   r({ type: Boolean, reflect: !0 })
-], L.prototype, "tile", 2);
+], S.prototype, "tile", 2);
 M([
   r({ type: String })
-], L.prototype, "_tooltip", 2);
+], S.prototype, "_tooltip", 2);
 M([
   r({ type: Boolean, reflect: !0 })
-], L.prototype, "inverted", 2);
+], S.prototype, "inverted", 2);
 M([
   r({ type: String, reflect: !0 })
-], L.prototype, "form", 2);
+], S.prototype, "form", 2);
 M([
   $()
-], L.prototype, "selectedValue", 2);
+], S.prototype, "selectedValue", 2);
 M([
   $()
-], L.prototype, "_slottedDescriptionText", 2);
+], S.prototype, "_slottedDescriptionText", 2);
 M([
   r({ reflect: !0 })
-], L.prototype, "size", 1);
-let mt = L;
+], S.prototype, "size", 1);
+let mt = S;
 customElements.get("nys-radiogroup") || customElements.define("nys-radiogroup", mt);
 var xt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, O = (a, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? wt(e, t) : e, n = a.length - 1, i; n >= 0; n--)
@@ -6069,9 +6082,9 @@ O([
 O([
   r({ type: Boolean, reflect: !0 })
 ], Z.prototype, "tile", 2);
-let Lt = Z;
-customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", Lt);
-const St = u`
+let St = Z;
+customElements.get("nys-radiobutton") || customElements.define("nys-radiobutton", St);
+const Lt = u`
   :host {
     /* Global Select Styles */
     --_nys-select-width: 100%;
@@ -6424,7 +6437,7 @@ const z = (J = class extends y {
             @blur="${this._handleBlur}"
             @change="${this._handleChange}"
           >
-            <option hidden disabled selected value=""></option>
+            <option data-native hidden disabled selected value=""></option>
           </select>
           <slot
             @slotchange="${this._handleSlotChange}"
@@ -6443,7 +6456,7 @@ const z = (J = class extends y {
       </div>
     `;
   }
-}, J.VALID_WIDTHS = ["sm", "md", "lg", "full"], J.styles = St, J.formAssociated = !0, J);
+}, J.VALID_WIDTHS = ["sm", "md", "lg", "full"], J.styles = Lt, J.formAssociated = !0, J);
 B([
   r({ type: String })
 ], z.prototype, "id", 2);
@@ -6763,7 +6776,11 @@ const h1 = u`
       rgba(255, 255, 255, 0.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;
@@ -6879,7 +6896,11 @@ const h1 = u`
       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;
     }
 
@@ -6938,7 +6959,11 @@ const h1 = u`
         rgba(255, 255, 255, 0.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);
     }
 
@@ -7090,24 +7115,26 @@ const e1 = class e1 extends y {
     });
   }
   _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(
-      (s) => s.hasAttribute("selected")
-    ), o = e.length;
-    this.counterText = t >= 0 ? `Step ${t + 1} of ${o}` : `Step 1 of ${o}`;
+      const t = this.querySelectorAll("nys-step"), o = Array.from(t).findIndex(
+        (n) => n.hasAttribute("selected")
+      ), s = t.length;
+      e = o >= 0 ? `Step ${o + 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 = !0);
     let t = !1, o = !1, s = !1;
     e.forEach((n, i) => {
-      n.hasAttribute("current") && (s ? n.removeAttribute("current") : s = !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 || o ? n.removeAttribute("selected") : o = !0), this.hasAttribute("isCompactExpanded") ? n.setAttribute("isCompactExpanded", "") : n.removeAttribute("isCompactExpanded");
+      n.hasAttribute("current") && (s ? n.removeAttribute("current") : s = !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 || o ? n.removeAttribute("selected") : o = !0), this.isCompactExpanded ? n.setAttribute("isCompactExpanded", "") : n.removeAttribute("isCompactExpanded");
     }), o || (s ? e.forEach((n) => {
       n.hasAttribute("current") && !o && (n.setAttribute("selected", ""), o = !0);
     }) : e.length > 0 && (e[0].setAttribute("current", ""), e[0].setAttribute("selected", ""))), this._updateCounter();
@@ -7435,6 +7462,7 @@ const C = (R = class extends y {
           class="nys-textarea__textarea ${this.resize}"
           name=${this.name}
           id=${this.id}
+          .value=${this.value}
           ?disabled=${this.disabled}
           ?required=${this.required}
           ?readonly=${this.readonly}
@@ -7453,9 +7481,7 @@ const C = (R = class extends y {
           @blur="${this._handleBlur}"
           @select="${this._handleSelect}"
           @selectionchange="${this._handleSelectionChange}"
-        >
-${this.value}</textarea
-        >
+        ></textarea>
         <nys-errormessage
           ?showError=${this.showError}
           errorMessage=${this._internals.validationMessage || this.errorMessage}
@@ -8631,7 +8657,7 @@ const Xt = u`
     }
   }
 `;
-var Qt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Le = (a, e, t, o) => {
+var Qt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, Se = (a, e, t, o) => {
   for (var s = o > 1 ? void 0 : o ? Jt(e, t) : e, n = a.length - 1, i; n >= 0; n--)
     (i = a[n]) && (s = (o ? i(e, t, s) : i(s)) || s);
   return o && s && Qt(e, t, s), s;
@@ -8828,22 +8854,22 @@ const t1 = class t1 extends y {
 };
 t1.styles = Xt;
 let se = t1;
-Le([
+Se([
   r({ type: String })
 ], se.prototype, "id", 2);
-Le([
+Se([
   r({ type: String })
 ], se.prototype, "text", 2);
-Le([
+Se([
   r({ type: Boolean, reflect: !0 })
 ], se.prototype, "inverted", 2);
-Le([
+Se([
   r({ type: Boolean, reflect: !0 })
 ], se.prototype, "focusable", 2);
-Le([
+Se([
   $()
 ], se.prototype, "_active", 2);
-Le([
+Se([
   r({ type: String, reflect: !0 })
 ], se.prototype, "position", 1);
 customElements.get("nys-tooltip") || customElements.define("nys-tooltip", se);
@@ -9920,13 +9946,13 @@ const o1 = class o1 extends y {
           });
           const V = (j) => {
             const T = Array.from(j.querySelectorAll("a"));
-            let Se = {
+            let Le = {
               li: null,
               length: 0
             };
             T.forEach((He) => {
               const i1 = He.getAttribute("href"), $e = this._normalizePath(i1);
-              $e && ($e === "/" && n === "/" ? Se = { li: He.closest("li"), length: 1 } : n?.startsWith($e) && $e.length > Se.length && (Se = { li: He.closest("li"), length: $e.length }), T.forEach((y1) => y1.closest("li")?.classList.remove("active")), Se.li?.classList.add("active"));
+              $e && ($e === "/" && n === "/" ? Le = { li: He.closest("li"), length: 1 } : n?.startsWith($e) && $e.length > Le.length && (Le = { li: He.closest("li"), length: $e.length }), T.forEach((y1) => y1.closest("li")?.classList.remove("active")), Le.li?.classList.add("active"));
             });
           };
           V(c), V(p), o.appendChild(c), s.appendChild(p), i.remove();
@@ -10529,7 +10555,7 @@ export {
   pt as NysModal,
   de as NysOption,
   ce as NysPagination,
-  Lt as NysRadiobutton,
+  St as NysRadiobutton,
   mt as NysRadiogroup,
   zt as NysSelect,
   Ee as NysSkipnav,