@momentum-design/components 0.122.12 → 0.122.13

package/dist/browser/index.js

@@ -4152,7 +4152,7 @@
   :host .hidden-checkmark {
     visibility: hidden;
   }
-`,zv=[Ax];var Fs=class extends Jl(pr){constructor(){super();this.checked=!1;this.indicator=$v.INDICATOR;this.addEventListener("click",this.handleMouseClick.bind(this))}connectedCallback(){super.connectedCallback(),this.role=rt.MENUITEMCHECKBOX}handleMouseClick(){this.disabled||(this.controlType!=="controlled"&&(this.checked=!this.checked),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}update(t){super.update(t),t.has("checked")&&(this.ariaChecked=`${this.checked}`)}staticCheckbox(){return this.indicator===tn.CHECKBOX?_`
+`,zv=[Ax];var Fs=class extends Jl(pr){constructor(){super();this.checked=!1;this.indicator=$v.INDICATOR;this.addEventListener("click",this.handleMouseClick.bind(this))}connectedCallback(){super.connectedCallback(),this.role=rt.MENUITEMCHECKBOX}handleMouseClick(){this.disabled||this.softDisabled||(this.controlType!=="controlled"&&(this.checked=!this.checked),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}update(t){super.update(t),t.has("checked")&&(this.ariaChecked=`${this.checked}`)}staticCheckbox(){return this.indicator===tn.CHECKBOX?_`
         <mdc-staticcheckbox
           slot="leading-controls"
           ?checked="${this.checked}"
@@ -4201,7 +4201,7 @@
   :host .hidden-checkmark {
     visibility: hidden;
   }
-`,Bv=[Ix];var $s=class extends Jl(pr){constructor(){super();this.checked=!1;this.indicator=Vv.INDICATOR;this.addEventListener("click",this.handleMouseClick.bind(this))}connectedCallback(){super.connectedCallback(),this.role=rt.MENUITEMRADIO}getAllRadiosWithinSameGroup(){let t=this.closest(`${fi}, ${te}`);return!t||!this.name?[]:Array.from(t.querySelectorAll(`${this.tagName}[name="${this.name}"]`))}updateOtherRadiosCheckedState(){this.getAllRadiosWithinSameGroup().forEach(r=>{r!==this&&r.removeAttribute("checked")})}handleMouseClick(){this.disabled||this.checked||(this.controlType!=="controlled"&&(this.updateOtherRadiosCheckedState(),this.checked=!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}update(t){super.update(t),t.has("checked")&&(this.ariaChecked=`${this.checked}`,t.get("checked")===!1&&this.checked&&this.updateOtherRadiosCheckedState())}renderStaticRadio(){return this.indicator===rd.RADIO?_`
+`,Bv=[Ix];var $s=class extends Jl(pr){constructor(){super();this.checked=!1;this.indicator=Vv.INDICATOR;this.addEventListener("click",this.handleMouseClick.bind(this))}connectedCallback(){super.connectedCallback(),this.role=rt.MENUITEMRADIO}getAllRadiosWithinSameGroup(){let t=this.closest(`${fi}, ${te}`);return!t||!this.name?[]:Array.from(t.querySelectorAll(`${this.tagName}[name="${this.name}"]`))}updateOtherRadiosCheckedState(){this.getAllRadiosWithinSameGroup().forEach(r=>{r!==this&&r.removeAttribute("checked")})}handleMouseClick(){this.disabled||this.softDisabled||this.checked||(this.controlType!=="controlled"&&(this.updateOtherRadiosCheckedState(),this.checked=!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}update(t){super.update(t),t.has("checked")&&(this.ariaChecked=`${this.checked}`,t.get("checked")===!1&&this.checked&&this.updateOtherRadiosCheckedState())}renderStaticRadio(){return this.indicator===rd.RADIO?_`
         <mdc-staticradio
           slot="leading-controls"
           ?checked="${this.checked}"
