@aurodesignsystem-dev/auro-formkit 0.0.0-pr1545.1 → 0.0.0-pr1546.0

package/custom-elements.json

@@ -2526,7 +2526,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { // Runs for both Tab and Shift+Tab. // // Current behavior: // Tab — select the active option, close the bib, and (in fullscreen // modal mode only) explicitly move focus to the trigger's // clear button. In desktop popover mode the browser's native // tab traversal takes focus forward from the input. // Shift+Tab — select the active option and close the bib. Focus then // lands on the trigger's clear button as a byproduct of the // shadow-DOM tab order, so keyboard users must press // Shift+Tab three times to exit the component (clear button // → input → previous element on the page). // // Intended behavior for Shift+Tab (per team decision, tracked in // AB#1590650): a single Shift+Tab should select the active option, close // the bib, and move focus directly to the previous focusable element on // the page — symmetric with Tab. if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } } }"
+          "default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { if (evt.shiftKey) { if (selectAndExitBackward(component)) { evt.preventDefault(); } return; } selectAndClose(component); if (ctx.isModal) { // Fullscreen close does not automatically restore focus to the input. component.setClearBtnFocus(); } } } }"
         }
       ],
       "exports": [
@@ -10842,200 +10842,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/helptext/src/auro-helptext.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Displays help text or error messages within form elements - Internal Use Only.",
-          "name": "AuroHelpText",
-          "members": [
-            {
-              "kind": "method",
-              "name": "register",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "default": "\"auro-helptext\"",
-                  "description": "The name of element that you want to register to.",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "This will register this element with the browser."
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "parameters": [
-                {
-                  "name": "event"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "checkSlotsForContent",
-              "parameters": [
-                {
-                  "name": "nodes",
-                  "description": "The list of nodes to check for content.",
-                  "type": {
-                    "text": "NodeList|Array"
-                  }
-                }
-              ],
-              "description": "Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "error",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, make font color red.",
-              "default": "false",
-              "attribute": "error",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "appearance",
-              "privacy": "public",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "\"default\"",
-              "attribute": "appearance",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "onDark",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "DEPRECATED - use `appearance` instead.",
-              "default": "false",
-              "attribute": "onDark",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hasTextContent",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "hasTextContent"
-            },
-            {
-              "kind": "field",
-              "name": "slotNodes",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "slotNodes"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "appearance",
-              "type": {
-                "text": "string"
-              },
-              "description": "Defines whether the component will be on lighter or darker backgrounds.",
-              "default": "\"default\"",
-              "fieldName": "appearance"
-            },
-            {
-              "name": "slotNodes",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "slotNodes"
-            },
-            {
-              "name": "hasTextContent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hasTextContent"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "If declared, make font color red.",
-              "default": "false",
-              "fieldName": "error"
-            },
-            {
-              "name": "onDark",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "DEPRECATED - use `appearance` instead.",
-              "default": "false",
-              "fieldName": "onDark"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroHelpText",
-          "declaration": {
-            "name": "AuroHelpText",
-            "module": "components/helptext/src/auro-helptext.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/helptext/src/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroHelpText",
-          "declaration": {
-            "name": "AuroHelpText",
-            "module": "components/helptext/src/index.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/helptext/src/registered.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "components/form/src/auro-form.js",
@@ -11675,6 +11481,200 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/helptext/src/auro-helptext.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Displays help text or error messages within form elements - Internal Use Only.",
+          "name": "AuroHelpText",
+          "members": [
+            {
+              "kind": "method",
+              "name": "register",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "default": "\"auro-helptext\"",
+                  "description": "The name of element that you want to register to.",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "This will register this element with the browser."
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "parameters": [
+                {
+                  "name": "event"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "checkSlotsForContent",
+              "parameters": [
+                {
+                  "name": "nodes",
+                  "description": "The list of nodes to check for content.",
+                  "type": {
+                    "text": "NodeList|Array"
+                  }
+                }
+              ],
+              "description": "Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, make font color red.",
+              "default": "false",
+              "attribute": "error",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "appearance",
+              "privacy": "public",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "\"default\"",
+              "attribute": "appearance",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "onDark",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "DEPRECATED - use `appearance` instead.",
+              "default": "false",
+              "attribute": "onDark",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasTextContent",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hasTextContent"
+            },
+            {
+              "kind": "field",
+              "name": "slotNodes",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "slotNodes"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "appearance",
+              "type": {
+                "text": "string"
+              },
+              "description": "Defines whether the component will be on lighter or darker backgrounds.",
+              "default": "\"default\"",
+              "fieldName": "appearance"
+            },
+            {
+              "name": "slotNodes",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "slotNodes"
+            },
+            {
+              "name": "hasTextContent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasTextContent"
+            },
+            {
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "If declared, make font color red.",
+              "default": "false",
+              "fieldName": "error"
+            },
+            {
+              "name": "onDark",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "DEPRECATED - use `appearance` instead.",
+              "default": "false",
+              "fieldName": "onDark"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroHelpText",
+          "declaration": {
+            "name": "AuroHelpText",
+            "module": "components/helptext/src/auro-helptext.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/helptext/src/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroHelpText",
+          "declaration": {
+            "name": "AuroHelpText",
+            "module": "components/helptext/src/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/helptext/src/registered.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/input/src/auro-input-util.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr1545.1",
+  "version": "0.0.0-pr1546.0",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {