@momentum-design/components 0.120.23 → 0.120.24

package/dist/browser/index.js

@@ -4614,7 +4614,6 @@
       flex-shrink: 0;
     }
 
-    :host::part(leading-icon),
     :host::part(trailing) {
       display: flex;
       align-items: center;
@@ -4625,9 +4624,6 @@
       flex: 1;
     }
 
-    :host::part(leading-icon) {
-      margin-inline-end: var(--mdc-listitem-column-gap);
-    }
     :host::part(trailing) {
       margin-inline-start: var(--mdc-listitem-column-gap);
     }
@@ -4640,17 +4636,17 @@
     :host([data-hidden]) {
       display: none;
     }
-  `],Vv=Tx;var Ro=class extends Te(mi){constructor(){super(...arguments);this.selected=!1;this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.role=et.OPTION,this.variant=Ua.INSET_RECTANGLE,this.setAttribute("aria-selected",`${this.selected}`),this.setAttribute("aria-disabled",`${!!this.disabled}`),this.name=void 0,this.sideHeaderText=void 0,this.sublineText=void 0}update(t){super.update(t),t.has("selected")&&(this.setAttribute("aria-selected",`${this.selected}`),this.dispatchModifiedEvent(this.selected?"selected":"unselected"))}render(){let t=this.prefixIcon?_`
-          <div part="leading-icon">
-            <mdc-icon length-unit="rem" slot="leading-controls" name="${rt(this.prefixIcon)}"></mdc-icon>
-          </div>
-        `:j,i=this.selected?_` <mdc-icon length-unit="rem" slot="trailing-controls" name="${$v}"></mdc-icon> `:j;return _`
-      ${t}
-      <div part="leading-text">
-        ${this.getText("leading-text-primary-label",st.BODY_MIDSIZE_REGULAR,this.label)}
-        ${this.getText("leading-text-secondary-label",st.BODY_SMALL_REGULAR,this.secondaryLabel)}
+  `],Vv=Tx;var Ro=class extends Te(mi){constructor(){super(...arguments);this.selected=!1;this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.role=et.OPTION,this.variant=Ua.INSET_RECTANGLE,this.setAttribute("aria-selected",`${this.selected}`),this.setAttribute("aria-disabled",`${!!this.disabled}`),this.name=void 0,this.sideHeaderText=void 0,this.sublineText=void 0}update(t){super.update(t),t.has("selected")&&(this.setAttribute("aria-selected",`${this.selected}`),this.dispatchModifiedEvent(this.selected?"selected":"unselected"))}renderIcon(t,i){return _` <mdc-icon length-unit="rem" slot="${t}" name="${i}"></mdc-icon> `}render(){let t=this.selected?this.renderIcon("trailing-controls",$v):j;return _`
+      <div part="leading">
+        <slot name="leading-controls">
+          ${this.prefixIcon?this.renderIcon("leading-controls",this.prefixIcon):j}
+        </slot>
+        <div part="leading-text">
+          ${this.getText("leading-text-primary-label",st.BODY_MIDSIZE_REGULAR,this.label)}
+          ${this.getText("leading-text-secondary-label",st.BODY_SMALL_REGULAR,this.secondaryLabel)}
+        </div>
       </div>
-      <div part="trailing">${i}</div>
+      <div part="trailing">${t}</div>
     `}};Ro.styles=[...mi.styles,...Vv],p([u({type:Boolean,reflect:!0})],Ro.prototype,"selected",2),p([u({type:String,reflect:!0,attribute:"prefix-icon"})],Ro.prototype,"prefixIcon",2),p([u({type:String,reflect:!0,attribute:"aria-label"})],Ro.prototype,"ariaLabel",2);var Eh=Ro;Eh.register(pr);var xx=Eh;var Th={HIDE_BOLD:"hide-bold",SHOW_BOLD:"show-bold"},zv=z.constructTagName("password");var Oo=class extends Sr{constructor(){super(...arguments);this.showHideButtonAriaLabel="";this.helpTextType=Mt.VALIDATION;this.showPassword=!1}connectedCallback(){super.connectedCallback(),this.trailingButton=!0}toggleShowPassword(){this.showPassword=!this.showPassword}renderTrailingButton(t=!1){let i=t||this.value;return i?_`
       <mdc-button
         part="trailing-button"
@@ -6360,7 +6356,7 @@
       position: relative;
       width: 100%;
     }
-  `],Dg=gA;var $g=z.constructTagName("virtualizedlist"),L6=z.constructTagName("virtualizedwrapper"),Fg={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var Bs=class extends q{constructor(){super();this.virtualizerProps=Fg.VIRTUALIZER_PROPS;this.scrollElementRef=ol();this.virtualItems=[];this.virtualizerController=null,this.virtualizer=null,this.setlistdata=null,this.onscroll=null}update(t){super.update(t),t.get("virtualizerProps")&&this.setVirtualizerOptions()}firstUpdated(t){super.firstUpdated(t),this.setVirtualizerOptions()}setVirtualizerOptions(){var t;(t=this.virtualizer)==null||t.setOptions({...this.virtualizer.options,...this.virtualizerProps}),this.requestUpdate()}connectedCallback(){var t;this.virtualizerController=new xd(this,{count:this.virtualizerProps.count,estimateSize:(t=this.virtualizerProps)==null?void 0:t.estimateSize,getScrollElement:()=>this.scrollElementRef.value||null,...this.virtualizerProps}),super.connectedCallback()}getVirtualizedListWrapper(t){var b,C;this.virtualizer=t.getVirtualizer();let{getTotalSize:i,getVirtualItems:a,measureElement:d}=this.virtualizer,m=a();if(m!==this.virtualItems){this.virtualItems=m;let L=a(),W={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(C=(b=L[0])==null?void 0:b.start)!=null?C:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:L,measureElement:d,listStyle:W})}return _`<div part="container" style="height: ${i()}px;">
+  `],Dg=gA;var $g=z.constructTagName("virtualizedlist"),N6=z.constructTagName("virtualizedwrapper"),Fg={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var Bs=class extends q{constructor(){super();this.virtualizerProps=Fg.VIRTUALIZER_PROPS;this.scrollElementRef=ol();this.virtualItems=[];this.virtualizerController=null,this.virtualizer=null,this.setlistdata=null,this.onscroll=null}update(t){super.update(t),t.get("virtualizerProps")&&this.setVirtualizerOptions()}firstUpdated(t){super.firstUpdated(t),this.setVirtualizerOptions()}setVirtualizerOptions(){var t;(t=this.virtualizer)==null||t.setOptions({...this.virtualizer.options,...this.virtualizerProps}),this.requestUpdate()}connectedCallback(){var t;this.virtualizerController=new xd(this,{count:this.virtualizerProps.count,estimateSize:(t=this.virtualizerProps)==null?void 0:t.estimateSize,getScrollElement:()=>this.scrollElementRef.value||null,...this.virtualizerProps}),super.connectedCallback()}getVirtualizedListWrapper(t){var b,C;this.virtualizer=t.getVirtualizer();let{getTotalSize:i,getVirtualItems:a,measureElement:d}=this.virtualizer,m=a();if(m!==this.virtualItems){this.virtualItems=m;let L=a(),W={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(C=(b=L[0])==null?void 0:b.start)!=null?C:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:L,measureElement:d,listStyle:W})}return _`<div part="container" style="height: ${i()}px;">
       <slot></slot>
     </div>`}handleScroll(t){let i=t.constructor;this.dispatchEvent(new i(t.type,t))}render(){return _`<div ${sl(this.scrollElementRef)} part="scroll" @scroll=${this.handleScroll}>
       ${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):_``}