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

package/components/select/dist/auro-select.d.ts

@@ -112,6 +112,10 @@ export class AuroSelect extends LitElement {
      * @private
      */
     private dropdownTag;
+    /**
+     * @private
+     */
+    private isHiddenWhileLoading;
     /**
      * @private
      * @returns {void} Internal defaults.
@@ -148,6 +152,21 @@ export class AuroSelect extends LitElement {
      * @returns {void}
      */
     private configureSelect;
+    /**
+     * Manages the visibility of the dropdown based on loading state changes.
+     *
+     * This method listens for loading state changes and adjusts the visibility of the dropdown accordingly.
+     * If the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown
+     * and sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously
+     * hidden, it checks if the active element is within the dropdown and shows it again if true.
+     *
+     * @private
+     * @param {CustomEvent} event - The event object containing details about the loading state change.
+     * @param {boolean} event.detail.loading - Indicates whether the menu is currently loading.
+     * @param {boolean} event.detail.hasLoadingPlaceholder - Indicates if there are loading placeholders present.
+     * @returns {void}
+     */
+    private handleMenuLoadingChange;
     /**
      * Function to support @focusin event.
      * @private

package/components/select/dist/auro-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auro-select.d.ts","sourceRoot":"","sources":["../src/auro-select.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH;IAoDE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiDI;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAMC;IAmBD;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IAhJC,oBAAyC;IACzC,oBAA+B;IAC/B,iBAAyB;IAMzB;;OAEG;IACH,iBAEuC;IAEvC;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAOjD;;OAEG;IACH,oBAAyF;IAG3F;;;OAGG;IACH,wBAGC;IAFC,2BAAiB;IACjB,kBAAwB;IA2E1B;;;;OAIG;IACH,0BAUC;IATC,cAA4E;IAC5E,iBAA8D;IAsBhE;;;;;OAKG;IACH,6BAyBC;IAED;;;;OAIG;IACH,sBA0DC;IAzDC,cAAwD;IAmBtD,WAAsC;IAwC1C;;;;OAIG;IACH,wBA4CC;IAED;;;;OAIG;IACH,sBAYC;IAED;;;;OAIG;IACH,6BAMC;IA4BD,qBAYC;IAED,sCAqBC;IAED;;;;OAIG;IACH,mBAkCC;IAMD,4CAgDC;CACF;2BAjhB0B,KAAK"}
+{"version":3,"file":"auro-select.d.ts","sourceRoot":"","sources":["../src/auro-select.js"],"names":[],"mappings":"AAwBA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAGH;IAyDE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiDI;;WAEG;;;;QAGH;;WAEG;;;;MAGN;IAED,+CAMC;IAmBD;;;;;;;OAOG;IACH,uBANW,MAAM,QAQhB;IArJC,oBAAyC;IACzC,oBAA+B;IAC/B,iBAAyB;IAMzB;;OAEG;IACH,iBAEuC;IAEvC;;OAEG;IACH,mBAA0C;IAE1C;;OAEG;IACH,qBAAiD;IAOjD;;OAEG;IACH,oBAAyF;IAEzF;;OAEG;IACH,6BAAiC;IAGnC;;;OAGG;IACH,wBAGC;IAFC,2BAAiB;IACjB,kBAAwB;IA2E1B;;;;OAIG;IACH,0BAUC;IATC,cAA4E;IAC5E,iBAA8D;IAsBhE;;;;;OAKG;IACH,6BAyBC;IAED;;;;OAIG;IACH,sBA2DC;IA1DC,cAAwD;IAoBtD,WAAsC;IAwC1C;;;;OAIG;IACH,wBA4CC;IAED;;;;;;;;;;;;;OAaG;IACH,gCAUC;IAED;;;;OAIG;IACH,sBAYC;IAED;;;;OAIG;IACH,6BAMC;IA4BD,qBAYC;IAED,sCAqBC;IAED;;;;OAIG;IACH,mBAkCC;IAMD,4CAgDC;CACF;2BAjjB0B,KAAK"}

package/components/select/dist/index.js

@@ -3281,6 +3281,11 @@ class AuroSelect extends r$4 {
      * @private
      */
     this.dropdownTag = versioning.generateTag('auro-dropdown', dropdownVersion, AuroDropdown);
+
+    /**
+     * @private
+     */
+    this.isHiddenWhileLoading = false;
   }
 
   /**
@@ -3433,6 +3438,7 @@ class AuroSelect extends r$4 {
    */
   configureMenu() {
     this.menu = this.querySelector('auro-menu, [auro-menu]');
+    this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
     // racing condition on custom-select with custom-menu
     if (!this.menu) {
       setTimeout(() => {
@@ -3542,6 +3548,32 @@ class AuroSelect extends r$4 {
     this.labelForSr();
   }
 
+  /**
+   * Manages the visibility of the dropdown based on loading state changes.
+   *
+   * This method listens for loading state changes and adjusts the visibility of the dropdown accordingly.
+   * If the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown
+   * and sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously
+   * hidden, it checks if the active element is within the dropdown and shows it again if true.
+   *
+   * @private
+   * @param {CustomEvent} event - The event object containing details about the loading state change.
+   * @param {boolean} event.detail.loading - Indicates whether the menu is currently loading.
+   * @param {boolean} event.detail.hasLoadingPlaceholder - Indicates if there are loading placeholders present.
+   * @returns {void}
+   */
+  handleMenuLoadingChange(event) {
+    if (this.dropdown.isPopoverVisible && event.detail.loading && !event.detail.hasLoadingPlaceholder) {
+      this.isHiddenWhileLoading = true;
+      this.dropdown.hide();
+    } else if (!event.detail.loading && this.isHiddenWhileLoading) {
+      if (this.contains(document.activeElement)) {
+        this.dropdown.show();
+      }
+      this.isHiddenWhileLoading = false;
+    }
+  }
+
   /**
    * Function to support @focusin event.
    * @private

package/components/select/src/auro-select.js

@@ -85,6 +85,11 @@ export class AuroSelect extends LitElement {
      * @private
      */
     this.dropdownTag = versioning.generateTag('auro-dropdown', dropdownVersion, AuroDropdown);
+
+    /**
+     * @private
+     */
+    this.isHiddenWhileLoading = false;
   }
 
   /**
@@ -237,6 +242,7 @@ export class AuroSelect extends LitElement {
    */
   configureMenu() {
     this.menu = this.querySelector('auro-menu, [auro-menu]');
+    this.menu.addEventListener("auroMenu-loadingChange", (event) => this.handleMenuLoadingChange(event));
     // racing condition on custom-select with custom-menu
     if (!this.menu) {
       setTimeout(() => {
@@ -346,6 +352,32 @@ export class AuroSelect extends LitElement {
     this.labelForSr();
   }
 
+  /**
+   * Manages the visibility of the dropdown based on loading state changes.
+   *
+   * This method listens for loading state changes and adjusts the visibility of the dropdown accordingly.
+   * If the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown
+   * and sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously
+   * hidden, it checks if the active element is within the dropdown and shows it again if true.
+   *
+   * @private
+   * @param {CustomEvent} event - The event object containing details about the loading state change.
+   * @param {boolean} event.detail.loading - Indicates whether the menu is currently loading.
+   * @param {boolean} event.detail.hasLoadingPlaceholder - Indicates if there are loading placeholders present.
+   * @returns {void}
+   */
+  handleMenuLoadingChange(event) {
+    if (this.dropdown.isPopoverVisible && event.detail.loading && !event.detail.hasLoadingPlaceholder) {
+      this.isHiddenWhileLoading = true;
+      this.dropdown.hide();
+    } else if (!event.detail.loading && this.isHiddenWhileLoading) {
+      if (this.contains(document.activeElement)) {
+        this.dropdown.show();
+      }
+      this.isHiddenWhileLoading = false;
+    }
+  }
+
   /**
    * Function to support @focusin event.
    * @private

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem/auro-formkit",
-  "version": "1.6.0-beta.6",
+  "version": "1.6.0-beta.7",
   "description": "A collection of web components used to build forms.",
   "type": "module",
   "license": "Apache-2.0",

package/packages/build-tools/src/docProcessor.mjs

@@ -9,10 +9,10 @@ import {
 /**
  * Processor config object.
  * @typedef {Object} ProcessorConfig
- * @property {String} [component=undefined] - The name of component to process docs.
- * @property {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
- * @property {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
- * @property {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
+ * @prop {String} [component=undefined] - The name of component to process docs.
+ * @prop {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
+ * @prop {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
+ * @prop {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
  * (like "_esm" to make README_esm.md).
  */
 

package/packages/build-tools/src/kitDocProcessor.mjs

@@ -8,10 +8,10 @@ import {
 /**
  * Processor config object.
  * @typedef {Object} ProcessorConfig
- * @property {String} [component=undefined] - The name of component to process docs.
- * @property {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
- * @property {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
- * @property {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
+ * @prop {String} [component=undefined] - The name of component to process docs.
+ * @prop {boolean} [overwriteLocalCopies=true] - The release version tag to use instead of master.
+ * @prop {string} [remoteReadmeVersion="master"] - The release version tag to use instead of master.
+ * @prop {string} [remoteReadmeVariant=""] - The variant string to use for the README source.
  * (like "_esm" to make README_esm.md).
  */
 

package/.turbo/cache/05be1236a4cd5e72-meta.json

@@ -1 +0,0 @@
-{"hash":"05be1236a4cd5e72","duration":19101}

package/.turbo/cache/2ca214d032893e74-meta.json

@@ -1 +0,0 @@
-{"hash":"2ca214d032893e74","duration":18350}

package/.turbo/cache/3792d285b464b3e6-meta.json

@@ -1 +0,0 @@
-{"hash":"3792d285b464b3e6","duration":3255}

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

@@ -1 +0,0 @@
-{"hash":"3ac4a22a21bdc2be","duration":19263}

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

@@ -1 +0,0 @@
-{"hash":"3f41d958c755a6f0","duration":8352}

package/.turbo/cache/5d064e768a262314-meta.json

@@ -1 +0,0 @@
-{"hash":"5d064e768a262314","duration":5021}

package/.turbo/cache/6646f884a18a970a-meta.json

@@ -1 +0,0 @@
-{"hash":"6646f884a18a970a","duration":9928}

package/.turbo/cache/71212615220331ea-meta.json

@@ -1 +0,0 @@
-{"hash":"71212615220331ea","duration":18918}

package/.turbo/cache/754a6b5c5ce1ed00-meta.json

@@ -1 +0,0 @@
-{"hash":"754a6b5c5ce1ed00","duration":19624}

package/.turbo/cache/77bf3068f493ef24-meta.json

@@ -1 +0,0 @@
-{"hash":"77bf3068f493ef24","duration":19321}

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

@@ -1 +0,0 @@
-{"hash":"7ddb7ace73fe6ec2","duration":3150}

package/.turbo/cache/9135f474c69d1b3c-meta.json

@@ -1 +0,0 @@
-{"hash":"9135f474c69d1b3c","duration":1937}

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

@@ -1 +0,0 @@
-{"hash":"9a7ab914e08ce75f","duration":2503}

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

@@ -1 +0,0 @@
-{"hash":"aa68cd3545395c90","duration":21085}

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

@@ -1 +0,0 @@
-{"hash":"dce6f67be2b63c18","duration":567}

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

@@ -1 +0,0 @@
-{"hash":"e28ee527154c4cb2","duration":9218}