@momentum-design/components 0.120.29 → 0.120.31

package/dist/browser/index.js

@@ -1361,31 +1361,31 @@
       --mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatar-default-foreground-color);
       --mdc-avatar-loading-overlay-background-color: var(--mds-color-theme-common-overlays-secondary-normal);
     }
-    :host([size='124'])::part(content) {
+    :host([size='124']) {
       width: 7.75rem;
       height: 7.75rem;
     }
-    :host([size='88'])::part(content) {
+    :host([size='88']) {
       width: 5.5rem;
       height: 5.5rem;
     }
-    :host([size='72'])::part(content) {
+    :host([size='72']) {
       width: 4.5rem;
       height: 4.5rem;
     }
-    :host([size='64'])::part(content) {
+    :host([size='64']) {
       width: 4rem;
       height: 4rem;
     }
-    :host([size='48'])::part(content) {
+    :host([size='48']) {
       width: 3rem;
       height: 3rem;
     }
-    :host([size='32'])::part(content) {
+    :host([size='32']) {
       width: 2rem;
       height: 2rem;
     }
-    :host([size='24'])::part(content) {
+    :host([size='24']) {
       width: 1.5rem;
       height: 1.5rem;
     }
@@ -1408,7 +1408,7 @@
     :host([size='24'])::part(loader) {
       transform: scale(0.3);
     }
-    :host::part(content) {
+    :host {
       width: 2rem;
       height: 2rem;
       background-color: var(--mdc-avatar-default-background-color);
@@ -1504,11 +1504,11 @@
 
     /* High Contrast Mode */
     @media (forced-colors: active) {
-      :host::part(content) {
+      :host {
         outline: 0.125rem solid;
       }
     }
-  `],gu=oE;var bu=z.constructTagName("presence"),Te={ACTIVE:"active",AWAY:"away",AWAY_CALLING:"away-calling",BUSY:"busy",DND:"dnd",MEETING:"meeting",ON_CALL:"on-call",ON_DEVICE:"on-device",ON_MOBILE:"on-mobile",PAUSE:"pause",PTO:"pto",PRESENTING:"presenting",QUIET:"quiet",SCHEDULED:"scheduled"},Xt={24:24,32:32,48:48,64:64,72:72,88:88,124:124},ms={TYPE:Te.ACTIVE,SIZE:Xt[32]};var yu=n=>({[Ft[124]]:Xt[124],[Ft[88]]:Xt[88],[Ft[72]]:Xt[72],[Ft[64]]:Xt[64],[Ft[48]]:Xt[48],[Ft[32]]:Xt[32],[Ft[24]]:Xt[24]})[n]||Xt[32],Eu=n=>({[Ft[124]]:4.75,[Ft[88]]:3,[Ft[72]]:2.5,[Ft[64]]:2.25,[Ft[48]]:1.75,[Ft[32]]:1.25,[Ft[24]]:1})[n]||1.25,Tu=n=>({[Ft[124]]:st.HEADING_XLARGE_MEDIUM,[Ft[88]]:st.HEADING_LARGE_MEDIUM,[Ft[72]]:st.HEADING_MIDSIZE_MEDIUM,[Ft[64]]:st.HEADING_SMALL_MEDIUM,[Ft[48]]:st.HEADING_SMALL_MEDIUM,[Ft[32]]:st.BODY_MIDSIZE_MEDIUM,[Ft[24]]:st.BODY_SMALL_MEDIUM})[n]||st.BODY_MIDSIZE_MEDIUM;var _a=class extends bl(Kt(q)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(t){return t===Se.COUNTER&&(this.counter||this.counter===0)||this.isTyping?j:this.presence?_`
+  `],gu=oE;var bu=z.constructTagName("presence"),Te={ACTIVE:"active",AWAY:"away",AWAY_CALLING:"away-calling",BUSY:"busy",DND:"dnd",MEETING:"meeting",ON_CALL:"on-call",ON_DEVICE:"on-device",ON_MOBILE:"on-mobile",PAUSE:"pause",PTO:"pto",PRESENTING:"presenting",QUIET:"quiet",SCHEDULED:"scheduled"},Xt={24:24,32:32,48:48,64:64,72:72,88:88,124:124},ms={TYPE:Te.ACTIVE,SIZE:Xt[32]};var yu=n=>({[Ft[124]]:Xt[124],[Ft[88]]:Xt[88],[Ft[72]]:Xt[72],[Ft[64]]:Xt[64],[Ft[48]]:Xt[48],[Ft[32]]:Xt[32],[Ft[24]]:Xt[24]})[n]||Xt[32],Eu=n=>({[Ft[124]]:4.75,[Ft[88]]:3,[Ft[72]]:2.5,[Ft[64]]:2.25,[Ft[48]]:1.75,[Ft[32]]:1.25,[Ft[24]]:1})[n]||1.25,Tu=n=>({[Ft[124]]:st.HEADING_XLARGE_MEDIUM,[Ft[88]]:st.HEADING_LARGE_MEDIUM,[Ft[72]]:st.HEADING_MIDSIZE_MEDIUM,[Ft[64]]:st.HEADING_SMALL_MEDIUM,[Ft[48]]:st.HEADING_SMALL_MEDIUM,[Ft[32]]:st.BODY_MIDSIZE_MEDIUM,[Ft[24]]:st.BODY_SMALL_MEDIUM})[n]||st.BODY_MIDSIZE_MEDIUM;var _a=class extends bl(Kt(q)){constructor(){super(...arguments);this.isPhotoLoaded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}getPresenceTemplateBasedOnType(t){return t===Se.COUNTER&&(this.counter||this.counter===0)||this.isTyping?j:this.presence?_`
         <mdc-presence part="presence" type="${this.presence}" size="${yu(this.size)}"></mdc-presence>
       `:j}handleOnLoad(){this.isPhotoLoaded=!0}handleOnError(){this.isPhotoLoaded=!1,this.onerror&&this.onerror("There was a problem while fetching the <img/>. Please check the src attribute and try again.")}photoTemplate(){return _`
       <img
@@ -1522,10 +1522,8 @@
     `}iconTemplate(){let t=this.iconName||ps.ICON_NAME;return _`
       <mdc-icon name="${rt(t)}" length-unit="rem" size="${Eu(this.size)}"></mdc-icon>
     `}textTemplate(t){return _` <mdc-text type="${Tu(this.size)}" tagname="span"> ${t} </mdc-text> `}generateCounterText(t){return t<0?"0":t>vc?`${vc}+`:t.toString()}generateInitialsText(t){return t.toUpperCase().slice(0,2)}generateTextContent(t){let i="";return t===Se.TEXT&&this.initials&&(i=this.generateInitialsText(this.initials)),t===Se.COUNTER&&(this.counter||this.counter===0)&&(i=this.generateCounterText(this.counter)),this.textTemplate(i)}getTypeBasedOnInputs(){return this.src?Se.PHOTO:this.iconName?Se.ICON:this.initials?Se.TEXT:this.counter||this.counter===0?Se.COUNTER:Se.ICON}getTemplateBasedOnType(t){switch(t){case Se.PHOTO:return this.photoTemplate();case Se.TEXT:case Se.COUNTER:return this.generateTextContent(t);case Se.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?_`<div part="loading-wrapper"><div part="loader"></div></div>`:j}getPhotoPlaceHolderContent(t){return this.isPhotoLoaded?j:t===Se.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():j}update(t){super.update(t),t.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let t=this.getTypeBasedOnInputs();return _`
-      <div part="content" aria-hidden="true">
-        ${this.getPhotoPlaceHolderContent(t)} ${this.getTemplateBasedOnType(t)} ${this.getLoadingContent()}
-        ${this.getPresenceTemplateBasedOnType(t)}
-      </div>
+      ${this.getPhotoPlaceHolderContent(t)} ${this.getTemplateBasedOnType(t)} ${this.getLoadingContent()}
+      ${this.getPresenceTemplateBasedOnType(t)}
     `}};_a.styles=[...q.styles,...gu],p([vt()],_a.prototype,"isPhotoLoaded",2);var gc=_a;var sE=[bt,B`
     :host {
       --mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);