@cal.macconnachie/web-components 2.8.10 → 2.8.12
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/index.js +12 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1341,7 +1341,7 @@ class _ extends L {
|
|
|
1341
1341
|
);
|
|
1342
1342
|
o?.focus(), o?.select(), t.preventDefault();
|
|
1343
1343
|
}
|
|
1344
|
-
t.key.length === 1 && /\D/.test(t.key) && t.preventDefault();
|
|
1344
|
+
t.key.length === 1 && /\D/.test(t.key) && !t.metaKey && !t.ctrlKey && t.preventDefault();
|
|
1345
1345
|
}
|
|
1346
1346
|
handleOtpPaste(e, t) {
|
|
1347
1347
|
const r = (e.clipboardData?.getData("text") || "").replace(/\D/g, "").slice(0, 6).split("");
|
|
@@ -1538,7 +1538,11 @@ class _ extends L {
|
|
|
1538
1538
|
return f`
|
|
1539
1539
|
<div class="otp-section">
|
|
1540
1540
|
<label class="otp-label">Enter 6-digit code</label>
|
|
1541
|
-
<div
|
|
1541
|
+
<div
|
|
1542
|
+
class="otp-inputs"
|
|
1543
|
+
role="group"
|
|
1544
|
+
aria-label="One time code"
|
|
1545
|
+
>
|
|
1542
1546
|
${pr(
|
|
1543
1547
|
Array.from({ length: 6 }, (e, t) => t),
|
|
1544
1548
|
(e) => e,
|
|
@@ -1602,7 +1606,11 @@ class _ extends L {
|
|
|
1602
1606
|
|
|
1603
1607
|
<div class="otp-section">
|
|
1604
1608
|
<label class="otp-label">Enter 6-digit code</label>
|
|
1605
|
-
<div
|
|
1609
|
+
<div
|
|
1610
|
+
class="otp-inputs"
|
|
1611
|
+
role="group"
|
|
1612
|
+
aria-label="One time code"
|
|
1613
|
+
>
|
|
1606
1614
|
${pr(
|
|
1607
1615
|
Array.from({ length: 6 }, (t, i) => i),
|
|
1608
1616
|
(t) => t,
|
|
@@ -1952,6 +1960,7 @@ class _ extends L {
|
|
|
1952
1960
|
display: flex;
|
|
1953
1961
|
gap: var(--space-2);
|
|
1954
1962
|
justify-content: center;
|
|
1963
|
+
max-width: 100vw;
|
|
1955
1964
|
}
|
|
1956
1965
|
|
|
1957
1966
|
.otp-input {
|