@momentum-design/components 0.87.2 → 0.87.3

package/dist/browser/index.js

@@ -240,7 +240,9 @@
   }
 `,zh=[Et,Fv,...St()];var ks=j.constructTagName("text"),it={BODY_SMALL_REGULAR:"body-small-regular",BODY_SMALL_MEDIUM:"body-small-medium",BODY_SMALL_BOLD:"body-small-bold",BODY_MIDSIZE_REGULAR:"body-midsize-regular",BODY_MIDSIZE_MEDIUM:"body-midsize-medium",BODY_MIDSIZE_BOLD:"body-midsize-bold",BODY_LARGE_REGULAR:"body-large-regular",BODY_LARGE_MEDIUM:"body-large-medium",BODY_LARGE_BOLD:"body-large-bold",BODY_SMALL_REGULAR_UNDERLINE:"body-small-regular-underline",BODY_SMALL_MEDIUM_UNDERLINE:"body-small-medium-underline",BODY_MIDSIZE_REGULAR_UNDERLINE:"body-midsize-regular-underline",BODY_MIDSIZE_MEDIUM_UNDERLINE:"body-midsize-medium-underline",BODY_LARGE_REGULAR_UNDERLINE:"body-large-regular-underline",BODY_LARGE_MEDIUM_UNDERLINE:"body-large-medium-underline",HEADING_SMALL_REGULAR:"heading-small-regular",HEADING_SMALL_MEDIUM:"heading-small-medium",HEADING_SMALL_BOLD:"heading-small-bold",HEADING_MIDSIZE_REGULAR:"heading-midsize-regular",HEADING_MIDSIZE_MEDIUM:"heading-midsize-medium",HEADING_MIDSIZE_BOLD:"heading-midsize-bold",HEADING_LARGE_REGULAR:"heading-large-regular",HEADING_LARGE_MEDIUM:"heading-large-medium",HEADING_LARGE_BOLD:"heading-large-bold",HEADING_XLARGE_REGULAR:"heading-xlarge-regular",HEADING_XLARGE_MEDIUM:"heading-xlarge-medium",HEADING_XLARGE_BOLD:"heading-xlarge-bold",HEADLINE_SMALL_LIGHT:"headline-small-light",HEADLINE_SMALL_REGULAR:"headline-small-regular"},bt={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},Oe={TYPE:it.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:bt.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Vh=j.constructTagName("alertchip"),Li={NEUTRAL:"neutral",ERROR:"error",SUCCESS:"success",WARNING:"warning",INFORMATIONAL:"informational"},Eo={VARIANT:Li.NEUTRAL,TEXT_TYPE:it.BODY_MIDSIZE_REGULAR,TAG_NAME:bt.SPAN,SIZE:Ci[24],ROLE:"button"};var Bh=l=>({[Li.ERROR]:"error-legacy-badge-filled",[Li.WARNING]:"warning-badge-filled",[Li.SUCCESS]:"check-circle-badge-filled",[Li.INFORMATIONAL]:"info-badge-filled",[Li.NEUTRAL]:"dnd-presence-badge-filled"})[l];var To=class extends ke{constructor(){super(...arguments);this.variant=Eo.VARIANT;this.label=""}connectedCallback(){super.connectedCallback(),this.disabled=void 0,this.softDisabled=void 0,this.active=void 0,this.size=Eo.SIZE,this.role=Eo.ROLE}render(){return O`
       <mdc-icon part="icon" name="${Bh(this.variant)}" length-unit="rem" size="1"></mdc-icon>
-      <mdc-text part="label" type="${Eo.TEXT_TYPE}" tagname="${Eo.TAG_NAME}">${this.label}</mdc-text>
+      ${this.label?O`<mdc-text part="label" type="${Eo.TEXT_TYPE}" tagname="${Eo.TAG_NAME}"
+            >${this.label}</mdc-text
+          >`:Y}
     `}};To.styles=[...q.styles,...zh],v([E({type:String})],To.prototype,"variant",2),v([E({type:String})],To.prototype,"label",2);var Rl=To;var Uh=H`
   :host::part(text) {
     font-size: unset;
@@ -2334,7 +2336,9 @@
   }
 `,Nm=[Et,ub,...St()];var Vo=class extends ce(ke){constructor(){super(...arguments);this.color=zo.COLOR;this.label=""}connectedCallback(){super.connectedCallback(),this.role=zo.ROLE,this.size=zo.SIZE,this.active=void 0,this.softDisabled=void 0}renderIcon(){return this.iconName?O` <mdc-icon name="${this.iconName}" length-unit="rem" size="1"></mdc-icon> `:Y}render(){return O`
       ${this.renderIcon()}
