@momentum-ui/web-components 2.11.1 → 2.12.0

package/dist/chunks/md-57.js

@@ -1,22 +1,28 @@
-(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 l})),a.d(o,"Coachmark",(function(){return k}));a(18);var c=a(7),e=a(6),m=a(16),p=a(5),t=a(0),d=a(4),h=t.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}}`,_=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 l=["auto","left","right","top","bottom"];var k;!function(r){let o=class extends(Object(c.b)(t.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[p.a,h]}coachmarkContentTemplate(){return t.html`
+        <div class="md-coachmark__content">
+          ${this.message?this.message:t.html`
+                <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot>
+              `}
+          <div class="md-coachmark__action">
+            ${this.hidebutton?t.html`
+                  <slot name="coachmark-action"></slot>
+                `:t.html`
+                  <md-button variant="secondary" @button-click=${this.coachAction}>${this.actionname}</md-button>
+                `}
+          </div>
+        </div>
+      `}wrappedCoachmarkContentTemplate(){const r=Object(m.a)("md-theme",this);return"momentumV2"===(null==r?void 0:r.theme)?t.html`
+          <md-theme theme="momentumV2" ?darkTheme=${!r.darkTheme}>
+            ${this.coachmarkContentTemplate()}
+          </md-theme>
+        `:this.coachmarkContentTemplate()}render(){return t.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" >
-              ${this.message?this.message:m.html`
-                    <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot>
-                  `}
-              <div class="md-coachmark__action">
-                ${this.hidebutton?m.html`<slot name="coachmark-action"></slot>`:m.html`<md-button @button-click=${this.coachAction}>${this.actionname}</md-button>`}
-              </div>
-            </div>
+            ${this.wrappedCoachmarkContentTemplate()}
             <div id="arrow" class="md-coachmark__arrow" data-popper-arrow></div>
           </div>
-          <div
-            class="md-coachmark__reference"
-            @click=${()=>this.notifyCoachCreate()}
-            aria-describedby="coachmark"
-          >
+          <div class="md-coachmark__reference" @click=${()=>this.notifyCoachCreate()} aria-describedby="coachmark">
             <slot></slot>
           </div>
         </div>
-      `}};h([Object(m.property)({type:String})],o.prototype,"message",void 0),h([Object(m.property)({type:String})],o.prototype,"actionname",void 0),h([Object(m.property)({type:Boolean})],o.prototype,"hidebutton",void 0),h([Object(m.property)({type:String})],o.prototype,"placement",void 0),h([Object(m.property)({type:Boolean})],o.prototype,"show",void 0),h([Object(m.property)({type:String})],o.prototype,"color",void 0),h([Object(m.query)(".md-coachmark__popper")],o.prototype,"popper",void 0),h([Object(m.query)(".md-coachmark__reference")],o.prototype,"reference",void 0),o=h([Object(t.a)("md-coachmark")],o),r.ELEMENT=o}(l||(l={}))}}]);
+      `}};_([Object(t.property)({type:String})],o.prototype,"message",void 0),_([Object(t.property)({type:String})],o.prototype,"actionname",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"hidebutton",void 0),_([Object(t.property)({type:String})],o.prototype,"placement",void 0),_([Object(t.property)({type:Boolean})],o.prototype,"show",void 0),_([Object(t.property)({type:String})],o.prototype,"color",void 0),_([Object(t.query)(".md-coachmark__popper")],o.prototype,"popper",void 0),_([Object(t.query)(".md-coachmark__reference")],o.prototype,"reference",void 0),o=_([Object(e.a)("md-coachmark")],o),r.ELEMENT=o}(k||(k={}))}}]);

package/dist/chunks/md-60.js

@@ -1,14 +1,14 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{113:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(24),i(32);var a,o=i(1),r=i(8),l=i(5),s=i(6),n=i(0),d=i(2),c=i(12),u=n.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,h=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},p=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{n(a.next(e))}catch(e){r(e)}}function s(e){try{n(a.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}n((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends n.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.ariaLabel="",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=o.c.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=Object(r.n)(),this.firstCycle=!0,this.handleDateChange=e=>{var t,i;this.selectedDateObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=e=>{var t,i;this.selectedTimeObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=e=>{var t,i;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.value)},this.parseValueForVisuals=e=>{e&&(this.dateValue=e.split("T")[0],this.timeValue=e.split("T")[1])},this.updateDateTimeObject=()=>{this.value&&(this.fullDateTime=c.DateTime.fromISO(this.value,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}})))},this.combineDateAndTimeValues=(e,t)=>{e&&(this.value=t?`${e}T${t}`:e)}}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var i;return p(this,void 0,void 0,(function*(){if(t.firstUpdated.call(this,e),!this.value){const e=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(e,this.timeValue)}yield new Promise(e=>setTimeout(e,0)),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)}))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(e.has("timeValue")||e.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&e.has("locale")&&(this.fullDateTime=c.DateTime.fromISO(this.value,{locale:this.locale}))}disconnectedCallback(){this.datePicker&&(this.datePicker.removeEventListener("date-selection-change",this.handleDateChange),this.datePicker.removeEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.removeEventListener("time-selection-change",this.handleTimeChange)}static get styles(){return[l.a,u]}render(){return n.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{113:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(24),i(32);var a,o=i(6),r=i(8),l=i(5),s=i(0),n=i(2),d=i(12),c=i(1),u=s.css`.included-timepicker-wrapper{border-top:1px solid var(--md-primary-seperator-color);display:flex;justify-content:center;padding:1rem 0;white-space:nowrap}`,h=function(e,t,i,a){var o,r=arguments.length,l=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(r<3?o(l):r>3?o(t,i,l):o(t,i))||l);return r>3&&l&&Object.defineProperty(t,i,l),l},p=function(e,t,i,a){return new(i||(i=Promise))((function(o,r){function l(e){try{n(a.next(e))}catch(e){r(e)}}function s(e){try{n(a.throw(e))}catch(e){r(e)}}function n(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(l,s)}n((a=a.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends s.LitElement{constructor(){super(...arguments),this.maxDate=void 0,this.minDate=void 0,this.weekStart="Sunday",this.ariaLabel="",this.twoDigitAutoTab=!1,this.twentyFourHourFormat=!1,this.timeSpecificity=c.c.SECOND,this.dateValue=void 0,this.timeValue="00:00:00-08:00",this.value=void 0,this.locale="en-US",this.disabled=!1,this.fullDateTime=void 0,this.selectedTimeObject=void 0,this.selectedDateObject=Object(r.n)(),this.firstCycle=!0,this.handleDateChange=e=>{var t,i;this.selectedDateObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.dateValue=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate(),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleTimeChange=e=>{var t,i;this.selectedTimeObject=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.data,this.timeValue=null===(i=this.selectedTimeObject)||void 0===i?void 0:i.startOf("second").toISOTime({suppressMilliseconds:!0}),this.combineDateAndTimeValues(this.dateValue,this.timeValue)},this.handleDateTimeInputChange=e=>{var t,i;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(i=null==e?void 0:e.detail)||void 0===i?void 0:i.value)},this.parseValueForVisuals=e=>{e&&(this.dateValue=e.split("T")[0],this.timeValue=e.split("T")[1])},this.updateDateTimeObject=()=>{this.value&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-time-change",{bubbles:!0,composed:!0,detail:{dateTimeString:this.value,dateTime:this.fullDateTime,locale:this.locale,twentyFourHourFormat:this.twentyFourHourFormat}})))},this.combineDateAndTimeValues=(e,t)=>{e&&(this.value=t?`${e}T${t}`:e)}}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var i;return p(this,void 0,void 0,(function*(){if(t.firstUpdated.call(this,e),!this.value){const e=null===(i=this.selectedDateObject)||void 0===i?void 0:i.toISODate();this.combineDateAndTimeValues(e,this.timeValue)}yield new Promise(e=>setTimeout(e,0)),this.datePicker&&(this.datePicker.addEventListener("date-selection-change",this.handleDateChange),this.datePicker.addEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.addEventListener("time-selection-change",this.handleTimeChange)}))}updated(e){super.updated(e),this.value&&e.has("value")&&(this.parseValueForVisuals(this.value),this.firstCycle?this.firstCycle=!1:this.updateDateTimeObject()),this.dateValue&&this.timeValue&&(e.has("timeValue")||e.has("dateValue"))&&this.combineDateAndTimeValues(this.dateValue,this.timeValue),this.value&&e.has("locale")&&(this.fullDateTime=d.DateTime.fromISO(this.value,{locale:this.locale}))}disconnectedCallback(){this.datePicker&&(this.datePicker.removeEventListener("date-selection-change",this.handleDateChange),this.datePicker.removeEventListener("date-input-change",this.handleDateTimeInputChange)),this.timePicker&&this.timePicker.removeEventListener("time-selection-change",this.handleTimeChange)}static get styles(){return[l.a,u]}render(){return s.html`
         <md-datepicker
           includes-time
           ?disabled=${this.disabled}
