@viasat/beam-web-components 2.62.0 → 2.64.0

package/wip/Form/Form.d.ts

@@ -36,11 +36,11 @@ export declare class BmForm extends LitElement {
     target: Optional<string>;
     enctype: Optional<string>;
     formMeta: Record<string, FieldMeta>;
-    formRef: import('lit-html/directives/ref').Ref<HTMLFormElement>;
+    formRef: import('lit/directives/ref.js').Ref<HTMLFormElement>;
     private _actionFired;
     formContext: BmFormContext;
     willUpdate(changedProperties: Map<string, unknown>): void;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/Form/Form.decorator.d.ts

@@ -41,7 +41,7 @@ export declare class FormField extends LitElement {
     protected setContextValue: () => void;
     protected setContextValidation: () => void;
     protected contextInitialsChanged: () => boolean;
-    protected renderError: (error: Optional<string>, disabled: boolean) => typeof nothing | import('lit-html').TemplateResult<1>;
-    protected renderValidationErrors: () => typeof nothing | import('lit-html').TemplateResult<1>;
+    protected renderError: (error: Optional<string>, disabled: boolean) => typeof nothing | import('lit').TemplateResult<1>;
+    protected renderValidationErrors: () => typeof nothing | import('lit').TemplateResult<1>;
 }
 //# sourceMappingURL=Form.decorator.d.ts.map

package/wip/Form/Form.decorator.js

@@ -1,47 +1,48 @@
-var x = (a) => {
+var V = (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), 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";
-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 = (a, r, t) => r.has(a) || V("Cannot " + t);
+var f = (a, r, t) => (y(a, r, "read from private field"), t ? t.call(a) : r.get(a)), b = (a, r, t) => r.has(a) ? V("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), m = (a, r, t, e) => (y(a, r, "write to private field"), e ? e.call(a, t) : r.set(a, t), t);
+import { consume as E } from "@lit/context";
+import { LitElement as k, nothing as v, html as x } from "lit";
+import { property as d, state as A } from "lit/decorators.js";
+import { createRef as F } from "lit/directives/ref.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/HelperText.Cc_6DlKP.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 = (a, r, t, e) => {
+  for (var i = void 0, s = a.length - 1, c; s >= 0; s--)
+    (c = a[s]) && (i = c(r, t, i) || i);
+  return i && R(r, 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)), y(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,
@@ -49,16 +50,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"
@@ -67,20 +68,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;
@@ -93,7 +94,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();
@@ -102,14 +103,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();
@@ -119,29 +120,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([
-  V({ 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/wip/RadioButton/RadioButton.d.ts

@@ -40,13 +40,13 @@ export declare class BmRadioButton extends LitElement {
      */
     onKeyDown?: (event: KeyboardEvent) => void;
     inputChoiceGroupContext: InputChoiceGroupContextProps;
-    radioButtonRef: import('lit-html/directives/ref').Ref<HTMLInputElement>;
+    radioButtonRef: import('lit/directives/ref.js').Ref<HTMLInputElement>;
     focus(): void;
     private handleForwardedEvents;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
     private _handleChange;
     private _handleKeyDown;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/Switch/Switch.d.ts

@@ -47,12 +47,12 @@ export declare class BmSwitch extends LitElement {
      * The value attribute for the input element
      */
     value?: string;
-    switchRef: import('lit-html/directives/ref').Ref<HTMLInputElement>;
+    switchRef: import('lit/directives/ref.js').Ref<HTMLInputElement>;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
     private handleForwardedEvents;
     private onChange;
     private _updateDisplayedSlot;
-    render(): import('lit-html').TemplateResult<1>;
+    render(): import('lit').TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/wip/TextArea/TextArea.d.ts

@@ -74,7 +74,7 @@ export declare class BmTextArea extends FormField {
      */
     theme: Optional<ThemeTypes>;
     static styles: import('lit').CSSResult;
-    formFieldCounterRef: import('lit-html/directives/ref').Ref<HTMLSpanElement>;
+    formFieldCounterRef: import('lit/directives/ref.js').Ref<HTMLSpanElement>;
     private _textAreaLabel;
     private _textAreaHelperText;
     updated(cP: Map<string, unknown>): void;