@momentum-design/components 0.27.3 → 0.27.5

package/dist/browser/index.js

@@ -924,22 +924,22 @@
     --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`
-      ${this.prefixIcon?m`
-        <mdc-icon
-          name="${this.prefixIcon}" 
-          part="prefix-icon" 
-          size=${this.iconSize} 
-          length-unit="rem">
-        </mdc-icon>`:""}
+`,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"
+            size=${this.iconSize}
+            length-unit="rem"
+          >
+          </mdc-icon>`:""}
       <slot @slotchange=${this.inferButtonType}></slot>
-      ${this.postfixIcon?m`
-        <mdc-icon
-          name="${this.postfixIcon}" 
-          part="postfix-icon" 
-          size=${this.iconSize} 
-          length-unit="rem">
-        </mdc-icon>`:""}
+      ${this.postfixIcon?m` <mdc-icon
+            name="${this.postfixIcon}"
+            part="postfix-icon"
+            size=${this.iconSize}
+            length-unit="rem"
+          >
+          </mdc-icon>`:""}
     `}};$.styles=[...oe.styles,...Yo],a([c({type:String,attribute:"prefix-icon",reflect:!0})],$.prototype,"prefixIcon",2),a([c({type:String,attribute:"postfix-icon",reflect:!0})],$.prototype,"postfixIcon",2),a([c({type:String})],$.prototype,"variant",2),a([c({type:Number})],$.prototype,"size",2),a([c({type:String})],$.prototype,"color",2),a([c({type:String,reflect:!0})],$.prototype,"role",2),a([L()],$.prototype,"typeInternal",2),a([L()],$.prototype,"iconSize",2);var vr=$;vr.register(tt);var _s=vr;var As=h`
   :host {
     --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);