@momentum-design/components 0.27.4 → 0.27.5

package/dist/browser/index.js

@@ -924,7 +924,7 @@
     --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
     --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
   }
-`,Yo=[Ts];var Xo=i=>{switch(i){case K[64]:return 2;case K[52]:return 1.75;case K[40]:return 1.25;default:return 1}},rt=i=>{let t=i.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var $=class extends oe{constructor(){super(...arguments);this.variant=G.VARIANT;this.size=G.SIZE;this.color=G.COLOR;this.role="button";this.typeInternal=G.TYPE_INTERNAL;this.iconSize=1}update(e){super.update(e),e.has("active")&&this.modifyIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${rt(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${rt(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(fe).includes(e)?e:G.VARIANT)}setSize(e){let o=this.typeInternal===Pe.ICON?Object.values(K).includes(e)&&!(e===K[20]&&this.variant!==fe.TERTIARY):Object.values($t).includes(e);this.setAttribute("size",o?`${e}`:`${G.SIZE}`),this.iconSize=Xo(e)}setColor(e){!Object.values(gr).includes(e)||this.variant===fe.TERTIARY?this.setAttribute("color",`${G.COLOR}`):this.setAttribute("color",e)}inferButtonType(){var r,o;let e=(o=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:o.assignedNodes().length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Pe.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Pe.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=Pe.PILL,this.setAttribute("data-btn-type","pill"))}render(){return m`
+`,Yo=[Ts];var Xo=i=>{switch(i){case K[64]:return 2;case K[52]:return 1.75;case K[40]:return 1.25;default:return 1}},rt=i=>{let t=i.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var $=class extends oe{constructor(){super(...arguments);this.variant=G.VARIANT;this.size=G.SIZE;this.color=G.COLOR;this.role="button";this.typeInternal=G.TYPE_INTERNAL;this.iconSize=1}update(e){super.update(e),e.has("active")&&this.modifyIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${rt(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${rt(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(fe).includes(e)?e:G.VARIANT)}setSize(e){let o=this.typeInternal===Pe.ICON?Object.values(K).includes(e)&&!(e===K[20]&&this.variant!==fe.TERTIARY):Object.values($t).includes(e);this.setAttribute("size",o?`${e}`:`${G.SIZE}`),this.iconSize=Xo(e)}setColor(e){!Object.values(gr).includes(e)||this.variant===fe.TERTIARY?this.setAttribute("color",`${G.COLOR}`):this.setAttribute("color",e)}inferButtonType(){var r,o;let e=(o=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:o.assignedNodes().filter(n=>{var s;return n.nodeType!==Node.TEXT_NODE||((s=n.textContent)==null?void 0:s.trim())}).length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Pe.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Pe.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=Pe.PILL,this.setAttribute("data-btn-type","pill"))}render(){return m`
       ${this.prefixIcon?m` <mdc-icon
             name="${this.prefixIcon}"
             part="prefix-icon"