@aurodesignsystem/auro-formkit 1.6.0-beta.6 → 1.6.0-beta.8

package/.turbo/cache/0008b92c8752bf75-meta.json

@@ -0,0 +1 @@
+{"hash":"0008b92c8752bf75","duration":18255}

package/.turbo/cache/00cb38bef1105dac-meta.json

@@ -0,0 +1 @@
+{"hash":"00cb38bef1105dac","duration":1423}

package/.turbo/cache/0157ec8abdaf2a9c-meta.json

@@ -0,0 +1 @@
+{"hash":"0157ec8abdaf2a9c","duration":2771}

package/.turbo/cache/0636e9cedc83238b-meta.json

@@ -0,0 +1 @@
+{"hash":"0636e9cedc83238b","duration":1868}

package/.turbo/cache/06f476671015e973-meta.json

@@ -0,0 +1 @@
+{"hash":"06f476671015e973","duration":7925}

package/.turbo/cache/09df74d672102662-meta.json

@@ -0,0 +1 @@
+{"hash":"09df74d672102662","duration":1732}

package/.turbo/cache/0cd109fb3183c2e6-meta.json

@@ -0,0 +1 @@
+{"hash":"0cd109fb3183c2e6","duration":1395}

package/.turbo/cache/17c429ade621ffcb-meta.json

@@ -0,0 +1 @@
+{"hash":"17c429ade621ffcb","duration":1700}

package/.turbo/cache/1c47128a0e12fcfa-meta.json

@@ -0,0 +1 @@
+{"hash":"1c47128a0e12fcfa","duration":3480}

package/.turbo/cache/1db02f756ce85784-meta.json

@@ -0,0 +1 @@
+{"hash":"1db02f756ce85784","duration":2905}

package/.turbo/cache/21705fa179d5f820-meta.json

@@ -0,0 +1 @@
+{"hash":"21705fa179d5f820","duration":2630}

package/.turbo/cache/249d9ba3ee6aa1cb-meta.json

@@ -0,0 +1 @@
+{"hash":"249d9ba3ee6aa1cb","duration":2206}

package/.turbo/cache/2666b96bfcf4e9cd-meta.json

@@ -0,0 +1 @@
+{"hash":"2666b96bfcf4e9cd","duration":3756}

package/.turbo/cache/2778d5e895240cd1-meta.json

@@ -0,0 +1 @@
+{"hash":"2778d5e895240cd1","duration":2991}

package/.turbo/cache/300b59df2de12b46-meta.json

@@ -0,0 +1 @@
+{"hash":"300b59df2de12b46","duration":6229}

package/.turbo/cache/31729e74fccaafb0-meta.json

@@ -0,0 +1 @@
+{"hash":"31729e74fccaafb0","duration":2024}

package/.turbo/cache/32702694d62a08ac-meta.json

@@ -0,0 +1 @@
+{"hash":"32702694d62a08ac","duration":3541}

package/.turbo/cache/3482a3cba9a51c2d-meta.json

@@ -0,0 +1 @@
+{"hash":"3482a3cba9a51c2d","duration":17730}

package/.turbo/cache/3a9d73752f23a40a-meta.json

@@ -0,0 +1 @@
+{"hash":"3a9d73752f23a40a","duration":2322}

package/.turbo/cache/3afe2e6f714a4fcb-meta.json

@@ -0,0 +1 @@
+{"hash":"3afe2e6f714a4fcb","duration":1012}

package/.turbo/cache/408ea1754276298c-meta.json

@@ -0,0 +1 @@
+{"hash":"408ea1754276298c","duration":3471}

package/.turbo/cache/42066c793c3816f3-meta.json

@@ -0,0 +1 @@
+{"hash":"42066c793c3816f3","duration":1348}

package/.turbo/cache/4bec46ffff6fd2e8-meta.json

@@ -0,0 +1 @@
+{"hash":"4bec46ffff6fd2e8","duration":1986}

package/.turbo/cache/50b275350abe14dd-meta.json

@@ -0,0 +1 @@
+{"hash":"50b275350abe14dd","duration":5160}

package/.turbo/cache/51078a087b52c65e-meta.json

@@ -0,0 +1 @@
+{"hash":"51078a087b52c65e","duration":1311}

package/.turbo/cache/593ddf689673e305-meta.json

@@ -0,0 +1 @@
+{"hash":"593ddf689673e305","duration":9265}

package/.turbo/cache/64e4f18395bd4461-meta.json

