@momentum-design/components 0.135.1 → 0.135.2

package/dist/browser/index.js

@@ -7434,7 +7434,7 @@
   :host::part(toast-header) {
     display: -webkit-box;
     -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 3;
     align-self: stretch;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -7451,7 +7451,7 @@
   }
 
   :host([data-expanded='true'])::part(toast-header) {
-    -webkit-line-clamp: unset;
+    -webkit-line-clamp: 6;
   }
 
   :host::part(footer) {
@@ -7473,9 +7473,9 @@
   mdc-text::part(text) {
     margin: 0;
   }
-`,sE=[EI];var Re=class extends Ws(Q){constructor(){super(...arguments);this.variant=mr.VARIANT;this.headerTagName=mr.HEADER_TAG_NAME;this.ariaLabel=null;this.isDetailVisible=!1;this.hasDetailedSlot=!1;this.hasOverflowingHeaderText=!1;this.hasFooterButtons=""}closeToast(){let t=new CustomEvent("close",{bubbles:!0,composed:!0,detail:{id:this.id}});this.dispatchEvent(t)}toggleDetailVisibility(){this.isDetailVisible=!this.isDetailVisible,this.isDetailVisible?this.setAttribute("data-expanded","true"):this.removeAttribute("data-expanded")}updateDetailedSlotPresence(){var t,e;this.hasDetailedSlot=(e=(t=this.detailedElements)==null?void 0:t.some(i=>{var n;return(n=i.textContent)==null?void 0:n.trim()}))!=null?e:!1}updateFooterButtonsPresence(){var t,e,i,n;this.hasFooterButtons=((e=(t=this.footerButtonPrimary)==null?void 0:t.length)!=null?e:0)>0||((n=(i=this.footerButtonSecondary)==null?void 0:i.length)!=null?n:0)>0||this.shouldRenderToggleButton()?"has-footer-buttons":""}async firstUpdated(t){super.firstUpdated(t),this.updateDetailedSlotPresence(),await this.updateComplete,Fl(this.headerTextElement)&&(this.hasOverflowingHeaderText=this.headerTextElement.isHeightOverflowing())}renderIcon(t){return t?S`
+`,sE=[EI];var Re=class extends Ws(Q){constructor(){super(...arguments);this.variant=mr.VARIANT;this.headerTagName=mr.HEADER_TAG_NAME;this.ariaLabel=null;this.isDetailVisible=!1;this.hasDetailedSlot=!1;this.hasOverflowingHeaderText=!1;this.hasFooterButtons=""}closeToast(){let t=new CustomEvent("close",{bubbles:!0,composed:!0,detail:{id:this.id}});this.dispatchEvent(t)}updateDataExpanded(){this.isDetailVisible||!this.canRenderToggleButton()?this.setAttribute("data-expanded","true"):this.removeAttribute("data-expanded")}toggleDetailVisibility(){this.isDetailVisible=!this.isDetailVisible,this.updateDataExpanded()}updateDetailedSlotPresence(){var t,e;this.hasDetailedSlot=(e=(t=this.detailedElements)==null?void 0:t.some(i=>{var n;return(n=i.textContent)==null?void 0:n.trim()}))!=null?e:!1}updateFooterButtonsPresence(){var t,e,i,n;this.hasFooterButtons=((e=(t=this.footerButtonPrimary)==null?void 0:t.length)!=null?e:0)>0||((n=(i=this.footerButtonSecondary)==null?void 0:i.length)!=null?n:0)>0||this.shouldRenderToggleButton()?"has-footer-buttons":""}async firstUpdated(t){super.firstUpdated(t),this.updateDetailedSlotPresence(),this.updateDataExpanded(),await this.updateComplete,Fl(this.headerTextElement)&&(this.hasOverflowingHeaderText=this.headerTextElement.isHeightOverflowing())}updated(t){(t.has("showMoreText")||t.has("showLessText"))&&this.updateDataExpanded()}renderIcon(t){return t?S`
       <mdc-icon name="${t}" size="${mr.PREFIX_ICON_SIZE}" part="toast-prefix-icon"></mdc-icon>
-    `:K}shouldRenderToggleButton(){return(this.hasDetailedSlot||this.hasOverflowingHeaderText)&&this.showMoreText&&this.showLessText}renderToggleDetailButton(){return this.shouldRenderToggleButton()?S`
+    `:K}canRenderToggleButton(){return!!(this.showMoreText&&this.showLessText)}shouldRenderToggleButton(){return this.canRenderToggleButton()&&(this.hasDetailedSlot||this.hasOverflowingHeaderText)}renderToggleDetailButton(){return this.shouldRenderToggleButton()?S`
       <mdc-button
         variant="tertiary"
         part="footer-button-toggle"