@momentum-design/components 0.85.10 → 0.86.0

package/dist/browser/index.js

@@ -3368,20 +3368,20 @@
   :host::part(checkmark-icon) {
     --mdc-icon-fill-color: currentColor;
   }
-`,ou=[Bb];var Go=class extends qe{constructor(){super();this.checked=!1;this.indicator=iu.INDICATOR;this.menuitemcheckboxHandleClick=e=>{e.stopPropagation(),!this.disabled&&(this.checked=!this.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))};this.addEventListener("click",this.menuitemcheckboxHandleClick)}connectedCallback(){super.connectedCallback(),this.role=lt.MENUITEMCHECKBOX}update(e){super.update(e),e.has("checked")&&(this.ariaChecked=`${this.checked}`)}staticCheckbox(){return this.indicator!==Zs.CHECKBOX?Y:O`
-      <mdc-staticcheckbox
-        slot="leading-controls"
-        ?checked="${this.checked}"
-        ?disabled="${this.disabled}"
-      ></mdc-staticcheckbox>
-    `}staticToggle(){return this.indicator!==Zs.TOGGLE?Y:O`
-      <mdc-statictoggle
-        slot="trailing-controls"
-        ?checked="${this.checked}"
-        ?disabled="${this.disabled}"
-        size="${Xs.COMPACT}"
-      ></mdc-statictoggle>
-    `}getCheckmarkIcon(){return this.checked&&this.indicator===Zs.CHECKMARK?O` <mdc-icon slot="trailing-controls" name="check-bold" part="checkmark-icon"></mdc-icon> `:Y}render(){return O`
+`,ou=[Bb];var Go=class extends qe{constructor(){super();this.checked=!1;this.indicator=iu.INDICATOR;this.handleMouseClick=e=>{e.stopPropagation(),!this.disabled&&(this.checked=!this.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))};this.addEventListener("click",this.handleMouseClick)}connectedCallback(){super.connectedCallback(),this.role=lt.MENUITEMCHECKBOX}update(e){super.update(e),e.has("checked")&&(this.ariaChecked=`${this.checked}`)}staticCheckbox(){return this.indicator===Zs.CHECKBOX?O`
+        <mdc-staticcheckbox
+          slot="leading-controls"
+          ?checked="${this.checked}"
+          ?disabled="${this.disabled}"
+        ></mdc-staticcheckbox>
+      `:Y}staticToggle(){return this.indicator===Zs.TOGGLE?O`
+        <mdc-statictoggle
+          slot="trailing-controls"
+          ?checked="${this.checked}"
+          ?disabled="${this.disabled}"
+          size="${Xs.COMPACT}"
+        ></mdc-statictoggle>
+      `:Y}getCheckmarkIcon(){return this.checked&&this.indicator===Zs.CHECKMARK?O` <mdc-icon slot="trailing-controls" name="check-bold" part="checkmark-icon"></mdc-icon> `:Y}render(){return O`
       <div part="leading">
         ${this.staticCheckbox()}
         <slot name="leading-controls"></slot>
@@ -3403,13 +3403,13 @@
   :host::part(checkmark-icon) {
     --mdc-icon-fill-color: currentColor;
   }
