@momentum-ui/web-components 2.13.8 → 2.13.10

package/dist/chunks/md-58.js

@@ -1,5 +1,22 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[58],{86:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(5),a=r(6),n=r(0),i=r(4),c=r(37),p=function(t,e,r,o){var s,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var i=t.length-1;i>=0;i--)(s=t[i])&&(n=(a<3?s(n):a>3?s(e,r,n):s(e,r))||n);return a>3&&n&&Object.defineProperty(e,r,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size=0}static get styles(){return[s.a,c.a]}get avatarClassMap(){return{["md-composite-avatar--"+this.size]:!!this.size}}render(){return n.html`
-        <div class="md-composite-avatar ${Object(i.classMap)(this.avatarClassMap)}">
-          <slot></slot>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[58],{113:function(r,o,a){"use strict";a.r(o),a.d(o,"coachmarkPlacement",(function(){return l})),a.d(o,"Coachmark",(function(){return k}));a(16);var c=a(7),e=a(6),m=a(17),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>
-      `}};p([Object(n.property)({type:Number})],e.prototype,"size",void 0),e=p([Object(a.a)("md-composite-avatar")],e),t.ELEMENT=e}(o||(o={}))}}]);
+      `}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">
+            ${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">
+            <slot></slot>
+          </div>
+        </div>
+      `}};_([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-59.js

@@ -1 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{91:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(12),o=a(41),l=function(t,e,a,s){var i,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,s);else for(var o=t.length-1;o>=0;o--)(i=t[o])&&(r=(n<3?i(r):n>3?i(e,a,r):i(e,a))||r);return n>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends o.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;if(this.startDate&&this.endDate){const t=r.DateTime.fromSQL(this.startDate),a=r.DateTime.fromSQL(this.endDate);e<t||e>a?e<t?this.startDate=this.dateToSqlTranslate(e):this.endDate=this.dateToSqlTranslate(e):Math.abs(e-a)<Math.abs(e-t)?this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e)}else if(this.startDate){e>r.DateTime.fromSQL(this.startDate)?this.endDate=this.dateToSqlTranslate(e):(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e))}else this.startDate=this.dateToSqlTranslate(t.detail.data);this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}};l([Object(n.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),l([Object(n.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=l([Object(i.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[59],{87:function(t,e,r){"use strict";r.r(e),r.d(e,"CompositeAvatar",(function(){return o}));var o,s=r(5),a=r(6),n=r(0),i=r(4),c=r(38),p=function(t,e,r,o){var s,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,r,o);else for(var i=t.length-1;i>=0;i--)(s=t[i])&&(n=(a<3?s(n):a>3?s(e,r,n):s(e,r))||n);return a>3&&n&&Object.defineProperty(e,r,n),n};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.size=0}static get styles(){return[s.a,c.a]}get avatarClassMap(){return{["md-composite-avatar--"+this.size]:!!this.size}}render(){return n.html`
+        <div class="md-composite-avatar ${Object(i.classMap)(this.avatarClassMap)}">
+          <slot></slot>
+        </div>
+      `}};p([Object(n.property)({type:Number})],e.prototype,"size",void 0),e=p([Object(a.a)("md-composite-avatar")],e),t.ELEMENT=e}(o||(o={}))}}]);

package/dist/chunks/md-6.js

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

package/dist/chunks/md-60.js

@@ -1,23 +1 @@
-(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(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(n.ifDefined)(this.locale)}>
-          <div slot="time-picker" class="included-timepicker-wrapper">
-            <md-timepicker
-              ?two-digit-auto-tab=${this.twoDigitAutoTab}
-              ?twenty-four-hour-format=${this.twentyFourHourFormat}
-              timeSpecificity=${this.timeSpecificity}
-              locale=${this.locale}
-              value=${this.timeValue}>
-            </md-timepicker>
-          </div>
-        </md-datepicker>
-      </div>
-    `}};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={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[60],{92:function(t,e,a){"use strict";a.r(e),a.d(e,"DateRangePicker",(function(){return s}));var s,i=a(6),n=a(0),r=a(12),o=a(43),l=function(t,e,a,s){var i,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,a):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,a,s);else for(var o=t.length-1;o>=0;o--)(i=t[o])&&(r=(n<3?i(r):n>3?i(e,a,r):i(e,a))||r);return n>3&&r&&Object.defineProperty(e,a,r),r};!function(t){let e=class extends o.DatePicker.ELEMENT{constructor(){super(...arguments),this.startDate=void 0,this.endDate=void 0,this.updateValue=()=>{this.startDate&&this.endDate&&(this.value=`${this.sqlDateToSlashes(this.startDate)} - ${this.sqlDateToSlashes(this.endDate)}`)},this.handleDateSelection=t=>{const e=t.detail.data;if(this.startDate&&this.endDate){const t=r.DateTime.fromSQL(this.startDate),a=r.DateTime.fromSQL(this.endDate);e<t||e>a?e<t?this.startDate=this.dateToSqlTranslate(e):this.endDate=this.dateToSqlTranslate(e):Math.abs(e-a)<Math.abs(e-t)?this.endDate=this.dateToSqlTranslate(e):this.startDate=this.dateToSqlTranslate(e)}else if(this.startDate){e>r.DateTime.fromSQL(this.startDate)?this.endDate=this.dateToSqlTranslate(e):(this.endDate=this.startDate,this.startDate=this.dateToSqlTranslate(e))}else this.startDate=this.dateToSqlTranslate(t.detail.data);this.updateValue()}}connectedCallback(){super.connectedCallback(),super.render(),this.addEventListener("date-selection-change",this.handleDateSelection)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("date-selection-change",this.handleDateSelection)}dateToSqlTranslate(t){return t.toSQLDate()}sqlDateToSlashes(t){return t.replace(/-+/g,"/")}};l([Object(n.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),l([Object(n.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=l([Object(i.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);

package/dist/chunks/md-61.js

@@ -1,5 +1,23 @@
-(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>
-      `}};d([Object(s.property)({type:Number})],e.prototype,"delay",void 0),d([Object(s.property)({type:Number})],e.prototype,"animation",void 0),d([Object(s.property)({type:String})],e.prototype,"handle",void 0),d([Object(s.property)({type:String})],e.prototype,"filter",void 0),d([Object(s.property)({type:String})],e.prototype,"easing",void 0),d([Object(s.property)({type:String})],e.prototype,"direction",void 0),d([Object(s.property)({type:Object})],e.prototype,"group",void 0),d([Object(s.property)({type:String,attribute:"draggable-items"})],e.prototype,"draggableItems",void 0),d([Object(s.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),d([Object(s.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),d([Object(s.property)({type:String,attribute:"drag-class"})],e.prototype,"dragClass",void 0),d([Object(s.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),d([Object(s.property)({type:Number,attribute:"swap-threshold"})],e.prototype,"swapThreshold",void 0),d([Object(s.property)({type:Number,attribute:"touch-start-threshold"})],e.prototype,"touchStartThreshold",void 0),d([Object(s.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"sort",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),d([Object(s.query)("slot[name='draggable-item']")],e.prototype,"draggableSlot",void 0),e=d([Object(p.f)("md-draggable")],e),t.ELEMENT=e}(o||(o={}))}}]);
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[61],{114: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(9),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(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(n.ifDefined)(this.locale)}>
+          <div slot="time-picker" class="included-timepicker-wrapper">
+            <md-timepicker
+              ?two-digit-auto-tab=${this.twoDigitAutoTab}
+              ?twenty-four-hour-format=${this.twentyFourHourFormat}
+              timeSpecificity=${this.timeSpecificity}
+              locale=${this.locale}
+              value=${this.timeValue}>
+            </md-timepicker>
+          </div>
+        </md-datepicker>
+      </div>
+    `}};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-62.js

@@ -1,15 +1,5 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{93:function(e,t,d){"use strict";d.r(t),d.d(t,"DraggableItem",(function(){return n}));var n,o=d(0),r=d(6),a=d(7),i=d(5),l=d(62),s=d(3),c=d(4),p=function(e,t,d,n){var o,r=arguments.length,a=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,d):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,d,n);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(a=(r<3?o(a):r>3?o(t,d,a):o(t,d))||a);return r>3&&a&&Object.defineProperty(t,d,a),a};!function(e){let t=class extends(Object(a.a)(o.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[i.a,l.a]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return o.html`
-        <div
-          class="md-draggable-item ${Object(c.classMap)(this.draggableItemClassMap)}"
-          part="draggable-item"
-          aria-disabled=${this.disabled}
-        >
-          ${this.extended&&this.editable?o.html`
-                <md-icon name="panel-control-dragger_16"></md-icon>
-              `:s.nothing}
-          <slot></slot>
-          ${this.extended?o.html`
-                <slot name="extended"></slot>
-              `:s.nothing}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[62],{93: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(65),h=a(17),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>
-      `}};p([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"extended",void 0),p([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"editable",void 0),t=p([Object(r.a)("md-draggable-item")],t),e.ELEMENT=t}(n||(n={}))}}]);
+      `}};d([Object(s.property)({type:Number})],e.prototype,"delay",void 0),d([Object(s.property)({type:Number})],e.prototype,"animation",void 0),d([Object(s.property)({type:String})],e.prototype,"handle",void 0),d([Object(s.property)({type:String})],e.prototype,"filter",void 0),d([Object(s.property)({type:String})],e.prototype,"easing",void 0),d([Object(s.property)({type:String})],e.prototype,"direction",void 0),d([Object(s.property)({type:Object})],e.prototype,"group",void 0),d([Object(s.property)({type:String,attribute:"draggable-items"})],e.prototype,"draggableItems",void 0),d([Object(s.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),d([Object(s.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),d([Object(s.property)({type:String,attribute:"drag-class"})],e.prototype,"dragClass",void 0),d([Object(s.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),d([Object(s.property)({type:Number,attribute:"swap-threshold"})],e.prototype,"swapThreshold",void 0),d([Object(s.property)({type:Number,attribute:"touch-start-threshold"})],e.prototype,"touchStartThreshold",void 0),d([Object(s.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"sort",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),d([Object(s.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),d([Object(s.query)("slot[name='draggable-item']")],e.prototype,"draggableSlot",void 0),e=d([Object(p.f)("md-draggable")],e),t.ELEMENT=e}(o||(o={}))}}]);

package/dist/chunks/md-63.js

@@ -1,49 +1,11 @@
-(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"
-            aria-expanded="${this.expanded}"
-            aria-label="${this.title}"
-            aria-controls="md-dropdown-list"
-            aria-haspopup="listbox"
-            ?disabled="${this.disabled}"
-            @click="${()=>this.onLabelClick()}"
-            part="dropdown-header"
-            role="combobox"
-            tabindex="0"
-          >
-            <span class="md-dropdown-label--text">${this.labelTitle}</span>
-            <span class="md-dropdown-label--icon">
-              <md-icon name="icon-arrow-down_16"></md-icon>
-            </span>
-          </label>
-          <ul
-            id="md-dropdown-list"
-            class="md-dropdown-list"
-            role="listbox"
-            aria-label="${this.labelTitle}"
-            aria-hidden="${!this.expanded}"
-            part="dropdown-options"
-            tabindex=${Object(a.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
-          >
-            ${Object(p.repeat)(this.renderOptions,e=>e.key,(e,t)=>r.html`
-                <li
-                  id="combo-${t}"
-                  class="md-dropdown-option"
-                  role="option"
-                  tabindex=${Object(a.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
-                  aria-label="${e.value}"
-                  label="${e.value}"
-                  aria-selected="${t===this.focusedIndex}"
-                  part="dropdown-option"
-                  ?focused="${t===this.focusedIndex}"
-                  @click="${()=>{this.focusToIndex(t),this.select(),this.collapse()}}"
-                >
-                  <span class="select-label" part="label">
-                    <span>${e.value}</span>
-                  </span>
-                </li>
-              `)}
-          </ul>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{94:function(e,t,d){"use strict";d.r(t),d.d(t,"DraggableItem",(function(){return n}));var n,o=d(0),r=d(6),a=d(7),i=d(5),l=d(65),s=d(3),c=d(4),p=function(e,t,d,n){var o,r=arguments.length,a=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,d):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,d,n);else for(var i=e.length-1;i>=0;i--)(o=e[i])&&(a=(r<3?o(a):r>3?o(t,d,a):o(t,d))||a);return r>3&&a&&Object.defineProperty(t,d,a),a};!function(e){let t=class extends(Object(a.a)(o.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[i.a,l.a]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return o.html`
+        <div
+          class="md-draggable-item ${Object(c.classMap)(this.draggableItemClassMap)}"
+          part="draggable-item"
+          aria-disabled=${this.disabled}
+        >
+          ${this.extended&&this.editable?o.html` <md-icon name="panel-control-dragger_16"></md-icon> `:s.nothing}
+          <slot></slot>
+          ${this.extended?o.html` <slot name="extended"></slot> `:s.nothing}
         </div>
-      `}};h([Object(n.property)({type:String,attribute:"title"})],t.prototype,"title",void 0),h([Object(n.property)({type:Array})],t.prototype,"options",void 0),h([Object(n.property)({type:String,attribute:"option-id"})],t.prototype,"optionId",void 0),h([Object(n.property)({type:String,attribute:"option-value"})],t.prototype,"optionValue",void 0),h([Object(n.property)({type:Object})],t.prototype,"defaultOption",void 0),h([Object(n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),h([Object(n.property)({type:Number,attribute:"custom-tab-index",reflect:!0})],t.prototype,"customTabIndex",void 0),h([Object(n.property)({type:Boolean,attribute:"allow-unselected",reflect:!0})],t.prototype,"allowUnselected",void 0),h([Object(n.property)({type:Number,attribute:"visible-option",reflect:!0})],t.prototype,"visibleOptions",void 0),h([Object(n.internalProperty)()],t.prototype,"renderOptions",void 0),h([Object(n.internalProperty)()],t.prototype,"selectedKey",void 0),h([Object(n.internalProperty)()],t.prototype,"expanded",void 0),h([Object(n.internalProperty)()],t.prototype,"focusedIndex",void 0),h([Object(n.query)("label")],t.prototype,"label",void 0),h([Object(n.query)("ul.md-dropdown-list")],t.prototype,"optionsList",void 0),h([Object(n.queryAll)("li.md-dropdown-option")],t.prototype,"optionsListItems",void 0),t=h([Object(s.f)("md-dropdown")],t),e.ELEMENT=t}(b||(b={}))}}]);
+      `}};p([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"extended",void 0),p([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"editable",void 0),t=p([Object(r.a)("md-draggable-item")],t),e.ELEMENT=t}(n||(n={}))}}]);

package/dist/chunks/md-64.js

@@ -1,30 +1,49 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{115:function(e,t,i){"use strict";i.r(t),i.d(t,"alignment",(function(){return f})),i.d(t,"EditableTextfield",(function(){return g}));var d=i(19),l=i(5),r=i(43),a=i.n(r),s=i(6),o=i(0),n=i(3),c=i(4),h=i(2),b=i(24),p=o.css`:focus{outline:0}.md-editable-textfield{border-radius:.25rem;line-height:1.3571428571 rem;min-height:2rem;overflow-y:auto;padding:0 .375rem 0 .375rem}.md-editable-textfield:hover{background-color:var(--editable-textfield-default-hover-bg-color,#ededed)}.md-editable-textfield:active{background-color:var(--editable-textfield-default-pressed-bg-color,#dedede)}.md-editable-textfield:focus{box-shadow:0 0 0 .0625rem var(--md-default-focus-outline-color,#007aa3)}.md-editable-textfield--left .md-input{text-align:left}.md-editable-textfield--center .md-input{text-align:center}.md-editable-textfield--center ::slotted(*){text-align:center}.md-editable-textfield--right .md-input{text-align:right}.md-editable-textfield--right ::slotted(*){text-align:right}.md-editable-textfield--disabled{background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);cursor:default}.md-editable-textfield--disabled:hover{background-color:rgba(0,0,0,0)}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}.md-editable-textfield--error{background-color:var(--md-alert-error-bg-color,#ffe8e3);border:1px solid var(--editable-textfield-error-border-color,#a12512);color:var(--md-alert-error-text-color,#a12512)}.md-editable-textfield--error:focus{box-shadow:none;outline:0}.md-editable-textfield--warning{background-color:var(--md-alert-warning-bg-color,#ffecc2);border:1px solid var(--editable-textfield-warning-border-color,#d97f00);color:var(--md-alert-warning-text-color,#7d4705)}.md-editable-textfield--warning:focus{box-shadow:none;outline:0}.md-editable-textfield--success{background-color:var(--md-alert-success-bg-color,#befade);border:1px solid var(--editable-textfield-success-border-color,#00ab50);color:var(--md-alert-success-text-color,#03612c)}.md-editable-textfield--success:focus{box-shadow:none;outline:0}.md-editable-textfield--textoverflow{-webkit-box-orient:vertical;display:-webkit-box;overflow-y:hidden;text-overflow:ellipsis}.md-editable-textfield__messages{padding:.375rem 0 0 1rem}@media(forced-colors:active){.md-editable-textfield:focus{outline:1px solid Highlight;box-shadow:none}.md-editable-textfield--disabled{color:GrayText;cursor:default}.md-editable-textfield--disabled:focus{box-shadow:none;outline:0}}`,m=function(e,t,i,d){var l,r=arguments.length,a=r<3?t:null===d?d=Object.getOwnPropertyDescriptor(t,i):d;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,d);else for(var s=e.length-1;s>=0;s--)(l=e[s])&&(a=(r<3?l(a):r>3?l(t,i,a):l(t,i))||a);return r>3&&a&&Object.defineProperty(t,i,a),a};const f=["left","right","center"];var g;!function(e){let t=class extends o.LitElement{constructor(){super(...arguments),this.alignment="left",this.disabled=!1,this.isEditing=!1,this.maxLines="",this.content="Click to edit text",this.message={type:"error",message:"That is not a valid input."},this.alert=!1,this.hideMessage=!1,this.pattern="",this.type=null,this.ariaLabel="editable field",this.ariaDescribedBy="",this.messageController=new b.Input.MessageController,this.reportValidity=()=>{this.dispatchEvent(new Event("invalid",{bubbles:!1,cancelable:!0,composed:!0}))},this.checkValidity=e=>{let t=!0;const i=i=>{null===e.match(i)&&(t=!1)};if(this.pattern){i(new RegExp(this.pattern))}else if(e&&this.type)switch(this.type){case"integer":i(new RegExp(d.a.integerString));break;case"decimal":i(new RegExp(d.a.decimalString))}return t},this.handleFocus=()=>{this.disabled||(this.isEditing=!0,this.setRange())},this.handleKeydown=e=>{var t;const{key:i,code:d}=e;if(["Tab","Meta","Shift","Delete","Backspace","Arrow"].some(e=>d.includes(e)))return;("integer"===this.type&&i.includes(".")||("integer"===this.type||"decimal"===this.type)&&d.match("Space"))&&e.preventDefault();const l=(null===(t=this.editableField)||void 0===t?void 0:t.innerText.trim())+i;if(this.type)if(isNaN(Number(l)))e.preventDefault();else{if("integer"!==this.type||Number.isInteger(Number(l)))return;e.preventDefault()}},this.handleBlur=()=>{var e;this.isEditing=!1,this.maxLines.length>0&&this.editableField&&this.editableField.scrollTo(0,0),this.content=(null===(e=this.editableField)||void 0===e?void 0:e.innerText.trim())||"",this.alert=!1,this.handleValidation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("focus",this.handleFocus)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("focus",this.handleFocus)}firstUpdated(e){super.firstUpdated(e),this.innerText&&this.innerText.length>0?this.content=this.innerText.trim():this.innerText=a.a.sanitize(this.content)}updated(e){super.updated(e),e.has("content")&&this.editableField&&(this.editableField.innerText=a.a.sanitize(this.content))}setRange(){var e;if(this.editableField){const t=document.createRange(),i=window.getSelection(),d=null===(e=this.editableField.childNodes[0].nodeValue)||void 0===e?void 0:e.length;if(t.setStart(this.editableField.childNodes[0],d||0),t.collapse(!0),!i||0!==i.toString().length)return;i.removeAllRanges(),i.addRange(t),this.maxLines.length>0&&(this.editableField.scrollTop=this.editableField.scrollHeight)}}handleValidation(){if(this.type||this.pattern){this.checkValidity&&this.checkValidity(this.content)||(this.reportValidity(),this.showAlert())}}showAlert(){this.alert=!0}static get styles(){return[l.a,p]}get overflowStyles(){return this.maxLines.length&&this.maxLines.length>0&&`max-height: ${2*parseInt(this.maxLines)}rem; -webkit-line-clamp: ${this.maxLines}; word-break: break-all;`}messagesTemplate(){var e,t,i;return this.alert?o.html`
-            <div class="md-editable-textfield__messages" style="display: ${this.hideMessage?"none":"block"}">
-              <md-help-text
-                id="alert-message"
-                role="alert"
-                aria-live="assertive"
-                .messageType=${null===(e=this.message)||void 0===e?void 0:e.type}
-                aria-errormessage=${Object(h.ifDefined)(null===(t=this.message)||void 0===t?void 0:t.message)}
-              >
-                ${null===(i=this.message)||void 0===i?void 0:i.message}
-              </md-help-text>
-            </div>
-          `:n.nothing}render(){var e;const t={["md-editable-textfield--"+this.alignment]:this.alignment,"md-editable-textfield--disabled":this.disabled,["md-editable-textfield--"+(null===(e=this.message)||void 0===e?void 0:e.type)]:this.alert&&!!this.message,"md-editable-textfield--textoverflow":this.maxLines.length>0&&!this.isEditing};return o.html`
-        <div
-          style="${this.overflowStyles}"
-          class="md-editable-textfield ${Object(c.classMap)(t)}"
-          role=${Object(h.ifDefined)(this.disabled?void 0:"textbox")}
-          tabindex=${this.disabled?"-1":"0"}
-          ?contenteditable=${this.isEditing}
-          @focus=${this.handleFocus}
-          @blur=${this.handleBlur}
-          @keydown=${e=>{this.handleKeydown(e)}}
-          aria-invalid=${Object(h.ifDefined)(this.disabled?void 0:this.alert?"true":"false")}
-          aria-label=${Object(h.ifDefined)(this.disabled?void 0:this.ariaLabel)}
-          aria-describedby=${Object(h.ifDefined)(this.disabled?void 0:this.ariaDescribedBy)}
-        >
-          ${a.a.sanitize(this.content)}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{115:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return b}));o(13);var i=o(1),s=o(7),d=o(5),n=o(0),r=o(3),l=o(14),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;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/2);position:relative;vertical-align:bottom;height:inherit;display:flex}: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"
+            aria-expanded="${this.expanded}"
+            aria-label="${this.title}"
+            aria-controls="md-dropdown-list"
+            aria-haspopup="listbox"
+            ?disabled="${this.disabled}"
+            @click="${()=>this.onLabelClick()}"
+            part="dropdown-header"
+            role="combobox"
+            tabindex="0"
+          >
+            <span class="md-dropdown-label--text">${this.labelTitle}</span>
+            <span class="md-dropdown-label--icon">
+              <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
+            </span>
+          </label>
+          <ul
+            id="md-dropdown-list"
+            class="md-dropdown-list"
+            role="listbox"
+            aria-label="${this.labelTitle}"
+            aria-hidden="${!this.expanded}"
+            part="dropdown-options"
+            tabindex=${Object(a.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+          >
+            ${Object(p.repeat)(this.renderOptions,e=>e.key,(e,t)=>r.html`
+                <li
+                  id="combo-${t}"
+                  class="md-dropdown-option"
+                  role="option"
+                  tabindex=${Object(a.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+                  aria-label="${e.value}"
+                  label="${e.value}"
+                  aria-selected="${t===this.focusedIndex}"
+                  part="dropdown-option"
+                  ?focused="${t===this.focusedIndex}"
+                  @click="${()=>{this.focusToIndex(t),this.select(),this.collapse()}}"
+                >
+                  <span class="select-label" part="label">
+                    <span>${e.value}</span>
+                  </span>
+                </li>
+              `)}
+          </ul>
         </div>
-        ${this.messagesTemplate()}
-      `}};m([Object(o.property)({type:String})],t.prototype,"alignment",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"disabled",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"isEditing",void 0),m([Object(o.property)({type:String,attribute:"max-lines",reflect:!0})],t.prototype,"maxLines",void 0),m([Object(o.property)({type:String,reflect:!0})],t.prototype,"content",void 0),m([Object(o.property)({type:Object})],t.prototype,"message",void 0),m([Object(o.property)({type:Boolean,reflect:!0})],t.prototype,"alert",void 0),m([Object(o.property)({type:Boolean})],t.prototype,"hideMessage",void 0),m([Object(o.property)({type:String})],t.prototype,"pattern",void 0),m([Object(o.property)({type:String})],t.prototype,"type",void 0),m([Object(o.property)({type:String})],t.prototype,"ariaLabel",void 0),m([Object(o.property)({type:String,attribute:"aria-described-by"})],t.prototype,"ariaDescribedBy",void 0),m([Object(o.query)(".md-editable-textfield")],t.prototype,"editableField",void 0),t=m([Object(s.a)("md-editable-field")],t),e.ELEMENT=t}(g||(g={}))}}]);
+      `}};h([Object(n.property)({type:String,attribute:"title"})],t.prototype,"title",void 0),h([Object(n.property)({type:Array})],t.prototype,"options",void 0),h([Object(n.property)({type:String,attribute:"option-id"})],t.prototype,"optionId",void 0),h([Object(n.property)({type:String,attribute:"option-value"})],t.prototype,"optionValue",void 0),h([Object(n.property)({type:Object})],t.prototype,"defaultOption",void 0),h([Object(n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),h([Object(n.property)({type:Number,attribute:"custom-tab-index",reflect:!0})],t.prototype,"customTabIndex",void 0),h([Object(n.property)({type:Boolean,attribute:"allow-unselected",reflect:!0})],t.prototype,"allowUnselected",void 0),h([Object(n.property)({type:Number,attribute:"visible-option",reflect:!0})],t.prototype,"visibleOptions",void 0),h([Object(n.internalProperty)()],t.prototype,"renderOptions",void 0),h([Object(n.internalProperty)()],t.prototype,"selectedKey",void 0),h([Object(n.internalProperty)()],t.prototype,"expanded",void 0),h([Object(n.internalProperty)()],t.prototype,"focusedIndex",void 0),h([Object(n.query)("label")],t.prototype,"label",void 0),h([Object(n.query)("ul.md-dropdown-list")],t.prototype,"optionsList",void 0),h([Object(n.queryAll)("li.md-dropdown-option")],t.prototype,"optionsListItems",void 0),t=h([Object(s.f)("md-dropdown")],t),e.ELEMENT=t}(b||(b={}))}}]);