@momentum-design/components 0.126.1 → 0.127.1

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

@@ -1,7 +1,8 @@
-import type { CSSResult, TemplateResult } from 'lit';
+import type { CSSResult, PropertyValues, TemplateResult } from 'lit';
 import MenuItem from '../menuitem/menuitem.component';
 import type { IconNames } from '../icon/icon.types';
 import type { PopoverPlacement } from '../popover/popover.types';
+import type { TooltipType } from '../tooltip/tooltip.types';
 import type { BadgeType } from './navmenuitem.types';
 /**
  * `mdc-navmenuitem` is a menuitem styled to work as a navigation tab.
@@ -129,6 +130,15 @@ declare class NavMenuItem extends MenuItem {
      * @default 'right'
      */
     tooltipPlacement: PopoverPlacement;
+    /**
+     * The type of tooltip to display.
+     * Options are 'description', 'label', or 'none'.
+     *
+     * Choose none to not apply any aria-attributes - this
+     * is useful if the navmenuitem has a aria-label already set.
+     * @default undefined
+     */
+    tooltipType?: TooltipType;
     /**
      * The appearance behavior of the tooltip.
      * Options are 'when-collapsed' (default) or 'always'.
@@ -163,6 +173,7 @@ declare class NavMenuItem extends MenuItem {
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     protected updated(changedProperties: Map<string, any>): void;
     private renderDynamicTooltip;
     private removeTooltip;

package/dist/components/navmenuitem/navmenuitem.component.js

@@ -138,6 +138,13 @@ class NavMenuItem extends MenuItem {
         super.disconnectedCallback();
         this.removeTooltip();
     }
+    firstUpdated(_changedProperties) {
+        super.firstUpdated(_changedProperties);
+        // if active on initial render, set aria-current
+        if (this.active && !this.disableAriaCurrent && !this.cannotActivate) {
+            this.setAttribute('aria-current', 'page');
+        }
+    }
     updated(changedProperties) {
         var _a;
         super.updated(changedProperties);
@@ -177,6 +184,9 @@ class NavMenuItem extends MenuItem {
         tooltip.setAttribute('triggerid', this.id);
         tooltip.setAttribute('show-arrow', '');
         tooltip.setAttribute('placement', this.tooltipPlacement);
+        if (this.tooltipType) {
+            tooltip.setAttribute('tooltip-type', this.tooltipType);
+        }
         tooltip.setAttribute('boundary-padding', ((_a = this.tooltipBoundaryPadding) === null || _a === void 0 ? void 0 : _a.toString()) || '0');
         // Set the slot attribute if the parent element has a slot.
         if (this.hasAttribute('slot')) {
@@ -322,6 +332,10 @@ __decorate([
     property({ type: String, reflect: true, attribute: 'tooltip-placement' }),
     __metadata("design:type", String)
 ], NavMenuItem.prototype, "tooltipPlacement", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'tooltip-type' }),
+    __metadata("design:type", String)
+], NavMenuItem.prototype, "tooltipType", void 0);
 __decorate([
     property({ type: String, reflect: true, attribute: 'tooltip-appearance' }),
     __metadata("design:type", String)

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

@@ -1,8 +1,8 @@
 declare const TAG_NAME: "mdc-tooltip";
 declare const TOOLTIP_TYPES: {
-    DESCRIPTION: string;
-    LABEL: string;
-    NONE: string;
+    readonly DESCRIPTION: "description";
+    readonly LABEL: "label";
+    readonly NONE: "none";
 };
 declare const DEFAULTS: {
     readonly BACKDROP: false;
@@ -10,6 +10,6 @@ declare const DEFAULTS: {
     readonly OFFSET: 4;
     readonly PLACEMENT: "top";
     readonly SHOW_ARROW: true;
-    readonly TOOLTIP_TYPE: string;
+    readonly TOOLTIP_TYPE: "description";
 };
 export { DEFAULTS, TAG_NAME, TOOLTIP_TYPES };