-`,au=[Gb];var Ho=class extends qe{constructor(){super();this.checked=!1;this.indicator=su.INDICATOR;this.radioHandleClick=e=>{e.stopPropagation(),!(this.disabled||this.checked)&&(this.updateOtherRadiosCheckedState(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))};this.addEventListener("click",this.radioHandleClick)}connectedCallback(){super.connectedCallback(),this.role=lt.MENUITEMRADIO}getAllRadiosWithinSameGroup(){let e=this.closest(`${Gr}, ${Ft}`);return!e||!this.name?[]:Array.from(e.querySelectorAll(`${this.tagName}[name="${this.name}"]`))}updateOtherRadiosCheckedState(){this.getAllRadiosWithinSameGroup().forEach(s=>{s!==this&&(s.checked=!1)})}update(e){super.update(e),e.has("checked")&&(this.ariaChecked=`${this.checked}`,e.get("checked")===!1&&this.checked&&this.updateOtherRadiosCheckedState())}renderStaticRadio(){return this.indicator!==$n.RADIO?Y:O`
-      <mdc-staticradio
-        slot="leading-controls"
-        ?checked="${this.checked}"
-        ?disabled="${this.disabled}"
-      ></mdc-staticradio>
-    `}renderCheckmarkIcon(){return this.checked&&this.indicator===$n.CHECKMARK?O` <mdc-icon slot="trailing-controls" name="check-bold" part="checkmark-icon"></mdc-icon> `:Y}render(){return O`
+`,au=[Gb];var Ho=class extends qe{constructor(){super();this.checked=!1;this.indicator=su.INDICATOR;this.handleMouseClick=e=>{e.stopPropagation(),!(this.disabled||this.checked)&&(this.updateOtherRadiosCheckedState(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))};this.addEventListener("click",this.handleMouseClick)}connectedCallback(){super.connectedCallback(),this.role=lt.MENUITEMRADIO}getAllRadiosWithinSameGroup(){let e=this.closest(`${Gr}, ${Ft}`);return!e||!this.name?[]:Array.from(e.querySelectorAll(`${this.tagName}[name="${this.name}"]`))}updateOtherRadiosCheckedState(){this.getAllRadiosWithinSameGroup().forEach(s=>{s!==this&&s.removeAttribute("checked")})}update(e){super.update(e),e.has("checked")&&(this.ariaChecked=`${this.checked}`,e.get("checked")===!1&&this.checked&&this.updateOtherRadiosCheckedState())}renderStaticRadio(){return this.indicator===$n.RADIO?O`
+        <mdc-staticradio
+          slot="leading-controls"
+          ?checked="${this.checked}"
+          ?disabled="${this.disabled}"
+        ></mdc-staticradio>
+      `:Y}renderCheckmarkIcon(){return this.checked&&this.indicator===$n.CHECKMARK?O` <mdc-icon slot="trailing-controls" name="check-bold" part="checkmark-icon"></mdc-icon> `:Y}render(){return O`
       <div part="leading">
         ${this.renderStaticRadio()}
         <slot name="leading-controls"></slot>
@@ -3445,7 +3445,7 @@
   }
 `,du=[Yb];var jo=class extends q{constructor(){super(...arguments);this.ariaLabel=null;this.headerText=null}connectedCallback(){super.connectedCallback(),this.setAttribute("role",lt.GROUP)}update(e){super.update(e),(e.has("ariaLabel")||e.has("headerText"))&&(!this.ariaLabel||this.ariaLabel===e.get("headerText"))&&(this.ariaLabel=this.headerText||"")}renderLabel(){return this.headerText?O`<mdc-text part="header-text" type=${it.BODY_MIDSIZE_BOLD} tagname=${bt.DIV}>
         ${this.headerText}
