@momentum-design/components 0.120.9 → 0.120.11

package/dist/browser/index.js

@@ -3667,7 +3667,7 @@
 `,Xf=[OT,...St()];var ko=class extends qt(ie){constructor(){super(...arguments);this.size=Is.SIZE;this.inline=Is.INLINE;this.inverted=Is.INVERTED}connectedCallback(){super.connectedCallback(),this.active=void 0,this.role=Is.ROLE}update(t){super.update(t),t.has("size")&&this.setSize(this.size)}setSize(t){this.setAttribute("size",Object.values(_s).includes(t)?`${t}`:Is.SIZE.toString())}render(){return _`
       <slot></slot>
       ${this.iconName?_` <mdc-icon name=${this.iconName} size=${Kf(this.size)} length-unit="rem"></mdc-icon> `:j}
-    `}};ko.styles=[...$r.styles,...Xf],p([u({type:Number,reflect:!0})],ko.prototype,"size",2),p([u({type:Boolean,reflect:!0})],ko.prototype,"inline",2),p([u({type:Boolean,reflect:!0})],ko.prototype,"inverted",2);var Yc=ko;Yc.register(qf);var PT=Yc;$r.register(wu);var DT=$r;var Cs=n=>{class o extends n{constructor(...a){super(...a);this.loop="true";this.propagateAllKeyEvents=!1;this.initialFocus=0;this.handleNavigationKeyDown=a=>{let d=new Set([Q.ARROW_DOWN,Q.ARROW_UP,Q.HOME,Q.END]),m=window.getComputedStyle(this).direction==="rtl",b=this.resolveDirectionKey(a.key,m);if(!d.has(b))return;let C=a.target,L=this.getCurrentIndex(C);if(L!==-1){switch(this.resetTabIndexes(L),b){case Q.HOME:{this.resetTabIndexAndSetFocus(0,L);break}case Q.END:{this.resetTabIndexAndSetFocus(this.navItems.length-1,L);break}case Q.ARROW_DOWN:{let W=this.shouldLoop()?0:L,K=L+1===this.navItems.length?W:L+1;this.resetTabIndexAndSetFocus(K,L);break}case Q.ARROW_UP:{let W=this.shouldLoop()?this.navItems.length-1:L,K=L-1===-1?W:L-1;this.resetTabIndexAndSetFocus(K,L);break}default:break}this.propagateAllKeyEvents||(a.stopPropagation(),a.preventDefault())}};this.handleNavigationClick=a=>{let d=this.getCurrentIndex(a.target);this.resetTabIndexes(d)};this.addEventListener("keydown",this.handleNavigationKeyDown),this.addEventListener("click",this.handleNavigationClick)}async firstUpdated(a){super.firstUpdated(a);let d=Math.max(Math.min(this.initialFocus,this.navItems.length-1),0);this.resetTabIndexAndSetFocus(d,void 0,!1)}getCurrentIndex(a){return this.navItems.findIndex(d=>d===a||!!(d.compareDocumentPosition(a)&Node.DOCUMENT_POSITION_CONTAINED_BY))}resetTabIndexes(a){var d;if(this.navItems.length>0){this.navItems.forEach(b=>b.setAttribute("tabindex","-1"));let m=this.navItems[a]?a:0;this.navItems[m].setAttribute("tabindex","0"),(d=this.navItems[m])==null||d.focus()}}resetTabIndexAndSetFocus(a,d,m=!0){let{navItems:b}=this;if(b.length===0)return;let C=b[a]?a:0,L=b[C];a===d&&L&&L.getAttribute("tabindex")==="0"||(d===void 0?b.forEach(W=>W.setAttribute("tabindex","-1")):b[d]&&b[d].setAttribute("tabindex","-1"),L.setAttribute("tabindex","0"),m&&(L.focus({preventScroll:!0}),L.scrollIntoView({block:"nearest"})))}resolveDirectionKey(a,d){if(!d)return a;switch(a){case Q.ARROW_LEFT:return Q.ARROW_RIGHT;case Q.ARROW_RIGHT:return Q.ARROW_LEFT;default:return a}}shouldLoop(){return this.loop!=="false"}}return o};var Yl=V.constructTagName("listitem"),Ha={FULL_WIDTH:"full-width",INSET_PILL:"inset-pill",INSET_RECTANGLE:"inset-rectangle"},Zf={VARIANT:Ha.FULL_WIDTH};var Xt={CREATED:"created",DESTROYED:"destroyed",MODIFIED:"modified"};var Qf=(n,o)=>!!(n.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING);var $T=n=>!!n,Vr=class{constructor(o,t){this.cache=[];this.itemCreationHandler=o=>{this.addItem(o.target,void 0)};this.itemDestroyHandler=o=>{this.delete(o.target)};this.host=o,o.addController(this),this.isValidItem=(t==null?void 0:t.isValidItem)||$T,this.onStoreUpdate=t==null?void 0:t.onStoreUpdate,this.host.addEventListener(Xt.CREATED,this.itemCreationHandler),this.host.addEventListener(Xt.DESTROYED,this.itemDestroyHandler)}get items(){return this.cache}hostConnected(){}hostDisconnected(){}add(o){this.addItem(o,void 0)}addAt(o,t){this.addItem(o,t)}addItem(o,t=void 0){var a;let i=o;if(this.isValidItem(i)&&!this.cache.includes(i)){let d=t===void 0?this.cache.findIndex(m=>Qf(i,m)):t;this.onStoreUpdate&&((a=this.onStoreUpdate)==null||a.call(this,i,"added",d===-1?this.cache.length:d,this.cache.slice())),d===-1?this.cache.push(i):d>=0&&this.cache.splice(d,0,i)}}delete(o){var i;let t=this.cache.indexOf(o);t!==-1&&(this.onStoreUpdate&&((i=this.onStoreUpdate)==null||i.call(this,o,"removed",t,this.cache.slice())),this.cache.splice(t,1))}reset(o){this.cache.length=0,this.cache.push(...o||[])}};var Vi=n=>{class o extends n{constructor(...a){super(...a);this.handleItemCreation=a=>{let d=a.target;d&&d.addEventListener(Xt.DESTROYED,this.handleItemRemovedEvent)};this.handleItemRemovedEvent=a=>{if(a.stopImmediatePropagation(),a.target&&a.type===Xt.DESTROYED){a.target.removeEventListener(Xt.DESTROYED,this.handleItemRemovedEvent);let d=new Event(a.type,{bubbles:a.bubbles,composed:a.composed});Object.defineProperty(d,"target",{set(){},get:()=>a.target}),this.dispatchEvent(d)}};this.addEventListener(Xt.CREATED,this.handleItemCreation)}}return o};var FT=B`
+    `}};ko.styles=[...$r.styles,...Xf],p([u({type:Number,reflect:!0})],ko.prototype,"size",2),p([u({type:Boolean,reflect:!0})],ko.prototype,"inline",2),p([u({type:Boolean,reflect:!0})],ko.prototype,"inverted",2);var Yc=ko;Yc.register(qf);var PT=Yc;$r.register(wu);var DT=$r;var Cs=n=>{class o extends n{constructor(...a){super(...a);this.loop="true";this.propagateAllKeyEvents=!1;this.initialFocus=0;this.handleNavigationKeyDown=a=>{let d=new Set([Q.ARROW_DOWN,Q.ARROW_UP,Q.HOME,Q.END]),m=window.getComputedStyle(this).direction==="rtl",b=this.resolveDirectionKey(a.key,m);if(!d.has(b))return;let C=a.target,L=this.getCurrentIndex(C);if(L!==-1){switch(this.resetTabIndexes(L),b){case Q.HOME:{this.resetTabIndexAndSetFocus(0,L);break}case Q.END:{this.resetTabIndexAndSetFocus(this.navItems.length-1,L);break}case Q.ARROW_DOWN:{let W=this.shouldLoop()?0:L,K=L+1===this.navItems.length?W:L+1;this.resetTabIndexAndSetFocus(K,L);break}case Q.ARROW_UP:{let W=this.shouldLoop()?this.navItems.length-1:L,K=L-1===-1?W:L-1;this.resetTabIndexAndSetFocus(K,L);break}default:break}this.propagateAllKeyEvents||(a.stopPropagation(),a.preventDefault())}};this.handleNavigationClick=a=>{let d=a.target,m=this.getCurrentIndex(d);if(m!==-1){let b=!(this.navItems[m]!==d&&document.activeElement===a.target);this.resetTabIndexAndSetFocus(m,void 0,b)}};this.addEventListener("keydown",this.handleNavigationKeyDown),this.addEventListener("click",this.handleNavigationClick)}async firstUpdated(a){super.firstUpdated(a);let d=Math.max(Math.min(this.initialFocus,this.navItems.length-1),0);this.resetTabIndexAndSetFocus(d,void 0,!1)}getCurrentIndex(a){return a?this.navItems.findIndex(d=>d===a||!!(d.compareDocumentPosition(a)&Node.DOCUMENT_POSITION_CONTAINED_BY)):-1}resetTabIndexes(a){var d;if(this.navItems.length>0){this.navItems.forEach(b=>b.setAttribute("tabindex","-1"));let m=this.navItems[a]?a:0;this.navItems[m].setAttribute("tabindex","0"),(d=this.navItems[m])==null||d.focus()}}resetTabIndexAndSetFocus(a,d,m=!0){let{navItems:b}=this;if(b.length===0)return;let C=b[a]?a:0,L=b[C];a===d&&L&&L.getAttribute("tabindex")==="0"||(d===void 0?b.forEach(W=>W.setAttribute("tabindex","-1")):b[d]&&b[d].setAttribute("tabindex","-1"),L.setAttribute("tabindex","0"),m&&(L.focus({preventScroll:!0}),L.scrollIntoView({block:"nearest"})))}resolveDirectionKey(a,d){if(!d)return a;switch(a){case Q.ARROW_LEFT:return Q.ARROW_RIGHT;case Q.ARROW_RIGHT:return Q.ARROW_LEFT;default:return a}}shouldLoop(){return this.loop!=="false"}}return o};var Yl=V.constructTagName("listitem"),Ha={FULL_WIDTH:"full-width",INSET_PILL:"inset-pill",INSET_RECTANGLE:"inset-rectangle"},Zf={VARIANT:Ha.FULL_WIDTH};var Xt={CREATED:"created",DESTROYED:"destroyed",MODIFIED:"modified"};var Qf=(n,o)=>!!(n.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING);var $T=n=>!!n,Vr=class{constructor(o,t){this.cache=[];this.itemCreationHandler=o=>{this.addItem(o.target,void 0)};this.itemDestroyHandler=o=>{this.delete(o.target)};this.host=o,o.addController(this),this.isValidItem=(t==null?void 0:t.isValidItem)||$T,this.onStoreUpdate=t==null?void 0:t.onStoreUpdate,this.host.addEventListener(Xt.CREATED,this.itemCreationHandler),this.host.addEventListener(Xt.DESTROYED,this.itemDestroyHandler)}get items(){return this.cache}hostConnected(){}hostDisconnected(){}add(o){this.addItem(o,void 0)}addAt(o,t){this.addItem(o,t)}addItem(o,t=void 0){var a;let i=o;if(this.isValidItem(i)&&!this.cache.includes(i)){let d=t===void 0?this.cache.findIndex(m=>Qf(i,m)):t;this.onStoreUpdate&&((a=this.onStoreUpdate)==null||a.call(this,i,"added",d===-1?this.cache.length:d,this.cache.slice())),d===-1?this.cache.push(i):d>=0&&this.cache.splice(d,0,i)}}delete(o){var i;let t=this.cache.indexOf(o);t!==-1&&(this.onStoreUpdate&&((i=this.onStoreUpdate)==null||i.call(this,o,"removed",t,this.cache.slice())),this.cache.splice(t,1))}reset(o){this.cache.length=0,this.cache.push(...o||[])}};var Vi=n=>{class o extends n{constructor(...a){super(...a);this.handleItemCreation=a=>{let d=a.target;d&&d.addEventListener(Xt.DESTROYED,this.handleItemRemovedEvent)};this.handleItemRemovedEvent=a=>{if(a.stopImmediatePropagation(),a.target&&a.type===Xt.DESTROYED){a.target.removeEventListener(Xt.DESTROYED,this.handleItemRemovedEvent);let d=new Event(a.type,{bubbles:a.bubbles,composed:a.composed});Object.defineProperty(d,"target",{set(){},get:()=>a.target}),this.dispatchEvent(d)}};this.addEventListener(Xt.CREATED,this.handleItemCreation)}}return o};var FT=B`
   :host {
     display: flex;
     flex-direction: column;
@@ -3841,7 +3841,7 @@
     flex-direction: row;
     flex-shrink: 0;
   }
