@lion/ui 0.18.0-menu-system.6 → 0.18.1

package/components/menu/src/utils/isInView.js

@@ -1,26 +0,0 @@
-/**
- * Determines whether element is visible within container
- *
- * @param {HTMLElement} container
- * @param {HTMLElement} element
- * @param {Boolean} [partial]
- */
-export function isInView(container, element, partial = false) {
-  const cTop = container.scrollTop;
-  const cBottom = cTop + container.clientHeight;
-  const eTop = element.offsetTop;
-  const eBottom = eTop + element.clientHeight;
-  const isTotal = eTop >= cTop && eBottom <= cBottom;
-  let isPartial;
-
-  if (partial === true) {
-    isPartial = (eTop < cTop && eBottom > cTop) || (eBottom > cBottom && eTop < cBottom);
-  } else if (typeof partial === 'number') {
-    if (eTop < cTop && eBottom > cTop) {
-      isPartial = ((eBottom - cTop) * 100) / element.clientHeight > partial;
-    } else if (eBottom > cBottom && eTop < cBottom) {
-      isPartial = ((cBottom - eTop) * 100) / element.clientHeight > partial;
-    }
-  }
-  return isTotal || isPartial;
-}

package/components/menu/src/utils/listItemInteractions.js

@@ -1,124 +0,0 @@
-/**
- * Set of universal interactive list item state methods that are both compatible with
- * 'smart' (LionOption) and 'regular' items
- */
-
-/**
- * @typedef {import('@lion/ui/checkbox-group.js').LionCheckboxIndeterminate} LionCheckboxIndeterminate
- */
-
-/**
- * @param {HTMLElement} item
- */
-export function isDisabled(item) {
-  return item.hasAttribute('disabled') || item.getAttribute('aria-disabled') === 'true';
-}
-
-/**
- * @param {HTMLElement} item
- */
-export function setDisabled(item, unset = false) {
-  if (unset) {
-    item.removeAttribute('disabled');
-    item.setAttribute('aria-disabled', 'false');
-  } else {
-    item.setAttribute('disabled', '');
-    item.setAttribute('aria-disabled', 'true');
-  }
-}
-
-/**
- * @param {HTMLElement} item
- */
-export function toggleDisabled(item) {
-  setDisabled(item, isDisabled(item));
-}
-
-/**
- * @param {HTMLElement} item
- */
-export function isChecked(item) {
-  return item.hasAttribute('checked');
-}
-
-/**
- * @param {HTMLElement} item
- * @param {Object} [options]
- * @param {boolean} [options.unset=false]
- * @param {'page'|'mixed'} [options.text] - optional text to set for aria-checked/aria-selected/aria-current (e.g. "mixed")
- */
-export function setChecked(item, unset = false) {
-  const role = item.getAttribute('role');
-  let ariaAttr = 'current';
-  if (role?.endsWith('checkbox') || role?.endsWith('radio')) {
-    ariaAttr = 'checked';
-  } else if (role === 'option' || role === 'treeitem') {
-    ariaAttr = 'selected';
-  }
-  let text;
-  if (/** @type {HTMLAnchorElement} */ (item).href) {
-    text = 'page';
-  }
-  if (/** @type {LionCheckboxIndeterminate} */ (item).mixedState) {
-    text = 'mixed';
-  }
-  if (!unset) {
-    item.setAttribute('checked', '');
-    item.setAttribute(`aria-${ariaAttr}`, text || 'true');
-  } else {
-    item.removeAttribute('checked');
-    item.setAttribute(`aria-${ariaAttr}`, 'false');
-  }
-}
-
-/**
- * @param {HTMLElement} item
- */
-export function toggleChecked(item) {
-  const shouldUnset = isChecked(item);
-  setChecked(item, shouldUnset);
-}
-
-/**
- * @param {HTMLElement} item
- */
-export function isActive(item) {
-  return item.hasAttribute('active');
-}
-
-/**
- * @param {HTMLElement} item
- */
-export function setActive(item, unset = false) {
-  if (unset) {
-    item.removeAttribute('active');
-  } else {
-    item.setAttribute('active', '');
-  }
-}
-
-/**
- * @param {HTMLElement} item
- */
-function getDirectTextContent(item) {
-  return Array.from(item.childNodes)
-    .filter(n => n.nodeName === '#text')
-    .map(n => n.textContent)
-    .join('')
-    .trim();
-}
-
-/**
- * @param {HTMLElement} item
- */
-export function getValue(item) {
-  return (
-    // @ts-ignore - choiceValue is a custom property
-    item.choiceValue ||
-    // @ts-ignore - value might not exist on all HTMLElements
-    item.value ||
-    item.getAttribute('value') ||
-    item.getAttribute('data-value') ||
-    getDirectTextContent(item)
-  );
-}

package/components/menu/src/utils/uuid.js

@@ -1,3 +0,0 @@
-export function uuid() {
-  return Math.random().toString(36).substr(2, 10);
-}

package/components/menu/test/lion-menu.test.js

@@ -1,6 +0,0 @@
-import { runInteractiveListMixinSuite } from '../test-suites/InteractiveListMixin.suite.js';
-import '@lion/ui/define/lion-menu.js';
-import { runLionMenuHybridSuite } from '../test-suites/LionMenuHybrid.suite.js';
-
-runInteractiveListMixinSuite({ tagString: 'lion-menu' });
-runLionMenuHybridSuite();