@momentum-design/components 0.80.1 → 0.80.2

package/dist/components/toggletip/toggletip.component.js

@@ -9,6 +9,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { html } from 'lit';
 import { property, queryAssignedNodes, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import Popover from '../popover/popover.component';
 import { POPOVER_PLACEMENT } from '../popover/popover.constants';
 import { DEFAULTS } from './toggletip.constants';
@@ -53,19 +54,11 @@ class ToggleTip extends Popover {
         super(...arguments);
         /** @internal */
         this.currentAnnouncement = '';
-        /**
-          * Set this attribute with the id of the element in the DOM, to which announcement
-          * elements will be appended.
-          * If an id is provided, the announcement elements will be appended to this element.
-          * If id is not provided, a visually hidden div element will be created in the DOM.
-          *
-          * Please refer to the `mdc-screenreaderannouncer` component for more details.
-        */
-        this.screenreaderAnnouncerIdentity = '';
     }
     connectedCallback() {
+        var _a;
         super.connectedCallback();
-        this.closeButton = DEFAULTS.CLOSE_BUTTON;
+        this.closeButton = (_a = this.closeButton) !== null && _a !== void 0 ? _a : DEFAULTS.CLOSE_BUTTON;
         this.closeButtonAriaLabel = DEFAULTS.CLOSE_BUTTON_ARIA_LABEL;
         this.placement = DEFAULTS.PLACEMENT;
         this.trigger = DEFAULTS.CLICK;
@@ -108,7 +101,7 @@ class ToggleTip extends Popover {
         return html `
       ${super.render()}
       <mdc-screenreaderannouncer
-        identity="${this.screenreaderAnnouncerIdentity}"
+        identity="${ifDefined(this.screenreaderAnnouncerIdentity)}"
         announcement="${this.currentAnnouncement}"
         delay="300">
       </mdc-screenreaderannouncer>
@@ -126,6 +119,6 @@ __decorate([
 ], ToggleTip.prototype, "currentAnnouncement", void 0);
 __decorate([
     property({ type: String, reflect: true, attribute: 'screenreader-announcer-identity' }),
-    __metadata("design:type", Object)
+    __metadata("design:type", String)
 ], ToggleTip.prototype, "screenreaderAnnouncerIdentity", void 0);
 export default ToggleTip;

package/dist/components/toggletip/toggletip.styles.js

@@ -22,11 +22,11 @@ const styles = css `
     color: var(--mdc-toggletip-text-color-contrast);
   }
 
-  :host(:dir(ltr))::part(popover-content) {
+  :host([close-button]:dir(ltr))::part(popover-content) {
     margin-right: 2rem;
   }
 
-  :host(:dir(rtl))::part(popover-content) {
+  :host([close-button]:dir(rtl))::part(popover-content) {
     margin-left: 2rem;
   }
 `;