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

package/components/radio/demo/api.js

@@ -1,19 +0,0 @@
-import { resetStateExample } from "../apiExamples/reset-state";
-import { dynamicExample } from "../apiExamples/dynamic";
-import './index.js';
-
-export function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    resetStateExample();
-    dynamicExample();
-  } 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/radio/demo/api.min.js

@@ -1,44 +0,0 @@
-import './index.min.js';
-
-function resetStateExample() {
-  const elem = document.querySelector('#resetStateExample');
-
-  document.querySelector('#resetStateBtn').addEventListener('click', () => {
-    elem.reset();
-  });
-}
-
-function dynamicExample() {
-  const values = ['Yes', 'No', 'Maybe'];
-  const radioGroup = document.getElementById('dynamicExample');
-
-  for (let i = 0; i < values.length; i++) {
-    const radio = document.createElement('auro-radio');
-    
-    radio.id = `dynamicRadio${i}`;
-    radio.label = values[i];
-    radio.name = 'radioDemo';
-    radio.value = values[i];
-    radio.textContent = values[i];
-
-    radioGroup.appendChild(radio);
-  }
-}
-
-function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    resetStateExample();
-    dynamicExample();
-  } 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/select/demo/api.js

@@ -1,39 +0,0 @@
-import { customErrorValidityExample } from "../apiExamples/custom-error-validity";
-import { valueExample } from "../apiExamples/value";
-import { valueExtractionExample } from "../apiExamples/value-extraction";
-import { valueAlertExample } from "../apiExamples/value-alert";
-import { inDialogExample } from '../apiExamples/in-dialog';
-import { inDrawerExample } from '../apiExamples/in-drawer';
-import { resetStateExample } from "../apiExamples/reset-state";
-import { updateActiveOptionExample } from "../apiExamples/update-active-option.js";
-// import { auroMenuLoadingExample } from "../apiExamples/loading";
-
-/* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
-import { AuroSelect } from '../src/auro-select.js';
-import '../../menu/src/registered.js';
-
-AuroSelect.register(); // registering to `auro-select`
-
-export function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    // javascript example function calls to be added here upon creation to test examples
-    customErrorValidityExample();
-    valueExample();
-    valueExtractionExample();
-    valueAlertExample();
-    inDialogExample();
-    inDrawerExample();
-    resetStateExample();
-    updateActiveOptionExample();
-    // auroMenuLoadingExample();
-  } 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/select/demo/api.min.js

@@ -1,83 +0,0 @@
-import { v as valueExample, r as resetStateExample, u as updateActiveOptionExample } from './update-active-option.min.js';
-import { A as AuroSelect } from './registered.min.js';
-
-function customErrorValidityExample(elem) {
-  const customErrorValidityExample = document.querySelector('#primaryError');
-
-  customErrorValidityExample.addEventListener('auroSelect-valueSet', () => {
-    if (+customErrorValidityExample.value > 2) {
-      customErrorValidityExample.setAttribute('error', 'Quantity Exceeded');
-    } else if (customErrorValidityExample.hasAttribute('error')) {
-      customErrorValidityExample.removeAttribute('error');
-    }
-  });
-}
-
-function valueExtractionExample() {
-  const valueExtractionExample = document.querySelector('#valueExtraction');
-  const valueExtractionBtn = document.querySelector('#valueExtractionBtn');
-
-  valueExtractionBtn.addEventListener('click', () => {
-    console.warn('Value selected:', valueExtractionExample.value);
-    console.warn('Option selected:', valueExtractionExample.optionSelected);
-
-    alert(`Value selected: ${valueExtractionExample.value}`);
-  });
-}
-
-function valueAlertExample() {
-  const select = document.querySelector('#valueAlert');
-  const menu = document.querySelector('#valueAlertMenu');
-
-  menu.addEventListener('auroMenu-selectedOption', () => {
-    console.warn('Select value changed to:', select.value);
-    console.warn('Select optionSelected changed to:', select.optionSelected);
-  });
-}
-
-function inDialogExample() {
-  document.querySelector("#select-dialog-opener").addEventListener("click", () => {
-    const dialog = document.querySelector("#select-dialog");
-    dialog.open = true;
-  });
-}
-
-function inDrawerExample() {
-  document.querySelector("#select-drawer-opener").addEventListener("click", () => {
-    const drawer = document.querySelector("#select-drawer");
-
-    if (drawer.hasAttribute('open')) {
-      drawer.removeAttribute('open');
-    } else {
-      drawer.setAttribute('open', true);
-    }
-  });
-}
-
-AuroSelect.register(); // registering to `auro-select`
-
-function initExamples(initCount) {
-  initCount = initCount || 0;
-
-  try {
-    // javascript example function calls to be added here upon creation to test examples
-    customErrorValidityExample();
-    valueExample();
-    valueExtractionExample();
-    valueAlertExample();
-    inDialogExample();
-    inDrawerExample();
-    resetStateExample();
-    updateActiveOptionExample();
-    // auroMenuLoadingExample();
-  } 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/select/demo/update-active-option.min.js

@@ -1,32 +0,0 @@
-function valueExample() {
-  const valueExample = document.querySelector('#valueExample');
-
-  document.querySelector('#validValueExampleBtn').addEventListener('click', () => {
-    valueExample.value = '["arrival", "prefer alaska"]';
-  });
-
-  document.querySelector('#invalidValueExampleBtn').addEventListener('click', () => {
-    valueExample.value = '["flight course"]';
-  });
-}
-
-function resetStateExample() {
-  const elem = document.querySelector('#resetStateExample');
-
-  document.querySelector('#resetStateBtn').addEventListener('click', () => {
-    elem.reset();
-  });
-}
-
-function updateActiveOptionExample() {
-  const select = document.getElementById('updateActiveOptionExample');
-  const dropdown = select.dropdown;
-
-  dropdown.addEventListener('auroDropdown-toggled', () => {
-    if (dropdown.isPopoverVisible) {
-      select.updateActiveOption(2); // Set the active option to the third item (index 2)
-    }
-  });
-}
-
-export { resetStateExample as r, updateActiveOptionExample as u, valueExample as v };