@aurodesignsystem/auro-formkit 6.0.2 → 6.0.3
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/CHANGELOG.md +8 -10
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +20 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.md +40 -0
- package/components/combobox/demo/customize.min.js +390 -56
- package/components/combobox/demo/getting-started.min.js +390 -56
- package/components/combobox/demo/index.html +1 -1
- package/components/combobox/demo/index.min.js +390 -56
- package/components/combobox/dist/index.js +68 -29
- package/components/combobox/dist/registered.js +68 -29
- package/components/counter/demo/customize.min.js +38 -3
- package/components/counter/demo/index.min.js +12 -3
- package/components/counter/dist/index.js +12 -3
- package/components/counter/dist/registered.js +12 -3
- package/components/datepicker/demo/customize.min.js +49 -5
- package/components/datepicker/demo/index.min.js +14 -5
- package/components/datepicker/dist/index.js +14 -5
- package/components/datepicker/dist/registered.js +14 -5
- package/components/dropdown/demo/customize.md +4 -4
- package/components/dropdown/demo/customize.min.js +53 -5
- package/components/dropdown/demo/getting-started.html +3 -0
- package/components/dropdown/demo/getting-started.md +4 -4
- package/components/dropdown/demo/getting-started.min.js +13087 -77
- package/components/dropdown/demo/index.min.js +30 -11
- package/components/dropdown/dist/index.js +10 -1
- package/components/dropdown/dist/registered.js +10 -1
- package/components/form/demo/customize.min.js +430 -69
- package/components/form/demo/getting-started.min.js +430 -69
- package/components/form/demo/index.min.js +430 -69
- package/components/form/demo/registerDemoDeps.min.js +430 -69
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/customize.md +50 -0
- package/components/menu/demo/index.min.js +322 -27
- package/components/menu/dist/auro-menu-utils.d.ts +30 -0
- package/components/menu/dist/auro-menu.d.ts +23 -0
- package/components/menu/dist/index.js +322 -27
- package/components/menu/dist/registered.js +322 -27
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.md +72 -0
- package/components/select/demo/customize.min.js +333 -29
- package/components/select/demo/getting-started.min.js +333 -29
- package/components/select/demo/index.min.js +333 -29
- package/components/select/dist/index.js +11 -2
- package/components/select/dist/registered.js +11 -2
- package/custom-elements.json +1613 -1510
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
## [6.0.
|
|
1
|
+
## [6.0.3](https://github.com/AlaskaAirlines/auro-formkit/compare/v6.0.2...v6.0.3) (2026-08-11)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* **
|
|
11
|
-
* **
|
|
12
|
-
*
|
|
13
|
-
* **select:** restore trigger ellipsis truncation AB[#1594470](https://github.com/AlaskaAirlines/auro-formkit/issues/1594470) ([32901f1](https://github.com/AlaskaAirlines/auro-formkit/commit/32901f1f7cf0a38e40e213260a500a5169847805))
|
|
14
|
-
* show loading bib on combobox input and fix select loader centering and width AB[#1457608](https://github.com/AlaskaAirlines/auro-formkit/issues/1457608) ([392512a](https://github.com/AlaskaAirlines/auro-formkit/commit/392512a865ade9e4afcc71bcf2ccef2f9ae5dc25))
|
|
6
|
+
* **dropdown:** align js example system AB[#1611713](https://github.com/AlaskaAirlines/auro-formkit/issues/1611713) ([2e06af7](https://github.com/AlaskaAirlines/auro-formkit/commit/2e06af7babdf13323fd71d67380916dca0172af2))
|
|
7
|
+
* **dropdown:** re-configure floater on reconnect to restore trigger event listeners AB[#1611656](https://github.com/AlaskaAirlines/auro-formkit/issues/1611656) ([e782512](https://github.com/AlaskaAirlines/auro-formkit/commit/e78251238cf4d751c19585acf94b71d84c590d6a))
|
|
8
|
+
* ellipses dp value at small widths AB[#1602084](https://github.com/AlaskaAirlines/auro-formkit/issues/1602084) ([2fe60e2](https://github.com/AlaskaAirlines/auro-formkit/commit/2fe60e25d415053805abae83e94c1002b77f30fc))
|
|
9
|
+
* ensure range inputs maintain equal size with long labels AB[#1494482](https://github.com/AlaskaAirlines/auro-formkit/issues/1494482) ([146a039](https://github.com/AlaskaAirlines/auro-formkit/commit/146a0398fb491ecd857d496ff7ec89e5977fc012))
|
|
10
|
+
* **menu:** distinguish menu options that share a value AB[#1602086](https://github.com/AlaskaAirlines/auro-formkit/issues/1602086) ([cc880c9](https://github.com/AlaskaAirlines/auro-formkit/commit/cc880c9c6254bcec133e54990c85839bf3428e68))
|
|
11
|
+
* **menu:** re-select highlighted option via Enter after emptying selection AB[#1606433](https://github.com/AlaskaAirlines/auro-formkit/issues/1606433) ([50b3af2](https://github.com/AlaskaAirlines/auro-formkit/commit/50b3af20b08fe4a1cf46ed849ea14d7c7df1fac3))
|
|
12
|
+
* stringfy counter's aria-valuetext AB[#1443553](https://github.com/AlaskaAirlines/auro-formkit/issues/1443553) ([f8d33f9](https://github.com/AlaskaAirlines/auro-formkit/commit/f8d33f9db67f55f1e45d4d45d442a21c94e6127b))
|
|
15
13
|
|
|
16
14
|
# Changelog
|
|
17
15
|
|
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202608111803';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202608111803';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1691,6 +1691,14 @@ class AuroCheckboxGroup extends i$2 {
|
|
|
1691
1691
|
}
|
|
1692
1692
|
}
|
|
1693
1693
|
|
|
1694
|
+
function resetStateExample() {
|
|
1695
|
+
const elem = document.querySelector('#resetStateExample');
|
|
1696
|
+
|
|
1697
|
+
document.querySelector('#resetStateBtn').addEventListener('click', () => {
|
|
1698
|
+
elem.reset();
|
|
1699
|
+
});
|
|
1700
|
+
}
|
|
1701
|
+
|
|
1694
1702
|
AuroCheckbox.register(); // registering to `auro-checkbox`
|
|
1695
1703
|
AuroCheckboxGroup.register(); // registering to `auro-checkbox-group`
|
|
1696
1704
|
|
|
@@ -1698,6 +1706,17 @@ AuroCheckbox.register('custom-checkbox');
|
|
|
1698
1706
|
AuroCheckboxGroup.register('custom-checkbox-group');
|
|
1699
1707
|
|
|
1700
1708
|
function initExamples(initCount) {
|
|
1709
|
+
initCount = initCount || 0;
|
|
1710
|
+
|
|
1711
|
+
try {
|
|
1712
|
+
resetStateExample();
|
|
1713
|
+
} catch (err) {
|
|
1714
|
+
if (initCount <= 20) {
|
|
1715
|
+
setTimeout(() => {
|
|
1716
|
+
initExamples(initCount + 1);
|
|
1717
|
+
}, 100);
|
|
1718
|
+
}
|
|
1719
|
+
}
|
|
1701
1720
|
}
|
|
1702
1721
|
|
|
1703
1722
|
export { initExamples };
|
|
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
|
|
|
1275
1275
|
}
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
|
-
var formkitVersion = '
|
|
1278
|
+
var formkitVersion = '202608111803';
|
|
1279
1279
|
|
|
1280
1280
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1281
1281
|
// See LICENSE in the project root for license information.
|
|
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
1230
|
|
|
1231
|
-
var formkitVersion = '
|
|
1231
|
+
var formkitVersion = '202608111803';
|
|
1232
1232
|
|
|
1233
1233
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1234
1234
|
// See LICENSE in the project root for license information.
|
|
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
|
|
|
1228
1228
|
}
|
|
1229
1229
|
}
|
|
1230
1230
|
|
|
1231
|
-
var formkitVersion = '
|
|
1231
|
+
var formkitVersion = '202608111803';
|
|
1232
1232
|
|
|
1233
1233
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1234
1234
|
// See LICENSE in the project root for license information.
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
<auro-anchorlink fluid href="#noValidate" class="level2 body-xs">No Validation</auro-anchorlink>
|
|
30
30
|
<auro-anchorlink fluid href="#dynamicMenu" class="level2 body-xs">Dynamic Menu</auro-anchorlink>
|
|
31
31
|
<auro-anchorlink fluid href="#loading" class="level2 body-xs">Loading</auro-anchorlink>
|
|
32
|
+
<auro-anchorlink fluid href="#nonUniqueValues" class="level2 body-xs">Non-Unique Option Values</auro-anchorlink>
|
|
32
33
|
</auro-nav>
|
|
33
34
|
</nav>
|
|
34
35
|
<div class="mainContent">
|
|
@@ -1296,6 +1297,45 @@
|
|
|
1296
1297
|
</auro-combobox></code></pre>
|
|
1297
1298
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
1298
1299
|
</auro-accordion>
|
|
1300
|
+
<auro-header level="3" id="nonUniqueValues">Non-Unique Option Values</auro-header>
|
|
1301
|
+
<p>Two or more <code>auro-menuoption</code> elements may share the same <code>value</code>. This is common when the <code>value</code> represents a coarser grouping than the option label — for example, several airports that all serve the same city. When the user filters the list and selects one of several options that share a <code>value</code>, the combobox resolves to the exact option chosen, so the correct label is displayed even though the underlying <code>value</code> is duplicated.</p>
|
|
1302
|
+
<div class="exampleWrapper">
|
|
1303
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/duplicate-values.html) -->
|
|
1304
|
+
<!-- The below content is automatically added from ./../apiExamples/duplicate-values.html -->
|
|
1305
|
+
<auro-combobox>
|
|
1306
|
+
<span slot="ariaLabel.bib.close">Close combobox</span>
|
|
1307
|
+
<span slot="ariaLabel.input.clear">Clear All</span>
|
|
1308
|
+
<span slot="bib.fullscreen.headline">Choose an airport</span>
|
|
1309
|
+
<span slot="label">Departure airport</span>
|
|
1310
|
+
<auro-menu>
|
|
1311
|
+
<auro-menuoption value="seattle" suggest="seattle sea seatac tacoma">Seattle–Tacoma International (SEA)</auro-menuoption>
|
|
1312
|
+
<auro-menuoption value="seattle" suggest="seattle pae paine field everett">Seattle Paine Field (PAE)</auro-menuoption>
|
|
1313
|
+
<auro-menuoption value="portland" suggest="portland pdx oregon">Portland International (PDX)</auro-menuoption>
|
|
1314
|
+
<auro-menuoption value="spokane" suggest="spokane geg washington">Spokane International (GEG)</auro-menuoption>
|
|
1315
|
+
<auro-menuoption static nomatch>No matching airport</auro-menuoption>
|
|
1316
|
+
</auro-menu>
|
|
1317
|
+
</auro-combobox>
|
|
1318
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
1319
|
+
</div>
|
|
1320
|
+
<auro-accordion alignRight>
|
|
1321
|
+
<span slot="trigger">See code</span>
|
|
1322
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/duplicate-values.html) -->
|
|
1323
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/duplicate-values.html -->
|
|
1324
|
+
<pre class="language-html"><code class="language-html"><auro-combobox>
|
|
1325
|
+
<span slot="ariaLabel.bib.close">Close combobox</span>
|
|
1326
|
+
<span slot="ariaLabel.input.clear">Clear All</span>
|
|
1327
|
+
<span slot="bib.fullscreen.headline">Choose an airport</span>
|
|
1328
|
+
<span slot="label">Departure airport</span>
|
|
1329
|
+
<auro-menu>
|
|
1330
|
+
<auro-menuoption value="seattle" suggest="seattle sea seatac tacoma">Seattle&ndash;Tacoma International (SEA)</auro-menuoption>
|
|
1331
|
+
<auro-menuoption value="seattle" suggest="seattle pae paine field everett">Seattle Paine Field (PAE)</auro-menuoption>
|
|
1332
|
+
<auro-menuoption value="portland" suggest="portland pdx oregon">Portland International (PDX)</auro-menuoption>
|
|
1333
|
+
<auro-menuoption value="spokane" suggest="spokane geg washington">Spokane International (GEG)</auro-menuoption>
|
|
1334
|
+
<auro-menuoption static nomatch>No matching airport</auro-menuoption>
|
|
1335
|
+
</auro-menu>
|
|
1336
|
+
</auro-combobox></code></pre>
|
|
1337
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
1338
|
+
</auro-accordion>
|
|
1299
1339
|
</section>
|
|
1300
1340
|
</div>
|
|
1301
1341
|
</div>
|