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

package/components/dropdown/demo/keyboard-behavior.md

@@ -1,72 +0,0 @@
-## Auro-Dropdown Keyboard Behavior
-
-### Tab Behavior
-
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/tabindex.md) -->
-<!-- The below content is automatically added from ./../docs/partials/tabindex.md -->
-<p>The trigger is a focusable element and participates in the standard tab order, responding to <code>Tab</code> and <code>Shift+Tab</code> key events per <auro-hyperlink href="https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex">native browser behavior</auro-hyperlink>, i.e., these keys step through the browser tabindex sequence.</p>
-<p>When the component is <code>disabled</code> it is removed from the <code>tabindex</code> sequence. VoiceOver's virtual cursor <em>(swipe navigation)</em> can still encounter the component, but standard keyboard <code>Tab</code> navigation skips it.</p>
-<p>When the bib is collapsed, the bib content is excluded from the tab sequence. When <strong>expanded</strong>, focusable elements within the bib content are included in the natural tab order. In fullscreen mode, focus is trapped within the bib, and the tab sequence cycles through the bib content focusable elements until the bib is closed or the viewport no longer meets the fullscreen condition and is rendered as a popover.</p>
-<!-- AURO-GENERATED-CONTENT:END -->
-
-### Key Events
-
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/keyEvents.md) -->
-<!-- The below content is automatically added from ./../docs/partials/keyEvents.md -->
-<table>
-<thead>
-<tr>
-<th>Key</th>
-<th>Modifier</th>
-<th>Current State</th>
-<th>Focus Element</th>
-<th>Behavior</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td rowspan="2">Enter</td>
-<td>-</td>
-<td>Collapsed</td>
-<td>
-        Trigger or any <strong>focusable</strong> element within the trigger.
-</td>
-<td>Opens the bib.</td>
-</tr>
-<tr>
-<td>-</td>
-<td>Expanded</td>
-<td>
-        Trigger or any <strong>focusable</strong> element within the trigger.
-</td>
-<td>Closes the bib.</td>
-</tr>
-<tr>
-<td>Escape</td>
-<td>-</td>
-<td>Expanded</td>
-<td>
-        Component <code>:host</code> or any <strong>focusable</strong> element within the component.
-</td>
-<td>Closes the bib.</td>
-</tr>
-<tr>
-<td rowspan="2">Space</td>
-<td>-</td>
-<td>Collapsed</td>
-<td>
-        Trigger or any <strong>focusable</strong> element within the trigger.
-</td>
-<td>Opens the bib.</td>
-</tr>
-<tr>
-<td>-</td>
-<td>Expanded</td>
-<td>
-        Trigger or any <strong>focusable</strong> element within the trigger.
-</td>
-<td>Closes the bib.</td>
-</tr>
-</tbody>
-</table>
-<!-- AURO-GENERATED-CONTENT:END -->

package/components/form/demo/keyboard-behavior.md

@@ -1,38 +0,0 @@
-<auro-header level="1" id="overview">Form - Keyboard Behavior</auro-header>
-<div class="contentWrapper">
-<div class="mainContent">
-<div class="scrollWrapper">
-<auro-header level="2" id="tabBehavior">Tab Behavior</auro-header>
-<p>The <code>&lt;auro-form&gt;</code> component is a container element that does not participate in the <code>tabindex</code> sequence itself. The form elements it wraps (e.g., <code>&lt;auro-input&gt;</code>, <code>&lt;auro-select&gt;</code>, <code>&lt;auro-datepicker&gt;</code>) each participate independently in the browser's default <code>tabindex</code> sequence.</p>
-<auro-header level="2" id="keyEvents">Key Events</auro-header>
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/keyEvents.md) -->
-<!-- The below content is automatically added from ./../docs/partials/keyEvents.md -->
-<table>
-<thead>
-<tr>
-<th>Key</th>
-<th>Modifier</th>
-<th>Current State</th>
-<th>Focus Element</th>
-<th>Behavior</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td>Enter</td>
-<td>-</td>
-<td>Focus on a form element (not a textarea)</td>
-<td>Any tracked form element (input, select, datepicker, etc.)</td>
-<td>
-              Prevents default behavior and calls <code>submit()</code> on the form. Validates all elements and dispatches the <code>submit</code> event if the form is valid.
-</td>
-</tr>
-</tbody>
-</table>
-<div class="note">
-<p><strong>Note:</strong> The <code>Enter</code> key handler is skipped for <code>&lt;textarea&gt;</code> elements and elements with a <code>textarea</code> attribute to allow normal newline entry.</p>
-</div>
-<!-- AURO-GENERATED-CONTENT:END -->
-</div>
-</div>
-</div>

package/components/menu/demo/keyboard-behavior.md

@@ -1,18 +0,0 @@
-<auro-header level="1" id="overview">Menu - Keyboard Behavior</auro-header>
-<div class="contentWrapper">
-<div class="mainContent">
-<div class="scrollWrapper">
-<auro-header level="2" id="tabBehavior">Tab Behavior</auro-header>
-<p>The <code>&lt;auro-menu&gt;</code> component does not participate in the <code>tabindex</code> sequence directly. Keyboard navigation is managed by the parent component (e.g., <code>&lt;auro-select&gt;</code>, <code>&lt;auro-combobox&gt;</code>) through their keyboard strategy classes.</p>
-<auro-header level="2" id="keyEvents">Key Events</auro-header>
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/keyEvents.md) -->
-<!-- The below content is automatically added from ./../docs/partials/keyEvents.md -->
-<!-- auro-menu does not implement direct keyboard event handling. -->
-<!-- Keyboard navigation is delegated to parent components (auro-select, auro-combobox) via their keyboard strategy files. -->
-<div class="note">
-<p><strong>Note:</strong> The <code>&lt;auro-menu&gt;</code> component does not handle keyboard events directly. Keyboard navigation is managed by the parent component (e.g., <code>&lt;auro-select&gt;</code>, <code>&lt;auro-combobox&gt;</code>) through their keyboard strategy classes, which call menu methods such as <code>navigateOptions()</code>, <code>makeSelection()</code>, and <code>updateActiveOption()</code>.</p>
-</div>
-<!-- AURO-GENERATED-CONTENT:END -->
-</div>
-</div>
-</div>