@viasat/beam-web-components 2.73.0 → 2.75.0

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.
Files changed (117) hide show
  1. package/Accordion/Accordion.js +3 -3
  2. package/Accordion/AccordionGroup.js +3 -3
  3. package/Accordion/index.js +1 -1
  4. package/Alert/Alert.js +5 -5
  5. package/Avatar/Avatar.js +2 -2
  6. package/Avatar/AvatarGroup.js +2 -2
  7. package/Avatar/index.js +1 -1
  8. package/Badge/Badge.js +2 -2
  9. package/BadgeDot/BadgeDot.js +2 -2
  10. package/Box/Box.js +2 -2
  11. package/Breadcrumbs/Breadcrumbs.js +3 -3
  12. package/Breadcrumbs/BreadcrumbsItem.js +3 -3
  13. package/Breadcrumbs/index.js +1 -1
  14. package/Button/Button.js +2 -2
  15. package/CloseButton/CloseButton.js +2 -2
  16. package/Divider/Divider.js +2 -2
  17. package/EmptyState/EmptyState.js +2 -2
  18. package/HelperText/HelperText.js +3 -3
  19. package/HelperText/index.js +1 -1
  20. package/Icon/Icon.js +2 -2
  21. package/InputChoiceGroup/InputChoiceGroup.js +2 -2
  22. package/Label/Label.js +2 -2
  23. package/Link/Link.js +2 -2
  24. package/List/List.js +2 -2
  25. package/List/ListItem.js +2 -2
  26. package/ProgressBar/ProgressBar.js +2 -2
  27. package/SegmentedControl/SegmentedControl.js +2 -2
  28. package/SegmentedControl/SegmentedControlItem.js +10 -10
  29. package/SegmentedControl/SegmentedControlList.js +2 -2
  30. package/SegmentedControl/SegmentedControlPanel.js +2 -2
  31. package/Spinner/Spinner.js +2 -2
  32. package/Text/Text.js +2 -2
  33. package/TextArea/TextArea.js +5 -5
  34. package/TextField/TextField.js +6 -6
  35. package/Tooltip/Tooltip.js +9 -9
  36. package/chunks/{Accordion.fbo-T2zU.js → Accordion.BF2pHMSP.js} +4 -4
  37. package/chunks/{Avatar.DkegKDfD.js → Avatar.kVWwOxWe.js} +2 -2
  38. package/chunks/{BreadcrumbsItem.kovG2GHz.js → BreadcrumbsItem.BmqxxC44.js} +2 -2
  39. package/chunks/{HelperText.Cc_6DlKP.js → HelperText.3YJvB8x0.js} +5 -5
  40. package/chunks/{register-custom-element.D_kw6JXe.js → classNames.BQclmCHG.js} +29 -34
  41. package/chunks/register-custom-element.DHGKOhmA.js +17 -0
  42. package/custom-elements.json +1428 -1428
  43. package/local/Accordion/Accordion.js +4 -4
  44. package/local/Accordion/AccordionGroup.js +4 -4
  45. package/local/Accordion/index.js +1 -1
  46. package/local/Alert/Alert.js +11 -11
  47. package/local/Avatar/Avatar.js +3 -3
  48. package/local/Avatar/AvatarGroup.js +3 -3
  49. package/local/Avatar/index.js +1 -1
  50. package/local/Badge/Badge.js +2 -2
  51. package/local/BadgeDot/BadgeDot.js +2 -2
  52. package/local/Box/Box.js +2 -2
  53. package/local/Breadcrumbs/Breadcrumbs.js +3 -3
  54. package/local/Breadcrumbs/BreadcrumbsItem.js +3 -3
  55. package/local/Breadcrumbs/index.js +1 -1
  56. package/local/Button/Button.js +3 -3
  57. package/local/CloseButton/CloseButton.js +2 -2
  58. package/local/Divider/Divider.js +7 -7
  59. package/local/EmptyState/EmptyState.js +2 -2
  60. package/local/HelperText/HelperText.js +3 -3
  61. package/local/HelperText/index.js +1 -1
  62. package/local/Icon/Icon.js +2 -2
  63. package/local/InputChoiceGroup/InputChoiceGroup.js +3 -3
  64. package/local/Label/Label.js +2 -2
  65. package/local/Link/Link.js +2 -2
  66. package/local/List/List.js +3 -3
  67. package/local/List/ListItem.js +3 -3
  68. package/local/ProgressBar/ProgressBar.js +2 -2
  69. package/local/SegmentedControl/SegmentedControl.js +3 -3
  70. package/local/SegmentedControl/SegmentedControlItem.js +7 -7
  71. package/local/SegmentedControl/SegmentedControlList.js +2 -2
  72. package/local/SegmentedControl/SegmentedControlPanel.js +2 -2
  73. package/local/Spinner/Spinner.js +2 -2
  74. package/local/Text/Text.js +2 -2
  75. package/local/TextArea/TextArea.js +9 -9
  76. package/local/TextField/TextField.js +7 -7
  77. package/local/Tooltip/Tooltip.js +8 -8
  78. package/local/chunks/{Accordion.QupR4x7N.js → Accordion.DM6Nkgnh.js} +9 -9
  79. package/local/chunks/{Avatar.D0_A6fGG.js → Avatar.BT61pkbV.js} +2 -2
  80. package/local/chunks/{BreadcrumbsItem.Ds7TtgQn.js → BreadcrumbsItem.CsPbcOZ5.js} +2 -2
  81. package/local/chunks/classNames.CARKFDmR.js +106 -0
  82. package/local/chunks/{index.BoeGm2HZ.js → index.CUGawMXL.js} +8 -8
  83. package/local/chunks/register-custom-element.vod7zfGv.js +51 -0
  84. package/local/chunks/{state.Dr3yBpId.js → state.CqiuSzAl.js} +1 -1
  85. package/local/wip/Checkbox/Checkbox.js +2 -2
  86. package/local/wip/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -1
  87. package/local/wip/FileUpload/FileUpload.Button.js +2 -2
  88. package/local/wip/FileUpload/FileUpload.Dropzone.js +3 -3
  89. package/local/wip/FileUpload/FileUpload.List.Item.js +3 -3
  90. package/local/wip/FileUpload/FileUpload.List.js +2 -2
  91. package/local/wip/FileUpload/FileUpload.js +8 -8
  92. package/local/wip/Form/Form.decorator.js +3 -3
  93. package/local/wip/Form/Form.js +183 -161
  94. package/local/wip/NativeSelect/NativeSelect.js +10 -10
  95. package/local/wip/RadioButton/RadioButton.js +2 -2
  96. package/local/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js +1 -1
  97. package/local/wip/Switch/Switch.js +2 -2
  98. package/local/wip/Switch/SwitchGroup/SwitchGroup.js +1 -1
  99. package/package.json +6 -6
  100. package/vscode.html-custom-data.json +226 -226
  101. package/wip/Checkbox/Checkbox.js +2 -2
  102. package/wip/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -1
  103. package/wip/FileUpload/FileUpload.Button.js +2 -2
  104. package/wip/FileUpload/FileUpload.Dropzone.js +2 -2
  105. package/wip/FileUpload/FileUpload.List.Item.js +3 -3
  106. package/wip/FileUpload/FileUpload.List.js +2 -2
  107. package/wip/FileUpload/FileUpload.js +12 -12
  108. package/wip/Form/Form.decorator.js +1 -1
  109. package/wip/Form/Form.js +184 -162
  110. package/wip/NativeSelect/NativeSelect.js +9 -9
  111. package/wip/RadioButton/RadioButton.js +2 -2
  112. package/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js +1 -1
  113. package/wip/Switch/Switch.js +5 -5
  114. package/wip/Switch/SwitchGroup/SwitchGroup.js +1 -1
  115. package/chunks/classNames.m6VYRyOu.js +0 -18
  116. package/local/chunks/classNames.Ciobzb4w.js +0 -30
  117. package/local/chunks/register-custom-element.AOEv8hcs.js +0 -133
