@momentum-ui/web-components 2.10.11 → 2.11.1-dev1

package/dist/chunks/md-57.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[57],{112:function(r,o,a){"use strict";a.r(o),a.d(o,"coachmarkPlacement",(function(){return _})),a.d(o,"Coachmark",(function(){return l}));var c=a(7),e=a(5),m=a(0),p=m.css`.md-coachmark{display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.25rem;display:none;min-width:10.625rem;padding:.75rem;position:absolute;width:auto;z-index:1}.md-coachmark__popper .md-coachmark__arrow{height:0;position:absolute;width:0}.md-coachmark__popper--right{animation:coach-fade 1s,coach-slide-right .5s ease;left:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--right .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;left:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--left{animation:coach-fade 1s,coach-slide-left .5s ease;right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--left .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;right:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--top{animation:coach-fade 1s,coach-slide-top .5s ease;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;bottom:-.625rem;left:50%;transform:translateX(-50%)}.md-coachmark__popper--bottom{animation:coach-fade 1s,coach-slide-bottom .5s ease;left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.md-coachmark__popper--bottom .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;left:50%;top:-.625rem;transform:translateX(-50%)}.md-coachmark__popper--default{background:var(--coachmark-default-bg-color,#f7f7f7);color:var(-coachmark-default-text-color,#545454)}.md-coachmark__popper--default.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color,#c7eeff);color:var(--coachmark-blue-text-color,#08599c)}.md-coachmark__popper--blue.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color,#78f5b8);color:var(--coachmark-green-text-color,#03612c)}.md-coachmark__popper--green.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color,#fce1fc);color:var(--coachmark-purple-text-color,#932099)}.md-coachmark__popper--purple.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color,#f0e3fc);color:var(--coachmark-violet-text-color,#643abd)}.md-coachmark__popper--violet.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color,#baf5e7);color:var(--coachmark-mint-text-color,#12615a)}.md-coachmark__popper--mint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--top .md-coachmark__arrow{border-top:1 .625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color,#16a693);color:var(--coachmark-darkmint-text-color,#f7f7f7)}.md-coachmark__popper--darkmint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color,#ffd98c);color:var(--coachmark-yellow-text-color,#7d4705)}.md-coachmark__popper--yellow.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color,#ffd5cc);color:var(--coachmark-red-text-color,#a12512)}.md-coachmark__popper--red.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color,#d4371c);color:var(--coachmark-darkred-text-color,#4a1812)}.md-coachmark__popper--darkred.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color,#fce4c7);color:var(--coachmark-orange-text-color,#914017)}.md-coachmark__popper--orange.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color,#b2f4f7);color:var(--coachmark-cyan-text-color,#066070)}.md-coachmark__popper--cyan.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color,#b2b2b2);color:var(--coachmark-outline-text-color,#949494)}.md-coachmark__popper--outline.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark--active .md-coachmark__popper{display:block}@keyframes coach-fade{from{opacity:0}to{opacity:1}}@keyframes coach-slide-right{from{left:100%}to{left:calc(100% + 1rem)}}@keyframes coach-slide-top{from{bottom:100%}to{bottom:calc(100% + .5rem)}}@keyframes coach-slide-left{from{right:100%}to{right:calc(100% + 1rem)}}@keyframes coach-slide-bottom{from{top:100%}to{top:calc(100% + .5rem)}}@media (forced-colors:active){.md-coachmark md-task-item{outline:2px solid transparent}.md-coachmark__popper--blue,.md-coachmark__popper--cyan,.md-coachmark__popper--darked,.md-coachmark__popper--darkmint,.md-coachmark__popper--default,.md-coachmark__popper--green,.md-coachmark__popper--mint,.md-coachmark__popper--orange,.md-coachmark__popper--purple,.md-coachmark__popper--red,.md-coachmark__popper--violet,.md-coachmark__popper--yellow{background-color:Canvas;outline:1px solid CanvasText}.md-coachmark__popper--bottom .md-coachmark__arrow,.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid Canvas;border-right:.625rem solid Canvas}.md-coachmark__popper--left .md-coachmark__arrow,.md-coachmark__popper--right .md-coachmark__arrow{border-top:.625rem solid Canvas;border-bottom:.625rem solid Canvas}}`,t=a(6),d=a(4),h=(a(17),function(r,o,a,c){var e,m=arguments.length,p=m<3?o:null===c?c=Object.getOwnPropertyDescriptor(o,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(r,o,a,c);else for(var t=r.length-1;t>=0;t--)(e=r[t])&&(p=(m<3?e(p):m>3?e(o,a,p):e(o,a))||p);return m>3&&p&&Object.defineProperty(o,a,p),p});const _=["auto","left","right","top","bottom"];var l;!function(r){let o=class extends(Object(c.b)(m.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(r){const o=r.target;if(o){const r=o.assignedElements({flatten:!0});r.length&&(this.slotContent=r)}}update(r){super.update(r),r.has("show")&&this.show&&(this.setFocusableElements(),this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{["md-coachmark__popper--"+this.placement]:!!this.placement,["md-coachmark__popper--"+this.color]:!!this.color}}static get styles(){return[e.a,p]}render(){return m.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[57],{112:function(r,o,a){"use strict";a.r(o),a.d(o,"coachmarkPlacement",(function(){return _})),a.d(o,"Coachmark",(function(){return l}));var c=a(7),e=a(5),m=a(0),p=m.css`.md-coachmark{display:inline-flex;position:relative}.md-coachmark__popper{border-radius:.25rem;display:none;min-width:10.625rem;padding:.75rem;position:absolute;width:auto;z-index:1}.md-coachmark__popper .md-coachmark__arrow{height:0;position:absolute;width:0}.md-coachmark__popper--right{animation:coach-fade 1s,coach-slide-right .5s ease;left:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--right .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;left:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--left{animation:coach-fade 1s,coach-slide-left .5s ease;right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.md-coachmark__popper--left .md-coachmark__arrow{border-bottom:.625rem solid transparent;border-top:.625rem solid transparent;right:-.625rem;top:50%;transform:translateY(-50%)}.md-coachmark__popper--top{animation:coach-fade 1s,coach-slide-top .5s ease;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%)}.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;bottom:-.625rem;left:50%;transform:translateX(-50%)}.md-coachmark__popper--bottom{animation:coach-fade 1s,coach-slide-bottom .5s ease;left:50%;top:calc(100% + .5rem);transform:translateX(-50%)}.md-coachmark__popper--bottom .md-coachmark__arrow{border-left:.625rem solid transparent;border-right:.625rem solid transparent;left:50%;top:-.625rem;transform:translateX(-50%)}.md-coachmark__popper--default{background:var(--coachmark-default-bg-color,#f7f7f7);color:var(-coachmark-default-text-color,#545454)}.md-coachmark__popper--default.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--default.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-default-bg-color,#f7f7f7)}.md-coachmark__popper--blue{background:var(--coachmark-blue-bg-color,#c7eeff);color:var(--coachmark-blue-text-color,#08599c)}.md-coachmark__popper--blue.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--blue.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-blue-bg-color,#c7eeff)}.md-coachmark__popper--green{background:var(--coachmark-green-bg-color,#78f5b8);color:var(--coachmark-green-text-color,#03612c)}.md-coachmark__popper--green.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--green.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-green-bg-color,#78f5b8)}.md-coachmark__popper--purple{background:var(--coachmark-purple-bg-color,#fce1fc);color:var(--coachmark-purple-text-color,#932099)}.md-coachmark__popper--purple.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--purple.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-purple-bg-color,#fce1fc)}.md-coachmark__popper--violet{background:var(--coachmark-violet-bg-color,#f0e3fc);color:var(--coachmark-violet-text-color,#643abd)}.md-coachmark__popper--violet.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--violet.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-violet-bg-color,#f0e3fc)}.md-coachmark__popper--mint{background:var(--coachmark-mint-bg-color,#baf5e7);color:var(--coachmark-mint-text-color,#12615a)}.md-coachmark__popper--mint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--top .md-coachmark__arrow{border-top:1 .625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--mint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-mint-bg-color,#baf5e7)}.md-coachmark__popper--darkmint{background:var(--coachmark-darkmint-bg-color,#16a693);color:var(--coachmark-darkmint-text-color,#f7f7f7)}.md-coachmark__popper--darkmint.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--darkmint.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkmint-bg-color,#16a693)}.md-coachmark__popper--yellow{background:var(--coachmark-yellow-bg-color,#ffd98c);color:var(--coachmark-yellow-text-color,#7d4705)}.md-coachmark__popper--yellow.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--yellow.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-yellow-bg-color,#ffd98c)}.md-coachmark__popper--red{background:var(--coachmark-red-bg-color,#ffd5cc);color:var(--coachmark-red-text-color,#a12512)}.md-coachmark__popper--red.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--red.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-red-bg-color,#ffd5cc)}.md-coachmark__popper--darkred{background:var(--coachmark-darkred-bg-color,#d4371c);color:var(--coachmark-darkred-text-color,#4a1812)}.md-coachmark__popper--darkred.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--darkred.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-darkred-bg-color,#d4371c)}.md-coachmark__popper--orange{background:var(--coachmark-orange-bg-color,#fce4c7);color:var(--coachmark-orange-text-color,#914017)}.md-coachmark__popper--orange.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--orange.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-orange-bg-color,#fce4c7)}.md-coachmark__popper--cyan{background:var(--coachmark-cyan-bg-color,#b2f4f7);color:var(--coachmark-cyan-text-color,#066070)}.md-coachmark__popper--cyan.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--cyan.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-cyan-bg-color,#b2f4f7)}.md-coachmark__popper--outline{background:var(--coachmark-outline-color,#b2b2b2);color:var(--coachmark-outline-text-color,#949494)}.md-coachmark__popper--outline.md-coachmark__popper--left .md-coachmark__arrow{border-left:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--right .md-coachmark__arrow{border-right:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--top .md-coachmark__arrow{border-top:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark__popper--outline.md-coachmark__popper--bottom .md-coachmark__arrow{border-bottom:.625rem solid var(--coachmark-outline-color,#b2b2b2)}.md-coachmark--active .md-coachmark__popper{display:block}@keyframes coach-fade{from{opacity:0}to{opacity:1}}@keyframes coach-slide-right{from{left:100%}to{left:calc(100% + 1rem)}}@keyframes coach-slide-top{from{bottom:100%}to{bottom:calc(100% + .5rem)}}@keyframes coach-slide-left{from{right:100%}to{right:calc(100% + 1rem)}}@keyframes coach-slide-bottom{from{top:100%}to{top:calc(100% + .5rem)}}@media(forced-colors:active){.md-coachmark md-task-item{outline:2px solid transparent}.md-coachmark__popper--blue,.md-coachmark__popper--cyan,.md-coachmark__popper--darked,.md-coachmark__popper--darkmint,.md-coachmark__popper--default,.md-coachmark__popper--green,.md-coachmark__popper--mint,.md-coachmark__popper--orange,.md-coachmark__popper--purple,.md-coachmark__popper--red,.md-coachmark__popper--violet,.md-coachmark__popper--yellow{background-color:Canvas;outline:1px solid CanvasText}.md-coachmark__popper--bottom .md-coachmark__arrow,.md-coachmark__popper--top .md-coachmark__arrow{border-left:.625rem solid Canvas;border-right:.625rem solid Canvas}.md-coachmark__popper--left .md-coachmark__arrow,.md-coachmark__popper--right .md-coachmark__arrow{border-top:.625rem solid Canvas;border-bottom:.625rem solid Canvas}}`,t=a(6),d=a(4),h=(a(17),function(r,o,a,c){var e,m=arguments.length,p=m<3?o:null===c?c=Object.getOwnPropertyDescriptor(o,a):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(r,o,a,c);else for(var t=r.length-1;t>=0;t--)(e=r[t])&&(p=(m<3?e(p):m>3?e(o,a,p):e(o,a))||p);return m>3&&p&&Object.defineProperty(o,a,p),p});const _=["auto","left","right","top","bottom"];var l;!function(r){let o=class extends(Object(c.b)(m.LitElement)){constructor(){super(...arguments),this.message="",this.actionname="Next",this.hidebutton=!1,this.placement="auto",this.show=!1,this.color="default",this.slotContent=null}connectedCallback(){super.connectedCallback()}notifyCoachCreate(){this.dispatchEvent(new CustomEvent("coach-create",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}coachAction(){this.dispatchEvent(new CustomEvent("coach-action",{bubbles:!0,composed:!0,detail:{popper:this.popper}}))}handleSlotChange(r){const o=r.target;if(o){const r=o.assignedElements({flatten:!0});r.length&&(this.slotContent=r)}}update(r){super.update(r),r.has("show")&&this.show&&(this.setFocusableElements(),this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus())}get coachWrapClassMap(){return{"md-coachmark--active":!!this.show}}get coachClassMap(){return{["md-coachmark__popper--"+this.placement]:!!this.placement,["md-coachmark__popper--"+this.color]:!!this.color}}static get styles(){return[e.a,p]}render(){return m.html`
         <div class="md-coachmark ${Object(d.classMap)(this.coachWrapClassMap)}">
           <div class="md-coachmark__popper ${Object(d.classMap)(this.coachClassMap)}" tabindex="0">
             <div class="md-coachmark__content" >

package/dist/chunks/md-6.js

@@ -1,3 +1,3 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{48:function(e,t,r){"use strict";r.r(t),r.d(t,"Spinner",(function(){return n}));var n,o=r(5),i=r(9),s=r(0),p=s.css`:host(:focus){box-shadow:none;outline:0}:host(md-spinner){line-height:1rem}:host(md-spinner) .md-spinner{border:1px solid var(--spinner-bg-color,#b2b2b2);border-radius:50%;display:block;position:relative}:host(md-spinner) .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--spinner-color,#000);border-right:1px solid transparent;border-top:1px solid transparent}:host(md-spinner) .md-spinner::after{animation:load8 1s infinite linear;border-radius:50%;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}@keyframes load8{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (forced-colors:active){:host(md-spinner) .md-spinner:after{border-bottom:2px solid Highlight;border-left:2px solid HighlightText;border-right:2px solid Highlight;border-top:2px solid Highlight}}`,d=r(6),l=function(e,t,r,n){var o,i=arguments.length,s=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,n);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(s=(i<3?o(s):i>3?o(t,r,s):o(t,r))||s);return i>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.size=56}static get styles(){return[o.a,p]}get spinnerStyleMap(){return{width:this.size+"px",height:this.size+"px"}}render(){return s.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{48:function(e,t,r){"use strict";r.r(t),r.d(t,"Spinner",(function(){return n}));var n,o=r(5),i=r(9),s=r(0),p=s.css`:host(:focus){box-shadow:none;outline:0}:host(md-spinner){line-height:1rem}:host(md-spinner) .md-spinner{border:1px solid var(--spinner-bg-color,#b2b2b2);border-radius:50%;display:block;position:relative}:host(md-spinner) .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--spinner-color,#000);border-right:1px solid transparent;border-top:1px solid transparent}:host(md-spinner) .md-spinner::after{animation:load8 1s infinite linear;border-radius:50%;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}@keyframes load8{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(forced-colors:active){:host(md-spinner) .md-spinner:after{border-bottom:2px solid Highlight;border-left:2px solid HighlightText;border-right:2px solid Highlight;border-top:2px solid Highlight}}`,d=r(6),l=function(e,t,r,n){var o,i=arguments.length,s=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,n);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(s=(i<3?o(s):i>3?o(t,r,s):o(t,r))||s);return i>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.size=56}static get styles(){return[o.a,p]}get spinnerStyleMap(){return{width:this.size+"px",height:this.size+"px"}}render(){return s.html`
         <i class="md-spinner" part="spinner" style=${Object(i.styleMap)(this.spinnerStyleMap)}></i>
       `}};l([Object(s.property)({type:Number,reflect:!0})],t.prototype,"size",void 0),t=l([Object(d.a)("md-spinner")],t),e.ELEMENT=t}(n||(n={}))}}]);

package/dist/chunks/md-63.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{114:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return b}));o(15);var i=o(1),s=o(7),d=o(5),n=o(0),r=o(3),l=o(13),a=o(2),p=o(36),c=n.css`:host(:focus){box-shadow:none!important;outline:0!important}:host .md-dropdown{display:flex;flex-direction:column;position:relative}:host .md-dropdown-select{display:none}:host .md-dropdown-label{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);min-height:2rem;padding:0 .75rem}:host .md-dropdown-label--text{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-secondary-text-color);line-height:2rem;outline:0;width:6.25rem;flex:1 0 auto}:host .md-dropdown-label--icon{transition:all .15s linear;display:inline-block;background-color:transparent;border:none;cursor:pointer;height:1.75rem;margin:0;margin-left:calc(.25rem * 3);outline:0;padding:0;padding-top:calc(.25rem / 2);position:relative;vertical-align:bottom}:host .md-dropdown-label--icon md-icon{color:var(--md-primary-text-color,#f7f7f7)}:host .md-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown-list{list-style:none;margin:0;padding:0;display:none;background-color:var(--md-primary-bg-color);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);left:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;z-index:99}:host .md-dropdown-option{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;color:var(--md-primary-text-color,#f7f7f7);padding:.4375rem .75rem .5rem}:host .md-dropdown-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:calc(100% - 1rem);display:block}:host .md-dropdown-option:hover{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-focus,#00a0d1)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host([focus-visible]) .md-dropdown .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([disabled]) .md-dropdown .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown .md-dropdown-label:active,:host([disabled]) .md-dropdown .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}@media (forced-colors:active){:host([focus-visible]) .md-dropdown .md-dropdown-label{border:2px solid Highlight}:host([focus-visible]) .md-dropdown .md-dropdown-label--text{forced-color-adjust:none;background-color:Canvas;color:CanvasText}:host([focus-visible]) .md-dropdown-list{border:1px solid CanvasText}:host .md-dropdown-option[focused]{forced-color-adjust:none;background-color:Highlight;color:HighlightText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText;color:GrayText}}`,h=function(e,t,o,i){var s,d=arguments.length,n=d<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(n=(d<3?s(n):d>3?s(t,o,n):s(t,o))||n);return d>3&&n&&Object.defineProperty(t,o,n),n},u=function(e,t,o,i){return new(o||(o=Promise))((function(s,d){function n(e){try{l(i.next(e))}catch(e){d(e)}}function r(e){try{l(i.throw(e))}catch(e){d(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(n,r)}l((i=i.apply(e,t||[])).next())}))};var b;!function(e){let t=class extends(Object(s.a)(n.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case i.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case i.b.Space:case i.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case i.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case i.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case i.b.Home:this.expanded?this.focusFirst():this.expand();break;case i.b.End:this.expanded?this.focusLast():this.expand();break;case i.b.Escape||i.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}}}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updated(e){super.updated(e),e.forEach((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex(e=>e.key===this.selectedKey);-1!==e&&this.focusToIndex(e)}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:i,value:s}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(i)?console.error(`Dropdown already have option key: "${i}". Ignoring `):i?(e.push(i),t.push({key:i,value:s,option:o})):console.error(`Dropdown key is not defined: "${i}". (value: "${s}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return u(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return u(this,void 0,void 0,(function*(){yield new Promise(e=>requestAnimationFrame(()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=[...this.optionsListItems].slice(0,this.visibleOptions).reduce((e,t)=>e+t.offsetHeight,0)+"px";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))}))}handleFocusIn(e){this.disabled||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[d.a,c]}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?"combo-"+this.focusedIndex:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return u(this,void 0,void 0,(function*(){yield new Promise(t=>{requestAnimationFrame(()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:o,bottom:i}=this.optionsList.getBoundingClientRect(),s=this.optionsListItems[e],d=this.optionsListItems[e+1]||s,n=this.optionsListItems[e-1]||s,r=d.getBoundingClientRect(),l=n.getBoundingClientRect();r.bottom>i?t=r.bottom-i+2:l.top<o&&(t=l.top-o-2),this.optionsList.scrollTop+=t}t()})})}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),o=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:o[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find(e=>e.key===this.selectedKey);if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded}}render(){return r.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{114:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return b}));o(15);var i=o(1),s=o(7),d=o(5),n=o(0),r=o(3),l=o(13),a=o(2),p=o(36),c=n.css`:host(:focus){box-shadow:none!important;outline:0!important}:host .md-dropdown{display:flex;flex-direction:column;position:relative}:host .md-dropdown-select{display:none}:host .md-dropdown-label{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);min-height:2rem;padding:0 .75rem}:host .md-dropdown-label--text{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-secondary-text-color);line-height:2rem;outline:0;width:6.25rem;flex:1 0 auto}:host .md-dropdown-label--icon{transition:all .15s linear;display:inline-block;background-color:rgba(0,0,0,0);border:none;cursor:pointer;height:1.75rem;margin:0;margin-left:calc(.25rem*3);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom}:host .md-dropdown-label--icon md-icon{color:var(--md-primary-text-color,#f7f7f7)}:host .md-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown-list{list-style:none;margin:0;padding:0;display:none;background-color:var(--md-primary-bg-color);border:1px solid var(--dropdown-list-border-color);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);left:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;z-index:99;padding:calc(var(--dropdown-list-padding)/16*1rem)}:host .md-dropdown-option{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;color:var(--md-primary-text-color,#f7f7f7);padding:.4375rem .75rem .5rem;border-radius:calc(var(--dropdown-list-item-border-radius)/16*1rem);height:calc(var(--dropdown-list-item-height)/16*1rem)}:host .md-dropdown-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;width:calc(100% - 1rem);display:block}:host .md-dropdown-option:hover{background-color:var(--dropdown-list-item-bg-color-hover,#91ebff)}:host .md-dropdown-option[focused]{background-color:var(--dropdown-list-item-bg-color-focus,#00a0d1);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown__expanded .md-dropdown-list{display:block}:host .md-dropdown__expanded .md-dropdown-label--icon{transform:rotate(180deg)}:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host([focus-visible]) .md-dropdown .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([disabled]) .md-dropdown .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown .md-dropdown-label:active,:host([disabled]) .md-dropdown .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}@media(forced-colors:active){:host([focus-visible]) .md-dropdown .md-dropdown-label{border:2px solid Highlight}:host([focus-visible]) .md-dropdown .md-dropdown-label--text{forced-color-adjust:none;background-color:Canvas;color:CanvasText}:host([focus-visible]) .md-dropdown-list{border:1px solid CanvasText}:host .md-dropdown-option[focused]{forced-color-adjust:none;background-color:Highlight;color:HighlightText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText;color:GrayText}}`,h=function(e,t,o,i){var s,d=arguments.length,n=d<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(n=(d<3?s(n):d>3?s(t,o,n):s(t,o))||n);return d>3&&n&&Object.defineProperty(t,o,n),n},u=function(e,t,o,i){return new(o||(o=Promise))((function(s,d){function n(e){try{l(i.next(e))}catch(e){d(e)}}function r(e){try{l(i.throw(e))}catch(e){d(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(n,r)}l((i=i.apply(e,t||[])).next())}))};var b;!function(e){let t=class extends(Object(s.a)(n.LitElement)){constructor(){super(...arguments),this.title="Select...",this.options=[],this.optionId="",this.optionValue="",this.defaultOption="",this.disabled=!1,this.customTabIndex=0,this.allowUnselected=!1,this.visibleOptions=8,this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.lastMaxHeight="",this.onOutsideClick=e=>{let t=!1;const o=e.composedPath();o.length&&(t=!!o.find(e=>e===this),t||this.expanded&&this.collapse())},this.onKeyDown=e=>{switch(e.code){case i.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case i.b.Space:case i.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case i.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case i.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case i.b.Home:this.expanded?this.focusFirst():this.expand();break;case i.b.End:this.expanded?this.focusLast():this.expand();break;case i.b.Escape||i.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}}}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}firstUpdated(e){super.firstUpdated(e),e.forEach((e,t)=>{if("defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updated(e){super.updated(e),e.forEach((e,t)=>{if("options"===t&&this.updateRenderOptions(),"selectedKey"===t){const e=this.renderOptions.findIndex(e=>e.key===this.selectedKey);-1!==e&&this.focusToIndex(e)}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:i,value:s}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(i)?console.error(`Dropdown already have option key: "${i}". Ignoring `):i?(e.push(i),t.push({key:i,value:s,option:o})):console.error(`Dropdown key is not defined: "${i}". (value: "${s}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return u(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return u(this,void 0,void 0,(function*(){yield new Promise(e=>requestAnimationFrame(()=>{if(this.optionsListItems)if(this.optionsListItems.length>this.visibleOptions){const e=[...this.optionsListItems].slice(0,this.visibleOptions).reduce((e,t)=>e+t.offsetHeight,0)+"px";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}else{const e="auto";this.lastMaxHeight!==e&&(this.optionsList.style.maxHeight=e,this.lastMaxHeight=e)}e()}))}))}handleFocusIn(e){this.disabled||super.handleFocusIn&&super.handleFocusIn(e),this.dispatchEvent(new CustomEvent("dropdown-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.dispatchEvent(new CustomEvent("dropdown-focus-out",{composed:!0,bubbles:!0}))}static get styles(){return[d.a,c]}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown)}expand(){this.expanded=!0;const e=-1!==this.focusedIndex?"combo-"+this.focusedIndex:"";document.dispatchEvent(new CustomEvent("on-widget-update")),this.label.setAttribute("aria-activedescendant",e),this.optionsList&&this.optionsList.focus(),-1===this.focusedIndex&&this.focusNext()}collapse(){this.expanded=!1,this.label.setAttribute("aria-activedescendant","")}toggle(){this.expanded?this.collapse():this.expand()}select(){if(-1!==this.focusedIndex){const e=this.renderOptions[this.focusedIndex],t=e.key;t!==this.selectedKey&&(this.selectedKey=t,this.dispatchEvent(new CustomEvent("dropdown-selected",{composed:!0,bubbles:!0,detail:{option:e.option?e.option:e.key}})))}}onLabelClick(){this.label.focus(),this.toggle()}focusFirst(){this.renderOptions.length&&(this.focusedIndex=0)}focusLast(){this.renderOptions.length&&(this.focusedIndex=this.renderOptions.length-1)}focusNext(){this.renderOptions.length&&(-1!==this.focusedIndex&&this.focusedIndex<this.renderOptions.length-1?this.focusedIndex++:this.focusFirst())}focusPrev(){this.renderOptions.length&&(this.focusedIndex>0?this.focusedIndex--:this.focusLast())}focusToIndex(e){this.renderOptions.length&&e>=0&&e<=this.renderOptions.length-1&&(this.focusedIndex=e)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return u(this,void 0,void 0,(function*(){yield new Promise(t=>{requestAnimationFrame(()=>{if(this.optionsListItems&&this.optionsListItems.length>this.visibleOptions&&e>=0&&this.optionsListItems.length>e){let t=0;const{top:o,bottom:i}=this.optionsList.getBoundingClientRect(),s=this.optionsListItems[e],d=this.optionsListItems[e+1]||s,n=this.optionsListItems[e-1]||s,r=d.getBoundingClientRect(),l=n.getBoundingClientRect();r.bottom>i?t=r.bottom-i+2:l.top<o&&(t=l.top-o-2),this.optionsList.scrollTop+=t}t()})})}))}getOptionKeyValuePair(e){if("string"==typeof e)return{key:e.trim(),value:e};if(e&&"object"==typeof e){const t=Object.keys(e),o=Object.values(e);if(t.length){if(1===t.length||!this.optionId)return{key:t[0],value:o[0]};if(this.optionId)return{key:e[this.optionId],value:e[this.optionValue||this.optionId]}}}return{key:"undefined",value:"undefined"}}get labelTitle(){if(this.selectedKey){const e=this.renderOptions.find(e=>e.key===this.selectedKey);if(e)return e.value}return this.title}get dropDownClassMap(){return{"md-dropdown__expanded":this.expanded}}render(){return r.html`
         <div class="md-dropdown ${Object(l.classMap)(this.dropDownClassMap)}" part="dropdown">
           <label
             class="md-dropdown-label"
@@ -9,7 +9,7 @@
             ?disabled="${this.disabled}"
             @click="${()=>this.onLabelClick()}"
             part="dropdown-header"
-            role="combobox" 
+            role="combobox"
             tabindex="0"
           >
             <span class="md-dropdown-label--text">${this.labelTitle}</span>

package/dist/chunks/md-64.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{115:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(19),l=i(5),a=i(42),r=i.n(a),s=i(6),o=i(0),n=i(3),c=i(4),h=i(2),b=i(24),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:calc(19 / 14) rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:transparent;color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:transparent}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}@media (forced-colors:active){.md-editable-textfield:focus{outline:1px solid Highlight;box-shadow:none}.md-editable-textfield--disabled{color:GrayText;cursor:default}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}}`,m=function(e,t,i,d){var l,a=arguments.length,r=a<3?t:null===d?d=Object.getOwnPropertyDescriptor(t,i):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,d);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(r=(a<3?l(r):a>3?l(t,i,r):l(t,i))||r);return a>3&&r&&Object.defineProperty(t,i,r),r};const f=["left","right","center"];var g;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(d.a.integerString));break;case"decimal":i(new RegExp(d.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:d}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>d.includes(e)))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&d.match("Space"))&&e.preventDefault();const l=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(l)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(l)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=r.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=r.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),d=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],d||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[l.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{115:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(19),l=i(5),r=i(42),a=i.n(r),s=i(6),o=i(0),n=i(3),c=i(4),h=i(2),b=i(24),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:1.3571428571 rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:rgba(0,0,0,0)}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}@media(forced-colors:active){.md-editable-textfield:focus{outline:1px solid Highlight;box-shadow:none}.md-editable-textfield--disabled{color:GrayText;cursor:default}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}}`,m=function(e,t,i,d){var l,r=arguments.length,a=r<3?t:null===d?d=Object.getOwnPropertyDescriptor(t,i):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,d);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(a=(r<3?l(a):r>3?l(t,i,a):l(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};const f=["left","right","center"];var g;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(d.a.integerString));break;case"decimal":i(new RegExp(d.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:d}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>d.includes(e)))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&d.match("Space"))&&e.preventDefault();const l=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(l)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(l)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),d=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],d||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[l.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
             <div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
               <md-help-text
                 id="alert-message"
@@ -24,7 +24,7 @@
           aria-label=${Object(h.ifDefined)(this.disabled?void 0:this.ariaLabel)}
           aria-describedby=${Object(h.ifDefined)(this.disabled?void 0:this.ariaDescribedBy)}
         >
-          ${r.a.sanitize(this.content)}
+          ${a.a.sanitize(this.content)}
         </div>
         ${this.messagesTemplate()}
       `}};m([Object(o.property)({type:String})],t.prototype,"alignment",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"disabled",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"isEditing",void 0),m([Object(o.property)({type:String,attribute:"max-lines",reflect:!0})],t.prototype,"maxLines",void 0),m([Object(o.property)({type:String,reflect:!0})],t.prototype,"content",void 0),m([Object(o.property)({type:Object})],t.prototype,"message",void 0),m([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"alert",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"hideMessage",void 0),m([Object(o.property)({type:String})],t.prototype,"pattern",void 0),m([Object(o.property)({type:String})],t.prototype,"type",void 0),m([Object(o.property)({type:String})],t.prototype,"ariaLabel",void 0),m([Object(o.property)({type:String,attribute:"aria-described-by"})],t.prototype,"ariaDescribedBy",void 0),m([Object(o.query)(".md-editable-textfield")],t.prototype,"editableField",void 0),t=m([Object(s.a)("md-editable-field")],t),e.ELEMENT=t}(g||(g={}))}}]);

package/dist/chunks/md-68.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{117:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return s})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return b})),n.d(i,"Link",(function(){return m}));var t=n(5),l=n(6),r=n(0),o=n(4),a=n(2),d=r.css`.md-link{color:var(--link-default,#005e7d);border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:var(--link-inline-font-size,14px);line-height:170%;width:fit-content}.md-link:hover{color:var(--link-hover,#005e7d)}.md-link:focus{box-shadow:0 0 0 2px var(--link-focus-outline,#007aa3);color:var(--link-focus,#005e7d)}.md-link.active{color:var(--link-pressed,#064157)}.md-link.disabled,.md-link.md-link--inline.disabled{color:var(--link-disabled,#b2b2b2)!important}.md-link.md-link--inline{color:var(--link-inline,#a12512)}.md-link.md-link--inline:hover{color:var(--link-inline-hover,#6e1d13)}.md-link.md-link--inline:focus{color:var(--link-inline-focus,#a12512)}.md-link.md-link--inline.active{color:var(--link-inline-pressed,#4a1812)}.md-link .md-link--blue{color:var(--link-blue,#00a0d1)}.md-link .md-link--blue:hover{color:var(--link-blue-hover,#007aa3)}.md-link .md-link--blue.active{color:var(--link-blue-active,#005e7d)}.md-link .md-link--red{color:var(--link-red,#f7644a)}.md-link .md-link--red:hover{color:var(--link-red-hover,#d4371c)}.md-link .md-link--red.active{color:var(--link-red-active,#a12512)}.md-link .md-link--green{color:var(--link-green,#00ab50)}.md-link .md-link--green:hover{color:var(--link-green-hover,#00853c)}.md-link .md-link--green.active{color:var(--link-green-active,#03612c)}.md-link .md-link--yellow{color:var(--link-yellow,#d97f00)}.md-link .md-link--yellow:hover{color:var(--link-yellow-hover,#a85f00)}.md-link .md-link--yellow.active{color:var(--link-yellow-active,#7d4705)}.md-link .md-link--orange{color:var(--link-orange,#f26b1d)}.md-link .md-link--orange:hover{color:var(--link-orange-hover,#c74f0e)}.md-link .md-link--orange.active{color:var(--link-orange-active,#914017)}.md-link:focus{outline:0}.md-link.disabled{pointer-events:none}.md-link--inline{font-size:var(--link-inline-font-size,14px);line-height:100%;text-decoration:underline}@media (forced-colors:active){.md-link:focus{box-shadow:none;outline:2px solid Highlight}.md-link.disabled{color:GrayText!important}}`,c=function(e,i,n,t){var l,r=arguments.length,o=r<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,n,t);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(o=(r<3?l(o):r>3?l(i,n,o):l(i,n))||o);return r>3&&o&&Object.defineProperty(i,n,o),o};const s=["a","div","span"],k=["","blue","red","green","yellow","orange"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"];var m;!function(e){let i=class extends r.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.href="",this.tag="a",this.target="_self",this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const i=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",i)}static get styles(){return[t.a,d]}render(){const e={["md-link--"+this.color]:this.color,"md-link--inline":this.inline,disabled:this.disabled};return r.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[68],{117:function(e,i,n){"use strict";n.r(i),n.d(i,"linkTag",(function(){return s})),n.d(i,"linkColor",(function(){return k})),n.d(i,"linkRole",(function(){return b})),n.d(i,"Link",(function(){return m}));var t=n(5),l=n(6),r=n(0),o=n(4),a=n(2),d=r.css`.md-link{color:var(--link-default,#005e7d);border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:var(--link-inline-font-size,14px);line-height:170%;width:fit-content}.md-link:hover{color:var(--link-hover,#005e7d)}.md-link:focus{box-shadow:0 0 0 2px var(--link-focus-outline,#007aa3);color:var(--link-focus,#005e7d)}.md-link.active{color:var(--link-pressed,#064157)}.md-link.disabled,.md-link.md-link--inline.disabled{color:var(--link-disabled,#b2b2b2)!important}.md-link.md-link--inline{color:var(--link-inline,#a12512)}.md-link.md-link--inline:hover{color:var(--link-inline-hover,#6e1d13)}.md-link.md-link--inline:focus{color:var(--link-inline-focus,#a12512)}.md-link.md-link--inline.active{color:var(--link-inline-pressed,#4a1812)}.md-link .md-link--blue{color:var(--link-blue,#00a0d1)}.md-link .md-link--blue:hover{color:var(--link-blue-hover,#007aa3)}.md-link .md-link--blue.active{color:var(--link-blue-active,#005e7d)}.md-link .md-link--red{color:var(--link-red,#f7644a)}.md-link .md-link--red:hover{color:var(--link-red-hover,#d4371c)}.md-link .md-link--red.active{color:var(--link-red-active,#a12512)}.md-link .md-link--green{color:var(--link-green,#00ab50)}.md-link .md-link--green:hover{color:var(--link-green-hover,#00853c)}.md-link .md-link--green.active{color:var(--link-green-active,#03612c)}.md-link .md-link--yellow{color:var(--link-yellow,#d97f00)}.md-link .md-link--yellow:hover{color:var(--link-yellow-hover,#a85f00)}.md-link .md-link--yellow.active{color:var(--link-yellow-active,#7d4705)}.md-link .md-link--orange{color:var(--link-orange,#f26b1d)}.md-link .md-link--orange:hover{color:var(--link-orange-hover,#c74f0e)}.md-link .md-link--orange.active{color:var(--link-orange-active,#914017)}.md-link:focus{outline:0}.md-link.disabled{pointer-events:none}.md-link--inline{font-size:var(--link-inline-font-size,14px);line-height:100%;text-decoration:underline}@media(forced-colors:active){.md-link:focus{box-shadow:none;outline:2px solid Highlight}.md-link.disabled{color:GrayText!important}}`,c=function(e,i,n,t){var l,r=arguments.length,o=r<3?i:null===t?t=Object.getOwnPropertyDescriptor(i,n):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,n,t);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(o=(r<3?l(o):r>3?l(i,n,o):l(i,n))||o);return r>3&&o&&Object.defineProperty(i,n,o),o};const s=["a","div","span"],k=["","blue","red","green","yellow","orange"],b=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"];var m;!function(e){let i=class extends r.LitElement{constructor(){super(...arguments),this.color="",this.ariaLabel="",this.ariaRole="link",this.disabled=!1,this.inline=!1,this.href="",this.tag="a",this.target="_self",this._tabIndex=0}get tabIndex(){return this._tabIndex}set tabIndex(e){const i=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",i)}static get styles(){return[t.a,d]}render(){const e={["md-link--"+this.color]:this.color,"md-link--inline":this.inline,disabled:this.disabled};return r.html`
         ${(()=>{switch(this.tag){case"div":return r.html`
               <div 
                 class="md-link ${Object(o.classMap)(e)}"