@viasat/beam-web-components 2.25.0 → 2.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,168 +1,158 @@
1
- import { r as E, x as p } from "../../chunks/lit-element.CJtt9wj5.js";
2
- import { n as c, c as O } from "../../chunks/register-custom-element.vod7zfGv.js";
3
- import { r as k } from "../../chunks/state.CqiuSzAl.js";
4
- import { o as S } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
5
- import { n as A } from "../../chunks/ref.B7e1Hu4F.js";
6
- import { p as h, c as C, a as $, g as P } from "../../chunks/classNames.C6fNrXWF.js";
7
- import { t as I } from "../../chunks/constants.jOWREYQE.js";
8
- import { r as T } from "../../chunks/delegate.baxDQosr.js";
9
- import { s as z } from "../../chunks/helpers.BWcXAteC.js";
10
- import { FormField as W } from "../Form/Form.decorator.js";
11
- import "../../chunks/index.DNafYKj-.js";
12
- const L = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-md-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-comp-input-size-field-md-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}';
13
- var R = Object.defineProperty, D = Object.getOwnPropertyDescriptor, B = (e) => {
1
+ import { r as E, E as p, x as g } from "../chunks/lit-element.CJtt9wj5.js";
2
+ import { n as a, c as F } from "../chunks/register-custom-element.vod7zfGv.js";
3
+ import { r as $ } from "../chunks/state.CqiuSzAl.js";
4
+ import { o as z } from "../chunks/query-assigned-elements.Drkgpk9q.js";
5
+ import { n as q } from "../chunks/ref.B7e1Hu4F.js";
6
+ import { p as n, c as y, a as w, g as M } from "../chunks/classNames.C6fNrXWF.js";
7
+ import { t as O } from "../chunks/constants.jOWREYQE.js";
8
+ import { r as P } from "../chunks/delegate.baxDQosr.js";
9
+ import { s as I } from "../chunks/helpers.BWcXAteC.js";
10
+ import { FormField as T } from "../wip/Form/Form.decorator.js";
11
+ import "../chunks/index.DNafYKj-.js";
12
+ const A = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #ffffff);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #8697a5);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-input-color-border-disabled: rgba(134, 151, 165, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #141d24);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(87, 103, 117, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #576775);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #ffffff );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #00768f );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #ffffff );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-input-color-bg: var(--bm-sem-color-surface-01, #202e39);--bm-comp-input-color-bg-disabled: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-input-color-border: var(--bm-sem-color-border-strong, #9fafbc);--bm-comp-input-color-border-error: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-input-color-border-disabled: rgba(159, 175, 188, .4);--bm-comp-input-color-text: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-input-color-text-placeholder: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-input-color-text-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon-disabled: var( --bm-sem-color-text-disabled, rgba(195, 205, 213, .4) );--bm-comp-input-color-icon: var(--bm-sem-color-icon-secondary, #c3cdd5);--bm-comp-input-color-icon-error: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-input-color-divider: var(--bm-sem-color-border-02, #465967);--bm-comp-input-color-choice-checkbox-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-checkbox-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-checkbox-selected-bg-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-checkbox-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-switch-selected-bg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-switch-selected-icon: var( --bm-sem-color-icon-primary-inverse, #141d24 );--bm-comp-input-color-choice-switch-selected-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-input-color-choice-radio-selected-bg: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-bg-error: var( --bm-sem-color-surface-01, #202e39 );--bm-comp-input-color-choice-radio-selected-border-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-color-choice-radio-selected-inner-circle-error: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-input-typo-default: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-character-count: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-label-choice: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-gap: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-choice-gap-items-x: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-choice-nudge: var( --bm-primitive-dimension-12, .125rem );--bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-text-area-height: var( --bm-primitive-dimension-475, 4.75rem );--bm-comp-input-size-choice-checkbox: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-choice-radio-inside: var( --bm-primitive-dimension-50, .5rem );--bm-comp-input-size-choice-switch-height: var( --bm-sem-size-icon-md, 1.25rem );--bm-comp-input-size-choice-switch-width: var( --bm-primitive-dimension-250, 2.5rem );--bm-comp-input-size-choice-switch-knob: var( --bm-primitive-dimension-87, .875rem );--bm-comp-input-radius-field: var(--bm-sem-radius-input-md, .25rem);--bm-comp-input-radius-choice-checkbox: var( --bm-sem-radius-input-sm, .125rem );--bm-comp-input-radius-choice-radio: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-radius-choice-switch: var( --bm-sem-radius-input-lg, 624.938rem );--bm-comp-input-border-width-field-default: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-border-width-field-error: var( --bm-sem-border-width-lg, .125rem );--bm-comp-input-border-width-choice: var( --bm-sem-border-width-input, .063rem );--bm-comp-input-shadow-field: var( --bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0) )}.bm-text-field{--bm-label-cursor: pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom: var(--bm-comp-label-space-bottom);--bm-helper-text-space-top: var(--bm-comp-helper-text-space-top)}.bm-text-field--disabled{--bm-label-cursor: not-allowed;--bm-label-pointer-events: auto;--bm-text-field-cursor: not-allowed;--bm-text-field-input-cursor: not-allowed}.bm-text-field--error .bm-text-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error) solid var(--bm-comp-input-color-border-error)}.bm-text-field--error .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--error .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field--read-only .bm-text-field__field .bm-text-field__content svg,.bm-text-field--read-only .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon)}.bm-text-field--disabled .bm-text-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content{opacity:var(--bm-sem-opacity-disabled)}.bm-text-field--disabled .bm-text-field__field .bm-text-field__content svg,.bm-text-field--disabled .bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-text-disabled)}.bm-text-field--fluid{max-width:100%}.bm-text-field--ellipsis .bm-text-field__field .bm-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bm-text-field__field{display:flex;flex-wrap:nowrap;align-items:center;box-sizing:border-box;transform:translate3d(var(--bm-sem-space-0),var(--bm-sem-space-0),var(--bm-sem-space-0));border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);cursor:var(--bm-text-field-cursor, default);gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-md-height);padding:var(--bm-comp-input-space-field-y) var(--bm-comp-input-space-field-x)}.bm-text-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-text-field__field .bm-text-field__input{border:none;outline:none;background:none;width:100%;padding:var(--bm-sem-space-0);color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-default);cursor:var(--bm-text-field-input-cursor, text)}.bm-text-field__field .bm-text-field__input:-webkit-autofill{caret-color:var(--bm-comp-input-color-text);-webkit-text-fill-color:var(--bm-comp-input-color-text);box-shadow:0 0 0 var(--bm-comp-input-size-field-md-height) var(--bm-comp-input-color-bg) inset}.bm-text-field__field .bm-text-field__input::placeholder{color:var(--bm-comp-input-color-text-placeholder)}.bm-text-field__field .bm-text-field__content{display:flex;align-items:center}.bm-text-field__field .bm-text-field__content svg,.bm-text-field__field .bm-text-field__content ::slotted([slot*=content]){color:var(--bm-comp-input-color-icon);width:var(--bm-comp-input-size-field-icon);height:var(--bm-comp-input-size-field-icon)}';
13
+ var L = Object.defineProperty, R = Object.getOwnPropertyDescriptor, C = (e) => {
14
14
  throw TypeError(e);
15
- }, r = (e, o, i, l) => {
16
- for (var a = l > 1 ? void 0 : l ? D(o, i) : o, n = e.length - 1, b; n >= 0; n--)
17
- (b = e[n]) && (a = (l ? b(o, i, a) : b(a)) || a);
18
- return l && a && R(o, i, a), a;
19
- }, H = (e, o, i) => o.has(e) || B("Cannot " + i), m = (e, o, i) => (H(e, o, "read from private field"), i ? i.call(e) : o.get(e)), s = (e, o, i) => o.has(e) ? B("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), g, _, d, v, x, y, w;
20
- const { baseClassNamePrefix: N, subElementClassPrefix: u, classModifierPrefix: f } = P("text-field");
21
- let t = class extends W {
15
+ }, r = (e, o, i, c) => {
16
+ for (var m = c > 1 ? void 0 : c ? R(o, i) : o, s = e.length - 1, b; s >= 0; s--)
17
+ (b = e[s]) && (m = (c ? b(o, i, m) : b(m)) || m);
18
+ return c && m && L(o, i, m), m;
19
+ }, W = (e, o, i) => o.has(e) || C("Cannot " + i), l = (e, o, i) => (W(e, o, "read from private field"), i ? i.call(e) : o.get(e)), f = (e, o, i) => o.has(e) ? C("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, i), d, u, v, x;
20
+ const { baseClassNamePrefix: D, subElementClassPrefix: _, classModifierPrefix: h } = M("text-field");
21
+ let t = class extends T {
22
22
  constructor() {
23
- super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, s(this, g, () => !!this._hasContentAfterSlot), s(this, _, () => !!this._hasContentBeforeSlot), s(this, d, () => {
23
+ super(...arguments), this.required = !1, this.hideRequiredMarker = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.ellipse = !1, this.type = "text", this.inputMode = "text", this._hasContentBeforeSlot = !1, this._hasContentAfterSlot = !1, f(this, d, () => {
24
24
  var e;
25
25
  return !!(this.disabled || (e = this.formContext) != null && e.disabled);
26
- }), s(this, v, () => {
26
+ }), f(this, u, () => {
27
27
  var e;
28
28
  return !!(this.readOnly || (e = this.formContext) != null && e.readOnly);
29
- }), s(this, x, () => {
29
+ }), f(this, v, () => {
30
30
  var e;
31
31
  return !!(this.required || (e = this.formContext) != null && e.required);
32
- }), s(this, y, () => {
33
- const e = ({ target: o }) => {
34
- this._hasContentBeforeSlot = z(o);
35
- };
36
- return m(this, _).call(this) ? p`
37
- <div class="${u}content">
38
- <slot name="content-before" @slotchange="${e}"></slot>
39
- </div>
40
- ` : p`<slot name="content-before" @slotchange="${e}"></slot>`;
41
- }), s(this, w, () => {
42
- const e = ({ target: o }) => {
43
- this._hasContentAfterSlot = z(o);
44
- };
45
- return m(this, g).call(this) ? p`
46
- <div class="${u}content">
47
- <slot name="content-after" @slotchange="${e}"></slot>
48
- </div>
49
- ` : p`<slot name="content-after" @slotchange="${e}"></slot>`;
32
+ }), f(this, x, (e) => {
33
+ const o = e === "before" ? "_hasContentBeforeSlot" : "_hasContentAfterSlot", c = g`<slot
34
+ name="content-${e}"
35
+ @slotchange="${({ target: m }) => {
36
+ this[o] = I(m);
37
+ }}"
38
+ ></slot>`;
39
+ return this[o] ? g`<div class="${_}content">${c}</div>` : c;
50
40
  });
51
41
  }
52
42
  updated(e) {
53
- const [o] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: l } = $(o), { decorate: a } = $(i), n = h(e, ["value"]), b = h(e, ["validationRules"]), F = h(e, ["formContext", "disabled"]), M = h(e, [
43
+ const [o] = this._textFieldLabel, [i] = this._textFieldHelperText, { decorate: c } = w(o), { decorate: m } = w(i), s = n(e, ["value"]), b = n(e, ["validationRules"]), k = n(e, ["formContext", "disabled"]), S = n(e, [
54
44
  "formContext",
55
45
  "required",
56
46
  "hideRequiredMarker"
57
- ]), q = h(e, ["formContext"]) && this.contextInitialsChanged();
58
- (n || q) && this.setContextValue(), F && (l({ disabled: m(this, d).call(this) }), a({ disabled: m(this, d).call(this) })), b && this.setContextValidation(), M && l({ required: m(this, x).call(this) && !this.hideRequiredMarker });
47
+ ]), B = n(e, ["formContext"]) && this.contextInitialsChanged();
48
+ (s || B) && this.setContextValue(), k && (c({ disabled: l(this, d).call(this) }), m({ disabled: l(this, d).call(this) })), b && this.setContextValidation(), S && c({ required: l(this, v).call(this) && !this.hideRequiredMarker });
59
49
  }
60
50
  render() {
61
- const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), i = typeof this.error == "string" || !!o, l = C(
62
- this.helperTextId,
51
+ const { ariaInvalid: e } = this, { length: o } = this.validationErrors(), i = typeof this.error == "string" || !!o, c = this.helperTextId, m = this.error || this.validationErrorShown() ? y(
63
52
  this.error && this.errorId,
64
53
  this.validationErrorShown() && this.validationErrorsId
65
- ), a = C(
66
- N,
67
- i && `${f}error`,
68
- this.theme && I(this.theme),
69
- this.fluid && `${f}fluid`,
70
- this.ellipse && `${f}ellipsis`,
71
- m(this, d).call(this) && `${f}disabled`,
72
- m(this, v).call(this) && `${f}read-only`
54
+ ) : void 0, s = y(
55
+ D,
56
+ i && `${h}error`,
57
+ this.theme && O(this.theme),
58
+ this.fluid && `${h}fluid`,
59
+ this.ellipse && `${h}ellipsis`,
60
+ l(this, d).call(this) && `${h}disabled`,
61
+ l(this, u).call(this) && `${h}read-only`
73
62
  );
74
- return p`
75
- <div class="${a}" style="max-width: ${this.width}">
63
+ return g`
64
+ <div
65
+ class="${s}"
66
+ style="${this.width ? `max-width: ${this.width}` : p}"
67
+ >
76
68
  <slot name="label" id="${this.labelId}"></slot>
77
- <div class="${u}field">
78
- ${m(this, y).call(this)}
69
+ <div class="${_}field">
70
+ ${l(this, x).call(this, "before")}
79
71
  <input
80
72
  id="${this.id}"
81
73
  name="${this.name}"
82
74
  type="${this.type}"
83
- ${A(this.formFieldRef)}
75
+ ${q(this.formFieldRef)}
84
76
  inputmode="${this.inputMode}"
85
- ?required="${m(this, x).call(this)}"
86
- ?readonly="${m(this, v).call(this)}"
87
- ?disabled="${m(this, d).call(this)}"
88
- placeholder="${this.placeholder}"
77
+ ?required="${l(this, v).call(this)}"
78
+ ?readonly="${l(this, u).call(this)}"
79
+ ?disabled="${l(this, d).call(this)}"
80
+ placeholder="${this.placeholder ?? p}"
89
81
  aria-labelledby="${this.labelId}"
90
- aria-label="${this.inputAriaLabel}"
82
+ aria-label="${this.inputAriaLabel ?? p}"
91
83
  @blur="${this.validateFieldOnBlur}"
92
84
  @keydown="${this.submitFormByEnter}"
93
- aria-describedby="${l}"
94
- class="${u}input"
85
+ aria-describedby="${c ?? p}"
86
+ aria-errormessage="${m ?? p}"
87
+ class="${_}input"
95
88
  @input="${this.validateFieldOnChange}"
96
89
  aria-invalid="${e || i}"
97
90
  />
98
- ${m(this, w).call(this)}
91
+ ${l(this, x).call(this, "after")}
99
92
  </div>
100
93
  <slot name="helper-text" id="${this.helperTextId}"></slot>
101
- ${this.renderError(this.error, m(this, d).call(this))}
94
+ ${this.renderError(this.error, l(this, d).call(this))}
102
95
  ${this.renderValidationErrors()}
103
96
  </div>
104
97
  `;
105
98
  }
106
99
  };
107
- g = /* @__PURE__ */ new WeakMap();
108
- _ = /* @__PURE__ */ new WeakMap();
109
100
  d = /* @__PURE__ */ new WeakMap();
101
+ u = /* @__PURE__ */ new WeakMap();
110
102
  v = /* @__PURE__ */ new WeakMap();
111
103
  x = /* @__PURE__ */ new WeakMap();
112
- y = /* @__PURE__ */ new WeakMap();
113
- w = /* @__PURE__ */ new WeakMap();
114
- T(t);
115
- t.styles = E(L);
104
+ P(t);
105
+ t.styles = E(A);
116
106
  r([
117
- c({ type: String })
107
+ a({ type: String })
118
108
  ], t.prototype, "placeholder", 2);
119
109
  r([
120
- c({ type: Boolean })
110
+ a({ type: Boolean })
121
111
  ], t.prototype, "required", 2);
122
112
  r([
123
- c({ type: Boolean })
113
+ a({ type: Boolean })
124
114
  ], t.prototype, "hideRequiredMarker", 2);
125
115
  r([
126
- c({ type: String })
116
+ a({ type: String })
127
117
  ], t.prototype, "error", 2);
128
118
  r([
129
- c({ type: Boolean })
119
+ a({ type: Boolean })
130
120
  ], t.prototype, "readOnly", 2);
131
121
  r([
132
- c({ type: Boolean })
122
+ a({ type: Boolean })
133
123
  ], t.prototype, "disabled", 2);
134
124
  r([
135
- c({ type: Boolean })
125
+ a({ type: Boolean })
136
126
  ], t.prototype, "fluid", 2);
137
127
  r([
138
- c({ type: String })
128
+ a({ type: String })
139
129
  ], t.prototype, "width", 2);
140
130
  r([
141
- c({ type: Boolean })
131
+ a({ type: Boolean })
142
132
  ], t.prototype, "ellipse", 2);
143
133
  r([
144
- c({ type: String })
134
+ a({ type: String })
145
135
  ], t.prototype, "theme", 2);
146
136
  r([
147
- c({ type: String })
137
+ a({ type: String })
148
138
  ], t.prototype, "type", 2);
149
139
  r([
150
- c({ type: String })
140
+ a({ type: String })
151
141
  ], t.prototype, "inputMode", 2);
152
142
  r([
153
- S({ slot: "label" })
143
+ z({ slot: "label" })
154
144
  ], t.prototype, "_textFieldLabel", 2);
155
145
  r([
156
- S({ slot: "helper-text" })
146
+ z({ slot: "helper-text" })
157
147
  ], t.prototype, "_textFieldHelperText", 2);
158
148
  r([
159
- k()
149
+ $()
160
150
  ], t.prototype, "_hasContentBeforeSlot", 2);
161
151
  r([
162
- k()
152
+ $()
163
153
  ], t.prototype, "_hasContentAfterSlot", 2);
164
154
  t = r([
165
- O("bm-text-field")
155
+ F("bm-text-field")
166
156
  ], t);
167
157
  export {
168
158
  t as BmTextField
@@ -3,8 +3,8 @@ var x = (a) => {
3
3
  };
4
4
  var C = (a, r, t) => r.has(a) || x("Cannot " + t);
5
5
  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);
6
- import { c as E } from "../../chunks/consume.Ce9k1-wN.js";
7
- import { a as y, E as f, x as p } from "../../chunks/lit-element.CJtt9wj5.js";
6
+ import { c as y } from "../../chunks/consume.Ce9k1-wN.js";
7
+ import { a as E, E as f, x as p } from "../../chunks/lit-element.CJtt9wj5.js";
8
8
  import { n as h } from "../../chunks/register-custom-element.vod7zfGv.js";
9
9
  import { r as k } from "../../chunks/state.CqiuSzAl.js";
10
10
  import { e as A } from "../../chunks/ref.B7e1Hu4F.js";
@@ -13,11 +13,11 @@ import { bmFormInitials as c, bmFormContext as I } from "./Form.context.js";
13
13
  import { createId as m } from "./Form.utils.js";
14
14
  import "../../chunks/index.DNafYKj-.js";
15
15
  var S = Object.defineProperty, n = (a, r, t, e) => {
16
- for (var i = void 0, o = a.length - 1, d; o >= 0; o--)
17
- (d = a[o]) && (i = d(r, t, i) || i);
16
+ for (var i = void 0, s = a.length - 1, d; s >= 0; s--)
17
+ (d = a[s]) && (i = d(r, t, i) || i);
18
18
  return i && S(r, t, i), i;
19
19
  }, l;
20
- const b = class b extends y {
20
+ const b = class b extends E {
21
21
  constructor() {
22
22
  super(...arguments);
23
23
  g(this, l);
@@ -39,8 +39,8 @@ const b = class b extends y {
39
39
  return (t == null ? void 0 : t[this.name]) || this.value;
40
40
  }, this.setContextValue = () => {
41
41
  const { value: t } = this.formFieldRef, { ctxValue: e, finalizeCallback: i = () => {
42
- } } = this.finalizeAssociatedCallback(this.getContextValue());
43
- t.value = e, this.setAssociatedValue(e), i();
42
+ } } = this.finalizeAssociatedCallback(this.getContextValue()), s = t;
43
+ s.value !== e && (s.value = e), this.setAssociatedValue(e), i();
44
44
  }, this.setContextValidation = () => {
45
45
  const { value: t } = this.formFieldRef, { registerField: e } = this.formContext || c;
46
46
  e({
@@ -80,6 +80,10 @@ const b = class b extends y {
80
80
  ` : f;
81
81
  }
82
82
  setAssociatedValue(t) {
83
+ if (typeof t == "string") {
84
+ if (this.value === t) return;
85
+ this.value = t;
86
+ }
83
87
  let e = null;
84
88
  if (typeof t == "boolean")
85
89
  e = t ? "on" : null;
@@ -87,7 +91,7 @@ const b = class b extends y {
87
91
  e = t.toString();
88
92
  else if (Array.isArray(t)) {
89
93
  const i = new FormData();
90
- t.forEach((o) => i.append(this.name, o.toString())), e = i;
94
+ t.forEach((s) => i.append(this.name, s.toString())), e = i;
91
95
  } else
92
96
  e = t;
93
97
  this.internals.form && this.internals.setFormValue(e);
@@ -99,7 +103,7 @@ const b = class b extends y {
99
103
  super.connectedCallback(), this.addEventListener("bm-label-click", this.forwardLabelFocus);
100
104
  }
101
105
  ctxValueChanged(t, e) {
102
- const { value: i } = e, o = u(this, l).get(i), { initialValues: { [this.name]: d } = {} } = t, v = d !== o;
106
+ const { value: i } = e, s = u(this, l).get(i), { initialValues: { [this.name]: d } = {} } = t, v = d !== s;
103
107
  return v && u(this, l).set(i, d), v;
104
108
  }
105
109
  disconnectedCallback() {
@@ -117,29 +121,29 @@ const b = class b extends y {
117
121
  }
118
122
  };
119
123
  l = new WeakMap(), b.formAssociated = !0;
120
- let s = b;
124
+ let o = b;
121
125
  n([
122
126
  h({ type: String })
123
- ], s.prototype, "id");
127
+ ], o.prototype, "id");
124
128
  n([
125
129
  h({ type: String })
126
- ], s.prototype, "name");
130
+ ], o.prototype, "name");
127
131
  n([
128
132
  h({ type: String })
129
- ], s.prototype, "value");
133
+ ], o.prototype, "value");
130
134
  n([
131
135
  h({ type: Array })
132
- ], s.prototype, "validationRules");
136
+ ], o.prototype, "validationRules");
133
137
  n([
134
138
  h({ type: String, attribute: "input-aria-label" })
135
- ], s.prototype, "inputAriaLabel");
139
+ ], o.prototype, "inputAriaLabel");
136
140
  n([
137
- E({ context: I, subscribe: !0 }),
141
+ y({ context: I, subscribe: !0 }),
138
142
  h({ attribute: !1 })
139
- ], s.prototype, "formContext");
143
+ ], o.prototype, "formContext");
140
144
  n([
141
145
  k()
142
- ], s.prototype, "_validationErrors");
146
+ ], o.prototype, "_validationErrors");
143
147
  export {
144
- s as FormField
148
+ o as FormField
145
149
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viasat/beam-web-components",
3
- "version": "2.25.0",
3
+ "version": "2.26.1",
4
4
  "description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
5
5
  "license": "MIT",
6
6
  "author": "Viasat",
@@ -64,11 +64,11 @@
64
64
  "access": "public"
65
65
  },
66
66
  "dependencies": {
67
- "@viasat/beam-fonts": "2.25.0",
68
- "@viasat/beam-shared": "2.25.0",
69
- "@viasat/beam-styles": "2.25.0",
70
- "@viasat/beam-tokens": "2.25.0",
71
- "@viasat/beam-icons": "2.25.0",
67
+ "@viasat/beam-fonts": "2.26.1",
68
+ "@viasat/beam-shared": "2.26.1",
69
+ "@viasat/beam-styles": "2.26.1",
70
+ "@viasat/beam-tokens": "2.26.1",
71
+ "@viasat/beam-icons": "2.26.1",
72
72
  "clsx": "^1.2.1",
73
73
  "lit": "^3.1.0",
74
74
  "@lit/context": "^1.1.1",