@momentum-design/components 0.81.6 → 0.82.1

package/dist/browser/index.js

@@ -1467,15 +1467,17 @@
               >${this.subtitle}</mdc-text
             >`:Y}
       </div>`}}return v([T({type:String,attribute:"card-title",reflect:!0})],o.prototype,"cardTitle",2),v([T({type:String,reflect:!0})],o.prototype,"subtitle",2),v([T({type:String,attribute:"image-src",reflect:!0})],o.prototype,"imageSrc",2),v([T({type:String,attribute:"image-alt",reflect:!0})],o.prototype,"imageAlt",2),v([T({type:String,reflect:!0})],o.prototype,"variant",2),v([T({type:String,reflect:!0})],o.prototype,"orientation",2),v([T({type:String,attribute:"title-tag-name",reflect:!0})],o.prototype,"titleTagName",2),v([T({type:String,attribute:"subtitle-tag-name",reflect:!0})],o.prototype,"subtitleTagName",2),v([T({type:String,attribute:"icon-name",reflect:!0})],o.prototype,"iconName",2),o};var ln=l=>{class o extends l{updateFooterButtonColors(s){let a=[...this.footerButtonPrimary||[],...this.footerButtonSecondary||[]];a==null||a.forEach(h=>{s===ql.PROMOTIONAL?h.setAttribute("color",Ci.PROMOTIONAL):h.setAttribute("color",Ci.DEFAULT)})}handleFooterSlot(s,a){var m,b,w;let h=[];s===Qt.LINK&&((m=this.footerLink)!=null&&m.length)?h=this.footerLink:s===Qt.BUTTON&&a===qt.PRIMARY&&((b=this.footerButtonPrimary)!=null&&b.length)?h=this.footerButtonPrimary:s===Qt.BUTTON&&a===qt.SECONDARY&&((w=this.footerButtonSecondary)!=null&&w.length)&&(h=this.footerButtonSecondary);for(let F=1;F<h.length;F+=1)h[F].remove();h.forEach(F=>{F.matches(s)||F.remove(),a&&F.setAttribute("variant",a)})}renderFooter(){return O`<div part="footer">
-        <slot name="footer-link" @slotchange=${()=>this.handleFooterSlot(Qt.LINK)}></slot>
-        <slot
-          name="footer-button-secondary"
-          @slotchange=${()=>this.handleFooterSlot(Qt.BUTTON,qt.SECONDARY)}
-        ></slot>
-        <slot
-          name="footer-button-primary"
-          @slotchange=${()=>this.handleFooterSlot(Qt.BUTTON,qt.PRIMARY)}
-        ></slot>
+        <slot name="footer">
+          <slot name="footer-link" @slotchange=${()=>this.handleFooterSlot(Qt.LINK)}></slot>
+          <slot
+            name="footer-button-secondary"
+            @slotchange=${()=>this.handleFooterSlot(Qt.BUTTON,qt.SECONDARY)}
+          ></slot>
+          <slot
+            name="footer-button-primary"
+            @slotchange=${()=>this.handleFooterSlot(Qt.BUTTON,qt.PRIMARY)}
+          ></slot>
+        </slot>
       </div>`}}return v([Ot({slot:"footer-link"})],o.prototype,"footerLink",2),v([Ot({slot:"footer-button-primary"})],o.prototype,"footerButtonPrimary",2),v([Ot({slot:"footer-button-secondary"})],o.prototype,"footerButtonSecondary",2),o};var Rs=class extends nn(ln(q)){constructor(){super(...arguments);this.handleIconButtons=()=>{var e;if((e=this.iconButtons)==null||e.forEach(s=>{!s.matches(Qt.BUTTON)&&s.getAttribute("data-btn-type")!=="icon"?s.remove():(s.setAttribute("variant",qt.TERTIARY),s.setAttribute("size","32"))}),this.iconButtons&&this.iconButtons.length>3)for(let s=3;s<this.iconButtons.length;s+=1)this.iconButtons[s].remove()}}update(e){super.update(e),e.has("variant")&&this.updateFooterButtonColors(this.variant)}renderHeader(){return this.cardTitle?O`<div part="header">
       ${this.renderIcon()}
       ${this.renderTitle()}
@@ -2433,7 +2435,8 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    height: 100%
+    height: 100%;
+    width: 100%;
   }
 
   :host::part(footer) {