-      </mdc-text> `:null}render(){return O`${this.renderLabel()}<slot></slot>`}};jo.styles=[...q.styles,...du],v([E({type:String,reflect:!0,attribute:"aria-label"})],jo.prototype,"ariaLabel",2),v([E({type:String,reflect:!0})],jo.prototype,"headerText",2);var Vc=jo;Vc.register(Gr);var qb=Vc;var zn=j.constructTagName("sidenavigation"),yr={FIXED_EXPANDED:"fixed-expanded",FIXED_COLLAPSED:"fixed-collapsed",FLEXIBLE:"flexible",HIDDEN:"hidden"},Qs={VARIANT:yr.FLEXIBLE};var Wo=j.constructTagName("navitem"),hu={DOT:Be.DOT,COUNTER:Be.COUNTER},pu={RIGHT_ARROW:"arrow-right-bold"},mu={MAX_COUNTER:99,TEXT_TYPE:it.BODY_MIDSIZE_REGULAR,TAG_NAME:bt.SPAN,SIZE:Ii[24],VARIANT:yr.FLEXIBLE};var Vn=class{constructor(o,e,s){this.variant=o,this.expanded=e,this.parentNavTooltipText=s}hasSiblingWithTriggerId(o){var n,h;let e=o==null?void 0:o.getAttribute("id");return e?Array.from((h=(n=o==null?void 0:o.parentElement)==null?void 0:n.children)!=null?h:[]).some(m=>m!==o&&m.tagName.toLowerCase()===Ft&&m.getAttribute("triggerid")===e):!1}getParentNavItems(o){if(!o)return[];let e=[],s=o;for(;s;){let n=s==null?void 0:s.closest(Ft);if(!n)break;let h=n.getAttribute("triggerid");if(!h)break;let m=document.getElementById(h);if(m&&m.tagName.toLowerCase()===Wo)e.push(m),s=m;else break}return e}setCurrentActiveNavItem(o){var h;let e=((h=this.currentActiveNavItem)==null?void 0:h.navId)===(o==null?void 0:o.navId),s=(o==null?void 0:o.disableAriaCurrent)||this.hasSiblingWithTriggerId(o);if(e||s||(this.currentActiveNavItem&&(this.currentActiveNavItem.removeAttribute("aria-current"),this.currentActiveNavItem.removeAttribute("active"),this.getParentNavItems(this.currentActiveNavItem).forEach(T=>{T.removeAttribute("tooltip-text"),T.removeAttribute("active")})),!o))return;this.currentActiveNavItem=o,o.setAttribute("aria-current","page"),o.setAttribute("active",""),this.getParentNavItems(o).forEach(m=>{m.setAttribute("tooltip-text",this.parentNavTooltipText||""),m.setAttribute("tooltip-placement",Ut.BOTTOM),m.setAttribute("active","")})}};Vn.context=zn;var Bn=Vn;var Kb=H`
+      </mdc-text> `:null}render(){return O`${this.renderLabel()}<slot></slot>`}};jo.styles=[...q.styles,...du],v([E({type:String,reflect:!0,attribute:"aria-label"})],jo.prototype,"ariaLabel",2),v([E({type:String,reflect:!0,attribute:"header-text"})],jo.prototype,"headerText",2);var Vc=jo;Vc.register(Gr);var qb=Vc;var zn=j.constructTagName("sidenavigation"),yr={FIXED_EXPANDED:"fixed-expanded",FIXED_COLLAPSED:"fixed-collapsed",FLEXIBLE:"flexible",HIDDEN:"hidden"},Qs={VARIANT:yr.FLEXIBLE};var Wo=j.constructTagName("navitem"),hu={DOT:Be.DOT,COUNTER:Be.COUNTER},pu={RIGHT_ARROW:"arrow-right-bold"},mu={MAX_COUNTER:99,TEXT_TYPE:it.BODY_MIDSIZE_REGULAR,TAG_NAME:bt.SPAN,SIZE:Ii[24],VARIANT:yr.FLEXIBLE};var Vn=class{constructor(o,e,s){this.variant=o,this.expanded=e,this.parentNavTooltipText=s}hasSiblingWithTriggerId(o){var n,h;let e=o==null?void 0:o.getAttribute("id");return e?Array.from((h=(n=o==null?void 0:o.parentElement)==null?void 0:n.children)!=null?h:[]).some(m=>m!==o&&m.tagName.toLowerCase()===Ft&&m.getAttribute("triggerid")===e):!1}getParentNavItems(o){if(!o)return[];let e=[],s=o;for(;s;){let n=s==null?void 0:s.closest(Ft);if(!n)break;let h=n.getAttribute("triggerid");if(!h)break;let m=document.getElementById(h);if(m&&m.tagName.toLowerCase()===Wo)e.push(m),s=m;else break}return e}setCurrentActiveNavItem(o){var h;let e=((h=this.currentActiveNavItem)==null?void 0:h.navId)===(o==null?void 0:o.navId),s=(o==null?void 0:o.disableAriaCurrent)||this.hasSiblingWithTriggerId(o);if(e||s||(this.currentActiveNavItem&&(this.currentActiveNavItem.removeAttribute("aria-current"),this.currentActiveNavItem.removeAttribute("active"),this.getParentNavItems(this.currentActiveNavItem).forEach(T=>{T.removeAttribute("tooltip-text"),T.removeAttribute("active")})),!o))return;this.currentActiveNavItem=o,o.setAttribute("aria-current","page"),o.setAttribute("active",""),this.getParentNavItems(o).forEach(m=>{m.setAttribute("tooltip-text",this.parentNavTooltipText||""),m.setAttribute("tooltip-placement",Ut.BOTTOM),m.setAttribute("active","")})}};Vn.context=zn;var Bn=Vn;var Kb=H`
   :host {
     --mdc-sidenavigation-expanded-width: 15rem;
     --mdc-sidenavigation-collapsed-width: 4.5rem;
@@ -5039,7 +5039,7 @@
       position: relative;
       width: 100%;
     }
