@m3e/core 1.0.0-rc.3 → 1.0.0

package/dist/index.js

@@ -429,7 +429,7 @@ class MutationController extends MonitorControllerBase {
 }
 _MutationController_host = new WeakMap(), _MutationController_callback = new WeakMap(), _MutationController_skipInitial = new WeakMap(), _MutationController_config = new WeakMap(), _MutationController_observer = new WeakMap(), _MutationController_unobservedUpdate = new WeakMap();
 
-var _PressedController_instances, _PressedController_capture, _PressedController_callback, _PressedController_isPressedKey, _PressedController_pressedTargets, _PressedController_minPressedDuration, _PressedController_pointerDownHandler, _PressedController_pointerUpHandler, _PressedController_keyDownHandler, _PressedController_keyUpHandler, _PressedController_handlePointerDown, _PressedController_handlePointerUp, _PressedController_handleKeyDown, _PressedController_handleKeyUp;
+var _PressedController_instances, _PressedController_capture, _PressedController_callback, _PressedController_isPressedKey, _PressedController_pressedTargets, _PressedController_minPressedDuration, _PressedController_pointerDownHandler, _PressedController_pointerUpHandler, _PressedController_touchEndHandler, _PressedController_keyDownHandler, _PressedController_keyUpHandler, _PressedController_handlePointerDown, _PressedController_handlePointerUp, _PressedController_handleTouchEnd, _PressedController_handleKeyDown, _PressedController_handleKeyUp;
 /** A `ReactiveController` used to monitor the pressed state of one or more elements. */
 class PressedController extends MonitorControllerBase {
     /**
@@ -447,6 +447,7 @@ class PressedController extends MonitorControllerBase {
         /** @private */ _PressedController_minPressedDuration.set(this, void 0);
         /** @private */ _PressedController_pointerDownHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handlePointerDown).call(this, e));
         /** @private */ _PressedController_pointerUpHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handlePointerUp).call(this, e));
+        /** @private */ _PressedController_touchEndHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handleTouchEnd).call(this, e));
         /** @private */ _PressedController_keyDownHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handleKeyDown).call(this, e));
         /** @private */ _PressedController_keyUpHandler.set(this, (e) => __classPrivateFieldGet(this, _PressedController_instances, "m", _PressedController_handleKeyUp).call(this, e));
         __classPrivateFieldSet(this, _PressedController_capture, options.capture, "f");
