@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.
- package/dist/browser/index.js +14 -16
- package/dist/browser/index.js.map +3 -3
- package/dist/components/option/option.component.d.ts +3 -2
- package/dist/components/option/option.component.js +12 -15
- package/dist/components/option/option.styles.js +0 -4
- package/dist/components/tab/tab.component.js +3 -1
- package/dist/custom-elements.json +627 -603
- package/dist/react/index.d.ts +2 -2
- package/dist/react/index.js +2 -2
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
@@ -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.
|
4644
|
-
|
4645
|
-
|
4646
|
-
|
4647
|
-
|
4648
|
-
|
4649
|
-
|
4650
|
-
|
4651
|
-
|
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">${
|
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
|
-
|
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"),
|
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):_``}
|