-          ariaLabel=${Object(d.ifDefined)(this.ariaLabel||void 0)}
-          minDate=${Object(d.ifDefined)(this.minDate)}
-          maxDate=${Object(d.ifDefined)(this.maxDate)}
-          value=${Object(d.ifDefined)(this.value)}
+          ariaLabel=${Object(n.ifDefined)(this.ariaLabel||void 0)}
+          minDate=${Object(n.ifDefined)(this.minDate)}
+          maxDate=${Object(n.ifDefined)(this.maxDate)}
+          value=${Object(n.ifDefined)(this.value)}
           weekStart=${this.weekStart}
           placeholder="YYYY-MM-DDTHH:MM:SS-HH:MM"
-          locale=${Object(d.ifDefined)(this.locale)}>
+          locale=${Object(n.ifDefined)(this.locale)}>
           <div slot="time-picker" class="included-timepicker-wrapper">
             <md-timepicker
               ?two-digit-auto-tab=${this.twoDigitAutoTab}
@@ -20,4 +20,4 @@
           </div>
         </md-datepicker>
       </div>
-    `}};h([Object(n.property)({type:String})],t.prototype,"maxDate",void 0),h([Object(n.property)({type:String})],t.prototype,"minDate",void 0),h([Object(n.property)({type:String})],t.prototype,"weekStart",void 0),h([Object(n.property)({type:String})],t.prototype,"ariaLabel",void 0),h([Object(n.property)({type:Boolean,attribute:"two-digit-auto-tab"})],t.prototype,"twoDigitAutoTab",void 0),h([Object(n.property)({type:Boolean,attribute:"twenty-four-hour-format"})],t.prototype,"twentyFourHourFormat",void 0),h([Object(n.property)({type:String})],t.prototype,"timeSpecificity",void 0),h([Object(n.property)({type:String,attribute:"date-value"})],t.prototype,"dateValue",void 0),h([Object(n.property)({type:String,attribute:"time-value"})],t.prototype,"timeValue",void 0),h([Object(n.property)({type:String,reflect:!0})],t.prototype,"value",void 0),h([Object(n.property)({type:String})],t.prototype,"locale",void 0),h([Object(n.property)({type:Boolean})],t.prototype,"disabled",void 0),h([Object(n.internalProperty)()],t.prototype,"fullDateTime",void 0),h([Object(n.internalProperty)()],t.prototype,"selectedTimeObject",void 0),h([Object(n.internalProperty)()],t.prototype,"selectedDateObject",void 0),h([Object(n.query)("md-datepicker")],t.prototype,"datePicker",void 0),h([Object(n.query)("md-timepicker")],t.prototype,"timePicker",void 0),t=h([Object(s.a)("md-date-time-picker")],t),e.ELEMENT=t}(a||(a={}))}}]);
+    `}};h([Object(s.property)({type:String})],t.prototype,"maxDate",void 0),h([Object(s.property)({type:String})],t.prototype,"minDate",void 0),h([Object(s.property)({type:String})],t.prototype,"weekStart",void 0),h([Object(s.property)({type:String})],t.prototype,"ariaLabel",void 0),h([Object(s.property)({type:Boolean,attribute:"two-digit-auto-tab"})],t.prototype,"twoDigitAutoTab",void 0),h([Object(s.property)({type:Boolean,attribute:"twenty-four-hour-format"})],t.prototype,"twentyFourHourFormat",void 0),h([Object(s.property)({type:String})],t.prototype,"timeSpecificity",void 0),h([Object(s.property)({type:String,attribute:"date-value"})],t.prototype,"dateValue",void 0),h([Object(s.property)({type:String,attribute:"time-value"})],t.prototype,"timeValue",void 0),h([Object(s.property)({type:String,reflect:!0})],t.prototype,"value",void 0),h([Object(s.property)({type:String})],t.prototype,"locale",void 0),h([Object(s.property)({type:Boolean})],t.prototype,"disabled",void 0),h([Object(s.internalProperty)()],t.prototype,"fullDateTime",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedTimeObject",void 0),h([Object(s.internalProperty)()],t.prototype,"selectedDateObject",void 0),h([Object(s.query)("md-datepicker")],t.prototype,"datePicker",void 0),h([Object(s.query)("md-timepicker")],t.prototype,"timePicker",void 0),t=h([Object(o.a)("md-date-time-picker")],t),e.ELEMENT=t}(a||(a={}))}}]);

package/dist/chunks/md-61.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[61],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(30),i=a.n(r),n=a(5),l=a(62),h=a(18),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[61],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(30),i=a.n(r),n=a(5),l=a(62),h=a(16),p=a(7),d=function(t,e,a,o){var s,r=arguments.length,i=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,a):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,a,o);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(i=(r<3?s(i):r>3?s(e,a,i):s(e,a))||i);return r>3&&i&&Object.defineProperty(e,a,i),i};!function(t){let e=class extends(Object(p.e)(s.LitElement)){constructor(){super(...arguments),this.delay=0,this.animation=0,this.handle="",this.filter="",this.easing="",this.direction="vertical",this.group=null,this.draggableItems="md-draggable-item",this.ghostClass="",this.chosenClass="",this.dragClass="",this.fallbackClass="",this.swapThreshold=1,this.touchStartThreshold=0,this.forceFallback=!1,this.sort=!1,this.disabled=!1,this.editable=!1,this.sortableInstance=null,this.handleOnChange=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-change",t)},this.handleOnClone=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-clone",t)},this.handleOnUnchoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-unchoose",t)},this.handleOnRemove=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-remove",t)},this.handleOnAdd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-add",t)},this.handleOnChoose=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-choose",t)},this.handleOnEnd=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-end",t)},this.handleOnMove=Object(h.b)(t=>{t.stopPropagation(),this.dispatchDragEvent("drag-move",t)},100),this.handleOnStart=t=>{t.stopPropagation(),this.dispatchDragEvent("drag-start",t)}}static get styles(){return[n.a,l.a]}get slotElement(){return this.draggableSlot}generateOptions(){return Object.assign(Object.assign({},this.group&&{group:this.group}),{disabled:this.disabled,animation:this.animation,sort:this.sort,delay:this.delay,handle:this.handle,easing:this.easing,filter:this.filter,swapThreshold:this.swapThreshold,touchStartThreshold:this.touchStartThreshold,draggable:this.draggableItems,direction:this.direction,ghostClass:this.ghostClass,chosenClass:this.chosenClass,dragClass:this.dragClass,fallbackClass:this.fallbackClass,forceFallback:this.forceFallback,onStart:this.handleOnStart,onMove:this.handleOnMove,onEnd:this.handleOnEnd,onChoose:this.handleOnChoose,onAdd:this.handleOnAdd,onRemove:this.handleOnRemove,onUnchoose:this.handleOnUnchoose,onClone:this.handleOnClone,onChange:this.handleOnChange})}initializeSortable(){this.sortableInstance||(this.sortableInstance=i.a.create(this,this.generateOptions()))}dispatchDragEvent(t,e){this.dispatchEvent(new CustomEvent(t,{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}cleanupSortable(){this.sortableInstance&&(this.sortableInstance.destroy(),this.sortableInstance=null)}connectedCallback(){super.connectedCallback(),this.initializeSortable()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupSortable()}setSortableOption(t,e){this.sortableInstance&&void 0!==this.sortableInstance.option(t)&&this.sortableInstance.option(t,e)}updateSortableInstance(t){for(const e of t.keys()){const t=this[e];this.setSortableOption(e,t)}}updated(t){super.updated(t),this.updateSortableInstance(t)}slottedChanged(){this.initializeSortable()}render(){return s.html`
         <div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
           <slot name="draggable-item"></slot>
         </div>

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: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`
+(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);font-size:var(--body-primary-font-size,inherit)}: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-65.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{94:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(17),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(44),e(45),e(46),e(20)),l=e.n(r),d=(e(47),e(0)),h=e(3),c=e(2),m=(e(75),e(63)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},u=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>u(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(t){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{94:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingModal",(function(){return o}));e(18),e(15);var o,n=e(7),a=e(6),s=e(5),r=(e(44),e(45),e(46),e(20)),l=e.n(r),d=(e(47),e(0)),h=e(3),c=e(2),m=(e(75),e(63)),p=function(t,i,e,o){var n,a=arguments.length,s=a<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,o);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(s=(a<3?n(s):a>3?n(i,e,s):n(i,e))||s);return a>3&&s&&Object.defineProperty(i,e,s),s},u=function(t,i,e,o){return new(e||(e=Promise))((function(n,a){function s(t){try{l(o.next(t))}catch(t){a(t)}}function r(t){try{l(o.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?n(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(s,r)}l((o=o.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(n.a)(Object(n.e)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:i}=t;let e=parseFloat(i.getAttribute("data-x"))||0,o=parseFloat(i.getAttribute("data-y"))||0;i.style.setProperty("width",t.rect.width+"px","important"),i.style.setProperty("height",t.rect.height+"px","important");const{initialX:n,initialY:a}=this.getInitialPosition();e+=t.deltaRect.left+n,o+=t.deltaRect.top+a,this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.position)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:o}=this.getTransformValues(t);this.setTargetPosition(i,e,o),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[s.a,m.a]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,i,e,o;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.position)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(o=this.position)||void 0===o?void 0:o.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(i=this.position)||void 0===i?void 0:i.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>u(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l.a.modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l.a.modifiers.restrictSize({max:"parent"})]})]:void 0}).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}})})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(t){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:i,dx:e,dy:o}=t,{initialX:n,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+n,y:(parseFloat(i.getAttribute("data-y"))||0)+o+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&l.a.isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
         ${this.show?d.html`
               <div
                 class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"

