@momentum-design/components 0.32.1 → 0.33.1

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

@@ -175,6 +175,11 @@ declare class Popover extends Popover_base {
      * aria-describedby of the popover.
      */
     ariaDescribedby: string | null;
+    /**
+     * Disable aria-expanded attribute on trigger element.
+     * @default false
+     */
+    disableAriaExpanded: boolean;
     arrowElement: HTMLElement | null;
     /** @internal */
     triggerElement: HTMLElement | null;

package/dist/components/popover/popover.component.js

@@ -193,6 +193,11 @@ class Popover extends FocusTrapMixin(Component) {
          * aria-describedby of the popover.
          */
         this.ariaDescribedby = null;
+        /**
+         * Disable aria-expanded attribute on trigger element.
+         * @default false
+         */
+        this.disableAriaExpanded = DEFAULTS.DISABLE_ARIA_EXPANDED;
         this.arrowElement = null;
         /** @internal */
         this.triggerElement = null;
@@ -328,7 +333,7 @@ class Popover extends FocusTrapMixin(Component) {
     setupTriggerListener() {
         if (!this.triggerID)
             return;
-        this.triggerElement = document.getElementById(this.triggerID);
+        this.triggerElement = this.getRootNode().querySelector(`#${this.triggerID}`);
         if (!this.triggerElement)
             return;
         if (this.trigger === 'mouseenter') {
@@ -450,7 +455,9 @@ class Popover extends FocusTrapMixin(Component) {
             if (this.hideOnEscape) {
                 document.addEventListener('keydown', this.onEscapeKeydown);
             }
-            this.triggerElement.setAttribute('aria-expanded', 'true');
+            if (!this.disableAriaExpanded) {
+                this.triggerElement.setAttribute('aria-expanded', 'true');
+            }
             if (this.interactive) {
                 this.triggerElement.setAttribute('aria-haspopup', this.triggerElement.getAttribute('aria-haspopup') || 'dialog');
             }
@@ -475,7 +482,9 @@ class Popover extends FocusTrapMixin(Component) {
                 document.removeEventListener('keydown', this.onEscapeKeydown);
             }
             (_b = this.deactivateFocusTrap) === null || _b === void 0 ? void 0 : _b.call(this);
-            this.triggerElement.removeAttribute('aria-expanded');
+            if (!this.disableAriaExpanded) {
+                this.triggerElement.removeAttribute('aria-expanded');
+            }
             if (this.interactive) {
                 this.triggerElement.removeAttribute('aria-haspopup');
             }
@@ -673,4 +682,8 @@ __decorate([
     property({ type: String, reflect: true, attribute: 'aria-describedby' }),
     __metadata("design:type", Object)
 ], Popover.prototype, "ariaDescribedby", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'disable-aria-expanded' }),
+    __metadata("design:type", Boolean)
+], Popover.prototype, "disableAriaExpanded", void 0);
 export default Popover;

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

@@ -44,5 +44,6 @@ declare const DEFAULTS: {
     readonly DELAY: "0,0";
     readonly ROLE: "dialog";
     readonly Z_INDEX: 1000;
+    readonly DISABLE_ARIA_EXPANDED: false;
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, TRIGGER, DEFAULTS };

package/dist/components/popover/popover.constants.js

@@ -45,5 +45,6 @@ const DEFAULTS = {
     DELAY: '0,0',
     ROLE: 'dialog',
     Z_INDEX: 1000,
+    DISABLE_ARIA_EXPANDED: false,
 };
 export { TAG_NAME, POPOVER_PLACEMENT, COLOR, TRIGGER, DEFAULTS };

package/dist/custom-elements.json

@@ -6166,6 +6166,17 @@
               "attribute": "aria-describedby",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "disableAriaExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disable aria-expanded attribute on trigger element.",
+              "default": "false",
+              "attribute": "disable-aria-expanded",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "arrowElement",
@@ -6993,6 +7004,15 @@
               "description": "aria-describedby of the popover.",
               "fieldName": "ariaDescribedby"
             },
+            {
+              "name": "disable-aria-expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Disable aria-expanded attribute on trigger element.",
+              "default": "false",
+              "fieldName": "disableAriaExpanded"
+            },
             {
               "name": "enabledFocusTrap",
               "type": {

package/package.json

@@ -38,5 +38,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.32.1"
+  "version": "0.33.1"
 }