@viasat/beam-web-components 2.63.0 → 2.64.0

package/local/wip/Form/Form.decorator.js

@@ -1,48 +1,49 @@
-var x = (a) => {
-  throw TypeError(a);
+var V = (r) => {
+  throw TypeError(r);
 };
-var C = (a, r, t) => r.has(a) || x("Cannot " + t);
-var u = (a, r, t) => (C(a, r, "read from private field"), t ? t.call(a) : r.get(a)), g = (a, r, t) => r.has(a) ? x("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), V = (a, r, t, e) => (C(a, r, "write to private field"), e ? e.call(a, t) : r.set(a, t), t);
-import { c as y } from "../../chunks/consume.Ce9k1-wN.js";
-import { a as E, E as f, x as p } from "../../chunks/lit-element.CJtt9wj5.js";
-import { n as h } from "../../chunks/register-custom-element.AOEv8hcs.js";
-import { r as k } from "../../chunks/state.Dr3yBpId.js";
-import { e as A } from "../../chunks/ref.B7e1Hu4F.js";
-import { b as F } from "../../chunks/tokens.CTW8Tt94.js";
-import { bmFormInitials as c, bmFormContext as I } from "./Form.context.js";
-import { createId as m } from "./Form.utils.js";
+var y = (r, a, t) => a.has(r) || V("Cannot " + t);
+var f = (r, a, t) => (y(r, a, "read from private field"), t ? t.call(r) : a.get(r)), b = (r, a, t) => a.has(r) ? V("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(r) : a.set(r, t), m = (r, a, t, e) => (y(r, a, "write to private field"), e ? e.call(r, t) : a.set(r, t), t);
+import { c as E } from "../../chunks/consume.Ce9k1-wN.js";
+import { a as k, E as v, x } from "../../chunks/lit-element.CJtt9wj5.js";
+import { n as d } from "../../chunks/register-custom-element.AOEv8hcs.js";
+import { r as A } from "../../chunks/state.Dr3yBpId.js";
+import { e as F } from "../../chunks/ref.B7e1Hu4F.js";
+import { b as I } from "../../chunks/tokens.CTW8Tt94.js";
+import { bmFormInitials as u, bmFormContext as S } from "./Form.context.js";
+import { createId as p } from "./Form.utils.js";
 import "../../chunks/index.BoeGm2HZ.js";
-var S = Object.defineProperty, n = (a, r, t, e) => {
-  for (var i = void 0, s = a.length - 1, d; s >= 0; s--)
-    (d = a[s]) && (i = d(r, t, i) || i);
-  return i && S(r, t, i), i;
-}, l;
-const b = class b extends E {
+var R = Object.defineProperty, l = (r, a, t, e) => {
+  for (var i = void 0, s = r.length - 1, c; s >= 0; s--)
+    (c = r[s]) && (i = c(a, t, i) || i);
+  return i && R(a, t, i), i;
+}, n, h;
+const C = class C extends k {
   constructor() {
     super(...arguments);
-    g(this, l);
-    this.labelId = m(), this.errorId = m(), this.helperTextId = m(), this.validationErrorsId = m(), this.internals = this.attachInternals(), this.formFieldRef = A(), this.id = "", this.name = "", this.value = "", this.validationRules = [], this._validationErrors = [], this.validationErrors = () => this._validationErrors, this.setValidationErrors = (t) => {
+    b(this, n);
+    b(this, h);
+    this.labelId = p(), this.errorId = p(), this.helperTextId = p(), this.validationErrorsId = p(), this.internals = this.attachInternals(), this.formFieldRef = F(), this.id = "", this.name = "", this.value = "", this.validationRules = [], this._validationErrors = [], this.validationErrors = () => this._validationErrors, m(this, n, !1), this.setValidationErrors = (t) => {
       this._validationErrors = t;
-    }, this.validationErrorShown = () => this.validationErrors().some((t) => !!(t != null && t.length)), V(this, l, /* @__PURE__ */ new WeakMap()), this.submitFormByEnter = ({ key: t }) => {
+    }, this.validationErrorShown = () => this.validationErrors().some((t) => !!(t != null && t.length)), m(this, h, /* @__PURE__ */ new WeakMap()), this.submitFormByEnter = ({ key: t }) => {
       t === "Enter" && this.requestAssociatedSubmit();
     }, this.forwardLabelFocus = () => {
       const { value: t } = this.formFieldRef;
       t.focus();
     }, this.validateFieldOnBlur = (t) => {
-      const { formBlurHandler: e } = this.formContext || c;
+      const { formBlurHandler: e } = this.formContext || u;
       e(t);
     }, this.validateFieldOnChange = (t) => {
-      const { value: e } = t.target, { formChangeHandler: i } = this.formContext || c;
+      const { value: e } = t.target, { formChangeHandler: i } = this.formContext || u;
       i(t), this.setAssociatedValue(e);
     }, this.getContextValue = () => {
-      const { initialValues: t } = this.formContext || c;
+      const { initialValues: t } = this.formContext || u;
       return (t == null ? void 0 : t[this.name]) || this.value;
     }, this.setContextValue = () => {
       const { value: t } = this.formFieldRef, { ctxValue: e, finalizeCallback: i = () => {
       } } = this.finalizeAssociatedCallback(this.getContextValue()), s = t;
       s.value !== e && (s.value = e), this.setAssociatedValue(e), i();
     }, this.setContextValidation = () => {
-      const { value: t } = this.formFieldRef, { registerField: e } = this.formContext || c;
+      const { value: t } = this.formFieldRef, { registerField: e } = this.formContext || u;
       e({
         field: t,
         validators: this.validationRules,
@@ -50,16 +51,16 @@ const b = class b extends E {
         errorSetter: this.setValidationErrors
       });
     }, this.contextInitialsChanged = () => {
-      const { initialValues: t } = this.formContext || c, e = t == null ? void 0 : t[this.name], i = e !== this.contextInitialValue;
+      const { initialValues: t } = this.formContext || u, e = t == null ? void 0 : t[this.name], i = e !== this.contextInitialValue;
       return i && (this.contextInitialValue = e), i;
-    }, this.renderError = (t, e) => t ? p`
+    }, this.renderError = (t, e) => t ? x`
           <bm-helper-text
             text="${t}"
             id="${this.errorId}"
             appearance="negative"
             .disabled="${e}"
           ></bm-helper-text>
-        ` : f, this.renderValidationErrors = () => this.validationErrorShown() ? p`
+        ` : v, this.renderValidationErrors = () => this.validationErrorShown() ? x`
           <div
             role="log"
             aria-live="polite"
@@ -68,20 +69,20 @@ const b = class b extends E {
             id="${this.validationErrorsId}"
           >
             ${this.validationErrors().map(
-      (t) => t ? p`
+      (t) => t ? x`
                     <bm-helper-text
                       text="${t}"
                       appearance="negative"
-                      style="display: block; margin-top: ${F};"
+                      style="display: block; margin-top: ${I};"
                     ></bm-helper-text>
-                  ` : f
+                  ` : v
     )}
           </div>
-        ` : f;
+        ` : v;
   }
   setAssociatedValue(t) {
     if (typeof t == "string") {
-      if (this.value === t) return;
+      if (this.value === t && f(this, n)) return;
       this.value = t;
     }
     let e = null;
@@ -94,7 +95,7 @@ const b = class b extends E {
       t.forEach((s) => i.append(this.name, s.toString())), e = i;
     } else
       e = t;
-    this.internals.form && this.internals.setFormValue(e);
+    m(this, n, !0), this.internals.form && this.internals.setFormValue(e);
   }
   requestAssociatedSubmit() {
     this.internals.form && this.internals.form.requestSubmit();
@@ -103,14 +104,14 @@ const b = class b extends E {
     super.connectedCallback(), this.addEventListener("bm-label-click", this.forwardLabelFocus);
   }
   ctxValueChanged(t, e) {
-    const { value: i } = e, s = u(this, l).get(i), { initialValues: { [this.name]: d } = {} } = t, v = d !== s;
-    return v && u(this, l).set(i, d), v;
+    const { value: i } = e, s = f(this, h).get(i), { initialValues: { [this.name]: c } = {} } = t, g = c !== s;
+    return g && f(this, h).set(i, c), g;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.removeEventListener("bm-label-click", this.forwardLabelFocus);
   }
   formAssociatedCallback() {
-    this.setAssociatedValue(this.value);
+    m(this, n, !1), this.setAssociatedValue(this.value);
   }
   formResetCallback() {
     this.setContextValue();
@@ -120,29 +121,29 @@ const b = class b extends E {
     } };
   }
 };
-l = new WeakMap(), b.formAssociated = !0;
-let o = b;
-n([
-  h({ type: String })
+n = new WeakMap(), h = new WeakMap(), C.formAssociated = !0;
+let o = C;
+l([
+  d({ type: String })
 ], o.prototype, "id");
-n([
-  h({ type: String })
+l([
+  d({ type: String, reflect: !0 })
 ], o.prototype, "name");
-n([
-  h({ type: String })
+l([
+  d({ type: String })
 ], o.prototype, "value");
-n([
-  h({ type: Array })
+l([
+  d({ type: Array })
 ], o.prototype, "validationRules");
-n([
-  h({ type: String, attribute: "input-aria-label" })
+l([
+  d({ type: String, attribute: "input-aria-label" })
 ], o.prototype, "inputAriaLabel");
-n([
-  y({ context: I, subscribe: !0 }),
-  h({ attribute: !1 })
+l([
+  E({ context: S, subscribe: !0 }),
+  d({ attribute: !1 })
 ], o.prototype, "formContext");
-n([
-  k()
+l([
+  A()
 ], o.prototype, "_validationErrors");
 export {
   o as FormField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-web-components",
-  "version": "2.63.0",
+  "version": "2.64.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.63.0",
-    "@viasat/beam-shared": "2.63.0",
-    "@viasat/beam-styles": "2.63.0",
-    "@viasat/beam-tokens": "2.63.0",
-    "@viasat/beam-icons": "2.63.0",
+    "@viasat/beam-fonts": "2.64.0",
+    "@viasat/beam-shared": "2.64.0",
+    "@viasat/beam-styles": "2.64.0",
+    "@viasat/beam-tokens": "2.64.0",
+    "@viasat/beam-icons": "2.64.0",
     "clsx": "^1.2.1",
     "lit": "^3.1.0",
     "@lit/context": "^1.1.1",