@@ -5,13 +5,13 @@ var E = (e, s, t) => s.has(e) || C("Cannot " + t);
5
5
  var h = (e, s, t) => (E(e, s, "read from private field"), t ? t.call(e) : s.get(e)), y = (e, s, t) => s.has(e) ? C("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, t), f = (e, s, t, i) => (E(e, s, "write to private field"), i ? i.call(e, t) : s.set(e, t), t);
6
6
  import { c as k } from "../../chunks/consume.Ce9k1-wN.js";
7
7
  import { a as F, E as V, x as g } from "../../chunks/lit-element.CJtt9wj5.js";
8
- import { n as u } from "../../chunks/register-custom-element.AOEv8hcs.js";
9
- import { r as A } from "../../chunks/state.Dr3yBpId.js";
8
+ import { n as u } from "../../chunks/register-custom-element.vod7zfGv.js";
9
+ import { r as A } from "../../chunks/state.CqiuSzAl.js";
10
10
  import { e as I } from "../../chunks/ref.B7e1Hu4F.js";
11
11
  import { b as S } from "../../chunks/tokens.CTW8Tt94.js";
12
12
  import { bmFormInitials as p, bmFormContext as w } from "./Form.context.js";
13
13
  import { createId as b } from "./Form.utils.js";
14
- import "../../chunks/index.BoeGm2HZ.js";
14
+ import "../../chunks/index.CUGawMXL.js";
15
15
  var R = Object.defineProperty, l = (e, s, t, i) => {
16
16
  for (var r = void 0, a = e.length - 1, n; a >= 0; a--)
17
17
  (n = e[a]) && (r = n(s, t, r) || r);
@@ -1,14 +1,36 @@
1
- import { e as V } from "../../chunks/provide.i2FlUkOu.js";
2
- import { a as z, x as L } from "../../chunks/lit-element.CJtt9wj5.js";
3
- import { a as S, t as N, n as d, c as D } from "../../chunks/register-custom-element.AOEv8hcs.js";
4
- import { r as $ } from "../../chunks/state.Dr3yBpId.js";
1
+ import { e as z } from "../../chunks/provide.i2FlUkOu.js";
2
+ import { a as V, x as D } from "../../chunks/lit-element.CJtt9wj5.js";
3
+ import { n as d, c as N } from "../../chunks/register-custom-element.vod7zfGv.js";
4
+ import { r as L } from "../../chunks/state.CqiuSzAl.js";
5
5
  import { e as H, n as K } from "../../chunks/ref.B7e1Hu4F.js";
6
- import { bmFormContext as q, bmFormInitials as G } from "./Form.context.js";
7
- const P = async (t, e) => (await Promise.all(
8
- e.map(
6
+ import { bmFormContext as T, bmFormInitials as q } from "./Form.context.js";
7
+ const G = 100, P = (e, t, r = G) => {
8
+ const s = /* @__PURE__ */ new Map();
9
+ return Object.assign((...n) => {
10
+ const a = e(...n);
11
+ if (s.has(a)) {
12
+ const c = s.get(a);
13
+ return s.delete(a), s.set(a, c), c;
14
+ }
15
+ const i = t(...n);
16
+ return s.set(a, i), s.size > r && s.delete(s.keys().next().value), i;
17
+ }, { clear: () => s.clear() });
18
+ }, $ = (e, t, r) => e * 1e4 + t * 100 + r, S = (e) => $(e.getFullYear(), e.getMonth() + 1, e.getDate());
19
+ P(
20
+ (e) => e,
21
+ (e) => {
22
+ try {
23
+ return new Intl.Locale(e).toString();
24
+ } catch {
25
+ return e.toLowerCase();
26
+ }
27
+ }
28
+ );
29
+ const j = async (e, t) => (await Promise.all(
30
+ t.map(
9
31
  async (s) => {
10
32
  const { validator: o } = s;
11
- return o(t);
33
+ return o(e);
12
34
  }
13
35
  )
14
36
  )).reduce(
@@ -17,31 +39,31 @@ const P = async (t, e) => (await Promise.all(
17
39
  return n ? [...s, a] : s;
18
40
  },
19
41
  []
20
- ), F = (t) => {
21
- const { type: e, checked: r } = t, s = e === "checkbox";
42
+ ), F = (e) => {
43
+ const { type: t, checked: r } = e, s = t === "checkbox";
22
44
  if (s)
23
45
  return {
24
46
  isCheckBoxGroup: s,
25
- selectedBoxes: r ? [t] : []
47
+ selectedBoxes: r ? [e] : []
26
48
  };
27
- const o = Array.from(t), n = o.every((h) => {
28
- const { type: p } = h;
49
+ const o = Array.from(e), n = o.every((c) => {
50
+ const { type: p } = c;
29
51
  return p === "checkbox";
30
52
  }), a = !!o.length && n;
31
53
  if (!a) return { isCheckBoxGroup: a, selectedBoxes: [] };
32
- const l = o.filter(
33
- ({ checked: h }) => h
54
+ const i = o.filter(
55
+ ({ checked: c }) => c
34
56
  );
35
- return { isCheckBoxGroup: a, selectedBoxes: l };
36
- }, E = (t) => {
37
- const { type: e, multiple: r, options: s } = t, o = e === "select-multiple" && r;
57
+ return { isCheckBoxGroup: a, selectedBoxes: i };
58
+ }, E = (e) => {
59
+ const { type: t, multiple: r, options: s } = e, o = t === "select-multiple" && r;
38
60
  if (!o) return { isMultiSelect: o, selectedOptions: [] };
39
61
  const n = [].filter.call(
40
62
  s,
41
63
  ({ selected: a }) => a
42
64
  );
43
65
  return { isMultiSelect: o, selectedOptions: n };
44
- }, R = new RegExp(
66
+ }, I = new RegExp(
45
67
  [
46
68
  "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:",
47
69
  "\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:",
@@ -55,130 +77,130 @@ const P = async (t, e) => (await Promise.all(
55
77
  "[-\b\v\f-!-ZS-]|\\\\[-",
56
78
  " \v\f-])+)\\])"
57
79
  ].join("")
58
- ), T = (t) => ({
80
+ ), R = (e) => ({
59
81
  name: "min",
60
- validator: (e) => {
61
- const { value: r, message: s } = t, { value: o } = e;
82
+ validator: (t) => {
83
+ const { value: r, message: s } = e, { value: o } = t;
62
84
  return { error: !!o && Number(o) < r, message: s };
63
85
  }
64
- }), j = (t) => ({
86
+ }), A = (e) => ({
65
87
  name: "max",
66
- validator: (e) => {
67
- const { value: r, message: s } = t, { value: o } = e;
88
+ validator: (t) => {
89
+ const { value: r, message: s } = e, { value: o } = t;
68
90
  return { error: !!o && Number(o) > r, message: s };
69
91
  }
70
- }), A = (t) => ({
92
+ }), U = (e) => ({
71
93
  name: "email",
72
- validator: (e) => {
73
- const { message: r } = t || {}, { value: s } = e;
74
- return { error: !!s && !R.test(s), message: r };
94
+ validator: (t) => {
95
+ const { message: r } = e || {}, { value: s } = t;
96
+ return { error: !!s && !I.test(s), message: r };
75
97
  }
76
- }), U = (t) => ({
98
+ }), Y = (e) => ({
77
99
  name: "pattern",
78
- validator: (e) => {
79
- const { pattern: r, message: s } = t, { value: o } = e;
100
+ validator: (t) => {
101
+ const { pattern: r, message: s } = e, { value: o } = t;
80
102
  return { error: !!o && !o.match(r), message: s };
81
103
  }
82
- }), I = (t) => ({
104
+ }), Z = (e) => ({
83
105
  name: "required",
84
- validator: (e) => {
85
- const { message: r } = t || {}, { value: s } = e, {
106
+ validator: (t) => {
107
+ const { message: r } = e || {}, { value: s } = t, {
86
108
  isCheckBoxGroup: o,
87
109
  selectedBoxes: { length: n }
88
- } = F(e);
110
+ } = F(t);
89
111
  if (o) return { error: !n, message: r };
90
112
  const {
91
113
  isMultiSelect: a,
92
- selectedOptions: { length: l }
93
- } = E(e);
94
- return a ? { error: !l, message: r } : { error: !s, message: r };
114
+ selectedOptions: { length: i }
115
+ } = E(t);
116
+ return a ? { error: !i, message: r } : { error: !s, message: r };
95
117
  }
96
- }), Z = (t) => ({
118
+ }), J = (e) => ({
97
119
  name: "minLength",
98
- validator: (e) => {
99
- const { length: r, message: s } = t, { value: o } = e, n = !!o && o.length < r, {
120
+ validator: (t) => {
121
+ const { length: r, message: s } = e, { value: o } = t, n = !!o && o.length < r, {
100
122
  isCheckBoxGroup: a,
101
- selectedBoxes: { length: l }
102
- } = F(e);
123
+ selectedBoxes: { length: i }
124
+ } = F(t);
103
125
  if (a)
104
- return { error: !!l && l < r, message: s };
126
+ return { error: !!i && i < r, message: s };
105
127
  const {
106
- isMultiSelect: h,
128
+ isMultiSelect: c,
107
129
  selectedOptions: { length: p }
108
- } = E(e);
109
- return h ? { error: !!p && p < r, message: s } : { error: n, message: s };
130
+ } = E(t);
131
+ return c ? { error: !!p && p < r, message: s } : { error: n, message: s };
110
132
  }
111
- }), J = (t) => ({
133
+ }), Q = (e) => ({
112
134
  name: "maxLength",
113
- validator: (e) => {
114
- const { length: r, message: s } = t, { value: o } = e, n = !!o && o.length > r, {
135
+ validator: (t) => {
136
+ const { length: r, message: s } = e, { value: o } = t, n = !!o && o.length > r, {
115
137
  isCheckBoxGroup: a,
116
- selectedBoxes: { length: l }
117
- } = F(e);
138
+ selectedBoxes: { length: i }
139
+ } = F(t);
118
140
  if (a)
119
- return { error: !!l && l > r, message: s };
141
+ return { error: !!i && i > r, message: s };
120
142
  const {
121
- isMultiSelect: h,
143
+ isMultiSelect: c,
122
144
  selectedOptions: { length: p }
123
- } = E(e);
124
- return h ? { error: !!p && p > r, message: s } : { error: n, message: s };
145
+ } = E(t);
146
+ return c ? { error: !!p && p > r, message: s } : { error: n, message: s };
125
147
  }
126
- }), Q = (t) => ({
148
+ }), X = (e) => ({
127
149
  name: "define",
128
- validator: (e) => t(e)
129
- }), X = (t) => {
130
- const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
131
- return e ? N(Number(e[1]), Number(e[2]), Number(e[3])) : null;
132
- }, Y = (t) => ({
150
+ validator: (t) => e(t)
151
+ }), ee = (e) => {
152
+ const t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
153
+ return t ? $(Number(t[1]), Number(t[2]), Number(t[3])) : null;
154
+ }, te = (e) => ({
133
155
  name: "dateRange",
134
- validator: (e) => {
135
- const { min: r, max: s, message: o } = t, { value: n } = e, a = n ? X(n) : null;
156
+ validator: (t) => {
157
+ const { min: r, max: s, message: o } = e, { value: n } = t, a = n ? ee(n) : null;
136
158
  if (a === null) return { error: !1, message: o };
137
- const l = r && !Number.isNaN(r.getTime()) ? S(r) : null, h = s && !Number.isNaN(s.getTime()) ? S(s) : null;
138
- return l !== null && h !== null && l > h ? { error: !1, message: o } : { error: l !== null && a < l || h !== null && a > h, message: o };
159
+ const i = r && !Number.isNaN(r.getTime()) ? S(r) : null, c = s && !Number.isNaN(s.getTime()) ? S(s) : null;
160
+ return i !== null && c !== null && i > c ? { error: !1, message: o } : { error: i !== null && a < i || c !== null && a > c, message: o };
139
161
  }
140
- }), ce = {
141
- min: T,
142
- max: j,
143
- email: A,
144
- define: Q,
145
- pattern: U,
146
- required: I,
147
- minLength: Z,
148
- maxLength: J,
149
- dateRange: Y
162
+ }), ue = {
163
+ min: R,
164
+ max: A,
165
+ email: U,
166
+ define: X,
167
+ pattern: Y,
168
+ required: Z,
169
+ minLength: J,
170
+ maxLength: Q,
171
+ dateRange: te
150
172
  };
151
- var ee = Object.defineProperty, te = Object.getOwnPropertyDescriptor, W = (t) => {
152
- throw TypeError(t);
153
- }, u = (t, e, r, s) => {
154
- for (var o = s > 1 ? void 0 : s ? te(e, r) : e, n = t.length - 1, a; n >= 0; n--)
155
- (a = t[n]) && (o = (s ? a(e, r, o) : a(o)) || o);
156
- return s && o && ee(e, r, o), o;
157
- }, re = (t, e, r) => e.has(t) || W("Cannot " + r), i = (t, e, r) => (re(t, e, "read from private field"), r ? r.call(t) : e.get(t)), m = (t, e, r) => e.has(t) ? W("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), y, M, g, w, f, _, v, k, b, B, C, O;
158
- let c = class extends z {
173
+ var re = Object.defineProperty, se = Object.getOwnPropertyDescriptor, W = (e) => {
174
+ throw TypeError(e);
175
+ }, m = (e, t, r, s) => {
176
+ for (var o = s > 1 ? void 0 : s ? se(t, r) : t, n = e.length - 1, a; n >= 0; n--)
177
+ (a = e[n]) && (o = (s ? a(t, r, o) : a(o)) || o);
178
+ return s && o && re(t, r, o), o;
179
+ }, oe = (e, t, r) => t.has(e) || W("Cannot " + r), l = (e, t, r) => (oe(e, t, "read from private field"), r ? r.call(e) : t.get(e)), u = (e, t, r) => t.has(e) ? W("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), g, x, y, w, f, _, v, k, b, B, C, O;
180
+ let h = class extends V {
159
181
  constructor() {
160
- super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = H(), this._actionFired = !1, m(this, y, () => !!this._actionFired), this.formContext = G, m(this, M, (t) => {
161
- const { field: e } = t, { name: r } = e;
162
- r && (this.formMeta = { ...this.formMeta, [r]: t });
163
- }), m(this, g, (t) => {
164
- const { validators: e, errorSetter: r } = this.formMeta[t] || {};
165
- e != null && e.length && r([]);
166
- }), m(this, w, () => {
167
- Object.keys(this.formMeta).forEach((t) => {
168
- const { initializer: e } = this.formMeta[t];
169
- e(), i(this, g).call(this, t);
182
+ super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = H(), this._actionFired = !1, u(this, g, () => !!this._actionFired), this.formContext = q, u(this, x, (e) => {
183
+ const { field: t } = e, { name: r } = t;
184
+ r && (this.formMeta = { ...this.formMeta, [r]: e });
185
+ }), u(this, y, (e) => {
186
+ const { validators: t, errorSetter: r } = this.formMeta[e] || {};
187
+ t != null && t.length && r([]);
188
+ }), u(this, w, () => {
189
+ Object.keys(this.formMeta).forEach((e) => {
190
+ const { initializer: t } = this.formMeta[e];
191
+ t(), l(this, y).call(this, e);
170
192
  });
171
- }), m(this, f, async (t) => {
172
- const { field: e, validators: r, errorSetter: s } = this.formMeta[t] || {}, { disabled: o } = e || {};
193
+ }), u(this, f, async (e) => {
194
+ const { field: t, validators: r, errorSetter: s } = this.formMeta[e] || {}, { disabled: o } = t || {};
173
195
  if (!(r != null && r.length) || o) return [];
174
- const n = await P(e, r);
196
+ const n = await j(t, r);
175
197
  return s(n), n;
176
- }), m(this, _, async () => await Promise.all(
198
+ }), u(this, _, async () => await Promise.all(
177
199
  Object.keys(this.formMeta).map(
178
- async (t) => await i(this, f).call(this, t)
200
+ async (e) => await l(this, f).call(this, e)
179
201
  )
180
- )), m(this, v, async () => {
181
- (await i(this, _).call(this)).some((r) => !!r.length) || this.dispatchEvent(
202
+ )), u(this, v, async () => {
203
+ (await l(this, _).call(this)).some((r) => !!r.length) || this.dispatchEvent(
182
204
  new CustomEvent("submit", {
183
205
  bubbles: !0,
184
206
  composed: !0,
@@ -190,45 +212,45 @@ let c = class extends z {
190
212
  }, {})
191
213
  })
192
214
  );
193
- }), m(this, k, async ({ target: t }) => {
194
- if (i(this, y).call(this)) {
195
- this._actionFired = !i(this, y).call(this);
215
+ }), u(this, k, async ({ target: e }) => {
216
+ if (l(this, g).call(this)) {
217
+ this._actionFired = !l(this, g).call(this);
196
218
  return;
197
219
  }
198
- const { name: e } = t;
199
- this.validationMode === "onBlur" && await i(this, f).call(this, e);
200
- }), m(this, b, async ({ target: t }) => {
201
- const { name: e } = t;
202
- this.validationMode === "onChange" ? await i(this, f).call(this, e) : i(this, g).call(this, e);
203
- }), m(this, B, async ({ target: t }) => {
204
- const { type: e } = t;
205
- switch (e) {
220
+ const { name: t } = e;
221
+ this.validationMode === "onBlur" && await l(this, f).call(this, t);
222
+ }), u(this, b, async ({ target: e }) => {
223
+ const { name: t } = e;
224
+ this.validationMode === "onChange" ? await l(this, f).call(this, t) : l(this, y).call(this, t);
225
+ }), u(this, B, async ({ target: e }) => {
226
+ const { type: t } = e;
227
+ switch (t) {
206
228
  case "reset":
207
- return i(this, w).call(this);
229
+ return l(this, w).call(this);
208
230
  case "submit":
209
- return i(this, v).call(this);
231
+ return l(this, v).call(this);
210
232
  }
211
- }), m(this, C, async (t) => {
212
- const { target: e, key: r } = t, { name: s } = e;
213
- r === "Enter" && this.formMeta[s] && await i(this, v).call(this);
214
- }), m(this, O, (t) => {
215
- const e = t.target, { name: r } = document.activeElement || {}, s = e.closest("[type=reset]") || e.closest("[type=submit]");
233
+ }), u(this, C, async (e) => {
234
+ const { target: t, key: r } = e, { name: s } = t;
235
+ r === "Enter" && this.formMeta[s] && await l(this, v).call(this);
236
+ }), u(this, O, (e) => {
237
+ const t = e.target, { name: r } = document.activeElement || {}, s = t.closest("[type=reset]") || t.closest("[type=submit]");
216
238
  this.formMeta[r] && (this._actionFired = !!s);
217
239
  });
218
240
  }
219
- willUpdate(t) {
220
- Object.keys(this.formContext).some((s) => t.has(s)) && (this.formContext = {
241
+ willUpdate(e) {
242
+ Object.keys(this.formContext).some((s) => e.has(s)) && (this.formContext = {
221
243
  required: this.required,
222
244
  readOnly: this.readOnly,
223
245
  disabled: this.disabled,
224
246
  initialValues: this.initialValues,
225
- registerField: i(this, M),
226
- formBlurHandler: i(this, k),
227
- formChangeHandler: i(this, b)
247
+ registerField: l(this, x),
248
+ formBlurHandler: l(this, k),
249
+ formChangeHandler: l(this, b)
228
250
  });
229
251
  }
230
252
  render() {
231
- return L`
253
+ return D`
232
254
  <form
233
255
  novalidate
234
256
  ${K(this.formRef)}
@@ -236,18 +258,18 @@ let c = class extends z {
236
258
  method="${this.method}"
237
259
  target="${this.target}"
238
260
  enctype="${this.enctype}"
239
- @click="${i(this, B)}"
240
- @keydown="${i(this, C)}"
241
- @mousedown="${i(this, O)}"
261
+ @click="${l(this, B)}"
262
+ @keydown="${l(this, C)}"
263
+ @mousedown="${l(this, O)}"
242
264
  >
243
265
  <slot></slot>
244
266
  </form>
245
267
  `;
246
268
  }
247
269
  };
248
- y = /* @__PURE__ */ new WeakMap();
249
- M = /* @__PURE__ */ new WeakMap();
250
270
  g = /* @__PURE__ */ new WeakMap();
271
+ x = /* @__PURE__ */ new WeakMap();
272
+ y = /* @__PURE__ */ new WeakMap();
251
273
  w = /* @__PURE__ */ new WeakMap();
252
274
  f = /* @__PURE__ */ new WeakMap();
253
275
  _ = /* @__PURE__ */ new WeakMap();
@@ -257,44 +279,44 @@ b = /* @__PURE__ */ new WeakMap();
257
279
  B = /* @__PURE__ */ new WeakMap();
258
280
  C = /* @__PURE__ */ new WeakMap();
259
281
  O = /* @__PURE__ */ new WeakMap();
260
- u([
282
+ m([
261
283
  d({ type: String })
262
- ], c.prototype, "validationMode", 2);
263
- u([
284
+ ], h.prototype, "validationMode", 2);
285
+ m([
264
286
  d({ type: Object })
265
- ], c.prototype, "initialValues", 2);
266
- u([
287
+ ], h.prototype, "initialValues", 2);
288
+ m([
267
289
  d({ type: Boolean })
268
- ], c.prototype, "required", 2);
269
- u([
290
+ ], h.prototype, "required", 2);
291
+ m([
270
292
  d({ type: Boolean })
271
- ], c.prototype, "disabled", 2);
272
- u([
293
+ ], h.prototype, "disabled", 2);
294
+ m([
273
295
  d({ type: Boolean })
274
- ], c.prototype, "readOnly", 2);
275
- u([
296
+ ], h.prototype, "readOnly", 2);
297
+ m([
276
298
  d({ type: String })
277
- ], c.prototype, "action", 2);
278
- u([
299
+ ], h.prototype, "action", 2);
300
+ m([
279
301
  d({ type: String })
280
- ], c.prototype, "method", 2);
281
- u([
302
+ ], h.prototype, "method", 2);
303
+ m([
282
304
  d({ type: String })
283
- ], c.prototype, "target", 2);
284
- u([
305
+ ], h.prototype, "target", 2);
306
+ m([
285
307
  d({ type: String })
286
- ], c.prototype, "enctype", 2);
287
- u([
288
- $()
289
- ], c.prototype, "_actionFired", 2);
290
- u([
291
- V({ context: q }),
292
- $()
293
- ], c.prototype, "formContext", 2);
294
- c = u([
295
- D("bm-form")
296
- ], c);
308
+ ], h.prototype, "enctype", 2);
309
+ m([
310
+ L()
311
+ ], h.prototype, "_actionFired", 2);
312
+ m([
313
+ z({ context: T }),
314
+ L()
315
+ ], h.prototype, "formContext", 2);
316
+ h = m([
317
+ N("bm-form")
318
+ ], h);
297
319
  export {
298
- c as BmForm,
299
- ce as validators
320
+ h as BmForm,
321
+ ue as validators
300
322
  };
@@ -1,16 +1,16 @@
1
1
  import { r as C, E as O, x as T } from "../../chunks/lit-element.CJtt9wj5.js";
2
- import { i as S, n, p as h, e as D, c as k } from "../../chunks/register-custom-element.AOEv8hcs.js";
2
+ import { n, c as S } from "../../chunks/register-custom-element.vod7zfGv.js";
3
3
  import { o as x } from "../../chunks/query-assigned-elements.Drkgpk9q.js";
4
- import { n as L } from "../../chunks/ref.B7e1Hu4F.js";
5
- import { c as w, g as E } from "../../chunks/classNames.Ciobzb4w.js";
4
+ import { n as k } from "../../chunks/ref.B7e1Hu4F.js";
5
+ import { i as L, p as h, c as D, a as w, g as E } from "../../chunks/classNames.CARKFDmR.js";
6
6
  import { d as N } from "../../chunks/input.D7RpzZmn.js";
7
7
  import { t as _ } from "../../chunks/constants.ZIKMMCJH.js";
8
8
  import { r as Q } from "../../chunks/delegate.baxDQosr.js";
9
9
  import { b as U } from "../../chunks/helpers.y-1K1Ev-.js";
10
10
  import { FormField as $ } from "../Form/Form.decorator.js";
11
- import "../../chunks/index.BoeGm2HZ.js";
11
+ import "../../chunks/index.CUGawMXL.js";
12
12
  const Y = (e, i) => {
13
- if (!S() || !e) return;
13
+ if (!L() || !e) return;
14
14
  const { options: r = [] } = e;
15
15
  Array.prototype.forEach.call(r, (o) => {
16
16
  const { disabled: t, dataset: s } = o, { disabled: l } = s;
@@ -57,7 +57,7 @@ let c = class extends $ {
57
57
  });
58
58
  }
59
59
  updated(e) {
60
- const [i] = this._selectLabel, [r] = this._selectHelperText, { decorate: o } = D(i), { decorate: t } = D(r), s = h(e, ["value"]), l = h(e, ["validationRules"]), f = h(e, ["formContext", "disabled"]), j = h(e, [
60
+ const [i] = this._selectLabel, [r] = this._selectHelperText, { decorate: o } = w(i), { decorate: t } = w(r), s = h(e, ["value"]), l = h(e, ["validationRules"]), f = h(e, ["formContext", "disabled"]), j = h(e, [
61
61
  "formContext",
62
62
  "required",
63
63
  "hideRequiredMarker"
@@ -70,11 +70,11 @@ let c = class extends $ {
70
70
  };
71
71
  }
72
72
  render() {
73
- const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), { invalid: r, errorMessage: o } = this.resolveError(), t = r || !!i, s = w(
73
+ const { ariaInvalid: e } = this, { length: i } = this.validationErrors(), { invalid: r, errorMessage: o } = this.resolveError(), t = r || !!i, s = D(
74
74
  this.helperTextId,
75
75
  !!o && this.errorId,
76
76
  this.validationErrorShown() && this.validationErrorsId
77
- ), l = w(
77
+ ), l = D(
78
78
  J,
79
79
  t && `${u}error`,
80
80
  this.theme && _(this.theme),
@@ -91,7 +91,7 @@ let c = class extends $ {
91
91
  <select
92
92
  id="${this.id}"
93
93
  name="${this.name}"
94
- ${L(this.formFieldRef)}
94
+ ${k(this.formFieldRef)}
95
95
  ?required="${m(this, v).call(this)}"
96
96
  ?disabled="${m(this, p).call(this)}"
97
97
  @keydown="${m(this, g)}"
@@ -157,7 +157,7 @@ a([
157
157
  x({ slot: "helper-text" })
158
158
  ], c.prototype, "_selectHelperText", 2);
159
159
  c = a([
160
- k("bm-native-select")
160
+ S("bm-native-select")
161
161
  ], c);
162
162
  export {
163
163
  c as BmNativeSelect
@@ -1,8 +1,8 @@
1
1
  import { c as g } from "../../chunks/consume.Ce9k1-wN.js";
2
2
  import { r as y, a as _, E as d, x as l } from "../../chunks/lit-element.CJtt9wj5.js";
3
- import { n as a, c as x } from "../../chunks/register-custom-element.AOEv8hcs.js";
3
+ import { n as a, c as x } from "../../chunks/register-custom-element.vod7zfGv.js";
4
4
  import { e as w, n as z } from "../../chunks/ref.B7e1Hu4F.js";
5
- import { c as k, g as C } from "../../chunks/classNames.Ciobzb4w.js";
5
+ import { c as k, g as C } from "../../chunks/classNames.CARKFDmR.js";
6
6
  import { t as $ } from "../../chunks/constants.ZIKMMCJH.js";
7
7
  import { r as S } from "../../chunks/delegate.baxDQosr.js";
8
8
  import { inputChoiceGroupContext as P } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
@@ -1,5 +1,5 @@
1
1
  import { r as c } from "../../../chunks/delegate.baxDQosr.js";
2
- import { c as u } from "../../../chunks/register-custom-element.AOEv8hcs.js";
2
+ import { c as u } from "../../../chunks/register-custom-element.vod7zfGv.js";
3
3
  import { InputChoiceGroup as l } from "../../../InputChoiceGroup/InputChoiceGroup.js";
4
4
  var h = Object.getOwnPropertyDescriptor, f = (t, e, o, s) => {
5
5
  for (var n = s > 1 ? void 0 : s ? h(e, o) : e, a = t.length - 1, i; a >= 0; a--)
@@ -1,8 +1,8 @@
1
1
  import { c as _ } from "../../chunks/consume.Ce9k1-wN.js";
2
2
  import { r as z, a as C, x as n, E as w } from "../../chunks/lit-element.CJtt9wj5.js";
3
- import { n as a, d as y, c as S } from "../../chunks/register-custom-element.AOEv8hcs.js";
3
+ import { n as a, c as S } from "../../chunks/register-custom-element.vod7zfGv.js";
4
4
  import { e as T, n as $ } from "../../chunks/ref.B7e1Hu4F.js";
5
- import { c as O, g as B } from "../../chunks/classNames.Ciobzb4w.js";
5
+ import { c as O, g as B, d as y } from "../../chunks/classNames.CARKFDmR.js";
6
6
  import { t as P } from "../../chunks/constants.ZIKMMCJH.js";
7
7
  import { r as L } from "../../chunks/delegate.baxDQosr.js";
8
8
  import { inputChoiceGroupContext as E } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
@@ -1,4 +1,4 @@
1
- import { c as u } from "../../../chunks/register-custom-element.AOEv8hcs.js";
1
+ import { c as u } from "../../../chunks/register-custom-element.vod7zfGv.js";
2
2
  import { InputChoiceGroup as l } from "../../../InputChoiceGroup/InputChoiceGroup.js";
3
3
  var n = Object.getOwnPropertyDescriptor, a = (t, o, m, p) => {
4
4
  for (var r = p > 1 ? void 0 : p ? n(o, m) : o, e = t.length - 1, s; e >= 0; e--)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viasat/beam-web-components",
3
- "version": "2.73.0",
3
+ "version": "2.75.0",
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.73.0",
68
- "@viasat/beam-shared": "2.73.0",
69
- "@viasat/beam-styles": "2.73.0",
70
- "@viasat/beam-tokens": "2.73.0",
71
- "@viasat/beam-icons": "2.73.0",
67
+ "@viasat/beam-fonts": "2.75.0",
68
+ "@viasat/beam-shared": "2.75.0",
69
+ "@viasat/beam-styles": "2.75.0",
70
+ "@viasat/beam-tokens": "2.75.0",
71
+ "@viasat/beam-icons": "2.75.0",
72
72
  "clsx": "^1.2.1",
73
73
  "lit": "^3.1.0",
74
74
  "@lit/context": "^1.1.1",