@momentum-design/components 0.104.11 → 0.104.12

package/dist/browser/index.js

@@ -1869,7 +1869,7 @@
   :host([disabled])::part(check-icon) {
     color: var(--mds-color-theme-text-primary-disabled);
   }
-`,Dm=[ay,...At()];var Jo=class extends zt(Ke(mr)){constructor(){super();this.checked=!1;this.selectionType=jn.SELECTION_TYPE;this.addEventListener("click",this.toggleChecked.bind(this)),this.addEventListener("keydown",this.toggleOnEnter.bind(this)),this.addEventListener("keyup",this.toggleOnSpace.bind(this))}connectedCallback(){super.connectedCallback(),this.role=tt.CHECKBOX}update(t){super.update(t),t.has("checked")&&this.setAttribute("aria-checked",`${this.checked}`),t.has("disabled")&&(this.setAttribute("aria-disabled",`${this.disabled}`),this.tabIndex=this.disabled?-1:0)}toggleChecked(){this.disabled||(this.checked=!this.checked)}toggleOnEnter(t){t.key===J.ENTER&&this.toggleChecked()}toggleOnSpace(t){t.key===J.SPACE&&this.toggleChecked()}renderSelection(){let t=this.checked?Fc.CHECKED:Fc.DEFAULT;switch(this.selectionType){case Wn.CHECK:return k`<mdc-icon
+`,Dm=[ay,...At()];var Jo=class extends zt(Ke(mr)){constructor(){super();this.checked=!1;this.selectionType=jn.SELECTION_TYPE;this.addEventListener("click",this.toggleChecked.bind(this)),this.addEventListener("keydown",this.toggleOnEnter.bind(this)),this.addEventListener("keyup",this.toggleOnSpace.bind(this))}connectedCallback(){super.connectedCallback(),this.role=tt.CHECKBOX}update(t){super.update(t),t.has("checked")&&this.setAttribute("aria-checked",`${this.checked}`),t.has("disabled")&&(this.setAttribute("aria-disabled",`${this.disabled}`),this.tabIndex=this.disabled?-1:0)}toggleChecked(){this.disabled||(this.checked=!this.checked),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}toggleOnEnter(t){t.key===J.ENTER&&this.toggleChecked()}toggleOnSpace(t){t.key===J.SPACE&&this.toggleChecked()}renderSelection(){let t=this.checked?Fc.CHECKED:Fc.DEFAULT;switch(this.selectionType){case Wn.CHECK:return k`<mdc-icon
           part="check check-icon"
           size="${jn.ICON_SIZE}"
           length-unit="${jn.ICON_LENGTH_UNIT}"
@@ -2003,7 +2003,7 @@
   :host([disabled])::part(image) {
     opacity: 0.5;
   }
-`,Vm=[dy,...At()];var es=class extends zt(Ke(mr)){constructor(){super();this.checked=!1;this.name="";this.addEventListener("click",this.toggleChecked.bind(this)),this.addEventListener("keydown",this.toggleOnEnter.bind(this)),this.addEventListener("keyup",this.toggleOnSpace.bind(this))}connectedCallback(){super.connectedCallback(),this.role=tt.RADIO}getAllCardsWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-cardradio[name="${this.name}"]`))}toggleChecked(){if(this.disabled)return;this.getAllCardsWithinSameGroup().forEach(o=>{o.checked=!1}),this.checked=!0}setDisabled(t){this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0}update(t){super.update(t),t.has("checked")&&this.setAttribute("aria-checked",`${this.checked}`),t.has("disabled")&&this.setDisabled(this.disabled)}updateCardRadio(t,o){t[o].focus(),t[o].toggleChecked()}toggleOnEnter(t){if(this.disabled)return;let a=this.getAllCardsWithinSameGroup().filter(m=>!m.disabled),h=a.indexOf(this);if(["ArrowDown","ArrowRight"].includes(t.key)){let m=(h+1)%a.length;this.updateCardRadio(a,m)}else if(["ArrowUp","ArrowLeft"].includes(t.key)){let m=(h-1+a.length)%a.length;this.updateCardRadio(a,m)}t.key===J.ENTER&&this.toggleChecked()}toggleOnSpace(t){t.key===J.SPACE&&this.toggleChecked()}renderHeader(){return this.cardTitle?k`<div part="header">
+`,Vm=[dy,...At()];var es=class extends zt(Ke(mr)){constructor(){super();this.checked=!1;this.name="";this.addEventListener("click",this.toggleChecked.bind(this)),this.addEventListener("keydown",this.toggleOnEnter.bind(this)),this.addEventListener("keyup",this.toggleOnSpace.bind(this))}connectedCallback(){super.connectedCallback(),this.role=tt.RADIO}getAllCardsWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-cardradio[name="${this.name}"]`))}toggleChecked(){if(this.disabled||this.checked)return;this.getAllCardsWithinSameGroup().forEach(o=>{o.checked=!1}),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}setDisabled(t){this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0}update(t){super.update(t),t.has("checked")&&this.setAttribute("aria-checked",`${this.checked}`),t.has("disabled")&&this.setDisabled(this.disabled)}updateCardRadio(t,o){t[o].focus(),t[o].toggleChecked()}toggleOnEnter(t){if(this.disabled)return;let a=this.getAllCardsWithinSameGroup().filter(m=>!m.disabled),h=a.indexOf(this);if(["ArrowDown","ArrowRight"].includes(t.key)){let m=(h+1)%a.length;this.updateCardRadio(a,m)}else if(["ArrowUp","ArrowLeft"].includes(t.key)){let m=(h-1+a.length)%a.length;this.updateCardRadio(a,m)}t.key===J.ENTER&&this.toggleChecked()}toggleOnSpace(t){t.key===J.SPACE&&this.toggleChecked()}renderHeader(){return this.cardTitle?k`<div part="header">
       ${this.renderIcon()} ${this.renderTitle()}
       <mdc-staticradio part="check" ?checked="${this.checked}" ?disabled="${this.disabled}"></mdc-staticradio>
     </div>`:j}render(){return k`