@@ -0,0 +1 @@
+{"hash":"64e4f18395bd4461","duration":4038}

package/.turbo/cache/7419ef01dc18b433-meta.json

@@ -0,0 +1 @@
+{"hash":"7419ef01dc18b433","duration":2242}

package/.turbo/cache/748faca09d14fea7-meta.json

@@ -0,0 +1 @@
+{"hash":"748faca09d14fea7","duration":4374}

package/.turbo/cache/75495b0bbd6c06a7-meta.json

@@ -0,0 +1 @@
+{"hash":"75495b0bbd6c06a7","duration":1230}

package/.turbo/cache/7a6a8af4392c4b05-meta.json

@@ -0,0 +1 @@
+{"hash":"7a6a8af4392c4b05","duration":18657}

package/.turbo/cache/7e81141e0140dd3a-meta.json

@@ -0,0 +1 @@
+{"hash":"7e81141e0140dd3a","duration":1802}

package/.turbo/cache/7eb50d96639e6dd4-meta.json

@@ -0,0 +1 @@
+{"hash":"7eb50d96639e6dd4","duration":5665}

package/.turbo/cache/83bb78fec13808d0-meta.json

@@ -0,0 +1 @@
+{"hash":"83bb78fec13808d0","duration":2612}

package/.turbo/cache/8605f60efb7d3957-meta.json

@@ -0,0 +1 @@
+{"hash":"8605f60efb7d3957","duration":2639}

package/.turbo/cache/892a90b62716ded5-meta.json

@@ -0,0 +1 @@
+{"hash":"892a90b62716ded5","duration":3014}

package/.turbo/cache/8cac06ca809bd2b1-meta.json

@@ -0,0 +1 @@
+{"hash":"8cac06ca809bd2b1","duration":4555}

package/.turbo/cache/9a908bf8f82c84a6-meta.json

@@ -0,0 +1 @@
+{"hash":"9a908bf8f82c84a6","duration":2947}

package/.turbo/cache/9ed3089ffd7d0c00-meta.json

@@ -0,0 +1 @@
+{"hash":"9ed3089ffd7d0c00","duration":1385}

package/.turbo/cache/a3a879aea25debf8-meta.json

@@ -0,0 +1 @@
+{"hash":"a3a879aea25debf8","duration":1894}

package/.turbo/cache/a8dbafaf6177f677-meta.json

@@ -0,0 +1 @@
+{"hash":"a8dbafaf6177f677","duration":9482}

package/.turbo/cache/a8f6418b830ef0ba-meta.json

@@ -0,0 +1 @@
+{"hash":"a8f6418b830ef0ba","duration":1946}

package/.turbo/cache/afd81e4f9d4bb74d-meta.json

@@ -0,0 +1 @@
+{"hash":"afd81e4f9d4bb74d","duration":20308}

package/.turbo/cache/b37b0eb5597e160f-meta.json

@@ -0,0 +1 @@
+{"hash":"b37b0eb5597e160f","duration":2584}

package/.turbo/cache/b7e7a8c425673f7c-meta.json

@@ -0,0 +1 @@
+{"hash":"b7e7a8c425673f7c","duration":4933}

package/.turbo/cache/bc8eed3d7216f5b7-meta.json

@@ -0,0 +1 @@
+{"hash":"bc8eed3d7216f5b7","duration":741}

package/.turbo/cache/bde11c3029373459-meta.json

@@ -0,0 +1 @@
+{"hash":"bde11c3029373459","duration":2184}

package/.turbo/cache/c8e5fe6aec4479f5-meta.json

@@ -0,0 +1 @@
+{"hash":"c8e5fe6aec4479f5","duration":18877}

package/.turbo/cache/d0e874a9a71c9468-meta.json

@@ -0,0 +1 @@
+{"hash":"d0e874a9a71c9468","duration":2805}

package/.turbo/cache/d61b4e1bde4c0a12-meta.json

@@ -0,0 +1 @@
+{"hash":"d61b4e1bde4c0a12","duration":2994}

package/.turbo/cache/db6dedc0e7a12575-meta.json

@@ -0,0 +1 @@
+{"hash":"db6dedc0e7a12575","duration":18695}

package/.turbo/cache/de9737607345ec54-meta.json

@@ -0,0 +1 @@
+{"hash":"de9737607345ec54","duration":6190}

package/.turbo/cache/e234aa902b2c5b30-meta.json