-  `],af=$y;var nf=j.constructTagName("virtualizedlist"),R5=j.constructTagName("virtualizedwrapper"),lf={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var ro=class extends q{constructor(){super();this.virtualizerProps=lf.VIRTUALIZER_PROPS;this.scrollElementRef=Ya();this.virtualItems=[];this.virtualizerController=null,this.virtualizer=null,this.setlistdata=null,this.onscroll=null}update(e){super.update(e),e.get("virtualizerProps")&&this.setVirtualizerOptions()}firstUpdated(e){super.firstUpdated(e),this.setVirtualizerOptions()}setVirtualizerOptions(){var e;(e=this.virtualizer)==null||e.setOptions({...this.virtualizer.options,...this.virtualizerProps}),this.requestUpdate()}connectedCallback(){var e;this.virtualizerController=new rl(this,{count:this.virtualizerProps.count,estimateSize:(e=this.virtualizerProps)==null?void 0:e.estimateSize,getScrollElement:()=>this.scrollElementRef.value||null,...this.virtualizerProps}),super.connectedCallback()}getVirtualizedListWrapper(e){var T,L;this.virtualizer=e.getVirtualizer();let{getTotalSize:s,getVirtualItems:n,measureElement:h}=this.virtualizer,m=n();if(m!==this.virtualItems){this.virtualItems=m;let $=n(),W={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(L=(T=$[0])==null?void 0:T.start)!=null?L:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:$,measureElement:h,listStyle:W})}return O`<div part="container" style="height: ${s()}px;">
+  `],af=$y;var nf=j.constructTagName("virtualizedlist"),O5=j.constructTagName("virtualizedwrapper"),lf={VIRTUALIZER_PROPS:{count:0,estimateSize:()=>0}};var ro=class extends q{constructor(){super();this.virtualizerProps=lf.VIRTUALIZER_PROPS;this.scrollElementRef=Ya();this.virtualItems=[];this.virtualizerController=null,this.virtualizer=null,this.setlistdata=null,this.onscroll=null}update(e){super.update(e),e.get("virtualizerProps")&&this.setVirtualizerOptions()}firstUpdated(e){super.firstUpdated(e),this.setVirtualizerOptions()}setVirtualizerOptions(){var e;(e=this.virtualizer)==null||e.setOptions({...this.virtualizer.options,...this.virtualizerProps}),this.requestUpdate()}connectedCallback(){var e;this.virtualizerController=new rl(this,{count:this.virtualizerProps.count,estimateSize:(e=this.virtualizerProps)==null?void 0:e.estimateSize,getScrollElement:()=>this.scrollElementRef.value||null,...this.virtualizerProps}),super.connectedCallback()}getVirtualizedListWrapper(e){var T,L;this.virtualizer=e.getVirtualizer();let{getTotalSize:s,getVirtualItems:n,measureElement:h}=this.virtualizer,m=n();if(m!==this.virtualItems){this.virtualItems=m;let $=n(),W={position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${(L=(T=$[0])==null?void 0:T.start)!=null?L:0}px)`};this.setlistdata&&this.setlistdata({virtualItems:$,measureElement:h,listStyle:W})}return O`<div part="container" style="height: ${s()}px;">
       <slot></slot>
     </div>`}render(){return O`<div ${qa(this.scrollElementRef)} part="scroll" @scroll=${this.onscroll&&this.onscroll}>
       ${this.virtualizerController?this.getVirtualizedListWrapper(this.virtualizerController):O``}