package/dist/chunks/md-67.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{116:function(s,e,t){"use strict";t.r(e),t.d(e,"InputFile",(function(){return a}));t(17);var a,i=t(7),r=t(5),l=t(23),n=t.n(l),o=t(0),j=t(3),c=t(2),p=o.css`:host(md-input-file) md-button{margin:.25rem}:host(md-input-file) input[type=file]{display:none}`,u=function(s,e,t,a){var i,r=arguments.length,l=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(s,e,t,a);else for(var n=s.length-1;n>=0;n--)(i=s[n])&&(l=(r<3?i(l):r>3?i(e,t,l):i(e,t))||l);return r>3&&l&&Object.defineProperty(e,t,l),l},m=function(s,e,t,a){return new(t||(t=Promise))((function(i,r){function l(s){try{o(a.next(s))}catch(s){r(s)}}function n(s){try{o(a.throw(s))}catch(s){r(s)}}function o(s){var e;s.done?i(s.value):(e=s.value,e instanceof t?e:new t((function(s){s(e)}))).then(l,n)}o((a=a.apply(s,e||[])).next())}))};!function(s){let e=class extends o.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[r.a,p]}triggerFileLoad(s){s.preventDefault(),this.input.click()}handleFile(s){return m(this,void 0,void 0,(function*(){s.preventDefault();const e=this.input.files;if(e&&0!==e.length)for(const s of e){let e="";this.fileName=s.name;try{e=yield this.readFile(s)}catch(s){e=""}}}))}readFile(s){return new Promise((e,t)=>{const a=new FileReader;a.onload=s=>{e(s.target.result)},a.onerror=s=>t(s),a.readAsText(s)})}importLanguage(s){return m(this,void 0,void 0,(function*(){try{const{default:e}=yield t(89)("./"+s);n.a.registerLanguage(""+s,e),this.setAcceptTypes()}catch(s){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const s=n.a.listLanguages();return s.length?s.map(s=>n.a.getLanguage(""+s).aliases).map(s=>s.map(s=>"."+s)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(s){super.updated(s),s.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return o.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[67],{116:function(s,e,t){"use strict";t.r(e),t.d(e,"InputFile",(function(){return a}));t(18);var a,i=t(7),r=t(5),l=t(23),n=t.n(l),o=t(0),j=t(3),c=t(2),p=o.css`:host(md-input-file) md-button{margin:.25rem}:host(md-input-file) input[type=file]{display:none}`,u=function(s,e,t,a){var i,r=arguments.length,l=r<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(s,e,t,a);else for(var n=s.length-1;n>=0;n--)(i=s[n])&&(l=(r<3?i(l):r>3?i(e,t,l):i(e,t))||l);return r>3&&l&&Object.defineProperty(e,t,l),l},m=function(s,e,t,a){return new(t||(t=Promise))((function(i,r){function l(s){try{o(a.next(s))}catch(s){r(s)}}function n(s){try{o(a.throw(s))}catch(s){r(s)}}function o(s){var e;s.done?i(s.value):(e=s.value,e instanceof t?e:new t((function(s){s(e)}))).then(l,n)}o((a=a.apply(s,e||[])).next())}))};!function(s){let e=class extends o.LitElement{constructor(){super(...arguments),this.acceptLanguage="javascript",this.getLocalization="Input File",this.acceptTypes="",this.fileName=""}static get styles(){return[r.a,p]}triggerFileLoad(s){s.preventDefault(),this.input.click()}handleFile(s){return m(this,void 0,void 0,(function*(){s.preventDefault();const e=this.input.files;if(e&&0!==e.length)for(const s of e){let e="";this.fileName=s.name;try{e=yield this.readFile(s)}catch(s){e=""}}}))}readFile(s){return new Promise((e,t)=>{const a=new FileReader;a.onload=s=>{e(s.target.result)},a.onerror=s=>t(s),a.readAsText(s)})}importLanguage(s){return m(this,void 0,void 0,(function*(){try{const{default:e}=yield t(89)("./"+s);n.a.registerLanguage(""+s,e),this.setAcceptTypes()}catch(s){console.warn("Please set correct language name")}}))}getAllAcceptTypes(){const s=n.a.listLanguages();return s.length?s.map(s=>n.a.getLanguage(""+s).aliases).map(s=>s.map(s=>"."+s)).join(","):""}setAcceptTypes(){this.acceptTypes=this.getAllAcceptTypes()}updated(s){super.updated(s),s.has("acceptLanguage")&&this.importLanguage(this.acceptLanguage)}render(){return o.html`
         <div class="md-input-file">
           <label for="file-input">
             <md-button color="blue" class="md-input-file-btn" @click=${this.triggerFileLoad}>

package/dist/chunks/md-69.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{103:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));var o=r(1),l=r(5),a=r(6),i=r(0),n=r(3),d=(r(43),r(17),r(15),r(2));var m=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e8";color:#00a0d1}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:#00a0d1;font-size:1rem;line-height:1.5rem}.md-alert__message,.md-alert__status{font-family:"CiscoSansTT Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.875rem;line-height:1.125rem}.md-alert__status{color:#03612c}.md-alert__message{color:#292929}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:#00ab50}.md-alert.md-alert--success .md-alert__title{color:#00ab50}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:#d97f00}.md-alert.md-alert--warning .md-alert__title{color:#d97f00}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:#f7644a}.md-alert.md-alert--error .md-alert__title{color:#f7644a}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:#000}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:#000;font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,s=function(t,e,r,o){var l,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(t){let e=class extends i.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.b.Escape&&this.handleClose(t),t.code===o.b.Enter||t.code===o.b.Space){switch(t.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(t);break;case"snooze":this.handleSnooze(t)}t.preventDefault()}this.onKeyDown&&this.onKeyDown(t)}}getStyles(){return i.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[69],{103:function(t,e,r){"use strict";r.r(e),r.d(e,"MeetingAlertRole",(function(){return c})),r.d(e,"MeetingAlert",(function(){return p}));r(43),r(18),r(15);var o=r(1),l=r(6),a=r(5),i=r(0),n=r(3),m=r(2);var s=i.css`.md-alert__container{position:fixed;z-index:9999}.md-alert__container--top-left{left:1em;top:1em}.md-alert__container--top-center{left:50%;top:1em;transform:translate(-50%)}.md-alert__container--top-right{right:1em;top:1em}.md-alert__container--bottom-left{bottom:1em;left:1em}.md-alert__container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.md-alert__container--bottom-right{bottom:1em;right:1em}.md-alert__container--call{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;left:50%;top:50%;transform:translate(-50%,-50%)}.md-alert{align-content:space-between;align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:var(--meeting-alert-bg-color,#fff);border:1px solid var(--meeting-alert-border-color,rgba(0,0,0,.12));box-shadow:0 8px 16px 0 rgba(0,0,0,.08);justify-content:space-between;margin-bottom:.5rem;max-height:19.25rem;min-height:4.875rem;padding:.5rem .8125rem .5rem 1.0625rem;width:21.375rem}.md-alert__icon{font-family:momentum-ui-icons;font-size:2.75rem;line-height:0}.md-alert__icon::before{content:"\\f6e8";color:var(--meeting-alert-info-text-color,#00a0d1)}.md-alert__content{display:flex;flex-basis:0%;flex-direction:column;flex-grow:2;padding-left:1rem;padding-right:.125rem}.md-alert__title{color:var(--meeting-alert-info-text-color,#00a0d1);font-size:var(--body-primary-font-size,1rem);line-height:1.5rem}.md-alert__message,.md-alert__status{font-size:var(--body-secondary-font-size,.875rem);font-family:var(--brand-font-medium, var(--brand-font-light, "CiscoSansTT Light", "Helvetica Neue", Helvetica, Arial, sans-serif));line-height:1.125rem}.md-alert__status{color:var(--meeting-alert-success-text-color,#03612c)}.md-alert__message{color:var(--meeting-alert-text-color,#292929)}.md-alert__message,.md-alert__title{max-width:10rem;word-wrap:break-word}.md-alert__button{margin-left:.5rem}.md-alert.md-alert--success .md-alert__icon::before{content:"\\f381";color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--success .md-alert__title{color:var(--meeting-alert-success-text-color,#00ab50)}.md-alert.md-alert--warning .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--warning .md-alert__title{color:var(--meeting-alert-warning-text-color,#d97f00)}.md-alert.md-alert--error .md-alert__icon::before{content:"\\fca3";color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--error .md-alert__title{color:var(--meeting-alert-error-text-color,#f7644a)}.md-alert.md-alert--meeting .md-alert__content{width:10rem}.md-alert.md-alert--meeting .md-alert__content--wide{width:13rem}.md-alert.md-alert--meeting .md-alert__message,.md-alert.md-alert--meeting .md-alert__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-alert.md-alert--meeting .md-alert__title{color:var(--meeting-alert-title-text-color,#000)}.md-alert.md-alert--call{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin-right:.9375rem;max-height:31.25rem;min-height:17.625rem;padding:.75rem 1.0625rem 1.5625rem 1.0625rem;width:17.375rem}.md-alert.md-alert--call .md-alert__title{color:var(--meeting-alert-title-text-color,#000);font-size:.875rem;font-weight:700;line-height:1.375rem;padding-bottom:1.5rem}.md-alert.md-alert--call .md-alert__caller{align-content:center;align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.md-alert.md-alert--call .md-alert__caller-title{font-size:1rem;font-weight:700;line-height:1.5rem;padding-top:.5rem}.md-alert.md-alert--call .md-alert__caller-subtitle{font-size:.875rem;line-height:1.375rem}.md-alert.md-alert--call .md-alert--call--buttons{padding-top:1.5rem}.md-alert.md-alert--call .md-alert--call--buttons .md-icon{fill:#fff}.md-alert.md-alert--call .md-list{padding-top:.75rem}.md-alert.md-alert--call .md-list .md-list-item{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:hover{background-color:rgba(0,0,0,.04)}.md-alert.md-alert--call .md-list .md-list-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.md-alert.md-alert--call .md-list .md-list-item-header{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid rgba(0,0,0,.08)}`,d=function(t,e,r,o){var l,a=arguments.length,i=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,r,o);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(a<3?l(i):a>3?l(e,r,i):l(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i};const c=["alert","alertdialog","button","checkbox","dialog","link","option","status"];var p;!function(t){let e=class extends i.LitElement{constructor(){super(...arguments),this.attendees=[{title:"Attendee",src:null,alt:"Attendee"}],this.closeAriaLabel="close",this.onKeyDown=null,this.onSnooze=null,this.message="",this.snoozeAriaLabel="snooze",this.role="button",this.show=!1,this.src="",this.status="",this.userStyles="",this.title="",this._onSnooze=t=>{this.dispatchEvent(new CustomEvent("snooze",{composed:!0,detail:{srcEvent:t}}))},this._onClose=t=>{this.dispatchEvent(new CustomEvent("close",{composed:!0,detail:{srcEvent:t}}))},this.handleSnooze=t=>{this.onSnooze?this.onSnooze(t):this._onSnooze(t),t.stopPropagation()},this.handleClose=t=>{this._onClose(t),t.stopPropagation()},this.handleKeyDown=t=>{if(t.code===o.b.Escape&&this.handleClose(t),t.code===o.b.Enter||t.code===o.b.Space){switch(t.target.attributes.getNamedItem("aria-label").value){case"close":this.handleClose(t);break;case"snooze":this.handleSnooze(t)}t.preventDefault()}this.onKeyDown&&this.onKeyDown(t)}}getStyles(){return i.html`
         <style>
           ::slotted(img) {
             display: inline-block;
@@ -10,7 +10,7 @@
           }
           ${this.userStyles}
         </style>
-      `}static get styles(){return[l.a,m]}render(){const{attendees:t,message:e,onSnooze:r,role:o,src:l,status:a,title:m,closeAriaLabel:s,show:c,onKeyDown:p,snoozeAriaLabel:h}=this;return i.html`
+      `}static get styles(){return[a.a,s]}render(){const{attendees:t,message:e,onSnooze:r,role:o,src:l,status:a,title:s,closeAriaLabel:d,show:c,onKeyDown:p,snoozeAriaLabel:h}=this;return i.html`
         ${this.getStyles()}
         ${c?i.html`
               <div
@@ -26,7 +26,7 @@
         slot="avatar"
         class="md-avatar"
         alt=${t[0].alt||t[0].title}
-        src=${Object(d.ifDefined)(t[0].src?t[0].src:void 0)}
+        src=${Object(m.ifDefined)(t[0].src?t[0].src:void 0)}
         title=${t[0].title}
         size="24"
         style=${e+"position: absolute;left: 0px;top: 0px;"}
@@ -35,19 +35,19 @@
         slot="avatar"
         class="md-avatar"
         alt=${t[1].alt||t[1].title}
-        src=${Object(d.ifDefined)(t[1].src?t[1].src:void 0)}
+        src=${Object(m.ifDefined)(t[1].src?t[1].src:void 0)}
         title=${t[1].title}
         size="24"
         style=${e+"position: absolute;right: 0px;bottom: 0px;"}
       ></md-avatar>
     </div>
   `})(t):i.html`
-            <md-avatar title=${m} label="avatar" src=${l} tabindex="-1"></md-avatar>
+            <md-avatar title=${s} label="avatar" src=${l} tabindex="-1"></md-avatar>
           `}
                 </slot>
                 <div class=${"md-alert__content "+(r?"":" md-alert__content--wide")}>
-                  <div class="md-alert__title" title=${m}>
-                    ${m}
+                  <div class="md-alert__title" title=${s}>
+                    ${s}
                   </div>
                   <div class="md-alert__status" title=${a}>
                     ${a}
@@ -59,6 +59,7 @@
                 ${r?i.html`
                       <div class="md-alert__button">
                         <md-button
+                          variant="secondary"
                           aria-label=${h}
                           circle
                           @click=${t=>{this.handleSnooze(t)}}
@@ -71,7 +72,8 @@
                 <slot name="custom-action">
                   <md-button
                     class="md-alert__button"
-                    ariaLabel=${s}
+                    variant="ghost"
+                    ariaLabel=${d}
                     circle
                     @click=${t=>{this.handleClose(t)}}
                     .size=${40}
@@ -81,4 +83,4 @@
                 </slot>
               </div>
             `:n.nothing}
-      `}};s([Object(i.property)({type:Array})],e.prototype,"attendees",void 0),s([Object(i.property)({type:String})],e.prototype,"closeAriaLabel",void 0),s([Object(i.property)({attribute:!1})],e.prototype,"onKeyDown",void 0),s([Object(i.property)({attribute:!1})],e.prototype,"onSnooze",void 0),s([Object(i.property)({type:String})],e.prototype,"message",void 0),s([Object(i.property)({type:String})],e.prototype,"snoozeAriaLabel",void 0),s([Object(i.property)({type:String})],e.prototype,"role",void 0),s([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),s([Object(i.property)({type:String})],e.prototype,"src",void 0),s([Object(i.property)({type:String})],e.prototype,"status",void 0),s([Object(i.property)({type:String})],e.prototype,"userStyles",void 0),s([Object(i.property)({type:String})],e.prototype,"title",void 0),e=s([Object(a.a)("md-meeting-alert")],e),t.ELEMENT=e}(p||(p={}))}}]);
+      `}};d([Object(i.property)({type:Array})],e.prototype,"attendees",void 0),d([Object(i.property)({type:String})],e.prototype,"closeAriaLabel",void 0),d([Object(i.property)({attribute:!1})],e.prototype,"onKeyDown",void 0),d([Object(i.property)({attribute:!1})],e.prototype,"onSnooze",void 0),d([Object(i.property)({type:String})],e.prototype,"message",void 0),d([Object(i.property)({type:String})],e.prototype,"snoozeAriaLabel",void 0),d([Object(i.property)({type:String})],e.prototype,"role",void 0),d([Object(i.property)({type:Boolean})],e.prototype,"show",void 0),d([Object(i.property)({type:String})],e.prototype,"src",void 0),d([Object(i.property)({type:String})],e.prototype,"status",void 0),d([Object(i.property)({type:String})],e.prototype,"userStyles",void 0),d([Object(i.property)({type:String})],e.prototype,"title",void 0),e=d([Object(l.a)("md-meeting-alert")],e),t.ELEMENT=e}(p||(p={}))}}]);