@m3e/web 2.0.5 → 2.1.0

package/dist/core-a11y.js

@@ -3,8 +3,9 @@
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
  */
-import { property, query } from 'lit/decorators.js';
-import { isServer, html, css, LitElement } from 'lit';
+import { hasKeys, isDisabledMixin, isCheckedOrSelected, checkOrSelect, Disabled, customElement } from '@m3e/web/core';
+import { isServer, LitElement, html, css } from 'lit';
+import { query } from 'lit/decorators.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -196,57 +197,6 @@ function isModifierAllowed(e, ...modifiers) {
   return ModifierKeys.every(x => !hasModifierKey(e, x) || modifiers.includes(x));
 }
 
-/**
- * Determines whether an object has keys for a given type.
- * @template T The type to test.
- * @param {unknown} value The value to test.
- * @param {...keys: Array<keyof T>} keys The keys of `T` to test.
- * @returns {boolean} Whether `value` has all `keys`.
- */
-function hasKeys(value, ...keys) {
-  return typeof value === "object" && value !== null && keys.every(x => x in value);
-}
-
-/**
- * Determines whether a value is a `DisabledMixin`.
- * @param {unknown} value The value to test.
- * @returns {value is DisabledMixin} Whether `value` is a `DisabledMixin`.
- */
-function isDisabledMixin(value) {
-  return hasKeys(value, "disabled");
-}
-/**
- * Mixin to augment an element with behavior that supports a disabled state.
- * @template T The type of the base class.
- * @param {T} base The base class.
- * @param {boolean} [reflect=true] Whether the disabled property is reflected as an attribute.
- * @returns {Constructor<DisabledMixin> & T} A constructor that implements `DisabledMixin`.
- */
-function Disabled(base, reflect = true) {
-  class _DisabledMixin extends base {
-    constructor() {
-      super(...arguments);
-      /**
-       * Whether the element is disabled.
-       * @default false
-       */
-      this.disabled = false;
-    }
-    /** @inheritdoc */
-    update(changedProperties) {
-      super.update(changedProperties);
-      if (changedProperties.has("disabled") && this.role && this.role !== "none" && this.role !== "presentation") {
-        this.ariaDisabled = this.disabled ? "true" : null;
-      }
-    }
-  }
-  __decorate([property({
-    type: Boolean,
-    reflect: reflect
-  })], _DisabledMixin.prototype, "disabled", void 0);
-  return _DisabledMixin;
-}
-
 var _ListManager_items, _ListManager_activeItem, _ListManager_onActiveItemChangeCallback;
 /**
  * Utility for managing a list of items which supports activation.
@@ -756,45 +706,6 @@ class FocusKeyManager extends ListKeyManager {
 }
 _FocusKeyManager_focusOptions = new WeakMap();
 
-/**
- * Determines whether a value is a `CheckedMixin`.
- * @param {unknown} value The value to test.
- * @returns Whether `value` is a `CheckedMixin`.
- */
-function isCheckedMixin(value) {
-  return hasKeys(value, "checked");
-}
-
-/**
- * Determines whether a value is a `SelectedMixin`.
- * @param {unknown} value The value to test.
- * @returns Whether `value` is a `SelectedMixin`.
- */
-function isSelectedMixin(value) {
-  return hasKeys(value, "selected");
-}
-
-/**
- * Determines whether the state of an element is checked or selected.
- * @param {CheckedOrSelectedMixin} element The element to test.
- * @return {boolean} Whether `element` is checked or selected.
- */
-function isCheckedOrSelected(element) {
-  return isCheckedMixin(element) && element.checked || isSelectedMixin(element) && element.selected;
-}
-/**
- * Sets the checked or selected state of an element.
- * @param {CheckedOrSelectedMixin} element The element for which to set the checked or selected state.
- * @param {boolean} checkedOrSelected The checked or selected state.
- */
-function checkOrSelect(element, checkedOrSelected) {
-  if (isCheckedMixin(element)) {
-    element.checked = checkedOrSelected;
-  } else {
-    element.selected = checkedOrSelected;
-  }
-}
-
 var _RovingTabIndexManager_disableRovingTabIndex;
 /**
  * Utility for managing keyboard events and a roving tab index for selectable lists whose items directly receive focus.
@@ -1191,32 +1102,6 @@ _M3eAriaDescriber_messageContainers = {
 };
 globalThis.M3eAriaDescriber = M3eAriaDescriber;
 
-/**
- * Class decorator factory that defines the decorated class as a custom element.
- *
- * ```js
- * @customElement('my-element')
- * class MyElement extends LitElement {
- *   render() {
- *     return html``;
- *   }
- * }
- * ```
- * @param {string} tagName The tag name of the custom element to define.
- */
-const customElement = tagName => (classOrTarget, context) => {
-  const define = () => {
-    if (typeof window !== "undefined" && !customElements.get(tagName)) {
-      customElements.define(tagName, classOrTarget);
-    }
-  };
-  if (context) {
-    context.addInitializer(define);
-  } else {
-    define();
-  }
-};
-
 var _a$1, _M3eInteractivityChecker_cannotFocusParent;
 /** Utility for checking the interactivity of an element, such as whether it is focusable. */
 class M3eInteractivityChecker {