@viasat/beam-web-components 2.25.0 → 2.26.1

package/wip/Form/Form.decorator.js

@@ -2,8 +2,8 @@ var x = (a) => {
   throw TypeError(a);
 };
 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 { consume as y } from "@lit/context";
+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), y = (a, r, t, e) => (C(a, r, "write to private field"), e ? e.call(a, t) : r.set(a, t), t);
+import { consume as V } from "@lit/context";
 import { LitElement as E, nothing as f, html as p } from "lit";
 import { property as h, state as k } from "lit/decorators.js";
 import { createRef as A } from "lit/directives/ref.js";
@@ -12,8 +12,8 @@ import { bmFormInitials as c, bmFormContext as I } from "./Form.context.js";
 import { createId as m } from "./Form.utils.js";
 import "../../chunks/HelperText.SJGM6Q5H.js";
 var S = Object.defineProperty, n = (a, r, t, e) => {
-  for (var i = void 0, o = a.length - 1, d; o >= 0; o--)
-    (d = a[o]) && (i = d(r, t, i) || i);
+  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 {
@@ -22,7 +22,7 @@ const b = class b extends E {
     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) => {
       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)), y(this, l, /* @__PURE__ */ new WeakMap()), this.submitFormByEnter = ({ key: t }) => {
       t === "Enter" && this.requestAssociatedSubmit();
     }, this.forwardLabelFocus = () => {
       const { value: t } = this.formFieldRef;
@@ -38,8 +38,8 @@ const b = class b extends E {
       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());
-      t.value = e, this.setAssociatedValue(e), 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;
       e({
@@ -79,6 +79,10 @@ const b = class b extends E {
         ` : f;
   }
   setAssociatedValue(t) {
+    if (typeof t == "string") {
+      if (this.value === t) return;
+      this.value = t;
+    }
     let e = null;
     if (typeof t == "boolean")
       e = t ? "on" : null;
@@ -86,7 +90,7 @@ const b = class b extends E {
       e = t.toString();
     else if (Array.isArray(t)) {
       const i = new FormData();
-      t.forEach((o) => i.append(this.name, o.toString())), e = i;
+      t.forEach((s) => i.append(this.name, s.toString())), e = i;
     } else
       e = t;
     this.internals.form && this.internals.setFormValue(e);
@@ -98,7 +102,7 @@ const b = class b extends E {
     super.connectedCallback(), this.addEventListener("bm-label-click", this.forwardLabelFocus);
   }
   ctxValueChanged(t, e) {
-    const { value: i } = e, o = u(this, l).get(i), { initialValues: { [this.name]: d } = {} } = t, v = d !== o;
+    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;
   }
   disconnectedCallback() {
@@ -116,29 +120,29 @@ const b = class b extends E {
   }
 };
 l = new WeakMap(), b.formAssociated = !0;
-let s = b;
+let o = b;
 n([
   h({ type: String })
-], s.prototype, "id");
+], o.prototype, "id");
 n([
   h({ type: String })
-], s.prototype, "name");
+], o.prototype, "name");
 n([
   h({ type: String })
-], s.prototype, "value");
+], o.prototype, "value");
 n([
   h({ type: Array })
-], s.prototype, "validationRules");
+], o.prototype, "validationRules");
 n([
   h({ type: String, attribute: "input-aria-label" })
-], s.prototype, "inputAriaLabel");
+], o.prototype, "inputAriaLabel");
 n([
-  y({ context: I, subscribe: !0 }),
+  V({ context: I, subscribe: !0 }),
   h({ attribute: !1 })
-], s.prototype, "formContext");
+], o.prototype, "formContext");
 n([
   k()
-], s.prototype, "_validationErrors");
+], o.prototype, "_validationErrors");
 export {
-  s as FormField
+  o as FormField
 };