@@ -457,11 +458,15 @@ class PressedController extends MonitorControllerBase {
     /** @inheritdoc */
     hostConnected() {
         document.addEventListener("pointerup", __classPrivateFieldGet(this, _PressedController_pointerUpHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchend", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchcancel", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
         super.hostConnected();
     }
     /** @inheritdoc */
     hostDisconnected() {
         document.removeEventListener("pointerup", __classPrivateFieldGet(this, _PressedController_pointerUpHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchend", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
+        document.addEventListener("touchcancel", __classPrivateFieldGet(this, _PressedController_touchEndHandler, "f"), { capture: __classPrivateFieldGet(this, _PressedController_capture, "f") });
         super.hostDisconnected();
         __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").clear();
     }
@@ -488,7 +493,7 @@ class PressedController extends MonitorControllerBase {
         }
     }
 }
-_PressedController_capture = new WeakMap(), _PressedController_callback = new WeakMap(), _PressedController_isPressedKey = new WeakMap(), _PressedController_pressedTargets = new WeakMap(), _PressedController_minPressedDuration = new WeakMap(), _PressedController_pointerDownHandler = new WeakMap(), _PressedController_pointerUpHandler = new WeakMap(), _PressedController_keyDownHandler = new WeakMap(), _PressedController_keyUpHandler = new WeakMap(), _PressedController_instances = new WeakSet(), _PressedController_handlePointerDown = function _PressedController_handlePointerDown(e) {
+_PressedController_capture = new WeakMap(), _PressedController_callback = new WeakMap(), _PressedController_isPressedKey = new WeakMap(), _PressedController_pressedTargets = new WeakMap(), _PressedController_minPressedDuration = new WeakMap(), _PressedController_pointerDownHandler = new WeakMap(), _PressedController_pointerUpHandler = new WeakMap(), _PressedController_touchEndHandler = new WeakMap(), _PressedController_keyDownHandler = new WeakMap(), _PressedController_keyUpHandler = new WeakMap(), _PressedController_instances = new WeakSet(), _PressedController_handlePointerDown = function _PressedController_handlePointerDown(e) {
     if (e.pointerType === "mouse" && e.button > 1)
         return;
     for (const target of e.composedPath()) {
@@ -518,6 +523,22 @@ _PressedController_capture = new WeakMap(), _PressedController_callback = new We
             __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, false, { x, y }, target);
         }
     }
+}, _PressedController_handleTouchEnd = function _PressedController_handleTouchEnd(e) {
+    const x = e.touches[0]?.clientX ?? 0;
+    const y = e.touches[0]?.clientY ?? 0;
+    for (const target of __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").keys()) {
+        const remainingTime = __classPrivateFieldGet(this, _PressedController_minPressedDuration, "f") - (performance.now() - __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").get(target));
+        if (remainingTime > 0) {
+            setTimeout(() => {
+                __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").delete(target);
+                __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, false, { x, y }, target);
+            }, remainingTime);
+        }
+        else {
+            __classPrivateFieldGet(this, _PressedController_pressedTargets, "f").delete(target);
+            __classPrivateFieldGet(this, _PressedController_callback, "f").call(this, false, { x, y }, target);
+        }
+    }
 }, _PressedController_handleKeyDown = function _PressedController_handleKeyDown(e) {
     if (e.target !== e.currentTarget)
         return;
@@ -984,10 +1005,17 @@ function Selected(base) {
                 if (this.role === "button") {
                     this.ariaPressed = `${this.selected}`;
                     this.ariaSelected = null;
+                    this.ariaChecked = null;
+                }
+                else if (this.role === "radio") {
+                    this.ariaChecked = `${this.selected}`;
+                    this.ariaSelected = null;
+                    this.ariaPressed = null;
                 }
                 else if (this.role && this.role !== "none" && this.role !== "presentation") {
                     this.ariaSelected = `${this.selected}`;
                     this.ariaPressed = null;
+                    this.ariaChecked = null;
                 }
             }
         }
@@ -1118,12 +1146,12 @@ function Touched(base) {
         connectedCallback() {
             this.markAsUntouched();
             super.connectedCallback();
-            this.addEventListener("focusout", this[_eventHandler$1]);
+            this.addEventListener("focusout", this[_eventHandler$1], { capture: true });
         }
         /** @inheritdoc */
         disconnectedCallback() {
             super.disconnectedCallback();
-            this.removeEventListener("focusout", this[_eventHandler$1]);
+            this.removeEventListener("focusout", this[_eventHandler$1], { capture: true });
         }
         /** Marks the element as touched. */
         markAsTouched() {
@@ -1875,6 +1903,8 @@ function DisabledInteractive(base) {
     return _DisabledInteractiveMixin;
 }
 
+/** A symbol through which to update labels to reflect a control's current state. */
+const updateLabels = Symbol("updateLabels");
 /**
  * Determines whether a value is a `LabelledMixin`.
  * @param {unknown} value The value to test.
@@ -1883,7 +1913,6 @@ function DisabledInteractive(base) {
 function isLabelledMixin(value) {
     return hasKeys(value, "labels") && isAttachInternalsMixin(value);
 }
-const _updateLabels = Symbol("_updateLabels");
 const _eventHandler = Symbol("_eventHandler");
 /**
  * Mixin to augment an element with support for labelling.
@@ -1899,7 +1928,7 @@ function Labelled(base) {
             /** @private */
             this[_a] = (e) => {
                 if (!e.defaultPrevented) {
-                    this[_updateLabels]();
+                    this[updateLabels]();
                 }
             };
         }
@@ -1922,18 +1951,19 @@ function Labelled(base) {
         /** @inheritdoc */
         update(changedProperties) {
             super.update(changedProperties);
-            this[_updateLabels]();
+            this[updateLabels]();
         }
-        /** @private */
-        [(_a = _eventHandler, _updateLabels)]() {
+        /** @internal */
+        [(_a = _eventHandler, updateLabels)]() {
             const focusable = this.hasAttribute("tabindex");
             const disabled = (isDisabledMixin(this) && this.disabled) || (isDisabledInteractiveMixin(this) && this.disabledInteractive);
-            for (const label of this.labels) {
+            const invalid = isTouchedMixin(this) && this.touched && (this.ariaInvalid || this.classList.contains("-invalid"));
+            for (const label of this.labels ?? []) {
                 label.style.userSelect = focusable ? "none" : "";
-                label.style.cursor = !disabled ? "pointer" : "";
+                label.style.cursor = !disabled && focusable ? "pointer" : "";
                 label.style.color = disabled
                     ? `color-mix(in srgb, ${DesignToken.color.onSurface} 38%, transparent)`
-                    : isTouchedMixin(this) && this.touched && this.ariaInvalid
+                    : invalid
                         ? `${DesignToken.color.error}`
                         : "";
             }
@@ -2170,6 +2200,9 @@ function ConstraintValidation(base) {
             this[internals].setValidity(validity, validityMessage);
             this.ariaInvalid = invalid ? "true" : null;
             this.classList.toggle("-invalid", invalid === true);
+            if (isLabelledMixin(this)) {
+                this[updateLabels]?.();
+            }
         }
     }
     __ConstraintValidation_getNativeMessage = function __ConstraintValidation_getNativeMessage(flags) {
@@ -4722,5 +4755,5 @@ M3eTextHighlightElement = M3eTextHighlightElement_1 = __decorate([
     t$2("m3e-text-highlight")
 ], M3eTextHighlightElement);
 
-export { AttachInternals, Checked, CheckedIndeterminate, ConstraintValidation, DesignToken, Dirty, Disabled, DisabledInteractive, EventAttribute, FocusController, Focusable, FormAssociated, FormSubmitter, HoverController, HtmlFor, IntersectionController, KeyboardClick, Labelled, LinkButton, LongPressController, M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlide, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement, MutationController, PressedController, ReadOnly, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, Selected, Touched, Vertical, checkOrSelect, debounce, defaultValue, formValue, getTextContent, guid, hasAssignedNodes, hasKeys, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, renderPseudoLink, safeStyleMap, scrollIntoViewIfNeeded, validate };
+export { AttachInternals, Checked, CheckedIndeterminate, ConstraintValidation, DesignToken, Dirty, Disabled, DisabledInteractive, EventAttribute, FocusController, Focusable, FormAssociated, FormSubmitter, HoverController, HtmlFor, IntersectionController, KeyboardClick, Labelled, LinkButton, LongPressController, M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlide, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement, MutationController, PressedController, ReadOnly, Required, RequiredConstraintValidation, ResizeController, Role, ScrollController, Selected, Touched, Vertical, checkOrSelect, debounce, defaultValue, formValue, getTextContent, guid, hasAssignedNodes, hasKeys, internals, isAttachInternalsMixin, isCheckedIndeterminateMixin, isCheckedMixin, isCheckedOrSelected, isCheckedOrSelectedMixin, isConstraintValidationMixin, isDirtyMixin, isDisabledInteractiveMixin, isDisabledMixin, isFormAssociatedMixin, isFormSubmitterMixin, isHtmlForMixin, isLabelledMixin, isLinkButtonMixin, isReadOnlyMixin, isRequiredConstraintValidationMixin, isRequiredMixin, isSelectedMixin, isTouchedMixin, isVerticalMixin, prefersReducedMotion, renderPseudoLink, safeStyleMap, scrollIntoViewIfNeeded, updateLabels, validate };
 //# sourceMappingURL=index.js.map