@aurodesignsystem-dev/auro-formkit 0.0.0-pr1059.1 → 0.0.0-pr1059.2

package/components/combobox/dist/index.js

@@ -5085,8 +5085,13 @@ class AuroDropdown extends AuroElement$4 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {
@@ -10344,7 +10349,7 @@ class BaseInput extends AuroElement$2$1 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,
@@ -15621,7 +15626,7 @@ var bibTemplateVersion = '1.0.0';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host #inputInBib::part(accent-right){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
-var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]:hover{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background-hover, rgba(0, 39, 74, 0.2));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background-hover, rgba(0, 39, 74, 0.2))}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
+var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
 
 var styleSnowflakeCss = css`:host([layout*=snowflake][shape*=snowflake]) [auro-input]{width:100%}:host([layout*=snowflake][shape*=snowflake]) [auro-input]::part(inputHelpText){display:none}:host([layout*=snowflake][shape*=snowflake])::part(helpText){text-align:center}`;
 
@@ -16437,11 +16442,6 @@ class AuroCombobox extends AuroElement {
     this.menu.value = this.value;
     this.menu.matchWord = this.input.value;
 
-    console.warn('syncValuesAndStates()');
-    console.info('this.value', this.value);
-    console.info('this.input.value', this.input.value);
-    console.info('this.menu.value', this.menu.value);
-
     // Wait a lifecycle for child components to update
     await Promise.all([this.menu.updateComplete]);
 
@@ -16475,6 +16475,8 @@ class AuroCombobox extends AuroElement {
         this.input.appendChild(displayValueEl.cloneNode(true));
       }
     }