-`,ov=[BT,...St()];var Ge=class extends zt(Mr(iv(q))){constructor(){super();this.variant=Zf.VARIANT;this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("click",this.handleClick.bind(this))}connectedCallback(){super.connectedCallback(),this.role=this.role||et.LISTITEM}handleClick(t){this.disabled&&(t.stopImmediatePropagation(),t.preventDefault())}handleKeyDown(t){(t.key===Q.ENTER||t.key===Q.SPACE)&&(this.triggerClickEvent(),t.preventDefault())}triggerClickEvent(){let t=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(t)}getText(t,i,a){return _`
+`,ov=[BT,...St()];var Ge=class extends zt(Mr(iv(q))){constructor(){super();this.variant=Zf.VARIANT;this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("click",this.handleClick.bind(this))}connectedCallback(){super.connectedCallback(),this.role=this.role||et.LISTITEM}handleClick(t){this.disabled&&(t.stopImmediatePropagation(),t.preventDefault())}handleKeyDown(t){(t.key===Q.ENTER||t.key===Q.SPACE)&&this.triggerClickEvent(t)&&t.preventDefault()}triggerClickEvent(t){if(t.target!==this&&document.activeElement===t.target)return!1;let a=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});return this.dispatchEvent(a),!0}getText(t,i,a){return _`
       <slot name="${t}">
         ${a?_`<mdc-text part="${t}" type="${i}" tagname="${mt.SPAN}">${a}</mdc-text>`:j}
       </slot>
