@aurodesignsystem-dev/auro-formkit 0.0.0-pr1448.1 → 0.0.0-pr1448.3

package/custom-elements.json

@@ -2,250 +2,6 @@
   "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",
@@ -1089,6 +845,250 @@
       "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",

package/package.json

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

package/components/checkbox/demo/api.js

@@ -1,17 +0,0 @@
-import { resetStateExample } from "../apiExamples/reset-state";
-import './index.js';
-
-export function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    resetStateExample();
-  } catch (error) {
-    if (initCount <= 20) {
-      // setTimeout handles issue where content is sometimes loaded after the functions get called
-      setTimeout(() => {
-        initExamples(initCount + 1);
-      }, 100);
-    }
-  }
-}

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

@@ -1,26 +0,0 @@
-import './index.min.js';
-
-function resetStateExample() {
-  const elem = document.querySelector('#resetStateExample');
-
-  document.querySelector('#resetStateBtn').addEventListener('click', () => {
-    elem.reset();
-  });
-}
-
-function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    resetStateExample();
-  } catch (error) {
-    if (initCount <= 20) {
-      // setTimeout handles issue where content is sometimes loaded after the functions get called
-      setTimeout(() => {
-        initExamples(initCount + 1);
-      }, 100);
-    }
-  }
-}
-
-export { initExamples };

package/components/combobox/demo/api.js

@@ -1,39 +0,0 @@
-/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
-
-import { focusExample } from '../apiExamples/focus';
-import { resetStateExample } from '../apiExamples/reset-state';
-import { setupExternalSelectionExample } from '../apiExamples/external-selection';
-import { valueExample } from '../apiExamples/value';
-import { inDialogExample } from '../apiExamples/in-dialog';
-import { inDrawerExample } from '../apiExamples/in-drawer';
-import { persistentExample } from '../apiExamples/persistent';
-import { swapValueExample } from '../apiExamples/swap-value';
-
-import { AuroCombobox } from '../src/auro-combobox.js';
-import '../../menu/src/registered.js';
-
-AuroCombobox.register();
-
-export function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    // javascript example function calls to be added here upon creation to test examples
-    focusExample();
-    resetStateExample();
-    setupExternalSelectionExample();
-    valueExample();
-    inDialogExample();
-    inDrawerExample();
-    persistentExample();
-    swapValueExample();
-  } catch (err) {
-    if (initCount <= 20) {
-      // setTimeout handles issue where content is sometimes loaded after the functions get called
-      setTimeout(() => {
-        initExamples(initCount + 1);
-      }, 100);
-    }
-  }
-}
-

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

@@ -1,106 +0,0 @@
-import { s as swapValueExample } from './swap-value.min.js';
-import { A as AuroCombobox } from './registered.min.js';
-
-function focusExample() {
-  const focusExample = document.querySelector('#focusExample');
-  const focusExampleBtnElem = document.querySelector('#focusExampleBtn');
-
-  focusExampleBtnElem.addEventListener('click', () => {
-    focusExample.focus();
-  });
-}
-
-function resetStateExample() {
-  const elem = document.querySelector('#resetStateExample');
-
-  document.querySelector('#resetStateBtn').addEventListener('click', () => {
-    elem.reset();
-  });
-}
-
-function setupExternalSelectionExample() {
-  const combobox = document.getElementById('externalSelectionExample');
-  const iataCodes = ['sea', 'lax', 'jfk', 'ord', 'sfo'];
-
-  combobox.addEventListener('input', () => {
-    const input = combobox.inputValue?.toLowerCase();
-    const matchIndex = iataCodes.indexOf(input);
-
-    if (matchIndex !== -1) {
-      combobox.updateActiveOption(matchIndex);
-    }
-  });
-}
-
-function valueExample() {
-  const valueExample = document.querySelector('#valueExample');
-
-  document.querySelector('#valueValidExampleBtn').addEventListener('click', () => {
-    valueExample.value = 'Oranges';
-  });
-
-  document.querySelector('#valueInvalidExampleBtn').addEventListener('click', () => {
-    valueExample.value = 'Dragon Fruit';
-  });
-
-  document.querySelector('#valueUndefinedExampleBtn').addEventListener('click', () => {
-    valueExample.value = undefined;
-  });
-}
-
-function inDialogExample() {
-  document.querySelector("#combobox-dialog-opener").addEventListener("click", () => {
-    const dialog = document.querySelector("#combobox-dialog");
-    dialog.open = true;
-  });
-}
-
-function inDrawerExample() {
-  document.querySelector("#combobox-drawer-opener").addEventListener("click", () => {
-    const drawer = document.querySelector("#combobox-drawer");
-    if (drawer.hasAttribute('open')) {
-      drawer.removeAttribute('open');
-    } else {
-      drawer.setAttribute('open', true);
-    }
-  });
-}
-
-function persistentExample() {
-  const persistentExample = document.querySelector('#persistent');
-
-  persistentExample.addEventListener('addNewAddress', () => {
-    console.warn('addNewAddress event fired');
-    alert(`addNewAddress event fired`);
-  });
-}
-
-/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
-
-
-AuroCombobox.register();
-
-function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    // javascript example function calls to be added here upon creation to test examples
-    focusExample();
-    resetStateExample();
-    setupExternalSelectionExample();
-    valueExample();
-    inDialogExample();
-    inDrawerExample();
-    persistentExample();
-    swapValueExample();
-  } catch (err) {
-    if (initCount <= 20) {
-      // setTimeout handles issue where content is sometimes loaded after the functions get called
-      setTimeout(() => {
-        initExamples(initCount + 1);
-      }, 100);
-    }
-  }
-}
-
-export { initExamples };