@viasat/beam-web-components 2.73.0 → 2.74.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.
- package/Accordion/Accordion.js +3 -3
- package/Accordion/AccordionGroup.js +3 -3
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +5 -5
- package/Avatar/Avatar.js +2 -2
- package/Avatar/AvatarGroup.js +2 -2
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +2 -2
- package/BadgeDot/BadgeDot.js +2 -2
- package/Box/Box.js +2 -2
- package/Breadcrumbs/Breadcrumbs.js +3 -3
- package/Breadcrumbs/BreadcrumbsItem.js +3 -3
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +2 -2
- package/CloseButton/CloseButton.js +2 -2
- package/Divider/Divider.js +2 -2
- package/EmptyState/EmptyState.js +2 -2
- package/HelperText/HelperText.js +3 -3
- package/HelperText/index.js +1 -1
- package/Icon/Icon.js +2 -2
- package/InputChoiceGroup/InputChoiceGroup.js +2 -2
- package/Label/Label.js +2 -2
- package/Link/Link.js +2 -2
- package/List/List.js +2 -2
- package/List/ListItem.js +2 -2
- package/ProgressBar/ProgressBar.js +2 -2
- package/SegmentedControl/SegmentedControl.js +2 -2
- package/SegmentedControl/SegmentedControlItem.js +10 -10
- package/SegmentedControl/SegmentedControlList.js +2 -2
- package/SegmentedControl/SegmentedControlPanel.js +2 -2
- package/Spinner/Spinner.js +2 -2
- package/Text/Text.js +2 -2
- package/TextArea/TextArea.js +5 -5
- package/TextField/TextField.js +6 -6
- package/Tooltip/Tooltip.js +9 -9
- package/chunks/{Accordion.fbo-T2zU.js → Accordion.BF2pHMSP.js} +4 -4
- package/chunks/{Avatar.DkegKDfD.js → Avatar.kVWwOxWe.js} +2 -2
- package/chunks/{BreadcrumbsItem.kovG2GHz.js → BreadcrumbsItem.BmqxxC44.js} +2 -2
- package/chunks/{HelperText.Cc_6DlKP.js → HelperText.3YJvB8x0.js} +5 -5
- package/chunks/{register-custom-element.D_kw6JXe.js → classNames.BQclmCHG.js} +29 -34
- package/chunks/register-custom-element.DHGKOhmA.js +17 -0
- package/custom-elements.json +3492 -3492
- package/local/Accordion/Accordion.js +4 -4
- package/local/Accordion/AccordionGroup.js +4 -4
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +11 -11
- package/local/Avatar/Avatar.js +3 -3
- package/local/Avatar/AvatarGroup.js +3 -3
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +2 -2
- package/local/BadgeDot/BadgeDot.js +2 -2
- package/local/Box/Box.js +2 -2
- package/local/Breadcrumbs/Breadcrumbs.js +3 -3
- package/local/Breadcrumbs/BreadcrumbsItem.js +3 -3
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +3 -3
- package/local/CloseButton/CloseButton.js +2 -2
- package/local/Divider/Divider.js +7 -7
- package/local/EmptyState/EmptyState.js +2 -2
- package/local/HelperText/HelperText.js +3 -3
- package/local/HelperText/index.js +1 -1
- package/local/Icon/Icon.js +2 -2
- package/local/InputChoiceGroup/InputChoiceGroup.js +3 -3
- package/local/Label/Label.js +2 -2
- package/local/Link/Link.js +2 -2
- package/local/List/List.js +3 -3
- package/local/List/ListItem.js +3 -3
- package/local/ProgressBar/ProgressBar.js +2 -2
- package/local/SegmentedControl/SegmentedControl.js +3 -3
- package/local/SegmentedControl/SegmentedControlItem.js +7 -7
- package/local/SegmentedControl/SegmentedControlList.js +2 -2
- package/local/SegmentedControl/SegmentedControlPanel.js +2 -2
- package/local/Spinner/Spinner.js +2 -2
- package/local/Text/Text.js +2 -2
- package/local/TextArea/TextArea.js +9 -9
- package/local/TextField/TextField.js +7 -7
- package/local/Tooltip/Tooltip.js +8 -8
- package/local/chunks/{Accordion.QupR4x7N.js → Accordion.DM6Nkgnh.js} +9 -9
- package/local/chunks/{Avatar.D0_A6fGG.js → Avatar.BT61pkbV.js} +2 -2
- package/local/chunks/{BreadcrumbsItem.Ds7TtgQn.js → BreadcrumbsItem.CsPbcOZ5.js} +2 -2
- package/local/chunks/classNames.CARKFDmR.js +106 -0
- package/local/chunks/{index.BoeGm2HZ.js → index.CUGawMXL.js} +8 -8
- package/local/chunks/register-custom-element.vod7zfGv.js +51 -0
- package/local/chunks/{state.Dr3yBpId.js → state.CqiuSzAl.js} +1 -1
- package/local/wip/Checkbox/Checkbox.js +2 -2
- package/local/wip/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -1
- package/local/wip/FileUpload/FileUpload.Button.js +2 -2
- package/local/wip/FileUpload/FileUpload.Dropzone.js +3 -3
- package/local/wip/FileUpload/FileUpload.List.Item.js +3 -3
- package/local/wip/FileUpload/FileUpload.List.js +2 -2
- package/local/wip/FileUpload/FileUpload.js +8 -8
- package/local/wip/Form/Form.decorator.js +3 -3
- package/local/wip/Form/Form.js +183 -161
- package/local/wip/NativeSelect/NativeSelect.js +10 -10
- package/local/wip/RadioButton/RadioButton.js +2 -2
- package/local/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/local/wip/Switch/Switch.js +2 -2
- package/local/wip/Switch/SwitchGroup/SwitchGroup.js +1 -1
- package/package.json +6 -6
- package/vscode.html-custom-data.json +329 -329
- package/wip/Checkbox/Checkbox.js +2 -2
- package/wip/Checkbox/CheckboxGroup/CheckboxGroup.js +1 -1
- package/wip/FileUpload/FileUpload.Button.js +2 -2
- package/wip/FileUpload/FileUpload.Dropzone.js +2 -2
- package/wip/FileUpload/FileUpload.List.Item.js +3 -3
- package/wip/FileUpload/FileUpload.List.js +2 -2
- package/wip/FileUpload/FileUpload.js +12 -12
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/Form/Form.js +184 -162
- package/wip/NativeSelect/NativeSelect.js +9 -9
- package/wip/RadioButton/RadioButton.js +2 -2
- package/wip/RadioButton/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/wip/Switch/Switch.js +5 -5
- package/wip/Switch/SwitchGroup/SwitchGroup.js +1 -1
- package/chunks/classNames.m6VYRyOu.js +0 -18
- package/local/chunks/classNames.Ciobzb4w.js +0 -30
- package/local/chunks/register-custom-element.AOEv8hcs.js +0 -133
package/wip/Form/Form.js
CHANGED
|
@@ -1,14 +1,36 @@
|
|
|
1
|
-
import { provide as
|
|
2
|
-
import { LitElement as
|
|
3
|
-
import { property as d, state as
|
|
4
|
-
import { createRef as N, ref as
|
|
5
|
-
import {
|
|
6
|
-
import { bmFormContext as
|
|
7
|
-
const P =
|
|
8
|
-
|
|
1
|
+
import { provide as V } from "@lit/context";
|
|
2
|
+
import { LitElement as $, html as D } from "lit";
|
|
3
|
+
import { property as d, state as L } from "lit/decorators.js";
|
|
4
|
+
import { createRef as N, ref as H } from "lit/directives/ref.js";
|
|
5
|
+
import { c as K } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
6
|
+
import { bmFormContext as T, bmFormInitials as q } from "./Form.context.js";
|
|
7
|
+
const G = 100, P = (e, t, r = G) => {
|
|
8
|
+
const o = /* @__PURE__ */ new Map();
|
|
9
|
+
return Object.assign((...n) => {
|
|
10
|
+
const a = e(...n);
|
|
11
|
+
if (o.has(a)) {
|
|
12
|
+
const c = o.get(a);
|
|
13
|
+
return o.delete(a), o.set(a, c), c;
|
|
14
|
+
}
|
|
15
|
+
const i = t(...n);
|
|
16
|
+
return o.set(a, i), o.size > r && o.delete(o.keys().next().value), i;
|
|
17
|
+
}, { clear: () => o.clear() });
|
|
18
|
+
}, W = (e, t, r) => e * 1e4 + t * 100 + r, S = (e) => W(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 R = async (e, t) => (await Promise.all(
|
|
30
|
+
t.map(
|
|
9
31
|
async (o) => {
|
|
10
32
|
const { validator: s } = o;
|
|
11
|
-
return s(
|
|
33
|
+
return s(e);
|
|
12
34
|
}
|
|
13
35
|
)
|
|
14
36
|
)).reduce(
|
|
@@ -17,31 +39,31 @@ const P = async (t, e) => (await Promise.all(
|
|
|
17
39
|
return n ? [...o, a] : o;
|
|
18
40
|
},
|
|
19
41
|
[]
|
|
20
|
-
), F = (
|
|
21
|
-
const { type:
|
|
42
|
+
), F = (e) => {
|
|
43
|
+
const { type: t, checked: r } = e, o = t === "checkbox";
|
|
22
44
|
if (o)
|
|
23
45
|
return {
|
|
24
46
|
isCheckBoxGroup: o,
|
|
25
|
-
selectedBoxes: r ? [
|
|
47
|
+
selectedBoxes: r ? [e] : []
|
|
26
48
|
};
|
|
27
|
-
const s = Array.from(
|
|
28
|
-
const { type: p } =
|
|
49
|
+
const s = Array.from(e), n = s.every((c) => {
|
|
50
|
+
const { type: p } = c;
|
|
29
51
|
return p === "checkbox";
|
|
30
52
|
}), a = !!s.length && n;
|
|
31
53
|
if (!a) return { isCheckBoxGroup: a, selectedBoxes: [] };
|
|
32
|
-
const
|
|
33
|
-
({ checked:
|
|
54
|
+
const i = s.filter(
|
|
55
|
+
({ checked: c }) => c
|
|
34
56
|
);
|
|
35
|
-
return { isCheckBoxGroup: a, selectedBoxes:
|
|
36
|
-
}, E = (
|
|
37
|
-
const { type:
|
|
57
|
+
return { isCheckBoxGroup: a, selectedBoxes: i };
|
|
58
|
+
}, E = (e) => {
|
|
59
|
+
const { type: t, multiple: r, options: o } = e, s = t === "select-multiple" && r;
|
|
38
60
|
if (!s) return { isMultiSelect: s, selectedOptions: [] };
|
|
39
61
|
const n = [].filter.call(
|
|
40
62
|
o,
|
|
41
63
|
({ selected: a }) => a
|
|
42
64
|
);
|
|
43
65
|
return { isMultiSelect: s, selectedOptions: n };
|
|
44
|
-
},
|
|
66
|
+
}, j = 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
|
-
),
|
|
80
|
+
), I = (e) => ({
|
|
59
81
|
name: "min",
|
|
60
|
-
validator: (
|
|
61
|
-
const { value: r, message: o } =
|
|
82
|
+
validator: (t) => {
|
|
83
|
+
const { value: r, message: o } = e, { value: s } = t;
|
|
62
84
|
return { error: !!s && Number(s) < r, message: o };
|
|
63
85
|
}
|
|
64
|
-
}),
|
|
86
|
+
}), A = (e) => ({
|
|
65
87
|
name: "max",
|
|
66
|
-
validator: (
|
|
67
|
-
const { value: r, message: o } =
|
|
88
|
+
validator: (t) => {
|
|
89
|
+
const { value: r, message: o } = e, { value: s } = t;
|
|
68
90
|
return { error: !!s && Number(s) > r, message: o };
|
|
69
91
|
}
|
|
70
|
-
}),
|
|
92
|
+
}), U = (e) => ({
|
|
71
93
|
name: "email",
|
|
72
|
-
validator: (
|
|
73
|
-
const { message: r } =
|
|
74
|
-
return { error: !!o && !
|
|
94
|
+
validator: (t) => {
|
|
95
|
+
const { message: r } = e || {}, { value: o } = t;
|
|
96
|
+
return { error: !!o && !j.test(o), message: r };
|
|
75
97
|
}
|
|
76
|
-
}),
|
|
98
|
+
}), Y = (e) => ({
|
|
77
99
|
name: "pattern",
|
|
78
|
-
validator: (
|
|
79
|
-
const { pattern: r, message: o } =
|
|
100
|
+
validator: (t) => {
|
|
101
|
+
const { pattern: r, message: o } = e, { value: s } = t;
|
|
80
102
|
return { error: !!s && !s.match(r), message: o };
|
|
81
103
|
}
|
|
82
|
-
}),
|
|
104
|
+
}), Z = (e) => ({
|
|
83
105
|
name: "required",
|
|
84
|
-
validator: (
|
|
85
|
-
const { message: r } =
|
|
106
|
+
validator: (t) => {
|
|
107
|
+
const { message: r } = e || {}, { value: o } = t, {
|
|
86
108
|
isCheckBoxGroup: s,
|
|
87
109
|
selectedBoxes: { length: n }
|
|
88
|
-
} = F(
|
|
110
|
+
} = F(t);
|
|
89
111
|
if (s) return { error: !n, message: r };
|
|
90
112
|
const {
|
|
91
113
|
isMultiSelect: a,
|
|
92
|
-
selectedOptions: { length:
|
|
93
|
-
} = E(
|
|
94
|
-
return a ? { error: !
|
|
114
|
+
selectedOptions: { length: i }
|
|
115
|
+
} = E(t);
|
|
116
|
+
return a ? { error: !i, message: r } : { error: !o, message: r };
|
|
95
117
|
}
|
|
96
|
-
}),
|
|
118
|
+
}), J = (e) => ({
|
|
97
119
|
name: "minLength",
|
|
98
|
-
validator: (
|
|
99
|
-
const { length: r, message: o } =
|
|
120
|
+
validator: (t) => {
|
|
121
|
+
const { length: r, message: o } = e, { value: s } = t, n = !!s && s.length < r, {
|
|
100
122
|
isCheckBoxGroup: a,
|
|
101
|
-
selectedBoxes: { length:
|
|
102
|
-
} = F(
|
|
123
|
+
selectedBoxes: { length: i }
|
|
124
|
+
} = F(t);
|
|
103
125
|
if (a)
|
|
104
|
-
return { error: !!
|
|
126
|
+
return { error: !!i && i < r, message: o };
|
|
105
127
|
const {
|
|
106
|
-
isMultiSelect:
|
|
128
|
+
isMultiSelect: c,
|
|
107
129
|
selectedOptions: { length: p }
|
|
108
|
-
} = E(
|
|
109
|
-
return
|
|
130
|
+
} = E(t);
|
|
131
|
+
return c ? { error: !!p && p < r, message: o } : { error: n, message: o };
|
|
110
132
|
}
|
|
111
|
-
}),
|
|
133
|
+
}), Q = (e) => ({
|
|
112
134
|
name: "maxLength",
|
|
113
|
-
validator: (
|
|
114
|
-
const { length: r, message: o } =
|
|
135
|
+
validator: (t) => {
|
|
136
|
+
const { length: r, message: o } = e, { value: s } = t, n = !!s && s.length > r, {
|
|
115
137
|
isCheckBoxGroup: a,
|
|
116
|
-
selectedBoxes: { length:
|
|
117
|
-
} = F(
|
|
138
|
+
selectedBoxes: { length: i }
|
|
139
|
+
} = F(t);
|
|
118
140
|
if (a)
|
|
119
|
-
return { error: !!
|
|
141
|
+
return { error: !!i && i > r, message: o };
|
|
120
142
|
const {
|
|
121
|
-
isMultiSelect:
|
|
143
|
+
isMultiSelect: c,
|
|
122
144
|
selectedOptions: { length: p }
|
|
123
|
-
} = E(
|
|
124
|
-
return
|
|
145
|
+
} = E(t);
|
|
146
|
+
return c ? { error: !!p && p > r, message: o } : { error: n, message: o };
|
|
125
147
|
}
|
|
126
|
-
}),
|
|
148
|
+
}), X = (e) => ({
|
|
127
149
|
name: "define",
|
|
128
|
-
validator: (
|
|
129
|
-
}),
|
|
130
|
-
const
|
|
131
|
-
return
|
|
132
|
-
},
|
|
150
|
+
validator: (t) => e(t)
|
|
151
|
+
}), ee = (e) => {
|
|
152
|
+
const t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
|
|
153
|
+
return t ? W(Number(t[1]), Number(t[2]), Number(t[3])) : null;
|
|
154
|
+
}, te = (e) => ({
|
|
133
155
|
name: "dateRange",
|
|
134
|
-
validator: (
|
|
135
|
-
const { min: r, max: o, message: s } =
|
|
156
|
+
validator: (t) => {
|
|
157
|
+
const { min: r, max: o, message: s } = e, { value: n } = t, a = n ? ee(n) : null;
|
|
136
158
|
if (a === null) return { error: !1, message: s };
|
|
137
|
-
const
|
|
138
|
-
return
|
|
159
|
+
const i = r && !Number.isNaN(r.getTime()) ? S(r) : null, c = o && !Number.isNaN(o.getTime()) ? S(o) : null;
|
|
160
|
+
return i !== null && c !== null && i > c ? { error: !1, message: s } : { error: i !== null && a < i || c !== null && a > c, message: s };
|
|
139
161
|
}
|
|
140
|
-
}),
|
|
141
|
-
min:
|
|
142
|
-
max:
|
|
143
|
-
email:
|
|
144
|
-
define:
|
|
145
|
-
pattern:
|
|
146
|
-
required:
|
|
147
|
-
minLength:
|
|
148
|
-
maxLength:
|
|
149
|
-
dateRange:
|
|
162
|
+
}), ue = {
|
|
163
|
+
min: I,
|
|
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
|
|
152
|
-
throw TypeError(
|
|
153
|
-
},
|
|
154
|
-
for (var s = o > 1 ? void 0 : o ?
|
|
155
|
-
(a =
|
|
156
|
-
return o && s &&
|
|
157
|
-
},
|
|
158
|
-
let
|
|
173
|
+
var re = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, z = (e) => {
|
|
174
|
+
throw TypeError(e);
|
|
175
|
+
}, m = (e, t, r, o) => {
|
|
176
|
+
for (var s = o > 1 ? void 0 : o ? oe(t, r) : t, n = e.length - 1, a; n >= 0; n--)
|
|
177
|
+
(a = e[n]) && (s = (o ? a(t, r, s) : a(s)) || s);
|
|
178
|
+
return o && s && re(t, r, s), s;
|
|
179
|
+
}, se = (e, t, r) => t.has(e) || z("Cannot " + r), l = (e, t, r) => (se(e, t, "read from private field"), r ? r.call(e) : t.get(e)), u = (e, t, r) => t.has(e) ? z("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), y, x, g, w, f, _, v, k, b, B, C, O;
|
|
180
|
+
let h = class extends $ {
|
|
159
181
|
constructor() {
|
|
160
|
-
super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = N(), this._actionFired = !1,
|
|
161
|
-
const { field:
|
|
162
|
-
r && (this.formMeta = { ...this.formMeta, [r]:
|
|
163
|
-
}),
|
|
164
|
-
const { validators:
|
|
165
|
-
|
|
166
|
-
}),
|
|
167
|
-
Object.keys(this.formMeta).forEach((
|
|
168
|
-
const { initializer:
|
|
169
|
-
|
|
182
|
+
super(...arguments), this.validationMode = "onBlur", this.initialValues = {}, this.required = !1, this.disabled = !1, this.readOnly = !1, this.formMeta = {}, this.formRef = N(), this._actionFired = !1, u(this, y, () => !!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, g, (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, g).call(this, e);
|
|
170
192
|
});
|
|
171
|
-
}),
|
|
172
|
-
const { field:
|
|
193
|
+
}), u(this, f, async (e) => {
|
|
194
|
+
const { field: t, validators: r, errorSetter: o } = this.formMeta[e] || {}, { disabled: s } = t || {};
|
|
173
195
|
if (!(r != null && r.length) || s) return [];
|
|
174
|
-
const n = await
|
|
196
|
+
const n = await R(t, r);
|
|
175
197
|
return o(n), n;
|
|
176
|
-
}),
|
|
198
|
+
}), u(this, _, async () => await Promise.all(
|
|
177
199
|
Object.keys(this.formMeta).map(
|
|
178
|
-
async (
|
|
200
|
+
async (e) => await l(this, f).call(this, e)
|
|
179
201
|
)
|
|
180
|
-
)),
|
|
181
|
-
(await
|
|
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,55 +212,55 @@ let c = class extends L {
|
|
|
190
212
|
}, {})
|
|
191
213
|
})
|
|
192
214
|
);
|
|
193
|
-
}),
|
|
194
|
-
if (
|
|
195
|
-
this._actionFired = !
|
|
215
|
+
}), u(this, k, async ({ target: e }) => {
|
|
216
|
+
if (l(this, y).call(this)) {
|
|
217
|
+
this._actionFired = !l(this, y).call(this);
|
|
196
218
|
return;
|
|
197
219
|
}
|
|
198
|
-
const { name:
|
|
199
|
-
this.validationMode === "onBlur" && await
|
|
200
|
-
}),
|
|
201
|
-
const { name:
|
|
202
|
-
this.validationMode === "onChange" ? await
|
|
203
|
-
}),
|
|
204
|
-
const { type:
|
|
205
|
-
switch (
|
|
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, g).call(this, t);
|
|
225
|
+
}), u(this, B, async ({ target: e }) => {
|
|
226
|
+
const { type: t } = e;
|
|
227
|
+
switch (t) {
|
|
206
228
|
case "reset":
|
|
207
|
-
return
|
|
229
|
+
return l(this, w).call(this);
|
|
208
230
|
case "submit":
|
|
209
|
-
return
|
|
231
|
+
return l(this, v).call(this);
|
|
210
232
|
}
|
|
211
|
-
}),
|
|
212
|
-
const { target:
|
|
213
|
-
r === "Enter" && this.formMeta[o] && await
|
|
214
|
-
}),
|
|
215
|
-
const
|
|
233
|
+
}), u(this, C, async (e) => {
|
|
234
|
+
const { target: t, key: r } = e, { name: o } = t;
|
|
235
|
+
r === "Enter" && this.formMeta[o] && await l(this, v).call(this);
|
|
236
|
+
}), u(this, O, (e) => {
|
|
237
|
+
const t = e.target, { name: r } = document.activeElement || {}, o = t.closest("[type=reset]") || t.closest("[type=submit]");
|
|
216
238
|
this.formMeta[r] && (this._actionFired = !!o);
|
|
217
239
|
});
|
|
218
240
|
}
|
|
219
|
-
willUpdate(
|
|
220
|
-
Object.keys(this.formContext).some((o) =>
|
|
241
|
+
willUpdate(e) {
|
|
242
|
+
Object.keys(this.formContext).some((o) => e.has(o)) && (this.formContext = {
|
|
221
243
|
required: this.required,
|
|
222
244
|
readOnly: this.readOnly,
|
|
223
245
|
disabled: this.disabled,
|
|
224
246
|
initialValues: this.initialValues,
|
|
225
|
-
registerField:
|
|
226
|
-
formBlurHandler:
|
|
227
|
-
formChangeHandler:
|
|
247
|
+
registerField: l(this, x),
|
|
248
|
+
formBlurHandler: l(this, k),
|
|
249
|
+
formChangeHandler: l(this, b)
|
|
228
250
|
});
|
|
229
251
|
}
|
|
230
252
|
render() {
|
|
231
|
-
return
|
|
253
|
+
return D`
|
|
232
254
|
<form
|
|
233
255
|
novalidate
|
|
234
|
-
${
|
|
256
|
+
${H(this.formRef)}
|
|
235
257
|
action="${this.action}"
|
|
236
258
|
method="${this.method}"
|
|
237
259
|
target="${this.target}"
|
|
238
260
|
enctype="${this.enctype}"
|
|
239
|
-
@click="${
|
|
240
|
-
@keydown="${
|
|
241
|
-
@mousedown="${
|
|
261
|
+
@click="${l(this, B)}"
|
|
262
|
+
@keydown="${l(this, C)}"
|
|
263
|
+
@mousedown="${l(this, O)}"
|
|
242
264
|
>
|
|
243
265
|
<slot></slot>
|
|
244
266
|
</form>
|
|
@@ -246,55 +268,55 @@ let c = class extends L {
|
|
|
246
268
|
}
|
|
247
269
|
};
|
|
248
270
|
y = /* @__PURE__ */ new WeakMap();
|
|
249
|
-
|
|
271
|
+
x = /* @__PURE__ */ new WeakMap();
|
|
250
272
|
g = /* @__PURE__ */ new WeakMap();
|
|
251
273
|
w = /* @__PURE__ */ new WeakMap();
|
|
252
274
|
f = /* @__PURE__ */ new WeakMap();
|
|
253
275
|
_ = /* @__PURE__ */ new WeakMap();
|
|
254
276
|
v = /* @__PURE__ */ new WeakMap();
|
|
255
|
-
b = /* @__PURE__ */ new WeakMap();
|
|
256
277
|
k = /* @__PURE__ */ new WeakMap();
|
|
278
|
+
b = /* @__PURE__ */ new WeakMap();
|
|
257
279
|
B = /* @__PURE__ */ new WeakMap();
|
|
258
280
|
C = /* @__PURE__ */ new WeakMap();
|
|
259
281
|
O = /* @__PURE__ */ new WeakMap();
|
|
260
|
-
|
|
282
|
+
m([
|
|
261
283
|
d({ type: String })
|
|
262
|
-
],
|
|
263
|
-
|
|
284
|
+
], h.prototype, "validationMode", 2);
|
|
285
|
+
m([
|
|
264
286
|
d({ type: Object })
|
|
265
|
-
],
|
|
266
|
-
|
|
287
|
+
], h.prototype, "initialValues", 2);
|
|
288
|
+
m([
|
|
267
289
|
d({ type: Boolean })
|
|
268
|
-
],
|
|
269
|
-
|
|
290
|
+
], h.prototype, "required", 2);
|
|
291
|
+
m([
|
|
270
292
|
d({ type: Boolean })
|
|
271
|
-
],
|
|
272
|
-
|
|
293
|
+
], h.prototype, "disabled", 2);
|
|
294
|
+
m([
|
|
273
295
|
d({ type: Boolean })
|
|
274
|
-
],
|
|
275
|
-
|
|
296
|
+
], h.prototype, "readOnly", 2);
|
|
297
|
+
m([
|
|
276
298
|
d({ type: String })
|
|
277
|
-
],
|
|
278
|
-
|
|
299
|
+
], h.prototype, "action", 2);
|
|
300
|
+
m([
|
|
279
301
|
d({ type: String })
|
|
280
|
-
],
|
|
281
|
-
|
|
302
|
+
], h.prototype, "method", 2);
|
|
303
|
+
m([
|
|
282
304
|
d({ type: String })
|
|
283
|
-
],
|
|
284
|
-
|
|
305
|
+
], h.prototype, "target", 2);
|
|
306
|
+
m([
|
|
285
307
|
d({ type: String })
|
|
286
|
-
],
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
],
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
],
|
|
294
|
-
|
|
308
|
+
], h.prototype, "enctype", 2);
|
|
309
|
+
m([
|
|
310
|
+
L()
|
|
311
|
+
], h.prototype, "_actionFired", 2);
|
|
312
|
+
m([
|
|
313
|
+
V({ context: T }),
|
|
314
|
+
L()
|
|
315
|
+
], h.prototype, "formContext", 2);
|
|
316
|
+
h = m([
|
|
295
317
|
K("bm-form")
|
|
296
|
-
],
|
|
318
|
+
], h);
|
|
297
319
|
export {
|
|
298
|
-
|
|
299
|
-
|
|
320
|
+
h as BmForm,
|
|
321
|
+
ue as validators
|
|
300
322
|
};
|
|
@@ -3,13 +3,13 @@ import { property as n, queryAssignedElements as x } from "lit/decorators.js";
|
|
|
3
3
|
import { ref as T } from "lit/directives/ref.js";
|
|
4
4
|
import D from "clsx";
|
|
5
5
|
import { d as w } from "../../chunks/input.D7RpzZmn.js";
|
|
6
|
-
import { i as k, p as h,
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
6
|
+
import { i as k, p as h, a as y, g as L } from "../../chunks/classNames.BQclmCHG.js";
|
|
7
|
+
import { t as E } from "../../chunks/constants.ZIKMMCJH.js";
|
|
8
|
+
import { r as _ } from "../../chunks/delegate.baxDQosr.js";
|
|
9
|
+
import { c as Q } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { g as U } from "../../chunks/helpers.Ds5YZETV.js";
|
|
11
11
|
import { FormField as $ } from "../Form/Form.decorator.js";
|
|
12
|
-
import "../../chunks/HelperText.
|
|
12
|
+
import "../../chunks/HelperText.3YJvB8x0.js";
|
|
13
13
|
const Y = (e, i) => {
|
|
14
14
|
if (!k() || !e) return;
|
|
15
15
|
const { options: r = [] } = e;
|
|
@@ -33,7 +33,7 @@ var q = Object.defineProperty, G = Object.getOwnPropertyDescriptor, A = (e) => {
|
|
|
33
33
|
(l = e[s]) && (t = (o ? l(i, r, t) : l(t)) || t);
|
|
34
34
|
return o && t && q(i, r, t), t;
|
|
35
35
|
}, W = (e, i, r) => i.has(e) || A("Cannot " + r), m = (e, i, r) => (W(e, i, "read from private field"), r ? r.call(e) : i.get(e)), b = (e, i, r) => i.has(e) ? A("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(e) : i.set(e, r), p, d, v, g, M, z;
|
|
36
|
-
const { baseClassNamePrefix: J, subElementClassPrefix: N, classModifierPrefix: u } =
|
|
36
|
+
const { baseClassNamePrefix: J, subElementClassPrefix: N, classModifierPrefix: u } = L("native-select");
|
|
37
37
|
let c = class extends $ {
|
|
38
38
|
constructor() {
|
|
39
39
|
super(...arguments), this.required = !1, this.readOnly = !1, this.disabled = !1, this.fluid = !1, this.size = w, this.ellipse = !0, this.hideRequiredMarker = !1, b(this, p, () => {
|
|
@@ -78,7 +78,7 @@ let c = class extends $ {
|
|
|
78
78
|
), l = D(
|
|
79
79
|
J,
|
|
80
80
|
t && `${u}error`,
|
|
81
|
-
this.theme &&
|
|
81
|
+
this.theme && E(this.theme),
|
|
82
82
|
`${u}${this.size || w}`,
|
|
83
83
|
this.fluid && `${u}fluid`,
|
|
84
84
|
this.ellipse && `${u}ellipsis`,
|
|
@@ -122,7 +122,7 @@ v = /* @__PURE__ */ new WeakMap();
|
|
|
122
122
|
g = /* @__PURE__ */ new WeakMap();
|
|
123
123
|
M = /* @__PURE__ */ new WeakMap();
|
|
124
124
|
z = /* @__PURE__ */ new WeakMap();
|
|
125
|
-
|
|
125
|
+
_(c);
|
|
126
126
|
c.styles = C(R);
|
|
127
127
|
a([
|
|
128
128
|
n({ type: Boolean })
|
|
@@ -158,7 +158,7 @@ a([
|
|
|
158
158
|
x({ slot: "helper-text" })
|
|
159
159
|
], c.prototype, "_selectHelperText", 2);
|
|
160
160
|
c = a([
|
|
161
|
-
|
|
161
|
+
Q("bm-native-select")
|
|
162
162
|
], c);
|
|
163
163
|
export {
|
|
164
164
|
c as BmNativeSelect
|
|
@@ -3,10 +3,10 @@ import { unsafeCSS as y, LitElement as _, nothing as d, html as l } from "lit";
|
|
|
3
3
|
import { property as a } from "lit/decorators.js";
|
|
4
4
|
import { createRef as x, ref as w } from "lit/directives/ref.js";
|
|
5
5
|
import z from "clsx";
|
|
6
|
-
import { g as k } from "../../chunks/classNames.
|
|
6
|
+
import { g as k } from "../../chunks/classNames.BQclmCHG.js";
|
|
7
7
|
import { t as C } from "../../chunks/constants.ZIKMMCJH.js";
|
|
8
8
|
import { r as S } from "../../chunks/delegate.baxDQosr.js";
|
|
9
|
-
import { c as $ } from "../../chunks/register-custom-element.
|
|
9
|
+
import { c as $ } from "../../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { inputChoiceGroupContext as P } from "../../InputChoiceGroup/InputChoiceGroup.context.js";
|
|
11
11
|
const O = ':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-alias-color-brand-primary-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-alias-color-brand-primary-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-alias-color-brand-primary-default, #00768f );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-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-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: 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-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--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-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: 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-alias-color-brand-primary-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-alias-color-brand-primary-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-alias-color-brand-primary-default, #43bfd6 );--bm-comp-input-color-choice-radio-selected-inner-circle: var( --bm-alias-color-brand-primary-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-sm: var( --bm-sem-typo-compact-body-sm, 400 .875rem/1rem "Source Sans Pro" );--bm-comp-input-typo-md: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-input-typo-lg: 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-sm: var(--bm-sem-space-75, .75rem);--bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);--bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);--bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, .25rem);--bm-comp-input-space-field-y-md: var(--bm-sem-space-50, .5rem);--bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, .75rem);--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-height-sm: var(--bm-sem-size-height-sm, 2rem);--bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);--bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);--bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-input-size-field-icon-lg: 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-radio-button{display:inline-flex}.bm-radio-button--read-only{--bm-input-choice-cursor: default;--bm-input-choice-label-cursor: default;--bm-input-choice-label-pointer-events: none}.bm-radio-button--disabled{--bm-input-choice-cursor: not-allowed;--bm-input-choice-label-cursor: not-allowed}.bm-radio-button__label{display:inherit;word-break:break-word;color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);gap:var(--bm-comp-input-space-choice-gap-inside);cursor:var(--bm-input-choice-label-cursor, pointer);pointer-events:var(--bm-input-choice-label-pointer-events, auto)}.bm-radio-button--error .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button--error .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle-error)}.bm-radio-button--read-only .bm-radio-button__label{color:var(--bm-comp-input-color-text)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--read-only .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon)}.bm-radio-button--disabled .bm-radio-button__label{color:var(--bm-comp-input-color-text-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input,.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-radio-button--disabled .bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-radio-button--with-label .bm-radio-button__label .bm-radio-button__input{margin:var(--bm-comp-input-space-choice-nudge) var(--bm-sem-space-0)}.bm-radio-button__label .bm-radio-button__input{appearance:none;-moz-appearance:none;-webkit-appearance:none;position:relative;margin:var(--bm-sem-space-0);flex-shrink:var(--bm-sem-space-0);cursor:var(--bm-input-choice-cursor, pointer);box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-radio-button__label .bm-radio-button__input:after{content:"";position:absolute;width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside) / 2)}.bm-radio-button__label .bm-radio-button__input:focus-visible{outline-offset:var(--bm-sem-size-focus-offset);outline:var(--bm-sem-border-width-focus) solid var(--bm-sem-color-border-focus)}.bm-radio-button__label .bm-radio-button__input:checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-radio-button__label .bm-radio-button__input:checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}';
|
|
12
12
|
var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, h = (e) => {
|
|
@@ -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.
|
|
2
|
+
import { c as u } from "../../../chunks/register-custom-element.DHGKOhmA.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--)
|