@viasat/beam-web-components 2.0.0

package/local/wip/FileUpload/FileUpload.js

@@ -0,0 +1,452 @@
+import { e as G } from "../../chunks/provide.i2FlUkOu.js";
+import { c as K } from "../../chunks/consume.Ce9k1-wN.js";
+import { r as J, E as b, x } from "../../chunks/lit-element.CJtt9wj5.js";
+import { n as c, c as Q } from "../../chunks/register-custom-element.vod7zfGv.js";
+import { r as P } from "../../chunks/state.CqiuSzAl.js";
+import { o as N } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
+import { e as X } from "../../chunks/ref.B7e1Hu4F.js";
+import { p as Y, a as z, c as Z, g as ee, d as q } from "../../chunks/classNames.C6fNrXWF.js";
+import { t as te } from "../../chunks/constants.jOWREYQE.js";
+import { f as ie } from "../../chunks/fileUpload.module.kN6o64aL.js";
+import { d as re } from "../../chunks/tokens.CTW8Tt94.js";
+import { r as se } from "../../chunks/delegate.baxDQosr.js";
+import { bmFormContext as oe, bmFormInitials as H } from "../Form/Form.context.js";
+import { FormField as ae } from "../Form/Form.decorator.js";
+import { fileUploadContext as le } from "./FileUploadContext.js";
+import "../../chunks/index.Bz1Jq4c2.js";
+import "./FileUpload.Dropzone.js";
+import "./FileUpload.List.js";
+var ne = function(e, t) {
+  if (e && t) {
+    var i = Array.isArray(t) ? t : t.split(",");
+    if (i.length === 0)
+      return !0;
+    var r = e.name || "", s = (e.type || "").toLowerCase(), n = s.replace(/\/.*$/, "");
+    return i.some(function(p) {
+      var d = p.trim().toLowerCase();
+      return d.charAt(0) === "." ? r.toLowerCase().endsWith(d) : d.endsWith("/*") ? n === d.replace(/\/.*$/, "") : s === d;
+    });
+  }
+  return !0;
+};
+const de = (e, t) => {
+  const i = new FormData();
+  return t.files.forEach((r, s) => {
+    t.shouldAddToFormData[s] && i.append(e, r);
+  }), i;
+}, he = {
+  fileItems: [],
+  abortControllers: [],
+  files: [],
+  shouldAddToFormData: [],
+  validFileCount: 0
+};
+function pe(e) {
+  return e < 6 ? `${e} B` : e < 1048576 / 2 ? `${(e / 1024).toFixed(2)} KB` : e < 1073741824 / 2 ? `${(e / 1048576).toFixed(2)} MB` : e < 1099511627776 / 2 ? `${(e / 1073741824).toFixed(2)} GB` : `${(e / 1099511627776 / 2).toFixed(2)} TB`;
+}
+const ce = (e, t, { accept: i, fileLimit: r, maxFileSize: s }) => {
+  if (i && !ne(e, i))
+    return "Incorrect file type";
+  if (r && t >= r)
+    return "Attachment limit reached";
+  if (s && e.size > s)
+    return "File size exceeds limit";
+}, me = (e, {
+  state: t,
+  error: i
+}) => ({
+  id: URL.createObjectURL(e),
+  fileName: e.name,
+  fileSize: pe(e.size),
+  state: t ?? "uploaded",
+  progress: 0,
+  error: i
+}), ue = (e, t) => {
+  const i = new Image();
+  i.src = URL.createObjectURL(e), i.onload = () => {
+    const r = document.createElement("canvas"), s = r.getContext("2d");
+    s && (r.width = i.width, r.height = i.height, s.drawImage(i, 0, 0), t(r.toDataURL("image/jpeg")));
+  };
+}, fe = (e) => URL.createObjectURL(e), xe = (e, t) => {
+  const i = document.createElement("video"), r = document.createElement("source"), s = document.createElement("canvas"), n = s.getContext("2d");
+  if (!n)
+    return;
+  i.crossOrigin = "anonymous", i.preload = "metadata", i.appendChild(r), r.src = URL.createObjectURL(e), i.currentTime = 0, i.load(), i.addEventListener("loadedmetadata", () => {
+    s.width = i.videoWidth, s.height = i.videoHeight;
+  });
+  const p = () => {
+    n.drawImage(i, 0, 0, s.width, s.height), t(s.toDataURL("image/jpeg"));
+  };
+  if (typeof i.requestVideoFrameCallback < "u")
+    i.requestVideoFrameCallback(p);
+  else {
+    const d = () => {
+      setTimeout(p, 0), i.removeEventListener("seeked", d);
+    };
+    i.addEventListener("seeked", d);
+  }
+}, ye = (e, t) => {
+  if (e.type === "image/gif")
+    return ue(e, t);
+  if (e.type.startsWith("image/"))
+    return fe(e);
+  if (e.type.startsWith("video/"))
+    return xe(e, t);
+};
+function ve(e, t) {
+  t({ type: "remove", payload: e });
+}
+function Fe(e, t, i, r, s, n, p, d) {
+  if (!e)
+    return;
+  let f = i;
+  const k = Array.from(e).map((y) => {
+    const C = ce(y, f, {
+      accept: r,
+      fileLimit: s,
+      maxFileSize: n
+    }), m = me(y, {
+      error: C,
+      state: C ? "error" : p
+    }), V = new AbortController();
+    m.thumbnail = ye(y, (v) => {
+      t({
+        type: "update",
+        payload: { fileItem: m, updates: { thumbnail: v } }
+      });
+    });
+    let $ = !C;
+    return C || (f++, d ? $ = (d == null ? void 0 : d(
+      y,
+      {
+        progress(v) {
+          t({
+            type: "update",
+            payload: { fileItem: m, updates: { state: "uploading", progress: v } }
+          });
+        },
+        success() {
+          t({
+            type: "update",
+            payload: { fileItem: m, updates: { state: "success" } }
+          }), setTimeout(() => {
+            t({
+              type: "update",
+              payload: { fileItem: m, updates: { state: "uploaded" } }
+            });
+          }, 3e3);
+        },
+        error(v) {
+          t({
+            type: "update",
+            payload: { fileItem: m, updates: { state: "error", error: v } }
+          });
+        },
+        dismiss() {
+          t({ type: "remove", payload: m });
+        }
+      },
+      V.signal
+    )) ?? !1 : $ = !0), { file: y, fileItem: m, abortController: V, shouldAddToFormData: $ };
+  });
+  t({ type: "add", payload: k });
+}
+function Ce(e, t) {
+  var i;
+  switch (t.type) {
+    case "add":
+      return {
+        fileItems: [
+          ...e.fileItems,
+          ...t.payload.map(({ fileItem: r }) => r)
+        ],
+        abortControllers: [
+          ...e.abortControllers,
+          ...t.payload.map(({ abortController: r }) => r)
+        ],
+        files: [...e.files, ...t.payload.map(({ file: r }) => r)],
+        shouldAddToFormData: [
+          ...e.shouldAddToFormData,
+          ...t.payload.map(({ shouldAddToFormData: r }) => r)
+        ],
+        validFileCount: t.payload.reduce(
+          (r, { fileItem: s }) => s.state !== "error" ? r + 1 : r,
+          e.validFileCount
+        )
+      };
+    case "remove": {
+      const { payload: r } = t, s = e.fileItems.findIndex((n) => n.id === r.id);
+      return s < 0 ? e : ((i = e.abortControllers[s]) == null || i.abort(), {
+        fileItems: [
+          ...e.fileItems.slice(0, s),
+          ...e.fileItems.slice(s + 1)
+        ],
+        abortControllers: [
+          ...e.abortControllers.slice(0, s),
+          ...e.abortControllers.slice(s + 1)
+        ],
+        files: [...e.files.slice(0, s), ...e.files.slice(s + 1)],
+        shouldAddToFormData: [
+          ...e.shouldAddToFormData.slice(0, s),
+          ...e.shouldAddToFormData.slice(s + 1)
+        ],
+        validFileCount: e.validFileCount - (r.state !== "error" ? 1 : 0)
+      });
+    }
+    case "update": {
+      const { fileItem: r, updates: s } = t.payload, n = e.fileItems.findIndex((k) => k.id === r.id);
+      if (n < 0)
+        return e;
+      const p = e.fileItems[n].state, d = s.state ?? p;
+      let f = e.validFileCount;
+      return p !== "error" && d === "error" && (f -= 1), p === "error" && d !== "error" && (f += 1), {
+        ...e,
+        fileItems: [
+          ...e.fileItems.slice(0, n),
+          { ...e.fileItems[n], ...s },
+          ...e.fileItems.slice(n + 1)
+        ],
+        validFileCount: f
+      };
+    }
+    default:
+      return e;
+  }
+}
+var be = Object.defineProperty, we = Object.getOwnPropertyDescriptor, j = (e) => {
+  throw TypeError(e);
+}, l = (e, t, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? we(t, i) : t, n = e.length - 1, p; n >= 0; n--)
+    (p = e[n]) && (s = (r ? p(t, i, s) : p(s)) || s);
+  return r && s && be(t, i, s), s;
+}, ge = (e, t, i) => t.has(e) || j("Cannot " + i), o = (e, t, i) => (ge(e, t, "read from private field"), i ? i.call(e) : t.get(e)), h = (e, t, i) => t.has(e) ? j("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, i), u, L, T, S, W, A, E, _, I, F, M, R, D, B, U, O;
+const { baseClassNamePrefix: Se, classModifierPrefix: w, subElementClassPrefix: g } = ee("file-upload");
+class _e extends CustomEvent {
+  constructor(t, i, r) {
+    super("bm-selected", {
+      detail: { file: t, actions: i, abortSignal: r },
+      cancelable: !0,
+      bubbles: !0,
+      composed: !0
+    });
+  }
+}
+let a = class extends ae {
+  constructor() {
+    super(...arguments), this.disabled = !1, this.validationRules = [], this.fileUploadContext = {}, this.pickerRef = X(), h(this, u, () => {
+      var e;
+      return !!(this.disabled || (e = this.formContext) != null && e.disabled);
+    }), h(this, L, () => {
+      var e;
+      return !!(this.readOnly || (e = this.formContext) != null && e.readOnly);
+    }), h(this, T, () => {
+      var e;
+      return !!(this.required || (e = this.formContext) != null && e.required);
+    }), this.filesState = he, h(this, S, (e) => {
+      this.filesState = Ce(this.filesState, e), this.fileUploadContext = {
+        ...this.fileUploadContext,
+        ctxFileItems: this.filesState.fileItems
+      }, this.setAssociatedValue(o(this, I).call(this));
+    }), h(this, W, (e, t, i) => {
+      const r = new _e(e, t, i);
+      return this.dispatchEvent(r);
+    }), h(this, A, (e) => {
+      Fe(
+        e,
+        o(this, S),
+        this.filesState.validFileCount,
+        this.accept,
+        this.fileLimit,
+        this.maxFileSize,
+        "uploaded",
+        o(this, W)
+      );
+    }), h(this, E, (e) => {
+      ve(e, o(this, S));
+    }), h(this, _, new CSSStyleSheet()), h(this, I, () => de(this.name, this.filesState)), h(this, F, () => {
+      const { initialValues: e } = this.formContext || H, { [this.name]: t } = e || {};
+      this.setAssociatedValue(
+        t instanceof FormData ? t : new FormData()
+      );
+    }), h(this, M, () => {
+      var e;
+      (e = this.pickerRef.value) == null || e.focus();
+    }), h(this, R, (e) => this.error ? x`
+      <bm-helper-text
+        id="${e}"
+        text="${this.error}"
+        appearance="negative"
+        .disabled="${o(this, u).call(this)}"
+        class="${g}helper-text"
+      ></bm-helper-text>
+    ` : b), this._hasPickerSlot = !1, h(this, D, () => !!this._hasPickerSlot), h(this, B, () => x`
+      <slot name="picker" @slotchange=${(t) => {
+      this._hasPickerSlot = q(t);
+    }}></slot>
+      ${o(this, D).call(this) ? b : x`<bm-file-upload-dropzone></bm-file-upload-dropzone>`}
+    `), this._hasFilesListSlot = !1, h(this, U, () => !!this._hasFilesListSlot), h(this, O, () => x`
+      <div class="${g}files-list">
+        <slot name="files-list" @slotchange=${(t) => {
+      this._hasFilesListSlot = q(t);
+    }}></slot>
+        ${o(this, U).call(this) ? b : x`<bm-file-upload-list thumbnail="false"></bm-file-upload-list>`}
+      </div>
+    `);
+  }
+  willUpdate() {
+    this.fileUploadContext = {
+      ctxAccept: this.accept,
+      ctxMultiple: this.multiple,
+      ctxFileLimit: this.fileLimit,
+      ctxMaxFileSize: this.maxFileSize,
+      ctxFileItems: this.filesState.fileItems,
+      ctxAddFiles: o(this, A),
+      ctxDismissFile: o(this, E),
+      ctxError: !!this.error,
+      ctxDisabled: o(this, u).call(this)
+    };
+    const e = this.fluid ? "100%" : this.width ?? re;
+    o(this, _).replace(`:host { width: ${e}; }`);
+  }
+  firstUpdated() {
+    var i, r;
+    (r = (i = this.shadowRoot) == null ? void 0 : i.adoptedStyleSheets) == null || r.push(o(this, _));
+    const { value: e } = this.pickerRef, { registerField: t } = this.formContext || H;
+    !e || o(this, u).call(this) || t({
+      validators: this.validationRules,
+      initializer: o(this, F),
+      field: e,
+      errorSetter: this.setValidationErrors.bind(this)
+    });
+  }
+  updated(e) {
+    const [t] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: r } = z(t), { decorate: s } = z(i);
+    Y(e, ["formContext"]) && this.ctxValueChanged(this.formContext, this.pickerRef) && o(this, F).call(this), s({ disabled: o(this, u).call(this) }), r({
+      disabled: o(this, u).call(this),
+      required: o(this, T).call(this) && !this.hideRequiredMarker
+    });
+  }
+  formAssociatedCallback() {
+    this.setAssociatedValue(o(this, I).call(this));
+  }
+  formResetCallback() {
+    o(this, F).call(this);
+  }
+  render() {
+    const { length: e } = this.validationErrors(), t = !!this.error || !!e, i = Z(
+      Se,
+      t && `${w}error`,
+      this.theme && te(this.theme),
+      this.fluid && `${w}fluid`,
+      o(this, u).call(this) && `${w}disabled`,
+      o(this, L).call(this) && `${w}read-only`
+    );
+    return x`
+      <div class=${i} style="max-width: ${this.width ?? b}">
+        <div class="${g}uploader">
+          <slot
+            name="label"
+            id=${this.labelId}
+            @bm-label-clicked=${o(this, M)}
+          ></slot>
+          <div class="${g}field">${o(this, B).call(this)}</div>
+          <slot name="helper-text" id="${this.helperTextId}"></slot>
+          ${o(this, R).call(this, this.errorId)} ${this.renderValidationErrors()}
+        </div>
+
+        ${o(this, O).call(this)}
+      </div>
+    `;
+  }
+};
+u = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
+S = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
+E = /* @__PURE__ */ new WeakMap();
+_ = /* @__PURE__ */ new WeakMap();
+I = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
+M = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+D = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
+U = /* @__PURE__ */ new WeakMap();
+O = /* @__PURE__ */ new WeakMap();
+a.styles = J(ie);
+se(a);
+l([
+  c({ type: String })
+], a.prototype, "accept", 2);
+l([
+  c({
+    type: String,
+    converter(e) {
+      return e === "true" ? !0 : e === "false" ? !1 : e;
+    }
+  })
+], a.prototype, "error", 2);
+l([
+  c({ type: Boolean })
+], a.prototype, "disabled", 2);
+l([
+  c({ type: Boolean })
+], a.prototype, "multiple", 2);
+l([
+  c({ type: Number })
+], a.prototype, "fileLimit", 2);
+l([
+  c({ type: Number })
+], a.prototype, "maxFileSize", 2);
+l([
+  c({ type: Boolean })
+], a.prototype, "required", 2);
+l([
+  c({ type: Boolean })
+], a.prototype, "readOnly", 2);
+l([
+  c({ type: Boolean })
+], a.prototype, "hideRequiredMarker", 2);
+l([
+  c({ type: Array })
+], a.prototype, "validationRules", 2);
+l([
+  c({ type: Boolean })
+], a.prototype, "fluid", 2);
+l([
+  c({ type: String })
+], a.prototype, "width", 2);
+l([
+  c({ type: String })
+], a.prototype, "theme", 2);
+l([
+  K({ context: oe, subscribe: !0 }),
+  c({ attribute: !1 })
+], a.prototype, "formContext", 2);
+l([
+  G({ context: le })
+], a.prototype, "fileUploadContext", 2);
+l([
+  N({ slot: "label" })
+], a.prototype, "_textFieldLabel", 2);
+l([
+  N({ slot: "helper-text" })
+], a.prototype, "_textFieldHelperText", 2);
+l([
+  P()
+], a.prototype, "filesState", 2);
+l([
+  P()
+], a.prototype, "_hasPickerSlot", 2);
+l([
+  P()
+], a.prototype, "_hasFilesListSlot", 2);
+a = l([
+  Q("bm-file-upload")
+], a);
+export {
+  a as BmFileUpload,
+  _e as BmFileUploadFileSelectedEvent
+};

