@aurodesignsystem-dev/auro-formkit 0.0.0-pr1452.2 → 0.0.0-pr1452.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr1452.2",
+  "version": "0.0.0-pr1452.4",
   "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 };

package/components/combobox/demo/swap-value.min.js

@@ -1,16 +0,0 @@
-function swapValueExample() {
-  const btn = document.querySelector('#swapExampleBtn');
-  const comboboxOne = document.querySelector('#swapExampleLeft');
-  const comboboxTwo = document.querySelector('#swapExampleRight');
-
-  btn.addEventListener('click', () => {
-    console.warn('swap value example button clicked');
-    const valueOne = comboboxOne.value;
-    const valueTwo = comboboxTwo.value;
-
-    comboboxOne.value = valueTwo;
-    comboboxTwo.value = valueOne;
-  });
-}
-
-export { swapValueExample as s };

package/components/counter/demo/api.js

@@ -1,24 +0,0 @@
-/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers */
-import '../src/registered.js';
-// import { dropdownCounterExample } from "../apiExamples/dropdown-mobile-properties.js";
-import { eventCounterExample } from "../apiExamples/events.js";
-import { inDialogExample } from "../apiExamples/in-dialog.js";
-import { inDrawerExample } from "../apiExamples/in-drawer.js";
-
-export function initExamples(initialCount = 0) {
-  try {
-    // javascript example function calls to be added here upon creation to test examples
-    // dropdownCounterExample();
-    eventCounterExample();
-    inDialogExample();
-    inDrawerExample();
-
-  } catch (err) {
-    if (initialCount <= 20) {
-      // setTimeout handles issue where content is sometimes loaded after the functions get called
-      setTimeout(() => {
-        initExamples(initialCount + 1);
-      }, 100);
-    }
-  }
-}

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

@@ -1,52 +0,0 @@
-import { A as AuroCounter, a as AuroCounterGroup } from './auro-counter-group.min.js';
-
-AuroCounter.register();
-AuroCounterGroup.register();
-
-function eventCounterExample() {
-  const counter = document.getElementById('eventExample');
-
-  counter.addEventListener('input', (event) => {
-    console.log(`Values updated: ${JSON.stringify(event.detail)}`);
-  });
-}
-
-function inDialogExample() {
-  document.querySelector("#counter-dialog-opener").addEventListener("click", () => {
-    const dialog = document.querySelector("#counter-dialog");
-    dialog.open = true;
-  });
-}
-
-function inDrawerExample() {
-  document.querySelector("#counter-drawer-opener").addEventListener("click", () => {
-    const drawer = document.querySelector("#counter-drawer");
-    if (drawer.hasAttribute('open')) {
-      drawer.removeAttribute('open');
-    } else {
-      drawer.setAttribute('open', true);
-    }
-  });
-}
-
-/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers */
-
-function initExamples(initialCount = 0) {
-  try {
-    // javascript example function calls to be added here upon creation to test examples
-    // dropdownCounterExample();
-    eventCounterExample();
-    inDialogExample();
-    inDrawerExample();
-
-  } catch (err) {
-    if (initialCount <= 20) {
-      // setTimeout handles issue where content is sometimes loaded after the functions get called
-      setTimeout(() => {
-        initExamples(initialCount + 1);
-      }, 100);
-    }
-  }
-}
-
-export { initExamples };