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

package/custom-elements.json

@@ -2,6 +2,250 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/auro-bibtemplate.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
+          "name": "AuroBibtemplate",
+          "slots": [
+            {
+              "description": "The default slot for the main content.",
+              "name": "default"
+            },
+            {
+              "description": "Slot for the header content.",
+              "name": "header"
+            },
+            {
+              "description": "Slot for the subheader content.",
+              "name": "subheader"
+            },
+            {
+              "description": "Slot for the footer content.",
+              "name": "footer"
+            },
+            {
+              "description": "Slot for the close button aria-label.",
+              "name": "ariaLabel.close"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "register",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "default": "\"auro-bibtemplate\"",
+                  "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": "preventBodyScroll",
+              "parameters": [
+                {
+                  "name": "event",
+                  "description": "The touchmove event.",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Prevents scrolling of the body when touching empty areas of the component.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focusCloseButton",
+              "description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "onCloseButtonClick"
+            },
+            {
+              "kind": "method",
+              "name": "exposeCssParts",
+              "description": "Exposes CSS parts for styling from parent components.",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "large",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "large",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "iconTag",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "headerTag",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "buttonTag",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isFullscreen",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "isFullscreen",
+              "reflects": true
+            }
+          ],
+          "events": [
+            {
+              "name": "close-click",
+              "type": {
+                "text": "Event"
+              }
+            },
+            {
+              "name": "auro-bibtemplate-connected",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "isFullscreen",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "isFullscreen"
+            },
+            {
+              "name": "large",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "large"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "auro-bibtemplate",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroBibtemplate",
+          "declaration": {
+            "name": "AuroBibtemplate",
+            "module": "components/bibtemplate/src/auro-bibtemplate.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/buttonVersion.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "12.3.2",
+            "module": "components/bibtemplate/src/buttonVersion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/headerVersion.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "5.0.1",
+            "module": "components/bibtemplate/src/headerVersion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/iconVersion.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "9.2.0",
+            "module": "components/bibtemplate/src/iconVersion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AuroBibtemplate",
+          "declaration": {
+            "name": "AuroBibtemplate",
+            "module": "components/bibtemplate/src/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/bibtemplate/src/registered.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/checkbox/src/auro-checkbox-group.js",
@@ -573,7 +817,8 @@
                 "text": "string"
               },
               "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "attribute": "id"
+              "attribute": "id",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -844,250 +1089,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/auro-bibtemplate.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
-          "name": "AuroBibtemplate",
-          "slots": [
-            {
-              "description": "The default slot for the main content.",
-              "name": "default"
-            },
-            {
-              "description": "Slot for the header content.",
-              "name": "header"
-            },
-            {
-              "description": "Slot for the subheader content.",
-              "name": "subheader"
-            },
-            {
-              "description": "Slot for the footer content.",
-              "name": "footer"
-            },
-            {
-              "description": "Slot for the close button aria-label.",
-              "name": "ariaLabel.close"
-            }
-          ],
-          "members": [
-            {
-              "kind": "method",
-              "name": "register",
-              "static": true,
-              "parameters": [
-                {
-                  "name": "name",
-                  "default": "\"auro-bibtemplate\"",
-                  "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": "preventBodyScroll",
-              "parameters": [
-                {
-                  "name": "event",
-                  "description": "The touchmove event.",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Prevents scrolling of the body when touching empty areas of the component.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focusCloseButton",
-              "description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "onCloseButtonClick"
-            },
-            {
-              "kind": "method",
-              "name": "exposeCssParts",
-              "description": "Exposes CSS parts for styling from parent components.",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "large",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "large",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "iconTag",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "headerTag",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "buttonTag",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "isFullscreen",
-              "privacy": "public",
-              "type": {
-                "text": "boolean"
-              },
-              "attribute": "isFullscreen",
-              "reflects": true
-            }
-          ],
-          "events": [
-            {
-              "name": "close-click",
-              "type": {
-                "text": "Event"
-              }
-            },
-            {
-              "name": "auro-bibtemplate-connected",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "isFullscreen",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "isFullscreen"
-            },
-            {
-              "name": "large",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "large"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "auro-bibtemplate",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroBibtemplate",
-          "declaration": {
-            "name": "AuroBibtemplate",
-            "module": "components/bibtemplate/src/auro-bibtemplate.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/buttonVersion.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "12.3.2",
-            "module": "components/bibtemplate/src/buttonVersion.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/headerVersion.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "5.0.1",
-            "module": "components/bibtemplate/src/headerVersion.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/iconVersion.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "9.2.0",
-            "module": "components/bibtemplate/src/iconVersion.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AuroBibtemplate",
-          "declaration": {
-            "name": "AuroBibtemplate",
-            "module": "components/bibtemplate/src/index.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bibtemplate/src/registered.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "components/combobox/src/auro-combobox.js",
@@ -11154,6 +11155,7 @@
               },
               "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
               "attribute": "id",
+              "reflects": true,
               "inheritedFrom": {
                 "name": "BaseInput",
                 "module": "components/input/src/base-input.js"
@@ -12947,7 +12949,8 @@
                 "text": "string"
               },
               "description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
-              "attribute": "id"
+              "attribute": "id",
+              "reflects": true
             },
             {
               "kind": "field",

package/package.json

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

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

@@ -1,127 +0,0 @@
-<auro-header level="1" id="overview">Counter & Counter Group - Keyboard Behavior</auro-header>
-<div class="contentWrapper">
-<div class="mainContent">
-<div class="scrollWrapper">
-<auro-header level="2" id="tabBehavior">Tab Behavior</auro-header>
-<auro-header level="3" id="tabBehaviorCounter">Counter</auro-header>
-<p>The counter component is itself a focusable element. There are no sub-parts that are separately focusable.</p>
-<auro-header level="3" id="tabBehaviorCounterGroup">Counter Group</auro-header>
-<p>When multiple counters are placed inside a counter group the component behaves as an auro-dropdown. The trigger element renders a counter group label and a summary of all counter labels and current values. The dropdown bib renders all counters inside of the group.</p>
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../dropdown/docs/partials/tabindex.md) -->
-<!-- The below content is automatically added from ./../../dropdown/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 -->
-<auro-header level="2" id="keyEvents">Key Events</auro-header>
-<auro-header level="3" id="keyEventsCounter">Counter</auro-header>
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/keyEvents-counter.md) -->
-<!-- The below content is automatically added from ./../docs/partials/keyEvents-counter.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>ArrowDown</td>
-<td>-</td>
-<td>*</td>
-<td>
-            Trigger element.
-</td>
-<td>Decrements the counter value by 1.</td>
-</tr>
-<tr>
-<td>ArrowUp</td>
-<td>-</td>
-<td>*</td>
-<td>
-            Trigger element.
-</td>
-<td>Increments the counter value by 1.</td>
-</tr>
-</tbody>
-</table>
-<!-- AURO-GENERATED-CONTENT:END -->
-<div class="note">
-<p><strong>Note:</strong> The following keyboard behavior is unsupported at this time:</p>
-<ul>
-<li><strong>Home:</strong> sets the counter value to the defined minimum (default 0)</li>
-<li><strong>End:</strong> sets the counter value to the defined maximum (default 9)</li>
-<li><strong>PageUp:</strong> (optional) Increases the value by a larger step than Up Arrow.</li>
-<li><strong>PageDown:</strong> (optional) Decreases the value by a larger step than Down Arrow.</li>
-</ul>
-</div>
-<auro-header level="3" id="keyEventsCounterGroup">Counter Group</auro-header>
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/keyEvents-counterGroup.md) -->
-<!-- The below content is automatically added from ./../docs/partials/keyEvents-counterGroup.md -->
-<p>The counter group itself does not have any key event handlers other than those inherited from the dropdown component. However, when the counter group is <strong>expanded</strong> or <strong>opened</strong> the first counter in the bib receives <strong>focus</strong>. When the counter group is <strong>collapsed</strong> or <strong>closed</strong> by any method other than the <code>Tab</code> key (e.g., the <strong>Escape</strong> key), <strong>focus</strong> moves to the trigger element.</p>
-<!-- AURO-GENERATED-CONTENT:END -->
-<auro-header level="4" id="keyEventsDropdown">Key Events inherited from Auro-Dropdown</auro-header>
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../dropdown/docs/partials/keyEvents.md) -->
-<!-- The below content is automatically added from ./../../dropdown/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 -->
-</div>
-</div>