@@ -4243,7 +4243,7 @@
   ::slotted(mdc-divider) {
     margin-block: 0.25rem;
   }
-`,Yv=[Cx];var en=n=>{var t;if(!n)return!1;let o=(t=n.getAttribute("role"))==null?void 0:t.toLowerCase();return o===rt.MENUITEM||o===rt.MENUITEMCHECKBOX||o===rt.MENUITEMRADIO},bh=n=>{var o;return((o=n==null?void 0:n.tagName)==null?void 0:o.toLowerCase())===te};var rn=class extends Ve{constructor(){super();this.placement=lh.PLACEMENT;this.menuItems=[];this.menuItemsWithSubMenus=[];this.onOutsidePopoverClick=t=>{if(Ce.peek()!==this)return;let r=t.composedPath(),s=this.contains(t.target)||r.includes(this.triggerElement)||r.includes(this),d=this.backdropElement?r.includes(this.backdropElement):!1;(!s||d)&&this.closeAllMenuPopovers()};this.togglePopoverVisible=t=>{var r;(r=this.triggerElement)!=null&&r.hasAttribute("soft-disabled")||!this.isEventFromTrigger(t)||(this.visible?this.hide():this.show())};this.handleItemCreation=t=>{let r=t.target;en(r)&&(t.stopImmediatePropagation(),r.addEventListener("destroyed",this.handleItemChangeEvent),r.addEventListener("disabled",this.handleItemChangeEvent))};this.handleItemChangeEvent=t=>{t.stopImmediatePropagation(),t.target&&t.type==="destroyed"&&(t.target.removeEventListener("destroyed",this.handleItemChangeEvent),t.target.removeEventListener("disabled",this.handleItemChangeEvent)),this.resetMenuNavigation()};this.resetMenuNavigation=()=>{this.collectMenuItems(),this.menuItems.find(r=>r.getAttribute("tabindex")==="0")||this.resetTabIndexes(0)};this.handleKeyDown=t=>{let r=!1;this.collectMenuItems();let s=t.target,d=this.getCurrentIndex(s);if(d===-1)return;this.resetTabIndexes(d);let m=window.getComputedStyle(this).direction==="rtl";switch(this.resolveDirectionKey(t.key,m)){case Q.HOME:{this.resetTabIndexAndSetFocus(0,d),r=!0;break}case Q.END:{this.resetTabIndexAndSetFocus(this.menuItems.length-1,d),r=!0;break}case Q.ARROW_DOWN:{let x=d+1===this.menuItems.length?0:d+1;this.resetTabIndexAndSetFocus(x,d),r=!0;break}case Q.ARROW_UP:{let x=d-1===-1?this.menuItems.length-1:d-1;this.resetTabIndexAndSetFocus(x,d),r=!0;break}case Q.ARROW_RIGHT:{let x=this.getSubMenuPopoverOfTarget(s);x&&(x.show(),r=!0);break}case Q.ARROW_LEFT:{bh(this.parentElement)&&(this.hide(),this.resetTabIndexAndSetFocus(0,d),r=!0);break}case Q.ESCAPE:{this.resetTabIndexAndSetFocus(0,d),r=!0;break}case Q.ENTER:{this.getSubMenuPopoverOfTarget(s)||(this.closeAllMenuPopovers(),this.fireMenuItemAction(s),r=!0);break}case Q.SPACE:{r=!0;break}default:break}r&&(t.stopPropagation(),t.preventDefault())};this.handleKeyUp=t=>{let r=!1,s=t.target;switch(t.key){case Q.SPACE:{s.matches(`${ed}, ${td}`)||this.getSubMenuPopoverOfTarget(s)||(this.closeAllMenuPopovers(),this.fireMenuItemAction(s),r=!0);break}default:break}r&&(t.stopPropagation(),t.preventDefault())};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("keyup",this.handleKeyUp),this.addEventListener("click",this.handleMouseClick),this.addEventListener("created",this.handleItemCreation)}getSubMenuPopoverOfTarget(t){var s,d;let r=t.getAttribute("id");return r?(d=(s=this.parentElement)==null?void 0:s.querySelector)==null?void 0:d.call(s,`${te}[triggerid="${r}"]`):null}collectMenuItems(){var s;let t=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"),r=(t==null?void 0:t.assignedElements({flatten:!0}))||[];this.menuItems=r.map(d=>d.tagName.toLowerCase()===fi?Array.from(d.children).filter(m=>en(m)):en(d)?d:[]).flat().filter(d=>!!d&&!d.hasAttribute("disabled")),this.menuItemsWithSubMenus=this.menuItems.filter(d=>this.getSubMenuPopoverOfTarget(d))}getOpenSubMenusOfItems(t){let r=[];return!t||t.length===0||t.forEach(s=>{let d=this.getSubMenuPopoverOfTarget(s);d&&d.visible&&r.push(d)}),r}connectedCallback(){super.connectedCallback(),this.role=rt.MENU,this.ariaOrientation=lh.ORIENTATION,this.backdrop=!1,this.color=No.TONAL,this.disableAriaExpanded=!1,this.focusBackToTrigger=!0,this.focusTrap=!0,this.hideOnEscape=!0,this.hideOnOutsideClick=!0,this.interactive=!0,this.showArrow=!1,this.closeButton=!1,this.closeButtonAriaLabel=null}async isOpenUpdated(t,r){return t===r||!this.triggerElement?Promise.resolve():(r&&(this.backdrop=![Xa,Qi].includes(this.triggerElement.tagName.toLowerCase())),r===!1&&this.menuItemsWithSubMenus.forEach(s=>{let d=this.getSubMenuPopoverOfTarget(s);d&&d.hide()}),this.resetMenuNavigation(),super.isOpenUpdated(t,r))}async firstUpdated(t){await super.firstUpdated(t),this.collectMenuItems(),this.resetTabIndexes(0)}resetTabIndexes(t){this.menuItems.length>0&&(this.menuItems.forEach(r=>r.setAttribute("tabindex","-1")),this.menuItems[t].setAttribute("tabindex","0"),this.menuItems[t].focus())}getCurrentIndex(t){return this.menuItems.findIndex(r=>r===t)}resetTabIndexAndSetFocus(t,r){t!==r&&(this.menuItems[r].setAttribute("tabindex","-1"),this.menuItems[t].setAttribute("tabindex","0"),this.menuItems[t].focus())}closeAllMenuPopovers(t){for(;Ce.peek()!==t&&bh(Ce.peek());){let r=Ce.pop();if(r)r.hide();else break}}closeOtherSubMenusOnSameLevel(t){let r=this.menuItemsWithSubMenus.filter(d=>d!==t);this.getOpenSubMenusOfItems(r).forEach(d=>{d.hide()})}fireMenuItemAction(t){t.matches(Xa)&&t.dispatchEvent(new Event("action",{bubbles:!0,composed:!0}))}handleMouseClick(t){let r=t.target;if(t.stopPropagation(),!(!en(r)||!t.isTrusted)){if(this.getSubMenuPopoverOfTarget(r)){this.closeOtherSubMenusOnSameLevel(r);return}this.closeAllMenuPopovers(),this.fireMenuItemAction(r)}}resolveDirectionKey(t,r){if(!r)return t;switch(t){case Q.ARROW_LEFT:return Q.ARROW_RIGHT;case Q.ARROW_RIGHT:return Q.ARROW_LEFT;default:return t}}};rn.styles=[...Ve.styles,...Yv],p([u({type:String,reflect:!0})],rn.prototype,"placement",2);var yh=rn;yh.register(te);var kx=yh;var id=class{constructor(o,t,r){this.variant=o,this.expanded=t,this.parentNavTooltipText=r}hasSiblingWithTriggerId(o){var s,d;let t=o==null?void 0:o.getAttribute("id");return t?Array.from((d=(s=o==null?void 0:o.parentElement)==null?void 0:s.children)!=null?d:[]).some(m=>m!==o&&m.tagName.toLowerCase()===te&&m.getAttribute("triggerid")===t):!1}getParentNavMenuItems(o){if(!o)return[];let t=[],r=o;for(;r;){let s=r==null?void 0:r.closest(te);if(!s)break;let d=s.getAttribute("triggerid");if(!d)break;let m=document.getElementById(d);if(m&&m.tagName.toLowerCase()===Qi)t.push(m),r=m;else break}return t}setCurrentActiveNavMenuItem(o){var d;let t=((d=this.currentActiveNavMenuItem)==null?void 0:d.navId)===(o==null?void 0:o.navId),r=(o==null?void 0:o.disableAriaCurrent)||this.hasSiblingWithTriggerId(o)||(o==null?void 0:o.softDisabled);if(t||r||(this.currentActiveNavMenuItem&&(this.currentActiveNavMenuItem.removeAttribute("aria-current"),this.currentActiveNavMenuItem.removeAttribute("active"),this.getParentNavMenuItems(this.currentActiveNavMenuItem).forEach(b=>{b.removeAttribute("tooltip-text"),b.removeAttribute("tooltip-placement"),b.removeAttribute("active")})),!o))return;this.currentActiveNavMenuItem=o,o.setAttribute("aria-current","page"),o.setAttribute("active",""),this.getParentNavMenuItems(o).forEach(m=>{m.setAttribute("tooltip-text",this.parentNavTooltipText||""),m.setAttribute("tooltip-placement",wt.BOTTOM),m.setAttribute("active","")})}};id.context=ji;var od=id;var wx=B`
+`,Yv=[Cx];var en=n=>{var t;if(!n)return!1;let o=(t=n.getAttribute("role"))==null?void 0:t.toLowerCase();return o===rt.MENUITEM||o===rt.MENUITEMCHECKBOX||o===rt.MENUITEMRADIO},bh=n=>{var o;return((o=n==null?void 0:n.tagName)==null?void 0:o.toLowerCase())===te};var rn=class extends Ve{constructor(){super();this.placement=lh.PLACEMENT;this.menuItems=[];this.menuItemsWithSubMenus=[];this.onOutsidePopoverClick=t=>{if(Ce.peek()!==this)return;let r=t.composedPath(),s=this.contains(t.target)||r.includes(this.triggerElement)||r.includes(this),d=this.backdropElement?r.includes(this.backdropElement):!1;(!s||d)&&this.closeAllMenuPopovers()};this.togglePopoverVisible=t=>{var r;(r=this.triggerElement)!=null&&r.hasAttribute("soft-disabled")||!this.isEventFromTrigger(t)||(this.visible?this.hide():this.show())};this.handleItemCreation=t=>{let r=t.target;en(r)&&(t.stopImmediatePropagation(),r.addEventListener("destroyed",this.handleItemChangeEvent),r.addEventListener("disabled",this.handleItemChangeEvent))};this.handleItemChangeEvent=t=>{t.stopImmediatePropagation(),t.target&&t.type==="destroyed"&&(t.target.removeEventListener("destroyed",this.handleItemChangeEvent),t.target.removeEventListener("disabled",this.handleItemChangeEvent)),this.resetMenuNavigation()};this.resetMenuNavigation=()=>{this.collectMenuItems(),this.menuItems.find(r=>r.getAttribute("tabindex")==="0")||this.resetTabIndexes(0)};this.handleKeyDown=t=>{let r=!1;this.collectMenuItems();let s=t.target,d=this.getCurrentIndex(s);if(d===-1)return;this.resetTabIndexes(d);let m=window.getComputedStyle(this).direction==="rtl";switch(this.resolveDirectionKey(t.key,m)){case Q.HOME:{this.resetTabIndexAndSetFocus(0,d),r=!0;break}case Q.END:{this.resetTabIndexAndSetFocus(this.menuItems.length-1,d),r=!0;break}case Q.ARROW_DOWN:{let x=d+1===this.menuItems.length?0:d+1;this.resetTabIndexAndSetFocus(x,d),r=!0;break}case Q.ARROW_UP:{let x=d-1===-1?this.menuItems.length-1:d-1;this.resetTabIndexAndSetFocus(x,d),r=!0;break}case Q.ARROW_RIGHT:{let x=this.getSubMenuPopoverOfTarget(s);x&&(x.show(),r=!0);break}case Q.ARROW_LEFT:{bh(this.parentElement)&&(this.hide(),this.resetTabIndexAndSetFocus(0,d),r=!0);break}case Q.ESCAPE:{this.resetTabIndexAndSetFocus(0,d),r=!0;break}case Q.ENTER:{!this.getSubMenuPopoverOfTarget(s)&&!s.hasAttribute("soft-disabled")&&(this.closeAllMenuPopovers(),this.fireMenuItemAction(s),r=!0);break}case Q.SPACE:{r=!0;break}default:break}r&&(t.stopPropagation(),t.preventDefault())};this.handleKeyUp=t=>{let r=!1,s=t.target;switch(t.key){case Q.SPACE:{!s.matches(`${ed}, ${td}`)&&!s.hasAttribute("soft-disabled")&&(this.getSubMenuPopoverOfTarget(s)||(this.closeAllMenuPopovers(),this.fireMenuItemAction(s),r=!0));break}default:break}r&&(t.stopPropagation(),t.preventDefault())};this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("keyup",this.handleKeyUp),this.addEventListener("click",this.handleMouseClick),this.addEventListener("created",this.handleItemCreation)}getSubMenuPopoverOfTarget(t){var s,d;let r=t.getAttribute("id");return r?(d=(s=this.parentElement)==null?void 0:s.querySelector)==null?void 0:d.call(s,`${te}[triggerid="${r}"]`):null}collectMenuItems(){var s;let t=(s=this.shadowRoot)==null?void 0:s.querySelector("slot"),r=(t==null?void 0:t.assignedElements({flatten:!0}))||[];this.menuItems=r.map(d=>d.tagName.toLowerCase()===fi?Array.from(d.children).filter(m=>en(m)):en(d)?d:[]).flat().filter(d=>!!d&&!d.hasAttribute("disabled")),this.menuItemsWithSubMenus=this.menuItems.filter(d=>this.getSubMenuPopoverOfTarget(d))}getOpenSubMenusOfItems(t){let r=[];return!t||t.length===0||t.forEach(s=>{let d=this.getSubMenuPopoverOfTarget(s);d&&d.visible&&r.push(d)}),r}connectedCallback(){super.connectedCallback(),this.role=rt.MENU,this.ariaOrientation=lh.ORIENTATION,this.backdrop=!1,this.color=No.TONAL,this.disableAriaExpanded=!1,this.focusBackToTrigger=!0,this.focusTrap=!0,this.hideOnEscape=!0,this.hideOnOutsideClick=!0,this.interactive=!0,this.showArrow=!1,this.closeButton=!1,this.closeButtonAriaLabel=null}async isOpenUpdated(t,r){return t===r||!this.triggerElement?Promise.resolve():(r&&(this.backdrop=![Xa,Qi].includes(this.triggerElement.tagName.toLowerCase())),r===!1&&this.menuItemsWithSubMenus.forEach(s=>{let d=this.getSubMenuPopoverOfTarget(s);d&&d.hide()}),this.resetMenuNavigation(),super.isOpenUpdated(t,r))}async firstUpdated(t){await super.firstUpdated(t),this.collectMenuItems(),this.resetTabIndexes(0)}resetTabIndexes(t){this.menuItems.length>0&&(this.menuItems.forEach(r=>r.setAttribute("tabindex","-1")),this.menuItems[t].setAttribute("tabindex","0"),this.menuItems[t].focus())}getCurrentIndex(t){return this.menuItems.findIndex(r=>r===t)}resetTabIndexAndSetFocus(t,r){t!==r&&(this.menuItems[r].setAttribute("tabindex","-1"),this.menuItems[t].setAttribute("tabindex","0"),this.menuItems[t].focus())}closeAllMenuPopovers(t){for(;Ce.peek()!==t&&bh(Ce.peek());){let r=Ce.pop();if(r)r.hide();else break}}closeOtherSubMenusOnSameLevel(t){let r=this.menuItemsWithSubMenus.filter(d=>d!==t);this.getOpenSubMenusOfItems(r).forEach(d=>{d.hide()})}fireMenuItemAction(t){t.matches(Xa)&&t.dispatchEvent(new Event("action",{bubbles:!0,composed:!0}))}handleMouseClick(t){let r=t.target;if(t.stopPropagation(),!(!en(r)||!t.isTrusted||r.hasAttribute("soft-disabled"))){if(this.getSubMenuPopoverOfTarget(r)){this.closeOtherSubMenusOnSameLevel(r);return}this.closeAllMenuPopovers(),this.fireMenuItemAction(r)}}resolveDirectionKey(t,r){if(!r)return t;switch(t){case Q.ARROW_LEFT:return Q.ARROW_RIGHT;case Q.ARROW_RIGHT:return Q.ARROW_LEFT;default:return t}}};rn.styles=[...Ve.styles,...Yv],p([u({type:String,reflect:!0})],rn.prototype,"placement",2);var yh=rn;yh.register(te);var kx=yh;var id=class{constructor(o,t,r){this.variant=o,this.expanded=t,this.parentNavTooltipText=r}hasSiblingWithTriggerId(o){var s,d;let t=o==null?void 0:o.getAttribute("id");return t?Array.from((d=(s=o==null?void 0:o.parentElement)==null?void 0:s.children)!=null?d:[]).some(m=>m!==o&&m.tagName.toLowerCase()===te&&m.getAttribute("triggerid")===t):!1}getParentNavMenuItems(o){if(!o)return[];let t=[],r=o;for(;r;){let s=r==null?void 0:r.closest(te);if(!s)break;let d=s.getAttribute("triggerid");if(!d)break;let m=document.getElementById(d);if(m&&m.tagName.toLowerCase()===Qi)t.push(m),r=m;else break}return t}setCurrentActiveNavMenuItem(o){var d;let t=((d=this.currentActiveNavMenuItem)==null?void 0:d.navId)===(o==null?void 0:o.navId),r=(o==null?void 0:o.disableAriaCurrent)||this.hasSiblingWithTriggerId(o)||(o==null?void 0:o.softDisabled);if(t||r||(this.currentActiveNavMenuItem&&(this.currentActiveNavMenuItem.removeAttribute("aria-current"),this.currentActiveNavMenuItem.removeAttribute("active"),this.getParentNavMenuItems(this.currentActiveNavMenuItem).forEach(b=>{b.removeAttribute("tooltip-text"),b.removeAttribute("tooltip-placement"),b.removeAttribute("active")})),!o))return;this.currentActiveNavMenuItem=o,o.setAttribute("aria-current","page"),o.setAttribute("active",""),this.getParentNavMenuItems(o).forEach(m=>{m.setAttribute("tooltip-text",this.parentNavTooltipText||""),m.setAttribute("tooltip-placement",wt.BOTTOM),m.setAttribute("active","")})}};id.context=ji;var od=id;var wx=B`
   :host {
     --mdc-sidenavigation-expanded-width: 15rem;
     --mdc-sidenavigation-collapsed-width: 4.5rem;