@@ -3919,7 +3919,7 @@
   :host::part(leading-arrow) {
     --mdc-icon-size: 1.25rem;
   }
-`,hv=[jT];var Hi=class extends mi{constructor(){super(),this.addEventListener("keyup",this.handleKeyUp.bind(this))}handleKeyDown(o){o.key===Q.ENTER&&(this.triggerClickEvent(),o.preventDefault())}handleKeyUp(o){o.key===Q.SPACE&&(this.triggerClickEvent(),o.preventDefault())}connectedCallback(){super.connectedCallback(),this.role=et.MENUITEM,this.variant=Ha.INSET_RECTANGLE}renderTrailingControls(){let o=this.arrowDirection===Jc.NEGATIVE?Ka.LEFT:Ka.RIGHT;return _`
+`,hv=[jT];var Hi=class extends mi{constructor(){super(),this.addEventListener("keyup",this.handleKeyUp.bind(this))}handleKeyDown(o){o.key===Q.ENTER&&(this.triggerClickEvent(o),o.preventDefault())}handleKeyUp(o){o.key===Q.SPACE&&(this.triggerClickEvent(o),o.preventDefault())}connectedCallback(){super.connectedCallback(),this.role=et.MENUITEM,this.variant=Ha.INSET_RECTANGLE}renderTrailingControls(){let o=this.arrowDirection===Jc.NEGATIVE?Ka.LEFT:Ka.RIGHT;return _`
       <slot
         name="trailing-controls"
         @click=${this.stopEventPropagation}