@viasat/beam-web-components 2.49.0 → 2.50.0

package/local/wip/Form/Form.js

@@ -1,10 +1,10 @@
-import { e as $ } from "../../chunks/provide.i2FlUkOu.js";
-import { a as V, x as z } from "../../chunks/lit-element.CJtt9wj5.js";
-import { n as p, c as L } from "../../chunks/register-custom-element.vod7zfGv.js";
-import { r as S } from "../../chunks/state.CqiuSzAl.js";
-import { e as H, n as q } from "../../chunks/ref.B7e1Hu4F.js";
-import { bmFormContext as G, bmFormInitials as P } from "./Form.context.js";
-const K = async (t, e) => (await Promise.all(
+import { e as V } from "../../chunks/provide.i2FlUkOu.js";
+import { a as z, x as L } from "../../chunks/lit-element.CJtt9wj5.js";
+import { a as S, t as N, n as d, c as D } from "../../chunks/register-custom-element.AOEv8hcs.js";
+import { r as $ } from "../../chunks/state.Dr3yBpId.js";
+import { e as H, n as K } from "../../chunks/ref.B7e1Hu4F.js";
+import { bmFormContext as q, bmFormInitials as G } from "./Form.context.js";
+const P = async (t, e) => (await Promise.all(
   e.map(
     async (s) => {
       const { validator: o } = s;
@@ -24,15 +24,15 @@ const K = async (t, e) => (await Promise.all(
       isCheckBoxGroup: s,
       selectedBoxes: r ? [t] : []
     };
-  const o = Array.from(t), n = o.every((m) => {
-    const { type: u } = m;
-    return u === "checkbox";
+  const o = Array.from(t), n = o.every((h) => {
+    const { type: p } = h;
+    return p === "checkbox";
   }), a = !!o.length && n;
   if (!a) return { isCheckBoxGroup: a, selectedBoxes: [] };
-  const d = o.filter(
-    ({ checked: m }) => m
+  const l = o.filter(
+    ({ checked: h }) => h
   );
-  return { isCheckBoxGroup: a, selectedBoxes: d };
+  return { isCheckBoxGroup: a, selectedBoxes: l };
 }, E = (t) => {
   const { type: e, multiple: r, options: s } = t, o = e === "select-multiple" && r;
   if (!o) return { isMultiSelect: o, selectedOptions: [] };
@@ -41,7 +41,7 @@ const K = async (t, e) => (await Promise.all(
     ({ selected: a }) => a
   );
   return { isMultiSelect: o, selectedOptions: n };
-}, j = new RegExp(
+}, R = new RegExp(
   [
     "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:",
     "\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:",
@@ -55,23 +55,23 @@ const K = async (t, e) => (await Promise.all(
     "[
-\b\v\f-!-ZS-]|\\\\[
-",
     "	\v\f-])+)\\])"
   ].join("")
-), A = (t) => ({
+), T = (t) => ({
   name: "min",
   validator: (e) => {
     const { value: r, message: s } = t, { value: o } = e;
     return { error: !!o && Number(o) < r, message: s };
   }
-}), D = (t) => ({
+}), j = (t) => ({
   name: "max",
   validator: (e) => {
     const { value: r, message: s } = t, { value: o } = e;
     return { error: !!o && Number(o) > r, message: s };
   }
-}), R = (t) => ({
+}), A = (t) => ({
   name: "email",
   validator: (e) => {
     const { message: r } = t || {}, { value: s } = e;
-    return { error: !!s && !j.test(s), message: r };
+    return { error: !!s && !R.test(s), message: r };
   }
 }), U = (t) => ({
   name: "pattern",
@@ -89,83 +89,95 @@ const K = async (t, e) => (await Promise.all(
     if (o) return { error: !n, message: r };
     const {
       isMultiSelect: a,
-      selectedOptions: { length: d }
+      selectedOptions: { length: l }
     } = E(e);
-    return a ? { error: !d, message: r } : { error: !s, message: r };
+    return a ? { error: !l, message: r } : { error: !s, message: r };
   }
-}), T = (t) => ({
+}), Z = (t) => ({
   name: "minLength",
   validator: (e) => {
     const { length: r, message: s } = t, { value: o } = e, n = !!o && o.length < r, {
       isCheckBoxGroup: a,
-      selectedBoxes: { length: d }
+      selectedBoxes: { length: l }
     } = F(e);
     if (a)
-      return { error: !!d && d < r, message: s };
+      return { error: !!l && l < r, message: s };
     const {
-      isMultiSelect: m,
-      selectedOptions: { length: u }
+      isMultiSelect: h,
+      selectedOptions: { length: p }
     } = E(e);
-    return m ? { error: !!u && u < r, message: s } : { error: n, message: s };
+    return h ? { error: !!p && p < r, message: s } : { error: n, message: s };
   }
-}), Z = (t) => ({
+}), J = (t) => ({
   name: "maxLength",
   validator: (e) => {
     const { length: r, message: s } = t, { value: o } = e, n = !!o && o.length > r, {
       isCheckBoxGroup: a,
-      selectedBoxes: { length: d }
+      selectedBoxes: { length: l }
     } = F(e);
     if (a)
-      return { error: !!d && d > r, message: s };
+      return { error: !!l && l > r, message: s };
     const {
-      isMultiSelect: m,
-      selectedOptions: { length: u }
+      isMultiSelect: h,
+      selectedOptions: { length: p }
     } = E(e);
-    return m ? { error: !!u && u > r, message: s } : { error: n, message: s };
+    return h ? { error: !!p && p > r, message: s } : { error: n, message: s };
   }
-}), J = (t) => ({
+}), Q = (t) => ({
   name: "define",
   validator: (e) => t(e)
-}), ne = {
-  min: A,
-  max: D,
-  email: R,
-  define: J,
+}), X = (t) => {
+  const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
+  return e ? N(Number(e[1]), Number(e[2]), Number(e[3])) : null;
+}, Y = (t) => ({
+  name: "dateRange",
+  validator: (e) => {
+    const { min: r, max: s, message: o } = t, { value: n } = e, a = n ? X(n) : null;
+    if (a === null) return { error: !1, message: o };
+    const l = r && !Number.isNaN(r.getTime()) ? S(r) : null, h = s && !Number.isNaN(s.getTime()) ? S(s) : null;
+    return l !== null && h !== null && l > h ? { error: !1, message: o } : { error: l !== null && a < l || h !== null && a > h, message: o };
+  }
+}), ce = {
+  min: T,
+  max: j,
+  email: A,
+  define: Q,
   pattern: U,
   required: I,
-  minLength: T,
-  maxLength: Z
+  minLength: Z,
+  maxLength: J,
+  dateRange: Y
 };
-var N = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, W = (t) => {
+var ee = Object.defineProperty, te = Object.getOwnPropertyDescriptor, W = (t) => {
   throw TypeError(t);
-}, h = (t, e, r, s) => {
-  for (var o = s > 1 ? void 0 : s ? Q(e, r) : e, n = t.length - 1, a; n >= 0; n--)
+}, u = (t, e, r, s) => {
+  for (var o = s > 1 ? void 0 : s ? te(e, r) : e, n = t.length - 1, a; n >= 0; n--)
     (a = t[n]) && (o = (s ? a(e, r, o) : a(o)) || o);
-  return s && o && N(e, r, o), o;
-}, X = (t, e, r) => e.has(t) || W("Cannot " + r), i = (t, e, r) => (X(t, e, "read from private field"), r ? r.call(t) : e.get(t)), c = (t, e, r) => e.has(t) ? W("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), g, x, y, w, f, _, v, k, B, C, b, O;
-let l = class extends V {
+  return s && o && ee(e, r, o), o;
+}, re = (t, e, r) => e.has(t) || W("Cannot " + r), i = (t, e, r) => (re(t, e, "read from private field"), r ? r.call(t) : e.get(t)), m = (t, e, r) => e.has(t) ? W("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), y, M, g, w, f, _, v, k, b, B, C, O;
+let c = class extends z {
   constructor() {
-    super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = H(), this._actionFired = !1, c(this, g, () => !!this._actionFired), this.formContext = P, c(this, x, (t) => {
+    super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = H(), this._actionFired = !1, m(this, y, () => !!this._actionFired), this.formContext = G, m(this, M, (t) => {
       const { field: e } = t, { name: r } = e;
       r && (this.formMeta = { ...this.formMeta, [r]: t });
-    }), c(this, y, (t) => {
+    }), m(this, g, (t) => {
       const { validators: e, errorSetter: r } = this.formMeta[t] || {};
       e != null && e.length && r([]);
-    }), c(this, w, () => {
+    }), m(this, w, () => {
       Object.keys(this.formMeta).forEach((t) => {
         const { initializer: e } = this.formMeta[t];
-        e(), i(this, y).call(this, t);
+        e(), i(this, g).call(this, t);
       });
-    }), c(this, f, async (t) => {
+    }), m(this, f, async (t) => {
       const { field: e, validators: r, errorSetter: s } = this.formMeta[t] || {}, { disabled: o } = e || {};
       if (!(r != null && r.length) || o) return [];
-      const n = await K(e, r);
+      const n = await P(e, r);
       return s(n), n;
-    }), c(this, _, async () => await Promise.all(
+    }), m(this, _, async () => await Promise.all(
       Object.keys(this.formMeta).map(
         async (t) => await i(this, f).call(this, t)
       )
-    )), c(this, v, async () => {
+    )), m(this, v, async () => {
       (await i(this, _).call(this)).some((r) => !!r.length) || this.dispatchEvent(
         new CustomEvent("submit", {
           bubbles: !0,
@@ -178,17 +190,17 @@ let l = class extends V {
           }, {})
         })
       );
-    }), c(this, k, async ({ target: t }) => {
-      if (i(this, g).call(this)) {
-        this._actionFired = !i(this, g).call(this);
+    }), m(this, k, async ({ target: t }) => {
+      if (i(this, y).call(this)) {
+        this._actionFired = !i(this, y).call(this);
         return;
       }
       const { name: e } = t;
       this.validationMode === "onBlur" && await i(this, f).call(this, e);
-    }), c(this, B, async ({ target: t }) => {
+    }), m(this, b, async ({ target: t }) => {
       const { name: e } = t;
-      this.validationMode === "onChange" ? await i(this, f).call(this, e) : i(this, y).call(this, e);
-    }), c(this, C, async ({ target: t }) => {
+      this.validationMode === "onChange" ? await i(this, f).call(this, e) : i(this, g).call(this, e);
+    }), m(this, B, async ({ target: t }) => {
       const { type: e } = t;
       switch (e) {
         case "reset":
@@ -196,10 +208,10 @@ let l = class extends V {
         case "submit":
           return i(this, v).call(this);
       }
-    }), c(this, b, async (t) => {
+    }), m(this, C, async (t) => {
       const { target: e, key: r } = t, { name: s } = e;
       r === "Enter" && this.formMeta[s] && await i(this, v).call(this);
-    }), c(this, O, (t) => {
+    }), m(this, O, (t) => {
       const e = t.target, { name: r } = document.activeElement || {}, s = e.closest("[type=reset]") || e.closest("[type=submit]");
       this.formMeta[r] && (this._actionFired = !!s);
     });
@@ -210,22 +222,22 @@ let l = class extends V {
       readOnly: this.readOnly,
       disabled: this.disabled,
       initialValues: this.initialValues,
-      registerField: i(this, x),
+      registerField: i(this, M),
       formBlurHandler: i(this, k),
-      formChangeHandler: i(this, B)
+      formChangeHandler: i(this, b)
     });
   }
   render() {
-    return z`
+    return L`
       <form
         novalidate
-        ${q(this.formRef)}
+        ${K(this.formRef)}
         action="${this.action}"
         method="${this.method}"
         target="${this.target}"
         enctype="${this.enctype}"
-        @click="${i(this, C)}"
-        @keydown="${i(this, b)}"
+        @click="${i(this, B)}"
+        @keydown="${i(this, C)}"
         @mousedown="${i(this, O)}"
       >
         <slot></slot>
@@ -233,56 +245,56 @@ let l = class extends V {
     `;
   }
 };
-g = /* @__PURE__ */ new WeakMap();
-x = /* @__PURE__ */ new WeakMap();
 y = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
+g = /* @__PURE__ */ new WeakMap();
 w = /* @__PURE__ */ new WeakMap();
 f = /* @__PURE__ */ new WeakMap();
 _ = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
 k = /* @__PURE__ */ new WeakMap();
+b = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
 C = /* @__PURE__ */ new WeakMap();
-b = /* @__PURE__ */ new WeakMap();
 O = /* @__PURE__ */ new WeakMap();
-h([
-  p({ type: String })
-], l.prototype, "validationMode", 2);
-h([
-  p({ type: Object })
-], l.prototype, "initialValues", 2);
-h([
-  p({ type: Boolean })
-], l.prototype, "required", 2);
-h([
-  p({ type: Boolean })
-], l.prototype, "disabled", 2);
-h([
-  p({ type: Boolean })
-], l.prototype, "readOnly", 2);
-h([
-  p({ type: String })
-], l.prototype, "action", 2);
-h([
-  p({ type: String })
-], l.prototype, "method", 2);
-h([
-  p({ type: String })
-], l.prototype, "target", 2);
-h([
-  p({ type: String })
-], l.prototype, "enctype", 2);
-h([
-  S()
-], l.prototype, "_actionFired", 2);
-h([
-  $({ context: G }),
-  S()
-], l.prototype, "formContext", 2);
-l = h([
-  L("bm-form")
-], l);
+u([
+  d({ type: String })
+], c.prototype, "validationMode", 2);
+u([
+  d({ type: Object })
+], c.prototype, "initialValues", 2);
+u([
+  d({ type: Boolean })
+], c.prototype, "required", 2);
+u([
+  d({ type: Boolean })
+], c.prototype, "disabled", 2);
+u([
+  d({ type: Boolean })
+], c.prototype, "readOnly", 2);
+u([
+  d({ type: String })
+], c.prototype, "action", 2);
+u([
+  d({ type: String })
+], c.prototype, "method", 2);
+u([
+  d({ type: String })
+], c.prototype, "target", 2);
+u([
+  d({ type: String })
+], c.prototype, "enctype", 2);
+u([
+  $()
+], c.prototype, "_actionFired", 2);
+u([
+  V({ context: q }),
+  $()
+], c.prototype, "formContext", 2);
+c = u([
+  D("bm-form")
+], c);
 export {
-  l as BmForm,
-  ne as validators
+  c as BmForm,
+  ce as validators
 };

package/local/wip/NativeSelect/NativeSelect.js

@@ -1,16 +1,16 @@
 import { r as C, x as O } from "../../chunks/lit-element.CJtt9wj5.js";
-import { n as s, c as T } from "../../chunks/register-custom-element.vod7zfGv.js";
+import { i as T, n as s, p as h, e as D, c as S } from "../../chunks/register-custom-element.AOEv8hcs.js";
 import { o as x } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
-import { n as S } from "../../chunks/ref.B7e1Hu4F.js";
-import { i as k, p as h, c as D, a as w, g as L } from "../../chunks/classNames.CARKFDmR.js";
+import { n as k } from "../../chunks/ref.B7e1Hu4F.js";
+import { c as w, g as L } from "../../chunks/classNames.Ciobzb4w.js";
 import { d as y } from "../../chunks/input.D7RpzZmn.js";
 import { t as E } from "../../chunks/constants.ZIKMMCJH.js";
 import { r as _ } from "../../chunks/delegate.baxDQosr.js";
 import { b as Q } from "../../chunks/helpers.y-1K1Ev-.js";
 import { FormField as U } from "../Form/Form.decorator.js";
-import "../../chunks/index.CUGawMXL.js";
+import "../../chunks/index.BoeGm2HZ.js";
 const $ = (e, i) => {
-  if (!k() || !e) return;
+  if (!T() || !e) return;
   const { options: r = [] } = e;
   Array.prototype.forEach.call(r, (o) => {
     const { disabled: c, dataset: l } = o, { disabled: d } = l;
@@ -57,7 +57,7 @@ let t = class extends U {
     });
   }
   updated(e) {
-    const [i] = this._selectLabel, [r] = this._selectHelperText, { decorate: o } = w(i), { decorate: c } = w(r), l = h(e, ["value"]), d = h(e, ["validationRules"]), f = h(e, ["formContext", "disabled"]), j = h(e, [
+    const [i] = this._selectLabel, [r] = this._selectHelperText, { decorate: o } = D(i), { decorate: c } = D(r), l = h(e, ["value"]), d = h(e, ["validationRules"]), f = h(e, ["formContext", "disabled"]), j = h(e, [
       "formContext",
       "required",
       "hideRequiredMarker"
@@ -70,11 +70,11 @@ let t = class extends U {
     };
   }
   render() {
-    const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, o = D(
+    const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), r = typeof this.error == "string" || !!i, o = w(
       this.helperTextId,
       this.error && this.errorId,
       this.validationErrorShown() && this.validationErrorsId
-    ), c = D(
+    ), c = w(
       q,
       r && `${u}error`,
       this.theme && E(this.theme),
@@ -91,7 +91,7 @@ let t = class extends U {
           <select
             id="${this.id}"
             name="${this.name}"
-            ${S(this.formFieldRef)}
+            ${k(this.formFieldRef)}
             ?required="${m(this, v).call(this)}"
             ?disabled="${m(this, n).call(this)}"
             @keydown="${m(this, g)}"
@@ -160,7 +160,7 @@ a([
   x({ slot: "helper-text" })
 ], t.prototype, "_selectHelperText", 2);
 t = a([
-  T("bm-native-select")
+  S("bm-native-select")
 ], t);
 export {
   t as BmNativeSelect

package/local/wip/RadioButton/RadioButton.js

@@ -1,8 +1,8 @@
 import { c as g } from "../../chunks/consume.Ce9k1-wN.js";
 import { r as y, a as _, E as d, x as l } from "../../chunks/lit-element.CJtt9wj5.js";
-import { n as a, c as x } from "../../chunks/register-custom-element.vod7zfGv.js";
+import { n as a, c as x } from "../../chunks/register-custom-element.AOEv8hcs.js";
 import { e as w, n as z } from "../../chunks/ref.B7e1Hu4F.js";
-import { c as k, g as C } from "../../chunks/classNames.CARKFDmR.js";
+import { c as k, g as C } from "../../chunks/classNames.Ciobzb4w.js";
 import { t as $ } from "../../chunks/constants.ZIKMMCJH.js";
 import { r as S } from "../../chunks/delegate.baxDQosr.js";
 import { inputChoiceGroupContext as P } from "../../InputChoiceGroup/InputChoiceGroup.context.js";

package/local/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js

@@ -1,5 +1,5 @@
 import { r as c } from "../../../chunks/delegate.baxDQosr.js";
-import { c as u } from "../../../chunks/register-custom-element.vod7zfGv.js";
+import { c as u } from "../../../chunks/register-custom-element.AOEv8hcs.js";
 import { InputChoiceGroup as l } from "../../../InputChoiceGroup/InputChoiceGroup.js";
 var h = Object.getOwnPropertyDescriptor, f = (t, e, o, s) => {
   for (var n = s > 1 ? void 0 : s ? h(e, o) : e, a = t.length - 1, i; a >= 0; a--)

package/local/wip/Switch/Switch.js

@@ -1,8 +1,8 @@
 import { c as _ } from "../../chunks/consume.Ce9k1-wN.js";
 import { r as z, a as C, x as n, E as w } from "../../chunks/lit-element.CJtt9wj5.js";
-import { n as a, c as S } from "../../chunks/register-custom-element.vod7zfGv.js";
+import { n as a, d as y, c as S } from "../../chunks/register-custom-element.AOEv8hcs.js";
 import { e as T, n as $ } from "../../chunks/ref.B7e1Hu4F.js";
-import { c as O, g as B, d as y } from "../../chunks/classNames.CARKFDmR.js";
+import { c as O, g as B } from "../../chunks/classNames.Ciobzb4w.js";
 import { t as P } from "../../chunks/constants.ZIKMMCJH.js";
 import { r as L } from "../../chunks/delegate.baxDQosr.js";
 import { inputChoiceGroupContext as E } from "../../InputChoiceGroup/InputChoiceGroup.context.js";

package/local/wip/Switch/SwitchGroup/SwitchGroup.js

@@ -1,4 +1,4 @@
-import { c as u } from "../../../chunks/register-custom-element.vod7zfGv.js";
+import { c as u } from "../../../chunks/register-custom-element.AOEv8hcs.js";
 import { InputChoiceGroup as l } from "../../../InputChoiceGroup/InputChoiceGroup.js";
 var n = Object.getOwnPropertyDescriptor, a = (t, o, m, p) => {
   for (var r = p > 1 ? void 0 : p ? n(o, m) : o, e = t.length - 1, s; e >= 0; e--)

package/local/wip/TextArea/TextArea.js

@@ -1,8 +1,8 @@
 import { r as R, x as _, E as D } from "../../chunks/lit-element.CJtt9wj5.js";
-import { n as a, c as L } from "../../chunks/register-custom-element.vod7zfGv.js";
+import { n as a, p as b, e as N, c as L } from "../../chunks/register-custom-element.AOEv8hcs.js";
 import { o as j } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
-import { e as W, n as N } from "../../chunks/ref.B7e1Hu4F.js";
-import { p as b, c as I, a as C, g as V } from "../../chunks/classNames.CARKFDmR.js";
+import { e as W, n as I } from "../../chunks/ref.B7e1Hu4F.js";
+import { c as C, g as V } from "../../chunks/classNames.Ciobzb4w.js";
 import { t as G } from "../../chunks/constants.ZIKMMCJH.js";
 import { r as B } from "../../chunks/delegate.baxDQosr.js";
 import { FormField as H } from "../Form/Form.decorator.js";
@@ -54,12 +54,12 @@ let t = class extends H {
       o(this, f).call(this), o(this, g).call(this), this.validateFieldOnChange(e);
     }), p(this, w, (e) => e ? _`
       <div class="${x}counter">
-        <span ${N(this.formFieldCounterRef)}></span>/<span>${e}</span>
+        <span ${I(this.formFieldCounterRef)}></span>/<span>${e}</span>
       </div>
     ` : D);
   }
   updated(e) {
-    const [r] = this._textAreaLabel, [i] = this._textAreaHelperText, { decorate: s } = C(r), { decorate: c } = C(i), n = b(e, ["value"]), u = b(e, ["maxCount"]), T = b(e, ["autoResize"]), Y = b(e, ["validationRules"]), P = b(e, ["formContext", "disabled"]), $ = b(e, [
+    const [r] = this._textAreaLabel, [i] = this._textAreaHelperText, { decorate: s } = N(r), { decorate: c } = N(i), n = b(e, ["value"]), u = b(e, ["maxCount"]), T = b(e, ["autoResize"]), Y = b(e, ["validationRules"]), P = b(e, ["formContext", "disabled"]), $ = b(e, [
       "formContext",
       "required",
       "hideRequiredMarker"
@@ -75,11 +75,11 @@ let t = class extends H {
     };
   }
   render() {
-    const { ariaInvalid: e } = this, { length: r } = this.validationErrors(), i = typeof this.error == "string" || !!r, s = I(
+    const { ariaInvalid: e } = this, { length: r } = this.validationErrors(), i = typeof this.error == "string" || !!r, s = C(
       this.helperTextId,
       this.error && this.errorId,
       this.validationErrorShown() && this.validationErrorsId
-    ), c = I(
+    ), c = C(
       F,
       i && `${d}error`,
       this.theme && G(this.theme),
@@ -102,7 +102,7 @@ let t = class extends H {
             name="${this.name}"
             rows="${this.rows}"
             cols="${this.cols}"
-            ${N(this.formFieldRef)}
+            ${I(this.formFieldRef)}
             maxlength="${this.maxCount}"
             @input="${o(this, y)}"
             ?required="${o(this, z).call(this)}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-web-components",
-  "version": "2.49.0",
+  "version": "2.50.0",
   "description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
   "license": "MIT",
   "author": "Viasat",
@@ -64,11 +64,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.49.0",
-    "@viasat/beam-shared": "2.49.0",
-    "@viasat/beam-styles": "2.49.0",
-    "@viasat/beam-tokens": "2.49.0",
-    "@viasat/beam-icons": "2.49.0",
+    "@viasat/beam-fonts": "2.50.0",
+    "@viasat/beam-shared": "2.50.0",
+    "@viasat/beam-styles": "2.50.0",
+    "@viasat/beam-tokens": "2.50.0",
+    "@viasat/beam-icons": "2.50.0",
     "clsx": "^1.2.1",
     "lit": "^3.1.0",
     "@lit/context": "^1.1.1",