package/local/wip/FileUpload/FileUploadContext.js

@@ -0,0 +1,8 @@
+import { n as o } from "../../chunks/create-context.DS1OG3vJ.js";
+import { p as t } from "../../chunks/constants.jOWREYQE.js";
+const p = o(
+  Symbol(`${t}form-context`)
+);
+export {
+  p as fileUploadContext
+};

package/local/wip/FileUpload/FileUploadListContext.js

@@ -0,0 +1,8 @@
+import { n as o } from "../../chunks/create-context.DS1OG3vJ.js";
+import { p as t } from "../../chunks/constants.jOWREYQE.js";
+const m = o(
+  Symbol(`${t}form-list-context`)
+);
+export {
+  m as fileUploadListContext
+};

package/local/wip/FileUpload/index.js

@@ -0,0 +1,13 @@
+import { BmFileUpload as l, BmFileUploadFileSelectedEvent as m } from "./FileUpload.js";
+import { BmFileUploadButton as t } from "./FileUpload.Button.js";
+import { BmFileUploadDropzone as i } from "./FileUpload.Dropzone.js";
+import { BmFileUploadList as B } from "./FileUpload.List.js";
+import { BmFileUploadListItem as a } from "./FileUpload.List.Item.js";
+export {
+  l as BmFileUpload,
+  t as BmFileUploadButton,
+  i as BmFileUploadDropzone,
+  m as BmFileUploadFileSelectedEvent,
+  B as BmFileUploadList,
+  a as BmFileUploadListItem
+};