-      <mdc-text type="${zo.TEXT_TYPE}" tagname="${zo.TAG_NAME}">${this.label}</mdc-text>
+      ${this.label?O`<mdc-text part="label" type="${zo.TEXT_TYPE}" tagname="${zo.TAG_NAME}"
+            >${this.label}</mdc-text
+          >`:Y}
     `}};Vo.styles=[...q.styles,...Nm],v([E({type:String,reflect:!0})],Vo.prototype,"color",2),v([E({type:String})],Vo.prototype,"label",2);var Bo=Vo;Bo.register(Lm);var fb=Bo;var Mm=j.constructTagName("coachmark"),qi={COLOR:Hi.CONTRAST,TRIGGER:Gi.MANUAL,ARROW:!0,CLOSE_BUTTON:!0,DISABLE_ARIA_EXPANDED:!0};var Ki=class extends Le{constructor(){super(...arguments);this.trigger=qi.TRIGGER;this.showArrow=qi.ARROW;this.closeButton=qi.CLOSE_BUTTON;this.disableAriaExpanded=qi.DISABLE_ARIA_EXPANDED}connectedCallback(){super.connectedCallback(),this.color=qi.COLOR,this.showArrow=qi.ARROW}};v([E({type:String,reflect:!0})],Ki.prototype,"trigger",2),v([E({type:Boolean,attribute:"show-arrow"})],Ki.prototype,"showArrow",2),v([E({type:Boolean,reflect:!0,attribute:"close-button"})],Ki.prototype,"closeButton",2),v([E({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],Ki.prototype,"disableAriaExpanded",2);var gc=Ki;gc.register(Mm);var vb=gc;var Rm=j.constructTagName("dialog"),gb={DEFAULT:"default",PROMOTIONAL:"promotional"},Ye={VISIBLE:!1,Z_INDEX:1e3,ROLE:"dialog",SIZE:"small",HEADER_TAG_NAME:"h2",DESCRIPTION_TAG_NAME:"p",CANCEL_ICON:"cancel-bold",VARIANT:gb.DEFAULT,DISABLE_ARIA_HAS_POPUP:!1,FOCUS_TRAP:!0};var pi=class{static dispatchDialogEvent(o,e,s=!0){e.dispatchEvent(new CustomEvent(o,{detail:{show:e.visible},composed:!0,bubbles:s}))}static onShowDialog(o){this.dispatchDialogEvent("shown",o)}static onHideDialog(o){this.dispatchDialogEvent("hidden",o)}static onCloseDialog(o,e=!0){this.dispatchDialogEvent("close",o,e)}static onCreatedDialog(o){this.dispatchDialogEvent("created",o)}static onDestroyedDialog(o){this.dispatchDialogEvent("destroyed",o)}};var bb=H`
   :host {
     --mdc-dialog-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);
@@ -2971,7 +2975,9 @@
   }
 `,jm=[Et,wb];var Mn=j.constructTagName("inputchip"),Rn={TEXT_TYPE:it.BODY_MIDSIZE_REGULAR,TAG_NAME:bt.SPAN,CLOSE_ICON:"cancel-bold"};var Ji=class extends ce($t(q)){constructor(){super(...arguments);this.label="";this.error=!1;this.clearAriaLabel=""}renderIcon(){return this.iconName?O` <mdc-icon name="${this.iconName}" length-unit="rem" size="1"></mdc-icon> `:Y}handleClose(){this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,composed:!0}))}render(){return O`
       ${this.renderIcon()}
-      <mdc-text part="label" type="${Rn.TEXT_TYPE}" tagname="${Rn.TAG_NAME}">${this.label}</mdc-text>
+      ${this.label?O`<mdc-text part="label" type="${Rn.TEXT_TYPE}" tagname="${Rn.TAG_NAME}"
+            >${this.label}</mdc-text
+          >`:Y}
       <mdc-button
         ?disabled="${this.disabled}"
         variant="tertiary"