@momentum-design/components 0.120.22 → 0.120.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4614,7 +4614,6 @@
4614
4614
  flex-shrink: 0;
4615
4615
  }
4616
4616
 
4617
- :host::part(leading-icon),
4618
4617
  :host::part(trailing) {
4619
4618
  display: flex;
4620
4619
  align-items: center;
@@ -4625,9 +4624,6 @@
4625
4624
  flex: 1;
4626
4625
  }
4627
4626
 
4628
- :host::part(leading-icon) {
4629
- margin-inline-end: var(--mdc-listitem-column-gap);
4630
- }
4631
4627
  :host::part(trailing) {
4632
4628
  margin-inline-start: var(--mdc-listitem-column-gap);
4633
4629
  }
@@ -4640,17 +4636,17 @@
4640
4636
  :host([data-hidden]) {
4641
4637
  display: none;
4642
4638
  }
4643
- `],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?_`
4644
- <div part="leading-icon">
4645
- <mdc-icon length-unit="rem" slot="leading-controls" name="${rt(this.prefixIcon)}"></mdc-icon>
4646
- </div>
4647
- `:j,i=this.selected?_` <mdc-icon length-unit="rem" slot="trailing-controls" name="${$v}"></mdc-icon> `:j;return _`
4648
- ${t}
4649
- <div part="leading-text">
4650
- ${this.getText("leading-text-primary-label",st.BODY_MIDSIZE_REGULAR,this.label)}
4651
- ${this.getText("leading-text-secondary-label",st.BODY_SMALL_REGULAR,this.secondaryLabel)}
4639
+ `],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 _`
4640
+ <div part="leading">
4641
+ <slot name="leading-controls">
4642
+ ${this.prefixIcon?this.renderIcon("leading-controls",this.prefixIcon):j}
4643
+ </slot>
4644
+ <div part="leading-text">
4645
+ ${this.getText("leading-text-primary-label",st.BODY_MIDSIZE_REGULAR,this.label)}
4646
+ ${this.getText("leading-text-secondary-label",st.BODY_SMALL_REGULAR,this.secondaryLabel)}
4647
+ </div>
4652
4648
  </div>
4653
- <div part="trailing">${i}</div>
4649
+ <div part="trailing">${t}</div>
4654
4650
  `}};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?_`
4655
4651
  <mdc-button
4656
4652
  part="trailing-button"
@@ -5835,7 +5831,9 @@
5835
5831
  }
5836
5832
  `,...St()],mg=Qx;var Ki=class extends Kt(ie){constructor(){super(...arguments);this.active=md.ACTIVE;this.variant=md.VARIANT;this.handleTabActiveChange=t=>{let i=new CustomEvent("activechange",{detail:{tabId:this.tabId,active:t},bubbles:!0});this.dispatchEvent(i)}}connectedCallback(){super.connectedCallback(),this.role=et.TAB,this.size=void 0,this.type=void 0,this.ariaStateKey="aria-selected",!this.tabId&&this.onerror&&this.onerror("tab id is required")}modifyIconName(t){this.iconName&&(t?(this.prevIconName=this.iconName,this.iconName=`${ho(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(t){this.setAttribute("variant",Object.values(Bh).includes(t)?t:md.VARIANT)}setActive(t,i){super.setActive(t,i),this.modifyIconName(i)}executeAction(){this.handleTabActiveChange(this.active)}update(t){super.update(t),t.has("variant")&&this.setVariant(this.variant)}render(){return _`
5837
5833
  <div part="container">
5838
- ${this.iconName?_` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:j}
5834
+ <slot name="prefix">
5835
+ ${this.iconName?_` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:j}
5836
+ </slot>
5839
5837
  ${this.text?_` <mdc-text
5840
5838
  type=${this.active?st.BODY_MIDSIZE_BOLD:st.BODY_MIDSIZE_MEDIUM}
5841
5839
  tagname=${mt.SPAN}
@@ -6358,7 +6356,7 @@
6358
6356
  position: relative;
6359
6357
  width: 100%;
6360
6358
  }
6361
- `],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;">
6359
+ `],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;">
6362
6360
  <slot></slot>
6363
6361
  </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}>
6364
6362
  ${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):_``}