package/local/wip/Form/Form.context.js

@@ -0,0 +1,20 @@
+import { n as r } from "../../chunks/create-context.DS1OG3vJ.js";
+import { p as e } from "../../chunks/constants.jOWREYQE.js";
+const l = {
+  required: !1,
+  disabled: !1,
+  readOnly: !1,
+  initialValues: {},
+  registerField: () => {
+  },
+  formBlurHandler: () => {
+  },
+  formChangeHandler: () => {
+  }
+}, a = r(
+  Symbol(`${e}form-context`)
+);
+export {
+  a as bmFormContext,
+  l as bmFormInitials
+};

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

@@ -0,0 +1,145 @@
+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 { c as E } from "../../chunks/consume.Ce9k1-wN.js";
+import { a as y, E as f, x as p } from "../../chunks/lit-element.CJtt9wj5.js";
+import { n as h } from "../../chunks/register-custom-element.vod7zfGv.js";
+import { r as k } from "../../chunks/state.CqiuSzAl.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";
+import "../../chunks/index.Bz1Jq4c2.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);
+  return i && S(r, t, i), i;
+}, l;
+const b = class b extends y {
+  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) => {
+      this._validationErrors = t;
+    }, this.validationErrorShown = () => this.validationErrors().some((t) => !!(t != null && t.length)), V(this, l, /* @__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;
+      e(t);
+    }, this.validateFieldOnChange = (t) => {
+      const { value: e } = t.target, { formChangeHandler: i } = this.formContext || c;
+      i(t), this.setAssociatedValue(e);
+    }, this.getContextValue = () => {
+      const { initialValues: t } = this.formContext || c;
+      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.setContextValidation = () => {
+      const { value: t } = this.formFieldRef, { registerField: e } = this.formContext || c;
+      e({
+        field: t,
+        validators: this.validationRules,
+        initializer: this.setContextValue,
+        errorSetter: this.setValidationErrors
+      });
+    }, this.contextInitialsChanged = () => {
+      const { initialValues: t } = this.formContext || c, e = t == null ? void 0 : t[this.name], i = e !== this.contextInitialValue;
+      return i && (this.contextInitialValue = e), i;
+    }, this.renderError = (t, e) => t ? p`
+          <bm-helper-text
+            text="${t}"
+            id="${this.errorId}"
+            appearance="negative"
+            .disabled="${e}"
+          ></bm-helper-text>
+        ` : f, this.renderValidationErrors = () => this.validationErrorShown() ? p`
+          <div
+            role="log"
+            aria-live="polite"
+            aria-atomic="true"
+            aria-relevant="additions"
+            id="${this.validationErrorsId}"
+          >
+            ${this.validationErrors().map(
+      (t) => t ? p`
+                    <bm-helper-text
+                      text="${t}"
+                      appearance="negative"
+                      style="display: block; margin-top: ${F};"
+                    ></bm-helper-text>
+                  ` : f
+    )}
+          </div>
+        ` : f;
+  }
+  setAssociatedValue(t) {
+    let e = null;
+    if (typeof t == "boolean")
+      e = t ? "on" : null;
+    else if (typeof t == "number")
+      e = t.toString();
+    else if (Array.isArray(t)) {
+      const i = new FormData();
+      t.forEach((o) => i.append(this.name, o.toString())), e = i;
+    } else
+      e = t;
+    this.internals.form && this.internals.setFormValue(e);
+  }
+  requestAssociatedSubmit() {
+    this.internals.form && this.internals.form.requestSubmit();
+  }
+  connectedCallback() {
+    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;
+    return v && u(this, l).set(i, d), v;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("bm-label-click", this.forwardLabelFocus);
+  }
+  formAssociatedCallback() {
+    this.setAssociatedValue(this.value);
+  }
+  formResetCallback() {
+    this.setContextValue();
+  }
+  finalizeAssociatedCallback(t) {
+    return { ctxValue: t, finalizeCallback: () => {
+    } };
+  }
+};
+l = new WeakMap(), b.formAssociated = !0;
+let s = b;
+n([
+  h({ type: String })
+], s.prototype, "id");
+n([
+  h({ type: String })
+], s.prototype, "name");
+n([
+  h({ type: String })
+], s.prototype, "value");
+n([
+  h({ type: Array })
+], s.prototype, "validationRules");
+n([
+  h({ type: String, attribute: "input-aria-label" })
+], s.prototype, "inputAriaLabel");
+n([
+  E({ context: I, subscribe: !0 }),
+  h({ attribute: !1 })
+], s.prototype, "formContext");
+n([
+  k()
+], s.prototype, "_validationErrors");
+export {
+  s as FormField
+};