agnosticui-core 2.0.0-alpha.21 → 2.0.0-alpha.23
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/dist/components/Checkbox/core/_Checkbox.d.ts +6 -0
- package/dist/components/Checkbox/core/_Checkbox.d.ts.map +1 -1
- package/dist/components/Checkbox/core/_Checkbox.js +44 -36
- package/dist/components/Combobox/core/_Combobox.d.ts +19 -0
- package/dist/components/Combobox/core/_Combobox.d.ts.map +1 -1
- package/dist/components/Combobox/core/_Combobox.js +154 -122
- package/dist/components/Combobox/vue/VueCombobox.vue.d.ts +1 -1
- package/dist/components/Dialog/core/_dialog.d.ts.map +1 -1
- package/dist/components/Dialog/core/_dialog.js +176 -166
- package/dist/components/Dialog/react/ReactDialog.d.ts +27 -8
- package/dist/components/Dialog/react/ReactDialog.d.ts.map +1 -1
- package/dist/components/Dialog/react/ReactDialog.js +32 -10
- package/dist/components/Drawer/react/ReactDrawer.d.ts +27 -8
- package/dist/components/Drawer/react/ReactDrawer.d.ts.map +1 -1
- package/dist/components/Drawer/react/ReactDrawer.js +31 -9
- package/dist/components/Input/core/_Input.d.ts +19 -0
- package/dist/components/Input/core/_Input.d.ts.map +1 -1
- package/dist/components/Input/core/_Input.js +34 -9
- package/dist/components/Radio/core/_Radio.d.ts +5 -0
- package/dist/components/Radio/core/_Radio.d.ts.map +1 -1
- package/dist/components/Radio/core/_Radio.js +38 -31
- package/dist/components/Rating/core/_Rating.d.ts +18 -0
- package/dist/components/Rating/core/_Rating.d.ts.map +1 -1
- package/dist/components/Rating/core/_Rating.js +90 -68
- package/dist/components/Select/core/_Select.d.ts +19 -0
- package/dist/components/Select/core/_Select.d.ts.map +1 -1
- package/dist/components/Select/core/_Select.js +102 -65
- package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts +18 -0
- package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.d.ts.map +1 -1
- package/dist/components/SelectionButtonGroup/core/_SelectionButtonGroup.js +54 -32
- package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.d.ts +18 -0
- package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.d.ts.map +1 -1
- package/dist/components/SelectionCardGroup/core/_SelectionCardGroup.js +61 -39
- package/dist/components/Slider/core/_Slider.d.ts +20 -0
- package/dist/components/Slider/core/_Slider.d.ts.map +1 -1
- package/dist/components/Slider/core/_Slider.js +132 -104
- package/dist/components/Toggle/core/_Toggle.d.ts +6 -0
- package/dist/components/Toggle/core/_Toggle.d.ts.map +1 -1
- package/dist/components/Toggle/core/_Toggle.js +94 -86
- package/dist/shared/face-mixin.d.ts +5 -0
- package/dist/shared/face-mixin.d.ts.map +1 -1
- package/dist/shared/face-mixin.js +39 -25
- package/package.json +1 -1
- package/src/components/Checkbox/core/_Checkbox.ts +16 -0
- package/src/components/Combobox/core/_Combobox.ts +53 -0
- package/src/components/Dialog/core/_dialog.ts +19 -2
- package/src/components/Dialog/react/ReactDialog.tsx +60 -3
- package/src/components/Drawer/react/ReactDrawer.tsx +60 -3
- package/src/components/Input/core/_Input.ts +47 -0
- package/src/components/Radio/core/_Radio.ts +14 -0
- package/src/components/Rating/core/_Rating.ts +42 -0
- package/src/components/Select/core/_Select.ts +57 -0
- package/src/components/SelectionButtonGroup/core/_SelectionButtonGroup.ts +48 -0
- package/src/components/SelectionCardGroup/core/_SelectionCardGroup.ts +48 -0
- package/src/components/Slider/core/_Slider.ts +53 -0
- package/src/components/Toggle/core/_Toggle.ts +15 -0
- package/src/shared/face-mixin.ts +48 -6
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { LitElement as b, css as
|
|
1
|
+
import { LitElement as b, css as _, html as h, svg as g } from "lit";
|
|
2
2
|
import { n as o } from "../../../property-CemaeiRl.js";
|
|
3
3
|
import { r as v } from "../../../state-CovhUvdr.js";
|
|
4
4
|
import { o as f } from "../../../if-defined-C8i28hSj.js";
|
|
5
|
-
import { createFormControlIds as
|
|
6
|
-
import { formControlStyles as
|
|
7
|
-
import { FaceMixin as
|
|
8
|
-
var C = Object.defineProperty, s = (u,
|
|
5
|
+
import { createFormControlIds as w, isHorizontalLabel as m, buildAriaDescribedBy as $ } from "../../../shared/form-control-utils.js";
|
|
6
|
+
import { formControlStyles as V } from "../../../shared/form-control-styles.js";
|
|
7
|
+
import { FaceMixin as P } from "../../../shared/face-mixin.js";
|
|
8
|
+
var C = Object.defineProperty, s = (u, t, i, e) => {
|
|
9
9
|
for (var a = void 0, l = u.length - 1, n; l >= 0; l--)
|
|
10
|
-
(n = u[l]) && (a = n(
|
|
11
|
-
return a && C(
|
|
10
|
+
(n = u[l]) && (a = n(t, i, a) || a);
|
|
11
|
+
return a && C(t, i, a), a;
|
|
12
12
|
};
|
|
13
13
|
let H = 0;
|
|
14
|
-
const p = class p extends
|
|
14
|
+
const p = class p extends P(b) {
|
|
15
15
|
// Flag for pointer down state
|
|
16
16
|
constructor() {
|
|
17
17
|
super(), this.uniqueId = ++H, this._ratingId = "", this._labelId = "", this._helperId = "", this._errorId = "", this.labelPosition = "top", this.hoverValue = 0, this.isHovering = !1, this.isPointerDown = !1;
|
|
18
|
-
const
|
|
19
|
-
this._ratingId =
|
|
18
|
+
const t = w("rating");
|
|
19
|
+
this._ratingId = t.inputId, this._labelId = t.labelId, this._helperId = t.helperId, this._errorId = t.errorId, this.value = 0, this.max = 5, this.precision = "whole", this.readonly = !1, this.allowClear = !1, this.variant = "", this.size = "md", this.label = "", this.labelHidden = !1, this.noLabel = !1, this.required = !1, this.invalid = !1, this.errorMessage = "", this.helpText = "", this.validationMessages = void 0, this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerUp = this.handlePointerUp.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
20
20
|
}
|
|
21
21
|
// ─── FACE ─────────────────────────────────────────────────────────────────
|
|
22
22
|
/**
|
|
@@ -37,17 +37,39 @@ const p = class p extends V(b) {
|
|
|
37
37
|
) : this._internals.setValidity({});
|
|
38
38
|
}
|
|
39
39
|
firstUpdated() {
|
|
40
|
-
this._syncFormValue(), this._syncValidity();
|
|
40
|
+
this._syncFormValue(), this._syncValidity(), this._syncStates();
|
|
41
41
|
}
|
|
42
|
-
updated(
|
|
43
|
-
super.updated(
|
|
42
|
+
updated(t) {
|
|
43
|
+
super.updated(t), t.has("value") && (this._syncFormValue(), this._syncValidity()), (t.has("value") || t.has("readonly") || t.has("required") || t.has("invalid")) && this._syncStates();
|
|
44
44
|
}
|
|
45
45
|
/**
|
|
46
46
|
* FACE lifecycle: called when the parent form is reset.
|
|
47
47
|
* Restores rating to 0 (no selection).
|
|
48
48
|
*/
|
|
49
49
|
formResetCallback() {
|
|
50
|
-
this.value = 0, this._internals.setFormValue(null), this._internals.setValidity({});
|
|
50
|
+
this.value = 0, this._internals.setFormValue(null), this._internals.setValidity({}), this._syncStates();
|
|
51
|
+
}
|
|
52
|
+
/**
|
|
53
|
+
* FACE lifecycle: called on session restore or browser autofill.
|
|
54
|
+
* Restores the rating value from the previously saved form state.
|
|
55
|
+
* The state is a numeric string (e.g. "3" or "3.5"), or null for no rating.
|
|
56
|
+
*/
|
|
57
|
+
formStateRestoreCallback(t, i) {
|
|
58
|
+
this.value = typeof t == "string" ? parseFloat(t) : 0, this._syncFormValue(), this._syncValidity(), this._syncStates();
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
|
|
62
|
+
*
|
|
63
|
+
* Must be called AFTER _syncValidity() so that :state(invalid) reads the
|
|
64
|
+
* freshly-updated _internals.validity.valid value.
|
|
65
|
+
*
|
|
66
|
+
* Exposed states:
|
|
67
|
+
* :state(readonly) — rating is read-only
|
|
68
|
+
* :state(required) — rating is required
|
|
69
|
+
* :state(invalid) — FACE constraint validation is failing
|
|
70
|
+
*/
|
|
71
|
+
_syncStates() {
|
|
72
|
+
this._setState("readonly", this.readonly), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
|
|
51
73
|
}
|
|
52
74
|
// ─── End FACE ─────────────────────────────────────────────────────────────
|
|
53
75
|
connectedCallback() {
|
|
@@ -58,12 +80,12 @@ const p = class p extends V(b) {
|
|
|
58
80
|
}
|
|
59
81
|
renderLabel() {
|
|
60
82
|
if (!this.label || this.noLabel) return "";
|
|
61
|
-
const
|
|
62
|
-
return m(this.labelPosition) ? (
|
|
83
|
+
const t = [];
|
|
84
|
+
return m(this.labelPosition) ? (t.push("ag-form-control__label--horizontal"), t.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && t.push(`ag-form-control__label--${this.labelPosition}`), h`
|
|
63
85
|
<label
|
|
64
86
|
id=${this._labelId}
|
|
65
87
|
for=${this._ratingId}
|
|
66
|
-
class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${
|
|
88
|
+
class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${t.join(" ")}"
|
|
67
89
|
part="ag-rating-label"
|
|
68
90
|
>
|
|
69
91
|
${this.label}
|
|
@@ -71,7 +93,7 @@ const p = class p extends V(b) {
|
|
|
71
93
|
`;
|
|
72
94
|
}
|
|
73
95
|
render() {
|
|
74
|
-
const
|
|
96
|
+
const t = this.isHovering ? this.hoverValue : this.value, i = Array.from({ length: this.max }, (d, y) => y + 1), e = $({
|
|
75
97
|
helperId: this._helperId,
|
|
76
98
|
errorId: this._errorId,
|
|
77
99
|
hasHelper: !!this.helpText && !this.invalid,
|
|
@@ -88,7 +110,7 @@ const p = class p extends V(b) {
|
|
|
88
110
|
role="slider"
|
|
89
111
|
aria-label="${this.label || "Rating"}"
|
|
90
112
|
aria-labelledby="${f(this.label && !this.noLabel ? this._labelId : void 0)}"
|
|
91
|
-
aria-describedby="${f(
|
|
113
|
+
aria-describedby="${f(e)}"
|
|
92
114
|
aria-valuemin="0"
|
|
93
115
|
aria-valuemax="${this.max}"
|
|
94
116
|
aria-valuenow="${Number(this.value).toFixed(this.precision === "half" ? 1 : 0)}"
|
|
@@ -100,10 +122,10 @@ const p = class p extends V(b) {
|
|
|
100
122
|
@pointerleave="${this.handlePointerLeave}"
|
|
101
123
|
@pointerenter="${this.handlePointerEnter}"
|
|
102
124
|
>
|
|
103
|
-
${i.map((d) => this.renderStar(d,
|
|
125
|
+
${i.map((d) => this.renderStar(d, t))}
|
|
104
126
|
</div>
|
|
105
127
|
<span class="visually-hidden" aria-live="polite">
|
|
106
|
-
${
|
|
128
|
+
${t} of ${this.max}
|
|
107
129
|
</span>
|
|
108
130
|
`;
|
|
109
131
|
return m(this.labelPosition) ? h`
|
|
@@ -125,32 +147,32 @@ const p = class p extends V(b) {
|
|
|
125
147
|
${l}
|
|
126
148
|
`;
|
|
127
149
|
}
|
|
128
|
-
renderStar(
|
|
129
|
-
const
|
|
150
|
+
renderStar(t, i) {
|
|
151
|
+
const e = i >= t, a = !e && i >= t - 0.5 && this.precision === "half", l = e || a ? "filled" : "", n = this.isHovering && this.hoverValue >= t ? "hover" : "", c = `ag-rating-half-${this.uniqueId}-${t}`;
|
|
130
152
|
return h`
|
|
131
153
|
<span
|
|
132
154
|
class="star-button"
|
|
133
155
|
part="star-button"
|
|
134
|
-
@click="${(d) => this.handleClickStar(d,
|
|
135
|
-
aria-label="${
|
|
136
|
-
title="${
|
|
156
|
+
@click="${(d) => this.handleClickStar(d, t)}"
|
|
157
|
+
aria-label="${t} star"
|
|
158
|
+
title="${t} star"
|
|
137
159
|
>
|
|
138
|
-
<span class="star ${l} ${n}" part="star" data-star="${
|
|
139
|
-
${this.renderStarSvg(
|
|
160
|
+
<span class="star ${l} ${n}" part="star" data-star="${t}">
|
|
161
|
+
${this.renderStarSvg(e, a, c)}
|
|
140
162
|
</span>
|
|
141
163
|
</span>
|
|
142
164
|
`;
|
|
143
165
|
}
|
|
144
|
-
renderStarSvg(
|
|
166
|
+
renderStarSvg(t, i, e) {
|
|
145
167
|
return i ? g`
|
|
146
168
|
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
147
169
|
<defs>
|
|
148
|
-
<clipPath id="${
|
|
170
|
+
<clipPath id="${e}">
|
|
149
171
|
<rect x="0" y="0" width="12" height="24"></rect>
|
|
150
172
|
</clipPath>
|
|
151
173
|
</defs>
|
|
152
174
|
<path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
|
|
153
|
-
<path clip-path="url(#${
|
|
175
|
+
<path clip-path="url(#${e})" d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.401 8.174L12 18.896l-7.335 3.86 1.401-8.174L.132 9.21l8.2-1.192z" />
|
|
154
176
|
</svg>
|
|
155
177
|
` : g`
|
|
156
178
|
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
@@ -158,78 +180,78 @@ const p = class p extends V(b) {
|
|
|
158
180
|
</svg>
|
|
159
181
|
`;
|
|
160
182
|
}
|
|
161
|
-
roundToPrecision(
|
|
162
|
-
return this.precision === "half" ? Math.round(
|
|
183
|
+
roundToPrecision(t) {
|
|
184
|
+
return this.precision === "half" ? Math.round(t * 2) / 2 : Math.round(t);
|
|
163
185
|
}
|
|
164
|
-
getValueFromClientX(
|
|
186
|
+
getValueFromClientX(t) {
|
|
165
187
|
const i = this.shadowRoot?.querySelector(".rating");
|
|
166
188
|
if (!i) return 0;
|
|
167
|
-
const
|
|
189
|
+
const e = i.getBoundingClientRect(), a = Math.max(0, Math.min(t - e.left, e.width)), n = (e.width > 0 ? a / e.width : 0) * this.max;
|
|
168
190
|
return this.roundToPrecision(n);
|
|
169
191
|
}
|
|
170
|
-
handleClickStar(
|
|
171
|
-
if (
|
|
172
|
-
const
|
|
192
|
+
handleClickStar(t, i) {
|
|
193
|
+
if (t.stopPropagation(), this.readonly) return;
|
|
194
|
+
const e = this.value;
|
|
173
195
|
let a = (this.precision === "half", i);
|
|
174
|
-
this.allowClear && a ===
|
|
196
|
+
this.allowClear && a === e && (a = 0), this.commitValue(a, e);
|
|
175
197
|
}
|
|
176
|
-
handlePointerEnter(
|
|
198
|
+
handlePointerEnter(t) {
|
|
177
199
|
}
|
|
178
|
-
handlePointerLeave(
|
|
200
|
+
handlePointerLeave(t) {
|
|
179
201
|
this.isPointerDown || (this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end", this.hoverValue));
|
|
180
202
|
}
|
|
181
|
-
handlePointerDown(
|
|
203
|
+
handlePointerDown(t) {
|
|
182
204
|
if (this.readonly) return;
|
|
183
|
-
this.isPointerDown = !0, this.setPointerCapture(
|
|
184
|
-
const i =
|
|
185
|
-
this.hoverValue =
|
|
205
|
+
this.isPointerDown = !0, this.setPointerCapture(t.pointerId);
|
|
206
|
+
const i = t.clientX, e = this.getValueFromClientX(i);
|
|
207
|
+
this.hoverValue = e, this.isHovering = !0, this.emitHoverEvent("start", e), window.addEventListener("pointermove", this.handlePointerMove), window.addEventListener("pointerup", this.handlePointerUp);
|
|
186
208
|
}
|
|
187
|
-
handlePointerMoveHost(
|
|
209
|
+
handlePointerMoveHost(t) {
|
|
188
210
|
if (!this.isPointerDown && !this.isHovering) return;
|
|
189
|
-
const i =
|
|
190
|
-
this.hoverValue =
|
|
211
|
+
const i = t.clientX, e = this.getValueFromClientX(i);
|
|
212
|
+
this.hoverValue = e, this.isHovering ? this.emitHoverEvent("move", e) : (this.isHovering = !0, this.emitHoverEvent("start", e));
|
|
191
213
|
}
|
|
192
|
-
handlePointerMove(
|
|
214
|
+
handlePointerMove(t) {
|
|
193
215
|
if (this.readonly) return;
|
|
194
|
-
const i =
|
|
195
|
-
|
|
216
|
+
const i = t.clientX, e = this.getValueFromClientX(i);
|
|
217
|
+
e !== this.hoverValue && (this.hoverValue = e, this.emitHoverEvent("move", e));
|
|
196
218
|
}
|
|
197
|
-
handlePointerUp(
|
|
219
|
+
handlePointerUp(t) {
|
|
198
220
|
if (this.readonly) return;
|
|
199
|
-
const i =
|
|
200
|
-
let l =
|
|
201
|
-
this.allowClear && l === a && (l = 0), this.commitValue(l, a), this.isPointerDown = !1, this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end",
|
|
221
|
+
const i = t.clientX, e = this.getValueFromClientX(i), a = this.value;
|
|
222
|
+
let l = e;
|
|
223
|
+
this.allowClear && l === a && (l = 0), this.commitValue(l, a), this.isPointerDown = !1, this.isHovering = !1, this.hoverValue = 0, this.emitHoverEvent("end", e), this.removeGlobalPointerListeners();
|
|
202
224
|
}
|
|
203
225
|
removeGlobalPointerListeners() {
|
|
204
226
|
window.removeEventListener("pointermove", this.handlePointerMove), window.removeEventListener("pointerup", this.handlePointerUp);
|
|
205
227
|
}
|
|
206
|
-
handleKeyDown(
|
|
228
|
+
handleKeyDown(t) {
|
|
207
229
|
if (this.readonly) return;
|
|
208
|
-
const i = this.value,
|
|
209
|
-
|
|
230
|
+
const i = this.value, e = this.precision === "half" ? 0.5 : 1;
|
|
231
|
+
t.key === "ArrowRight" || t.key === "ArrowUp" ? (t.preventDefault(), this.value = Math.min(this.max, this.value + e), this.commitValue(this.value, i)) : t.key === "ArrowLeft" || t.key === "ArrowDown" ? (t.preventDefault(), this.value = Math.max(0, this.value - e), this.commitValue(this.value, i)) : t.key === "Home" ? (t.preventDefault(), this.value = 0, this.commitValue(this.value, i)) : t.key === "End" && (t.preventDefault(), this.value = this.max, this.commitValue(this.value, i));
|
|
210
232
|
}
|
|
211
|
-
commitValue(
|
|
212
|
-
const
|
|
213
|
-
this.value =
|
|
233
|
+
commitValue(t, i) {
|
|
234
|
+
const e = this.roundToPrecision(t);
|
|
235
|
+
this.value = e, this._syncFormValue(), this._syncValidity();
|
|
214
236
|
const a = new CustomEvent("rating-change", {
|
|
215
|
-
detail: { oldValue: i, newValue:
|
|
237
|
+
detail: { oldValue: i, newValue: e },
|
|
216
238
|
bubbles: !0,
|
|
217
239
|
composed: !0
|
|
218
240
|
});
|
|
219
241
|
this.dispatchEvent(a), this.onRatingChange && this.onRatingChange(a);
|
|
220
242
|
}
|
|
221
|
-
emitHoverEvent(
|
|
222
|
-
const
|
|
223
|
-
detail: { phase:
|
|
243
|
+
emitHoverEvent(t, i) {
|
|
244
|
+
const e = new CustomEvent("rating-hover", {
|
|
245
|
+
detail: { phase: t, value: i },
|
|
224
246
|
bubbles: !0,
|
|
225
247
|
composed: !0
|
|
226
248
|
});
|
|
227
|
-
this.dispatchEvent(
|
|
249
|
+
this.dispatchEvent(e), this.onRatingHover && this.onRatingHover(e);
|
|
228
250
|
}
|
|
229
251
|
};
|
|
230
252
|
p.styles = [
|
|
231
|
-
|
|
232
|
-
|
|
253
|
+
V,
|
|
254
|
+
_`
|
|
233
255
|
:host {
|
|
234
256
|
display: block;
|
|
235
257
|
line-height: 1;
|
|
@@ -59,6 +59,24 @@ export declare class Select extends Select_base implements SelectProps {
|
|
|
59
59
|
* attribute from the original HTML), then re-syncs the form value.
|
|
60
60
|
*/
|
|
61
61
|
formResetCallback(): void;
|
|
62
|
+
/**
|
|
63
|
+
* FACE lifecycle: called on session restore or browser autofill.
|
|
64
|
+
* Restores the selected option(s) from the previously saved form state.
|
|
65
|
+
* Uses updateComplete to ensure options are in the DOM before restoring.
|
|
66
|
+
*/
|
|
67
|
+
formStateRestoreCallback(state: File | string | FormData | null, _mode: 'restore' | 'autocomplete'): void;
|
|
68
|
+
/**
|
|
69
|
+
* Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
|
|
70
|
+
*
|
|
71
|
+
* Must be called AFTER _syncValidity() so that :state(invalid) reads the
|
|
72
|
+
* freshly-updated _internals.validity.valid value.
|
|
73
|
+
*
|
|
74
|
+
* Exposed states:
|
|
75
|
+
* :state(disabled) — select is disabled
|
|
76
|
+
* :state(required) — select is required
|
|
77
|
+
* :state(invalid) — FACE constraint validation is failing
|
|
78
|
+
*/
|
|
79
|
+
private _syncStates;
|
|
62
80
|
/**
|
|
63
81
|
* Sync the form value to ElementInternals.
|
|
64
82
|
* Single select: submits the selected value as a string.
|
|
@@ -70,6 +88,7 @@ export declare class Select extends Select_base implements SelectProps {
|
|
|
70
88
|
* Sync validity to ElementInternals by delegating to the inner <select>.
|
|
71
89
|
*/
|
|
72
90
|
private _syncValidity;
|
|
91
|
+
updated(changedProperties: Map<string, unknown>): void;
|
|
73
92
|
protected firstUpdated(): void;
|
|
74
93
|
private handleSlotChange;
|
|
75
94
|
static styles: import('lit').CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/core/_Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAI5C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,EAAE,CAAC;AAGhD,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC1B;AACD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAErE,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC/C;;AAED;;;;;;;;GAQG;AACH,qBAAa,MAAO,SAAQ,WAAsB,YAAW,WAAW;IAE/D,IAAI,EAAE,UAAU,CAAM;IAGtB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAItB,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAS;IAGrC,WAAW,UAAS;IAGpB,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,YAAY,SAAM;IAGlB,QAAQ,SAAM;IAGb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGtC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAGrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAGtD,OAAO,CAAC,aAAa,CAAqB;IAI1C;;;;OAIG;IACM,iBAAiB,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"_Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/core/_Select.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { LitElement as u, css as g, html as n } from "lit";
|
|
2
|
-
import { n as
|
|
2
|
+
import { n as r } from "../../../property-CemaeiRl.js";
|
|
3
3
|
import { e as m } from "../../../query-BykXNUlT.js";
|
|
4
|
-
import { isHorizontalLabel as p, createFormControlIds as
|
|
4
|
+
import { isHorizontalLabel as p, createFormControlIds as f, buildAriaDescribedBy as b } from "../../../shared/form-control-utils.js";
|
|
5
5
|
import { formControlStyles as v } from "../../../shared/form-control-styles.js";
|
|
6
|
-
import { FaceMixin as y, syncInnerInputValidity as
|
|
7
|
-
var E = Object.defineProperty,
|
|
8
|
-
for (var
|
|
9
|
-
(d = h[l]) && (
|
|
10
|
-
return
|
|
6
|
+
import { FaceMixin as y, syncInnerInputValidity as _ } from "../../../shared/face-mixin.js";
|
|
7
|
+
var E = Object.defineProperty, i = (h, e, a, o) => {
|
|
8
|
+
for (var s = void 0, l = h.length - 1, d; l >= 0; l--)
|
|
9
|
+
(d = h[l]) && (s = d(e, a, s) || s);
|
|
10
|
+
return s && E(e, a, s), s;
|
|
11
11
|
};
|
|
12
12
|
const c = class c extends y(u) {
|
|
13
13
|
constructor() {
|
|
@@ -20,7 +20,41 @@ const c = class c extends y(u) {
|
|
|
20
20
|
* attribute from the original HTML), then re-syncs the form value.
|
|
21
21
|
*/
|
|
22
22
|
formResetCallback() {
|
|
23
|
-
this.selectElement && Array.from(this.selectElement.options).forEach((e) => e.selected = e.defaultSelected), this._syncFormValue(), this._internals.setValidity({});
|
|
23
|
+
this.selectElement && Array.from(this.selectElement.options).forEach((e) => e.selected = e.defaultSelected), this._syncFormValue(), this._internals.setValidity({}), this._syncStates();
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* FACE lifecycle: called on session restore or browser autofill.
|
|
27
|
+
* Restores the selected option(s) from the previously saved form state.
|
|
28
|
+
* Uses updateComplete to ensure options are in the DOM before restoring.
|
|
29
|
+
*/
|
|
30
|
+
formStateRestoreCallback(e, a) {
|
|
31
|
+
this.updateComplete.then(() => {
|
|
32
|
+
if (this.selectElement) {
|
|
33
|
+
if (this.multiple && e instanceof FormData) {
|
|
34
|
+
const o = new Set(Array.from(e.values()));
|
|
35
|
+
Array.from(this.selectElement.options).forEach((s) => {
|
|
36
|
+
s.selected = o.has(s.value);
|
|
37
|
+
});
|
|
38
|
+
} else typeof e == "string" && Array.from(this.selectElement.options).forEach((o) => {
|
|
39
|
+
o.selected = o.value === e;
|
|
40
|
+
});
|
|
41
|
+
this._syncFormValue(), this._syncValidity(), this._syncStates();
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
|
|
47
|
+
*
|
|
48
|
+
* Must be called AFTER _syncValidity() so that :state(invalid) reads the
|
|
49
|
+
* freshly-updated _internals.validity.valid value.
|
|
50
|
+
*
|
|
51
|
+
* Exposed states:
|
|
52
|
+
* :state(disabled) — select is disabled
|
|
53
|
+
* :state(required) — select is required
|
|
54
|
+
* :state(invalid) — FACE constraint validation is failing
|
|
55
|
+
*/
|
|
56
|
+
_syncStates() {
|
|
57
|
+
this._setState("disabled", this.disabled), this._setState("required", this.required), this._setState("invalid", !this._internals.validity.valid);
|
|
24
58
|
}
|
|
25
59
|
/**
|
|
26
60
|
* Sync the form value to ElementInternals.
|
|
@@ -32,8 +66,8 @@ const c = class c extends y(u) {
|
|
|
32
66
|
if (this.selectElement)
|
|
33
67
|
if (this.multiple) {
|
|
34
68
|
const e = new FormData();
|
|
35
|
-
Array.from(this.selectElement.selectedOptions).forEach((
|
|
36
|
-
e.append(this.name,
|
|
69
|
+
Array.from(this.selectElement.selectedOptions).forEach((a) => {
|
|
70
|
+
e.append(this.name, a.value);
|
|
37
71
|
}), this._internals.setFormValue(e);
|
|
38
72
|
} else
|
|
39
73
|
this._internals.setFormValue(this.selectElement.value || "");
|
|
@@ -42,22 +76,25 @@ const c = class c extends y(u) {
|
|
|
42
76
|
* Sync validity to ElementInternals by delegating to the inner <select>.
|
|
43
77
|
*/
|
|
44
78
|
_syncValidity() {
|
|
45
|
-
|
|
79
|
+
_(this._internals, this.selectElement);
|
|
46
80
|
}
|
|
47
81
|
// ─── End FACE ─────────────────────────────────────────────────────────────
|
|
82
|
+
updated(e) {
|
|
83
|
+
super.updated(e), (e.has("disabled") || e.has("required") || e.has("invalid")) && this._syncStates();
|
|
84
|
+
}
|
|
48
85
|
firstUpdated() {
|
|
49
86
|
this.handleSlotChange();
|
|
50
87
|
const e = this.shadowRoot?.querySelector("slot");
|
|
51
|
-
e && e.addEventListener("slotchange", () => this.handleSlotChange()), this._syncFormValue(), this._syncValidity();
|
|
88
|
+
e && e.addEventListener("slotchange", () => this.handleSlotChange()), this._syncFormValue(), this._syncValidity(), this._syncStates();
|
|
52
89
|
}
|
|
53
90
|
handleSlotChange() {
|
|
54
91
|
if (!this.selectElement) return;
|
|
55
92
|
const e = this.shadowRoot?.querySelector("slot");
|
|
56
93
|
if (!e) return;
|
|
57
|
-
e.assignedNodes().forEach((
|
|
58
|
-
if (
|
|
59
|
-
const
|
|
60
|
-
(
|
|
94
|
+
e.assignedNodes().forEach((o) => {
|
|
95
|
+
if (o.nodeType === Node.ELEMENT_NODE) {
|
|
96
|
+
const s = o;
|
|
97
|
+
(s.tagName === "OPTION" || s.tagName === "OPTGROUP") && this.selectElement.appendChild(o);
|
|
61
98
|
}
|
|
62
99
|
});
|
|
63
100
|
}
|
|
@@ -77,35 +114,35 @@ const c = class c extends y(u) {
|
|
|
77
114
|
})), this.onBlur && this.onBlur(e);
|
|
78
115
|
}
|
|
79
116
|
handleChange(e) {
|
|
80
|
-
const
|
|
81
|
-
let
|
|
82
|
-
this.multiple ?
|
|
83
|
-
const
|
|
84
|
-
detail: { value:
|
|
117
|
+
const a = e.target;
|
|
118
|
+
let o;
|
|
119
|
+
this.multiple ? o = Array.from(a.selectedOptions).map((l) => l.value) : o = a.value, this._syncFormValue(), this._syncValidity();
|
|
120
|
+
const s = new CustomEvent("change", {
|
|
121
|
+
detail: { value: o },
|
|
85
122
|
bubbles: !0,
|
|
86
123
|
composed: !0
|
|
87
124
|
});
|
|
88
|
-
this.dispatchEvent(
|
|
125
|
+
this.dispatchEvent(s), this.onChange && this.onChange(s);
|
|
89
126
|
}
|
|
90
127
|
renderLabel(e) {
|
|
91
128
|
if (!this.label || this.noLabel) return "";
|
|
92
|
-
const
|
|
93
|
-
return p(this.labelPosition) ? (
|
|
129
|
+
const a = [];
|
|
130
|
+
return p(this.labelPosition) ? (a.push("ag-form-control__label--horizontal"), a.push(`ag-form-control__label--${this.labelPosition}`)) : this.labelPosition === "bottom" && a.push(`ag-form-control__label--${this.labelPosition}`), n`
|
|
94
131
|
<label
|
|
95
132
|
for=${e.inputId}
|
|
96
|
-
class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${
|
|
133
|
+
class="ag-form-control__label ${this.labelHidden ? "ag-form-control__label--hidden" : ""} ${this.required ? "ag-form-control__label--required" : ""} ${a.join(" ")}"
|
|
97
134
|
>
|
|
98
135
|
${this.label}
|
|
99
136
|
</label>
|
|
100
137
|
`;
|
|
101
138
|
}
|
|
102
139
|
render() {
|
|
103
|
-
const e =
|
|
140
|
+
const e = f("select"), a = b({
|
|
104
141
|
helperId: e.helperId,
|
|
105
142
|
errorId: e.errorId,
|
|
106
143
|
hasHelper: !!this.helpText && !this.invalid,
|
|
107
144
|
hasError: !!this.invalid && !!this.errorMessage
|
|
108
|
-
}),
|
|
145
|
+
}), o = p(this.labelPosition), s = n`
|
|
109
146
|
<select
|
|
110
147
|
id=${e.inputId}
|
|
111
148
|
class="select"
|
|
@@ -121,7 +158,7 @@ const c = class c extends y(u) {
|
|
|
121
158
|
@change=${this.handleChange}
|
|
122
159
|
aria-disabled=${this.disabled ? "true" : "false"}
|
|
123
160
|
aria-invalid=${this.invalid ? "true" : "false"}
|
|
124
|
-
aria-describedby=${
|
|
161
|
+
aria-describedby=${a || void 0}
|
|
125
162
|
></select>
|
|
126
163
|
<slot></slot>
|
|
127
164
|
`, l = this.helpText && !this.invalid ? n`<div id=${e.helperId} class="ag-form-control__helper">
|
|
@@ -129,21 +166,21 @@ const c = class c extends y(u) {
|
|
|
129
166
|
</div>` : "", d = this.invalid && this.errorMessage ? n`<div id=${e.errorId} class="ag-form-control__error">
|
|
130
167
|
${this.errorMessage}
|
|
131
168
|
</div>` : "";
|
|
132
|
-
return
|
|
169
|
+
return o ? n`
|
|
133
170
|
<div class="ag-form-control--horizontal">
|
|
134
171
|
${this.renderLabel(e)}
|
|
135
|
-
${
|
|
172
|
+
${s}
|
|
136
173
|
</div>
|
|
137
174
|
${l}
|
|
138
175
|
${d}
|
|
139
176
|
` : this.labelPosition === "bottom" ? n`
|
|
140
|
-
${
|
|
177
|
+
${s}
|
|
141
178
|
${l}
|
|
142
179
|
${d}
|
|
143
180
|
${this.renderLabel(e)}
|
|
144
181
|
` : n`
|
|
145
182
|
${this.renderLabel(e)}
|
|
146
|
-
${
|
|
183
|
+
${s}
|
|
147
184
|
${l}
|
|
148
185
|
${d}
|
|
149
186
|
`;
|
|
@@ -244,55 +281,55 @@ c.styles = [
|
|
|
244
281
|
`
|
|
245
282
|
];
|
|
246
283
|
let t = c;
|
|
247
|
-
|
|
248
|
-
|
|
284
|
+
i([
|
|
285
|
+
r({ type: String, reflect: !0 })
|
|
249
286
|
], t.prototype, "size");
|
|
250
|
-
|
|
251
|
-
|
|
287
|
+
i([
|
|
288
|
+
r({ type: Boolean, reflect: !0 })
|
|
252
289
|
], t.prototype, "multiple");
|
|
253
|
-
|
|
254
|
-
|
|
290
|
+
i([
|
|
291
|
+
r({ type: Boolean, reflect: !0 })
|
|
255
292
|
], t.prototype, "disabled");
|
|
256
|
-
|
|
257
|
-
|
|
293
|
+
i([
|
|
294
|
+
r({ type: Number, attribute: "multiple-size" })
|
|
258
295
|
], t.prototype, "multipleSize");
|
|
259
|
-
|
|
260
|
-
|
|
296
|
+
i([
|
|
297
|
+
r({ type: String })
|
|
261
298
|
], t.prototype, "label");
|
|
262
|
-
|
|
263
|
-
|
|
299
|
+
i([
|
|
300
|
+
r({ type: String, attribute: "label-position" })
|
|
264
301
|
], t.prototype, "labelPosition");
|
|
265
|
-
|
|
266
|
-
|
|
302
|
+
i([
|
|
303
|
+
r({ type: Boolean, attribute: "label-hidden" })
|
|
267
304
|
], t.prototype, "labelHidden");
|
|
268
|
-
|
|
269
|
-
|
|
305
|
+
i([
|
|
306
|
+
r({ type: Boolean, attribute: "no-label" })
|
|
270
307
|
], t.prototype, "noLabel");
|
|
271
|
-
|
|
272
|
-
|
|
308
|
+
i([
|
|
309
|
+
r({ type: Boolean })
|
|
273
310
|
], t.prototype, "required");
|
|
274
|
-
|
|
275
|
-
|
|
311
|
+
i([
|
|
312
|
+
r({ type: Boolean })
|
|
276
313
|
], t.prototype, "invalid");
|
|
277
|
-
|
|
278
|
-
|
|
314
|
+
i([
|
|
315
|
+
r({ type: String, attribute: "error-message" })
|
|
279
316
|
], t.prototype, "errorMessage");
|
|
280
|
-
|
|
281
|
-
|
|
317
|
+
i([
|
|
318
|
+
r({ type: String, attribute: "help-text" })
|
|
282
319
|
], t.prototype, "helpText");
|
|
283
|
-
|
|
284
|
-
|
|
320
|
+
i([
|
|
321
|
+
r({ attribute: !1 })
|
|
285
322
|
], t.prototype, "onClick");
|
|
286
|
-
|
|
287
|
-
|
|
323
|
+
i([
|
|
324
|
+
r({ attribute: !1 })
|
|
288
325
|
], t.prototype, "onFocus");
|
|
289
|
-
|
|
290
|
-
|
|
326
|
+
i([
|
|
327
|
+
r({ attribute: !1 })
|
|
291
328
|
], t.prototype, "onBlur");
|
|
292
|
-
|
|
293
|
-
|
|
329
|
+
i([
|
|
330
|
+
r({ attribute: !1 })
|
|
294
331
|
], t.prototype, "onChange");
|
|
295
|
-
|
|
332
|
+
i([
|
|
296
333
|
m("select")
|
|
297
334
|
], t.prototype, "selectElement");
|
|
298
335
|
customElements.get("ag-select") || customElements.define("ag-select", t);
|
|
@@ -72,6 +72,24 @@ export declare class AgSelectionButtonGroup extends AgSelectionButtonGroup_base
|
|
|
72
72
|
* Clears all selections and re-syncs child buttons.
|
|
73
73
|
*/
|
|
74
74
|
formResetCallback(): void;
|
|
75
|
+
/**
|
|
76
|
+
* FACE lifecycle: called on session restore or browser autofill.
|
|
77
|
+
* Restores selected value(s) from the previously saved form state.
|
|
78
|
+
* Radio mode: state is a single string. Checkbox mode: state is FormData.
|
|
79
|
+
*/
|
|
80
|
+
formStateRestoreCallback(state: File | string | FormData | null, _mode: 'restore' | 'autocomplete'): void;
|
|
81
|
+
/**
|
|
82
|
+
* Sync CustomStateSet states so :state() pseudo-classes work from external CSS.
|
|
83
|
+
*
|
|
84
|
+
* Must be called AFTER _syncValidity() so that :state(invalid) reads the
|
|
85
|
+
* freshly-updated _internals.validity.valid value.
|
|
86
|
+
*
|
|
87
|
+
* Exposed states:
|
|
88
|
+
* :state(disabled) — group is disabled
|
|
89
|
+
* :state(required) — group is required
|
|
90
|
+
* :state(invalid) — FACE constraint validation is failing
|
|
91
|
+
*/
|
|
92
|
+
private _syncStates;
|
|
75
93
|
connectedCallback(): void;
|
|
76
94
|
disconnectedCallback(): void;
|
|
77
95
|
updated(changedProperties: Map<string, unknown>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_SelectionButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/core/_SelectionButtonGroup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,KAAK,EAAqB,oBAAoB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAEzJ,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,UAAU,CAAC;AACvD,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC;AAC3D,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC;AAE7D,MAAM,WAAW,gCAAgC;IAC/C,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,gCAAgC,CAAC,CAAC;AAEvF,MAAM,WAAW,yBAAyB;IACxC,gEAAgE;IAChE,IAAI,EAAE,mBAAmB,CAAC;IAC1B,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,+BAA+B;IAC/B,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,gCAAgC;IAChC,KAAK,CAAC,EAAE,yBAAyB,CAAC;IAClC,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC;CACjE;;AAED,qBAAa,sBAAuB,SAAQ,2BAAsB,YAAW,yBAAyB;IACpG,OAAgB,MAAM,0BAqCpB;IAGM,IAAI,EAAE,mBAAmB,CAAC;IAG1B,MAAM,EAAE,MAAM,CAAC;IAGf,YAAY,EAAE,OAAO,CAAC;IAGtB,KAAK,EAAE,yBAAyB,CAAC;IAGjC,IAAI,EAAE,wBAAwB,CAAC;IAG/B,KAAK,EAAE,yBAAyB,CAAC;IAGjC,KAAK,EAAE,MAAM,CAAC;IAGd,MAAM,EAAE,MAAM,EAAE,CAAC;IAGjB,QAAQ,EAAE,OAAO,CAAC;IAGlB,QAAQ,EAAE,OAAO,CAAC;IAGlB,kBAAkB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAGnD,iBAAiB,EAAE,CAAC,CAAC,KAAK,EAAE,0BAA0B,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAI7E,uBAAuB,EAAE,MAAM,EAAE,CAAC;;IAmB1C,OAAO,CAAC,kBAAkB;IAiB1B;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,aAAa;IAYrB;;;OAGG;IACM,iBAAiB,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"_SelectionButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectionButtonGroup/core/_SelectionButtonGroup.ts"],"names":[],"mappings":"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"}
|