+
+    this.requestUpdate();
   }
 
   /**
@@ -16496,7 +16498,6 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleMenuOptions() {
-    console.warn('handleMenuOptions()');
     this.resetMenuMatchword();
 
     this.generateOptionsArray();
@@ -16683,7 +16684,6 @@ class AuroCombobox extends AuroElement {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', (evt) => {
-      console.warn('event auroMenu-selectedOption', evt);
       if (this.menu.optionSelected) {
         const selected = this.menu.optionSelected;
 
@@ -16784,7 +16784,6 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleInputValueChange(event) {
-    console.warn('handleInputValueChange', event);
     if (event.target === this.inputInBib) {
       this.input.value = this.inputInBib.value;
       return;
@@ -16946,10 +16945,11 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   reset() {
-    this.input.reset();
-    this.menu.reset();
     this.optionSelected = undefined;
     this.value = undefined;
+    this.typedValue = undefined;
+    this.input.value = undefined;
+    this.menu.value = undefined;
     this.validation.reset(this);
     this.touched = false;
   }
@@ -17073,7 +17073,6 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleSlotChange(event) {
-    console.warn('handleSlotChange', event);
     switch (event.target.name) {
       case '':
         if (!this.menu || this.menu !== this.querySelector('auro-menu, [auro-menu]')) {

package/components/combobox/dist/registered.js

@@ -5085,8 +5085,13 @@ class AuroDropdown extends AuroElement$4 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {
@@ -10344,7 +10349,7 @@ class BaseInput extends AuroElement$2$1 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,
@@ -15621,7 +15626,7 @@ var bibTemplateVersion = '1.0.0';
 
 var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host #inputInBib::part(accent-right){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
 
-var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]:hover{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background-hover, rgba(0, 39, 74, 0.2));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background-hover, rgba(0, 39, 74, 0.2))}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
+var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
 
 var styleSnowflakeCss = css`:host([layout*=snowflake][shape*=snowflake]) [auro-input]{width:100%}:host([layout*=snowflake][shape*=snowflake]) [auro-input]::part(inputHelpText){display:none}:host([layout*=snowflake][shape*=snowflake])::part(helpText){text-align:center}`;
 
@@ -16437,11 +16442,6 @@ class AuroCombobox extends AuroElement {
     this.menu.value = this.value;
     this.menu.matchWord = this.input.value;
 
-    console.warn('syncValuesAndStates()');
-    console.info('this.value', this.value);
-    console.info('this.input.value', this.input.value);
-    console.info('this.menu.value', this.menu.value);
-
     // Wait a lifecycle for child components to update
     await Promise.all([this.menu.updateComplete]);
 
@@ -16475,6 +16475,8 @@ class AuroCombobox extends AuroElement {
         this.input.appendChild(displayValueEl.cloneNode(true));
       }
     }
+
+    this.requestUpdate();
   }
 
   /**
@@ -16496,7 +16498,6 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleMenuOptions() {
-    console.warn('handleMenuOptions()');
     this.resetMenuMatchword();
 
     this.generateOptionsArray();
@@ -16683,7 +16684,6 @@ class AuroCombobox extends AuroElement {
 
     // handle the menu event for an option selection
     this.menu.addEventListener('auroMenu-selectedOption', (evt) => {
-      console.warn('event auroMenu-selectedOption', evt);
       if (this.menu.optionSelected) {
         const selected = this.menu.optionSelected;
 
@@ -16784,7 +16784,6 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleInputValueChange(event) {
-    console.warn('handleInputValueChange', event);
     if (event.target === this.inputInBib) {
       this.input.value = this.inputInBib.value;
       return;
@@ -16946,10 +16945,11 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   reset() {
-    this.input.reset();
-    this.menu.reset();
     this.optionSelected = undefined;
     this.value = undefined;
+    this.typedValue = undefined;
+    this.input.value = undefined;
+    this.menu.value = undefined;
     this.validation.reset(this);
     this.touched = false;
   }
@@ -17073,7 +17073,6 @@ class AuroCombobox extends AuroElement {
    * @returns {void}
    */
   handleSlotChange(event) {
-    console.warn('handleSlotChange', event);
     switch (event.target.name) {
       case '':
         if (!this.menu || this.menu !== this.querySelector('auro-menu, [auro-menu]')) {

package/components/counter/demo/api.min.js

@@ -7317,8 +7317,13 @@ class AuroDropdown extends AuroElement$3 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/counter/demo/index.min.js

@@ -7317,8 +7317,13 @@ class AuroDropdown extends AuroElement$3 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/counter/dist/index.js

@@ -7270,8 +7270,13 @@ class AuroDropdown extends AuroElement$3 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/counter/dist/registered.js

@@ -7270,8 +7270,13 @@ class AuroDropdown extends AuroElement$3 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/datepicker/demo/api.min.js

@@ -18738,8 +18738,13 @@ class AuroDropdown extends AuroElement$4 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {
@@ -24010,7 +24015,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/datepicker/demo/index.min.js

@@ -18479,8 +18479,13 @@ class AuroDropdown extends AuroElement$4 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {
@@ -23751,7 +23756,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/datepicker/dist/index.js

@@ -18428,8 +18428,13 @@ class AuroDropdown extends AuroElement$4 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {
@@ -23687,7 +23692,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/datepicker/dist/registered.js

@@ -18428,8 +18428,13 @@ class AuroDropdown extends AuroElement$4 {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {
@@ -23687,7 +23692,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/dropdown/demo/api.min.js

@@ -4258,8 +4258,13 @@ class AuroDropdown extends AuroElement {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/dropdown/demo/index.min.js

@@ -4233,8 +4233,13 @@ class AuroDropdown extends AuroElement {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/dropdown/dist/index.js

@@ -4186,8 +4186,13 @@ class AuroDropdown extends AuroElement {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/dropdown/dist/registered.js

@@ -4186,8 +4186,13 @@ class AuroDropdown extends AuroElement {
     }
 
     if (event) {
-      this.triggerNode = event.target;
-      this.triggerContentSlot = event.target.assignedNodes();
+      // Wrap in a try-catch block to handle errors when trying to use assignedNodes from the NodeJS test environment.
+      try {
+        this.triggerNode = event.target;
+        this.triggerContentSlot = event.target.assignedNodes();
+      } catch (error) {
+        console.warn('auro-dropdown: Unable to access the trigger content slot.', error); // eslint-disable-line no-console
+      }
     }
 
     if (this.triggerContentSlot) {

package/components/input/demo/api.md

@@ -19,7 +19,7 @@ Generate unique names for dependency components.
 | [commonDisplayValueWrapperClasses](#commonDisplayValueWrapperClasses) |                                   | readonly  | `{ [x: string]: boolean; displayValueWrapper: boolean; }` |             |                                                  |
 | [customValidityTypeEmail](#customValidityTypeEmail)          | `customValidityTypeEmail`         |           | `string`                                         |             | Custom help text message for email type validity. |
 | [disabled](#disabled)                         | `disabled`                        |           | `boolean`                                        | false       | If set, disables the input.                      |
-| [dvInputOnly](#dvInputOnly)                      | `dvInputOnly`                     |           | `boolean`                                        | false       | If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked. |
+| [dvInputOnly](#dvInputOnly)                      | `dvInputOnly`                     |           | `boolean`                                        | false       | If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked. |
 | [error](#error)                            | `error`                           |           | `string`                                         |             | When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value. |
 | [errorMessage](#errorMessage)                     | `errorMessage`                    |           | `string`                                         |             | Contains the help text message for the current validity error. |
 | [format](#format)                           | `format`                          |           | `string`                                         |             | Specifies the input mask format.                 |

package/components/input/demo/api.min.js

@@ -5237,7 +5237,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/input/demo/index.md

@@ -23,13 +23,12 @@ The `<auro-input>` element should be used in situations where users may:
   <!-- <auro-input layout="default" shape="rounded" size="xl" placeholder="Departure">
     <label slot="label">From</label>
   </auro-input> -->
-  <auro-input id="alpha" value="lax" layout="emphasized" shape="box" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
+  <auro-input dvInputOnly id="alpha" value="lax" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
     <span slot="ariaLabel.clear">Clear All</span>
     <label slot="label">From</label>
     <span slot="helpText">Example help text</span>
     <span slot="displayValue">
       <div>
-        <div class="mainText">LAX</div>
         <div class="subText">Los Angeles</div>
       </div>
     </span>

package/components/input/demo/index.min.js

@@ -5162,7 +5162,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/input/dist/base-input.d.ts

@@ -26,7 +26,7 @@
 export default class BaseInput extends AuroElement {
     static get properties(): {
         /**
-         * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+         * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
          */
         dvInputOnly: {
             type: BooleanConstructor;

package/components/input/dist/index.js

@@ -5086,7 +5086,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/input/dist/registered.js

@@ -5086,7 +5086,7 @@ class BaseInput extends AuroElement$2 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
        */
       dvInputOnly: {
         type: Boolean,

package/components/menu/demo/api.min.js

@@ -530,6 +530,10 @@ class AuroMenu extends AuroElement$1 {
   updated(changedProperties) {
     super.updated(changedProperties);
 
+    if (changedProperties.has('optionSelected')) {
+      this.notifySelectionChange();
+    }
+
     if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
       // Reset selection if multiSelect mode changes
       this.clearSelection();
@@ -537,8 +541,6 @@ class AuroMenu extends AuroElement$1 {
 
 
     if (changedProperties.has("value")) {
-      console.warn('menu value updated', this.value);
-      console.info('available options', this.availableOptions);
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {
         this.clearSelection();
@@ -550,12 +552,9 @@ class AuroMenu extends AuroElement$1 {
 
           this.optionSelected = matchingOptions.length > 0 ? matchingOptions : undefined;
         } else {
-          console.info('single-select mode, looking for value', this.value);
           // In single-select mode, this.value should be a string
           const matchingOptions = this.items.find((item) => item.value === this.value);
 
-          console.info('matchingOptions', matchingOptions);
-
           if (matchingOptions) {
             this.optionSelected = matchingOptions;
             this.index = this.items.indexOf(matchingOptions);
@@ -564,8 +563,6 @@ class AuroMenu extends AuroElement$1 {
             this.optionSelected = undefined;
             this.index = -1;
           }
-
-          console.warn('optionSelected', this.optionSelected);
         }
 
         // If no matching options were found in either mode
@@ -592,11 +589,6 @@ class AuroMenu extends AuroElement$1 {
 
     // Process all other UI updates
     this.updateItemsState(changedProperties);
-
-    if (changedProperties.has('optionSelected')) {
-      console.warn('updated: optionSelected', this.optionSelected);
-      this.notifySelectionChange();
-    }
   }
 
   /**

package/components/menu/demo/index.min.js

@@ -490,6 +490,10 @@ class AuroMenu extends AuroElement$1 {
   updated(changedProperties) {
     super.updated(changedProperties);
 
+    if (changedProperties.has('optionSelected')) {
+      this.notifySelectionChange();
+    }
+
     if (changedProperties.has('multiSelect') && !changedProperties.has("value")) {
       // Reset selection if multiSelect mode changes
       this.clearSelection();
@@ -497,8 +501,6 @@ class AuroMenu extends AuroElement$1 {
 
 
     if (changedProperties.has("value")) {
-      console.warn('menu value updated', this.value);
-      console.info('available options', this.availableOptions);
       // Handle null/undefined case
       if (this.value === undefined || this.value === null) {
         this.clearSelection();
@@ -510,12 +512,9 @@ class AuroMenu extends AuroElement$1 {
 
           this.optionSelected = matchingOptions.length > 0 ? matchingOptions : undefined;
         } else {
-          console.info('single-select mode, looking for value', this.value);
           // In single-select mode, this.value should be a string
           const matchingOptions = this.items.find((item) => item.value === this.value);
 
-          console.info('matchingOptions', matchingOptions);
-
           if (matchingOptions) {
             this.optionSelected = matchingOptions;
             this.index = this.items.indexOf(matchingOptions);
@@ -524,8 +523,6 @@ class AuroMenu extends AuroElement$1 {
             this.optionSelected = undefined;
             this.index = -1;
           }
-
-          console.warn('optionSelected', this.optionSelected);
         }
 
         // If no matching options were found in either mode
@@ -552,11 +549,6 @@ class AuroMenu extends AuroElement$1 {
 
     // Process all other UI updates
     this.updateItemsState(changedProperties);
-
-    if (changedProperties.has('optionSelected')) {
-      console.warn('updated: optionSelected', this.optionSelected);
-      this.notifySelectionChange();
-    }
   }
 
   /**