@momentum-design/components 0.112.4 → 0.112.6

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

@@ -58,7 +58,7 @@ declare class ButtonLink extends ButtonLink_base {
      */
     private setSoftDisabled;
     update(changedProperties: PropertyValues): void;
-    render(): import("lit-html").TemplateResult<1>;
+    protected renderAnchorContent(): import("lit-html").TemplateResult<1>;
     static styles: Array<CSSResult>;
 }
 export default ButtonLink;

package/dist/components/buttonlink/buttonlink.component.js

@@ -9,7 +9,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
 import Button from '../button/button.component';
 import { ButtonComponentMixin } from '../../utils/mixins/ButtonComponentMixin';
 import { DEFAULTS } from '../button/button.constants';
@@ -91,39 +90,15 @@ class ButtonLink extends ButtonComponentMixin(Linksimple) {
             this.inferButtonType();
         }
     }
-    render() {
-        var _a;
+    renderAnchorContent() {
         return html `
-      <a
-        class="mdc-focus-ring"
-        part="anchor"
-        href="${this.href}"
-        target="${this.target}"
-        rel="${ifDefined(this.rel)}"
-        download="${ifDefined(this.download)}"
-        ping="${ifDefined(this.ping)}"
-        hreflang="${ifDefined(this.hreflang)}"
-        type="${ifDefined(this.type)}"
-        referrerpolicy="${ifDefined(this.referrerpolicy)}"
-        aria-label="${(_a = this.dataAriaLabel) !== null && _a !== void 0 ? _a : ''}"
-        tabindex="${this.disabled ? -1 : 0}"
-      >
-        ${this.prefixIcon
-            ? html `<mdc-icon
-              name="${this.prefixIcon}"
-              part="prefix-icon"
-              length-unit="rem"
-            ></mdc-icon>`
+      ${this.prefixIcon
+            ? html `<mdc-icon name="${this.prefixIcon}" part="prefix-icon" length-unit="rem"></mdc-icon>`
             : ''}
-        <slot @slotchange="${this.inferButtonType}" part="button-text"></slot>
-        ${this.postfixIcon
-            ? html `<mdc-icon
-              name="${this.postfixIcon}"
-              part="postfix-icon"
-              length-unit="rem"
-            ></mdc-icon>`
+      <slot @slotchange="${this.inferButtonType}" part="button-text"></slot>
+      ${this.postfixIcon
+            ? html `<mdc-icon name="${this.postfixIcon}" part="postfix-icon" length-unit="rem"></mdc-icon>`
             : ''}
-      </a>
     `;
     }
 }

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

@@ -40,7 +40,7 @@ declare class Link extends Link_base {
      * @returns The icon size value and units.
      */
     private getIconSize;
-    render(): import("lit-html").TemplateResult<1>;
+    protected renderAnchorContent(): import("lit-html").TemplateResult<1>;
     static styles: Array<CSSResult>;
 }
 export default Link;

package/dist/components/link/link.component.js

@@ -9,7 +9,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
 import { IconNameMixin } from '../../utils/mixins/IconNameMixin';
 import Linksimple from '../linksimple/linksimple.component';
 import { DEFAULTS, LINK_ICON_SIZES, LINK_SIZES } from './link.constants';
@@ -64,34 +63,11 @@ class Link extends IconNameMixin(Linksimple) {
                 return LINK_ICON_SIZES.LARGE;
         }
     }
-    render() {
-        var _a;
-        return html `
-      <a
-        class="mdc-focus-ring"
-        part="anchor"
-        href="${this.href}"
-        target="${this.target}"
-        rel="${ifDefined(this.rel)}"
-        download="${ifDefined(this.download)}"
-        ping="${ifDefined(this.ping)}"
-        hreflang="${ifDefined(this.hreflang)}"
-        type="${ifDefined(this.type)}"
-        referrerpolicy="${ifDefined(this.referrerpolicy)}"
-        aria-label="${(_a = this.dataAriaLabel) !== null && _a !== void 0 ? _a : ''}"
-        tabindex="${this.disabled ? -1 : 0}"
-      >
-        <slot></slot>
-        ${this.iconName
-            ? html `<mdc-icon
-              part="icon"
-              name="${this.iconName}"
-              size="${this.getIconSize()}"
-              length-unit="rem"
-            ></mdc-icon>`
-            : nothing}
-      </a>
-    `;
+    renderAnchorContent() {
+        return html ` <slot></slot>
+      ${this.iconName
+            ? html `<mdc-icon part="icon" name="${this.iconName}" size="${this.getIconSize()}" length-unit="rem"></mdc-icon>`
+            : nothing}`;
     }
 }
 Link.styles = [...Linksimple.styles, ...styles];

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

@@ -41,9 +41,8 @@ declare class Linksimple extends Linksimple_base {
     inverted: boolean;
     /**
      * Href for navigation. The URL that the hyperlink points to
-     * @default #
      */
-    href: string;
+    href?: string;
     /**
      * Optional target: _blank, _self, _parent, _top and _unfencedTop
      * @default _self
@@ -85,6 +84,12 @@ declare class Linksimple extends Linksimple_base {
      */
     private setDisabled;
     update(changedProperties: PropertyValues): void;
+    /**
+     * Protected method to render the anchor content.
+     * Override this method to customize the content inside the anchor tag.
+     * @internal
+     */
+    protected renderAnchorContent(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: Array<CSSResult>;
 }

package/dist/components/linksimple/linksimple.component.js

@@ -55,11 +55,6 @@ class Linksimple extends DataAriaLabelMixin(DisabledMixin(Component)) {
          * @default false
          */
         this.inverted = DEFAULTS.INVERTED;
-        /**
-         * Href for navigation. The URL that the hyperlink points to
-         * @default #
-         */
-        this.href = '#';
         /**
          * Optional target: _blank, _self, _parent, _top and _unfencedTop
          * @default _self
@@ -103,11 +98,19 @@ class Linksimple extends DataAriaLabelMixin(DisabledMixin(Component)) {
             this.setDisabled(this.disabled);
         }
     }
+    /**
+     * Protected method to render the anchor content.
+     * Override this method to customize the content inside the anchor tag.
+     * @internal
+     */
+    renderAnchorContent() {
+        return html `<slot></slot>`;
+    }
     render() {
         var _a;
         return html `
       <a
-        class='mdc-focus-ring'
+        class="mdc-focus-ring"
         part="anchor"
         href="${this.href}"
         target="${this.target}"
@@ -120,7 +123,7 @@ class Linksimple extends DataAriaLabelMixin(DisabledMixin(Component)) {
         aria-label="${(_a = this.dataAriaLabel) !== null && _a !== void 0 ? _a : ''}"
         tabindex="${this.disabled ? -1 : 0}"
       >
-        <slot></slot>
+        ${this.renderAnchorContent()}
       </a>
     `;
     }
@@ -136,7 +139,7 @@ __decorate([
 ], Linksimple.prototype, "inverted", void 0);
 __decorate([
     property({ type: String, reflect: true }),
-    __metadata("design:type", Object)
+    __metadata("design:type", String)
 ], Linksimple.prototype, "href", void 0);
 __decorate([
     property({ type: String, reflect: true }),

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

@@ -808,6 +808,8 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
     }
     isEventFromTrigger(event) {
         var _a;
+        if (!this.triggerID)
+            return false;
         if (event.composed) {
             return event.composedPath().some(el => (el === null || el === void 0 ? void 0 : el.id) === this.triggerID);
         }