@momentum-design/components 0.83.4 → 0.83.6

package/dist/components/menusection/menusection.component.d.ts

@@ -1,5 +1,4 @@
 import { CSSResult } from 'lit';
-import type MenuItemRadio from '../menuitemradio/menuitemradio.component';
 import { Component } from '../../models';
 /**
  * `mdc-menusection` is a container element used to group a set of menu items.
@@ -15,34 +14,8 @@ import { Component } from '../../models';
  * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`
  */
 declare class MenuSection extends Component {
-    /**
-     * Query assigned `menuitemradio` elements from the default slot.
-     * These elements are used to enforce single-selection behavior.
-     *
-     * @internal
-     */
-    radios: MenuItemRadio[];
     connectedCallback(): void;
     disconnectedCallback(): void;
-    /**
-     * Handles `click` events within the component.
-     * Delegates logic to `toggleCheckedState()` based on the clicked element.
-     *
-     * @param event - The click event from a child menu item
-     *
-     * @internal
-     */
-    private handleClick;
-    /**
-     * Toggles the `aria-checked` state on a target menu item based on its tag name.
-     * - For checkboxes, toggles the checked state.
-     * - For radios, ensures only one item is selected in the group.
-     *
-     * @param target - The event target element to update
-     *
-     * @internal
-     */
-    private toggleCheckedState;
     render(): import("lit-html").TemplateResult<1>;
     static styles: CSSResult[];
 }

package/dist/components/menusection/menusection.component.js

@@ -1,17 +1,4 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { html } from 'lit';
-import { queryAssignedElements } from 'lit/decorators.js';
-import { TAG_NAME as MENUITEMRADIO_TAGNAME } from '../menuitemradio/menuitemradio.constants';
-import { TAG_NAME as MENUITEMCHECKBOX_TAGNAME } from '../menuitemcheckbox/menuitemcheckbox.constants';
-import { ARIA_CHECKED_STATES } from './menusection.constants';
 import { Component } from '../../models';
 import { ROLE } from '../../utils/roles';
 /**
@@ -28,69 +15,16 @@ import { ROLE } from '../../utils/roles';
  * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`
  */
 class MenuSection extends Component {
-    constructor() {
-        super(...arguments);
-        /**
-         * Handles `click` events within the component.
-         * Delegates logic to `toggleCheckedState()` based on the clicked element.
-         *
-         * @param event - The click event from a child menu item
-         *
-         * @internal
-         */
-        this.handleClick = (event) => {
-            this.toggleCheckedState(event.target);
-        };
-    }
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('role', ROLE.GROUP);
-        this.addEventListener('click', this.handleClick);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        this.removeEventListener('click', this.handleClick);
-    }
-    /**
-     * Toggles the `aria-checked` state on a target menu item based on its tag name.
-     * - For checkboxes, toggles the checked state.
-     * - For radios, ensures only one item is selected in the group.
-     *
-     * @param target - The event target element to update
-     *
-     * @internal
-     */
-    toggleCheckedState(target) {
-        if (!(target instanceof HTMLElement))
-            return;
-        // Do not toggle state for disabled elements
-        if (target.hasAttribute('disabled'))
-            return;
-        const tagName = target.tagName.toLowerCase();
-        const currentChecked = target.getAttribute('aria-checked') === ARIA_CHECKED_STATES.TRUE;
-        switch (tagName) {
-            case MENUITEMCHECKBOX_TAGNAME:
-                target.setAttribute('aria-checked', String(!currentChecked));
-                break;
-            case MENUITEMRADIO_TAGNAME:
-                if (currentChecked)
-                    return;
-                this.radios.forEach((radio) => {
-                    const newCheckedState = radio === target ? ARIA_CHECKED_STATES.TRUE : ARIA_CHECKED_STATES.FALSE;
-                    radio.setAttribute('aria-checked', newCheckedState);
-                });
-                break;
-            default:
-                break;
-        }
     }
     render() {
         return html `<slot></slot>`;
     }
 }
 MenuSection.styles = [...Component.styles];
-__decorate([
-    queryAssignedElements({ selector: `${MENUITEMRADIO_TAGNAME}:not([disabled])` }),
-    __metadata("design:type", Array)
-], MenuSection.prototype, "radios", void 0);
 export default MenuSection;

package/dist/components/popover/popover.component.d.ts

@@ -215,11 +215,11 @@ declare class Popover extends Popover_base {
     /** @internal */
     private hoverTimer;
     /** @internal */
-    private isTriggerClicked;
+    protected isTriggerClicked: boolean;
     /** @internal */
     private openDelay;
     /** @internal */
-    private closeDelay;
+    protected closeDelay: number;
     /** @internal */
     private utils;
     /** @internal */
@@ -241,7 +241,7 @@ declare class Popover extends Popover_base {
      *
      * @param event - The mouse event.
      */
-    private onOutsidePopoverClick;
+    protected onOutsidePopoverClick: (event: MouseEvent) => void;
     /**
      * Handles the escape keydown event to close the popover.
      *