@@ -0,0 +1 @@
+{"hash":"e234aa902b2c5b30","duration":2612}

package/.turbo/cache/e541225f46f7cf86-meta.json

@@ -0,0 +1 @@
+{"hash":"e541225f46f7cf86","duration":1498}

package/.turbo/cache/e67ac30b07d9e800-meta.json

@@ -0,0 +1 @@
+{"hash":"e67ac30b07d9e800","duration":18776}

package/.turbo/cache/e7244fdd3397eba7-meta.json

@@ -0,0 +1 @@
+{"hash":"e7244fdd3397eba7","duration":1170}

package/.turbo/cache/e7cf2cc625bd92b3-meta.json

@@ -0,0 +1 @@
+{"hash":"e7cf2cc625bd92b3","duration":1968}

package/.turbo/cache/e89a401ebdda3fc2-meta.json

@@ -0,0 +1 @@
+{"hash":"e89a401ebdda3fc2","duration":1906}

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Semantic Release Automated Changelog
 
+# [1.6.0-beta.8](https://github.com/AlaskaAirlines/auro-formkit/compare/v1.6.0-beta.7...v1.6.0-beta.8) (2024-12-24)
+
+
+### Performance Improvements
+
+* update auro-library ([d086276](https://github.com/AlaskaAirlines/auro-formkit/commit/d086276ea40a6d990d547ef0304da7e641f11521))
+* update refs from v18-v20 to v20-v22 ([4aeecaf](https://github.com/AlaskaAirlines/auro-formkit/commit/4aeecafbd5a30db48de7f07da11f4d821be2e745))
+
+# [1.6.0-beta.7](https://github.com/AlaskaAirlines/auro-formkit/compare/v1.6.0-beta.6...v1.6.0-beta.7) (2024-12-19)
+
+
+### Bug Fixes
+
+* replace set to map for loadingslots in menu ([373ee72](https://github.com/AlaskaAirlines/auro-formkit/commit/373ee720a97161d89466aa65a76ec8fcc6ea2f8a))
+
+
+### Features
+
+* add loading-placeholder in menu ([2bb2986](https://github.com/AlaskaAirlines/auro-formkit/commit/2bb2986056bd0c0e9051ee71a6636a8eeae286c7))
+* hide bib while loading when there is no loading placeholder to show ([a6ebc21](https://github.com/AlaskaAirlines/auro-formkit/commit/a6ebc21116ab60bee8a2b2810e654ef6d80f8431))
+* support loading state in combobox and menu ([01bd9b9](https://github.com/AlaskaAirlines/auro-formkit/commit/01bd9b92e3c7a81bd913c7501d8ccbbbd972b00c))
+
+
+### Performance Improvements
+
+* replace `innerText` with `textContent` for better performance ([c3f99f1](https://github.com/AlaskaAirlines/auro-formkit/commit/c3f99f1abbae071ebeebdd3090fe070608659641))
+
 # [1.6.0-beta.6](https://github.com/AlaskaAirlines/auro-formkit/compare/v1.6.0-beta.5...v1.6.0-beta.6) (2024-12-18)
 
 

package/components/checkbox/.turbo/turbo-build.log

@@ -106,13 +106,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 551ms
+created dist in 431ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 490ms
+created ./demo/ in 426ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 479ms
+created ./demo/ in 514ms
 
 > @auro-formkit/auro-checkbox@4.1.0 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component checkbox

package/components/checkbox/.turbo/turbo-bundler.log

@@ -4,10 +4,10 @@
 
 
 ./src/index.js → dist...
-created dist in 844ms
+created dist in 567ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 480ms
+created ./demo/ in 474ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 483ms
+created ./demo/ in 548ms

package/components/combobox/.turbo/turbo-build.log

@@ -64,13 +64,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 922ms
+created dist in 775ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 653ms
+created ./demo/ in 644ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 625ms
+created ./demo/ in 578ms
 
 > @auro-formkit/auro-combobox@2.1.4 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component combobox
@@ -131,6 +131,7 @@ Retrieving latest "/home/runner/work/auro-formkit/auro-formkit/components/combob
   ⁕ FILE:src=./../apiExamples/typeMonthDayYear.html 
   ⁕ FILE:src=./../apiExamples/focus.html 
   ⁕ FILE:src=./../apiExamples/helpText.html 
+  ⁕ FILE:src=./../apiExamples/loading.html 
   ⁕ FILE:src=./../apiExamples/inDialog.html 
   ⁕ CODE:src=./../apiExamples/basic.html 
   ⁕ CODE:src=./../apiExamples/dynamicMenu.html 
@@ -147,6 +148,8 @@ Retrieving latest "/home/runner/work/auro-formkit/auro-formkit/components/combob
   ⁕ CODE:src=./../apiExamples/focus.js 
   ⁕ CODE:src=./../apiExamples/focus.html 
   ⁕ CODE:src=./../apiExamples/helpText.html 
+  ⁕ CODE:src=./../apiExamples/loading.js 
+  ⁕ CODE:src=./../apiExamples/loading.html 
   ⁕ CODE:src=./../apiExamples/inDialog.html 
   ⁕ CODE:src=./../apiExamples/inDialog.js 
 

package/components/combobox/demo/api.html

@@ -45,6 +45,7 @@
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-dialog@latest/dist/auro-dialog__bundled.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-loader@latest/dist/auro-loader__bundled.js" type="module"></script>
 
     <script type="module" data-demo-script="true">
       import { initExamples } from "./api.min.js"

package/components/combobox/demo/api.js

@@ -4,6 +4,7 @@ import { dynamicMenuExample } from '../apiExamples/dynamicMenu';
 import { valueExample } from '../apiExamples/value';
 import { focusExample } from '../apiExamples/focus';
 import { inDialogExample } from '../apiExamples/inDialog.js';
+import { auroMenuLoadingExample } from '../apiExamples/loading.js';
 
 
 import { AuroCombobox } from '../src/auro-combobox.js';
@@ -20,6 +21,7 @@ export function initExamples(initCount) {
     valueExample();
     focusExample();
     inDialogExample();
+    auroMenuLoadingExample();
   } catch (err) {
     if (initCount <= 20) {
       // setTimeout handles issue where content is sometimes loaded after the functions get called

package/components/combobox/demo/api.md

@@ -673,6 +673,79 @@ Sets the help text displayed below the trigger. The `helpText` slot can be used
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>
 
+#### Loading<a name="loading"></a>
+While content is loading, the menu can either remain empty or display a loading placeholder
+
+<div class="exampleWrapper">
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/loading.html) -->
+  <!-- The below content is automatically added from ./../apiExamples/loading.html -->
+  <auro-combobox id="loadingExample">
+    <span slot="label">Please select a preference</span>
+    <auro-menu id="loadingExampleComboboxMenu">
+      <auro-loader slot="loadingIcon" orbit xs></auro-loader><span slot="loadingText">Loading...</span>
+    </auro-menu>
+  </auro-combobox>
+  <!-- AURO-GENERATED-CONTENT:END -->
+</div>
+<auro-accordion alignRight>
+  <span slot="trigger">See code</span>
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/loading.js) -->
+<!-- The below code snippet is automatically added from ./../apiExamples/loading.js -->
+
+```js
+export function auroMenuLoadingExample() {
+  const combobox = document.querySelector("#loadingExample");
+  const menu = document.querySelector("#loadingExampleComboboxMenu");
+
+  const emptyMenu = () => {
+    const menuoptions = menu.querySelectorAll('auro-menuoption');
+    menuoptions.forEach(mo => menu.removeChild(mo));
+  }
+
+  const fillMenu = () => {
+    menu.innerHTML += `
+      <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
+      <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
+      <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
+      <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
+      <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
+      <auro-menuoption static nomatch>No matching option</auro-menuoption>
+    `;
+  }
+
+  const load = () => {
+    clearTimeout(load.id);
+    emptyMenu();
+    menu.setAttribute('loading', 'loading');
+    load.id = setTimeout(() => {
+      menu.removeAttribute('loading');
+      fillMenu();
+    }, 1000);
+
+  }
+
+  combobox.addEventListener("input", (e) => {
+    if (e.target.value && e.target.value !== e.target.optionSelected?.textContent) {
+      load();
+    }
+  });
+}
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/loading.html) -->
+<!-- The below code snippet is automatically added from ./../apiExamples/loading.html -->
+
+```html
+<auro-combobox id="loadingExample">
+  <span slot="label">Please select a preference</span>
+  <auro-menu id="loadingExampleComboboxMenu">
+    <auro-loader slot="loadingIcon" orbit xs></auro-loader><span slot="loadingText">Loading...</span>
+  </auro-menu>
+</auro-combobox>
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+</auro-accordion>
+
 #### in Dialog
 
 The component can be in a dialog.