@momentum-ui/web-components 2.13.22 → 2.14.0

package/dist/chunks/md-61.js

@@ -1,23 +1 @@
-(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(28),i(30);var a,o=i(6),r=i(9),l=i(5),s=i(0),n=i(3),d=i(14),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([[61],{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(14),l=a(43),o=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 l=t.length-1;l>=0;l--)(i=t[l])&&(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 l.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);if(e<t||e>a)e<t?this.startDate=this.dateToSqlTranslate(e):this.endDate=this.dateToSqlTranslate(e);else{const s=e.toMillis(),i=a.toMillis(),n=t.toMillis();Math.abs(s-i)<Math.abs(s-n)?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,"/")}};o([Object(n.property)({type:String,attribute:"start-date",reflect:!0})],e.prototype,"startDate",void 0),o([Object(n.property)({type:String,attribute:"end-date",reflect:!0})],e.prototype,"endDate",void 0),e=o([Object(i.a)("md-date-range-picker")],e),t.ELEMENT=e}(s||(s={}))}}]);

package/dist/chunks/md-62.js

@@ -1,5 +1,23 @@
-(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(31),i=a.n(r),n=a(5),l=a(64),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([[62],{115:function(e,t,i){"use strict";i.r(t),i.d(t,"DateTimePicker",(function(){return a}));i(28),i(30);var a,o=i(6),r=i(9),l=i(5),s=i(0),n=i(3),d=i(14),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-63.js

@@ -1,11 +1,5 @@
-(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(7),i=d(6),r=d(5),a=d(0),l=d(2),s=d(4),c=d(64),p=function(e,t,d,n){var o,i=arguments.length,r=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,d):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,d,n);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(i<3?o(r):i>3?o(t,d,r):o(t,d))||r);return i>3&&r&&Object.defineProperty(t,d,r),r};!function(e){let t=class extends(Object(o.a)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[r.a,c.a]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return a.html`
-        <div
-          class="md-draggable-item ${Object(s.classMap)(this.draggableItemClassMap)}"
-          part="draggable-item"
-          aria-disabled=${this.disabled}
-        >
-          ${this.extended&&this.editable?a.html` <md-icon name="dragger-vertical-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.nothing}
-          <slot></slot>
-          ${this.extended?a.html` <slot name="extended"></slot> `:l.nothing}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[63],{93:function(t,e,a){"use strict";a.r(e),a.d(e,"Draggable",(function(){return o}));var o,s=a(0),r=a(31),i=a.n(r),n=a(5),l=a(64),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>
-      `}};p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"extended",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"editable",void 0),t=p([Object(i.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-64.js

@@ -1,142 +1,11 @@
-(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 g}));o(15);var r=o(1),i=o(7),s=o(5),d=o(0),n=o(2),a=o(13),l=o(3),p=o(12),c=o(16),h=o(8),u=d.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-hover,#91ebff);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown-option[selected]{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__expanded .md-dropdown-button.arrow-down{transform:rotate(180deg)}:host .md-dropdown--pill .group,:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host .md-dropdown .group{align-items:start;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);display:flex;min-height:2rem;padding:0 .75rem;height:2.125rem}:host .md-dropdown .group md-icon{color:var(--md-primary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:100%}:host .md-dropdown .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#545454)}:host .md-dropdown .group:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown .group:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown .group input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-primary-text-color);display:inline-block;flex:1 1 auto;height:2rem;outline:0}:host .md-dropdown .group ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host .md-dropdown .group .md-dropdown-left-icon{margin-right:.25rem}:host .md-dropdown .md-dropdown-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}:host .md-dropdown .md-dropdown-input[readonly]{pointer-events:none}:host .md-dropdown.md-error .group,:host .md-dropdown.md-error .group:active{border-color:var(--input-error-border-color)!important}:host .md-dropdown.md-warning .group,:host .md-dropdown.md-warning .group:active{border-color:var(--input-warning-border-color)!important}:host .md-dropdown.md-success .group,:host .md-dropdown.md-success .group:active{border-color:var(--input-success-border-color)!important}:host .help-text,:host .md-dropbox__messages{padding-top:.375rem}:host .group[readonly]{border-color:var(--dropdown-bg-color-disabled)!important}:host .group[readonly] md-icon{color:var(--dropdown-bg-color-disabled)!important}:host .md-dropdown-button{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*1.5);position:relative;vertical-align:bottom;height:inherit;display:flex;align-items:center}:host .md-dropdown-button.clear{align-items:center;padding-top:.25rem;display:flex}:host .md-dropdown-button md-icon{color:var(--combobox-dropdown-item-icon-color)}:host .md-combobox-button.clear{height:auto;padding:.115rem}:host .md-combobox-button.arrow-down:focus,:host .md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}:host .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-radius:8px}:host .md-new-dropdown-label--text{color:var(--md-primary-text-color)}:host .md-new-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-new-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-new-dropdown .group{border-radius:8px;background-color:rgba(0,0,0,0)}:host(:active) .md-new-dropdown .group,:host(:active) .md-new-dropdown-label{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--md-secondary-seperator-color)!important}:host([focus-visible]) .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([focus-visible]) .group{border-color:var(--dropdown-border-color-focus,#005e7d)}:host([focus-visible]) .md-new-dropdown .group,:host([focus-visible]) .md-new-dropdown-label{outline:2px solid var(--dropdown-border-color-focus)!important;outline-offset:.125rem!important;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown-label:active,:host([disabled]) .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) .group{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .group md-icon{opacity:.3}:host([disabled]) .group:active,:host([disabled]) .group:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .group:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) md-help-text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown-label--text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label .md-dropdown-label--icon md-icon{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label:active,:host([disabled]) .md-new-dropdown-label:hover{background-color:rgba(0,0,0,0);pointer-events:none;outline:0!important;box-shadow:none;border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown-label:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown .group{background:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;pointer-events:none;outline:0!important}:host([disabled]) .md-new-dropdown .group input{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown .group:active,:host([disabled]) .md-new-dropdown .group:hover{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown .group:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}@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 .group input{color:HighlightText}:host .group ::input-placeholder{color:GrayText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText!important}:host([disabled]) .group,:host([disabled]) .group:active{border:1px solid GrayText!important;outline:0!important}:host([disabled]) .group input,:host([disabled]) .group:active input{color:GrayText}:host([disabled]) .group ::input-placeholder,:host([disabled]) .group:active ::input-placeholder{color:HighlightText!important}}`,b=function(e,t,o,r){var i,s=arguments.length,d=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(d=(s<3?i(d):s>3?i(t,o,d):i(t,o))||d);return s>3&&d&&Object.defineProperty(t,o,d),d},m=function(e,t,o,r){return new(o||(o=Promise))((function(i,s){function d(e){try{a(r.next(e))}catch(e){s(e)}}function n(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,n)}a((r=r.apply(e,t||[])).next())}))};var g;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,o)=>o.type===t?e.concat(o.message):e,[])}}e.MessageController=t;let o=class extends(Object(i.a)(d.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.newMomentum=!1,this.compact=!1,this.searchable=!1,this.searchItem=!1,this.inputValue="",this.placeholder="Select...",this.readOnly=!1,this.autofocus=!1,this.leftIcon="",this.trimSpace=!1,this.resultsTextLocalization="No Results",this.helpText="",this.messageArr=[],this.htmlId="",this.clearAriaLabel="Clear",this.clearIconHeight="auto",this.arrowAriaLabel="Expand",this.popupChevronAriaHidden="true",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForDropdown="",this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.messageController=new t,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 r.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case r.b.Space:case r.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case r.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case r.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case r.b.Home:this.expanded?this.focusFirst():this.expand();break;case r.b.End:this.expanded?this.focusLast():this.expand();break;case r.b.Escape||r.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}},this.notifyInputValueChanged=Object(c.b)(e=>{this.dispatchEvent(new CustomEvent("dropdown-input",{composed:!0,bubbles:!0,detail:{value:e}})),this.notifySearchResultCount(),requestAnimationFrame(()=>{this.input.focus()})},250)}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}}),this.searchable&&this.setInitialValue()}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),this.searchable&&this.setInitialValue())}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}notifySearchResultCount(){if(this.searchResultAriaLabel){const e=/{{.*?}}/g;this.ariaLabelForDropdown=this.searchResultAriaLabel.replace(e,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForDropdown=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForDropdown=`Dropdown Element, ${this.filteredOptions.length} results found.`}setInitialValue(){var e;if(this.options.length){const t=this.renderOptions.find(e=>e.key===this.selectedKey),o=null==t?void 0:t.option;o&&(this.setInputValue(this.getOptionValue(o)),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,this.getOptionId(o)),this.notifyInputValueChanged(this.getOptionValue(o)),this.requestUpdate())}}getOptionValue(e){return this.isOptionObject(e)&&!this.optionValue?Object.values(e)[0]:this.isOptionObject(e)?e[this.optionValue]:e}getOptionId(e){return this.isOptionObject(e)?e[this.optionId]:e}isOptionObject(e){return"object"==typeof e&&null!==e}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:r,value:i}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(r)?console.error(`Dropdown already have option key: "${r}". Ignoring `):r?(e.push(r),t.push({key:r,value:i,option:o})):console.error(`Dropdown key is not defined: "${r}". (value: "${i}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return m(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return m(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&&this.readOnly||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[s.a,u]}get filteredOptions(){const e=this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue;if(!e.trim())return this.renderOptions;const t=this.renderOptions.filter(t=>t.value.toLowerCase().includes(e.toLowerCase()));return 0===t.length?[{key:"no-result",value:"No Result",disabled:!0}]:t}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}setVisualListbox(e){this.expanded=e}updateOnNextFrame(e){requestAnimationFrame(e)}setInputValue(e=""){this.input.value=e}shouldChangeButton(){const e=this.input&&this.input.value.length>0;return e&&document.dispatchEvent(new CustomEvent("on-widget-update")),e}toggleVisualListBox(e){var t,o;if(!this.readOnly){if(e.target.classList.contains("md-dropdown-input"))e.target.focus();else if("md-icon"===e.target.localName){const r=null===(o=null===(t=e.target.parentElement)||void 0===t?void 0:t.parentElement)||void 0===o?void 0:o.parentElement;if(r){const e=r.querySelector(".md-dropdown-input");setTimeout(()=>{e.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus()}}handleRemoveAll(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}removeAllSelected(){var e;this.focusReset(),this.selectedKey="",this.inputValue="",this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus()}),this.dispatchEvent(new CustomEvent("dropdown-selection-removed",{composed:!0,bubbles:!0,detail:{}}))}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("remove-all-selected",this.removeAllSelected)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown),this.removeEventListener("remove-all-selected",this.removeAllSelected)}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.searchable||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)}focusToIndexWithOption(e){const t=this.renderOptions.findIndex(t=>t.key===e.key);this.renderOptions.length&&t>=0&&t<=this.renderOptions.length-1&&(this.focusedIndex=t)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return m(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:r}=this.optionsList.getBoundingClientRect(),i=this.optionsListItems[e],s=this.optionsListItems[e+1]||i,d=this.optionsListItems[e-1]||i,n=s.getBoundingClientRect(),a=d.getBoundingClientRect();n.bottom>r?t=n.bottom-r+2:a.top<o&&(t=a.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,["md-"+this.messageType]:!!this.messageType,"md-new-dropdown":this.newMomentum}}handleInput(e){const t=e.target.value;this.inputValue=t.trim(),this.notifyInputValueChanged(t.trim())}helpTextTemplate(){return this.helpText?n.html`
-            <md-help-text
-              class="help-text ${Object(a.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
-              .message=${this.helpText}
-              style=${Object(h.styleMap)({width:"100%"})}
-            ></md-help-text>
-          `:n.nothing}messagesTemplate(){return this.messages&&this.messages.length?n.html`
-            <div id="${this.htmlId}-message" part="message" class="md-dropbox__messages">
-              ${Object(p.repeat)(this.messages,(e,t)=>n.html`
-                  <md-help-text
-                    .message=${e}
-                    .id=${this.messageArr[t].id||""}
-                    .ariaLive=${this.messageArr[t].ariaLive||"polite"}
-                    .messageType=${this.messageType}
-                  ></md-help-text>
-                `)}
-            </div>
-          `:n.nothing}iconTemplate(){return n.html`
-        <md-icon
-          class="md-dropdown-left-icon"
-          name="${this.leftIcon}"
-          size="16"
-          iconSet="momentumDesign"
-          @click=${this.toggleVisualListBox}
-        ></md-icon>
-      `}clearButtonTemplate(){return n.html`
-        <button
-          type="button"
-          class="md-dropdown-button clear"
-          aria-label=${this.clearAriaLabel}
-          aria-controls="md-dropdown-input"
-          tabindex="0"
-          ?readonly=${this.readOnly}
-          ?disabled=${this.disabled}
-          @click=${this.handleRemoveAll}
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[64],{94:function(e,t,d){"use strict";d.r(t),d.d(t,"DraggableItem",(function(){return n}));var n,o=d(7),i=d(6),r=d(5),a=d(0),l=d(2),s=d(4),c=d(64),p=function(e,t,d,n){var o,i=arguments.length,r=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,d):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,d,n);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(i<3?o(r):i>3?o(t,d,r):o(t,d))||r);return i>3&&r&&Object.defineProperty(t,d,r),r};!function(e){let t=class extends(Object(o.a)(a.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.extended=!1,this.editable=!1}static get styles(){return[r.a,c.a]}get draggableItemClassMap(){return{extended:this.extended,default:!this.extended,disabled:this.disabled}}render(){return a.html`
+        <div
+          class="md-draggable-item ${Object(s.classMap)(this.draggableItemClassMap)}"
+          part="draggable-item"
+          aria-disabled=${this.disabled}
         >
-          <span>
-            <md-icon
-              class="md-input__icon-clear"
-              name="cancel-bold"
-              size="14"
-              iconSet="momentumDesign"
-              style="height: ${this.clearIconHeight};"
-            ></md-icon
-          ></span>
-        </button>
-      `}arrowButtonTemplate(){return n.html`
-        <button
-          type="button"
-          class="md-dropdown-button arrow-down"
-          aria-expanded=${this.expanded}
-          aria-label=${Object(l.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
-          aria-controls="md-dropdown-input"
-          tabindex="-1"
-          aria-hidden=${this.popupChevronAriaHidden}
-          ?readonly=${this.readOnly}
-          ?disabled=${this.disabled}
-          @click=${this.toggleVisualListBox}
-        >
-          <span>
-            <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
-          </span>
-        </button>
-      `}render(){return n.html`
-        <div class="md-dropdown ${Object(a.classMap)(this.dropDownClassMap)}" part="dropdown">
-          ${this.searchable?n.html`
-                <div part="group" class="group" ?readonly=${this.readOnly}>
-                  ${this.leftIcon?this.iconTemplate():n.nothing}
-                  <input
-                    class="md-dropdown-input"
-                    type="text"
-                    role="combobox"
-                    aria-autocomplete="both"
-                    aria-label=${this.title}
-                    part="dropdown-input"
-                    aria-expanded=${this.expanded}
-                    placeholder=${this.placeholder}
-                    aria-controls="md-dropdown-list"
-                    ?readonly=${this.readOnly}
-                    ?disabled=${this.disabled}
-                    ?autofocus=${this.autofocus}
-                    title=${this.title}
-                    tabindex="0"
-                    .value=${this.inputValue}
-                    @click=${this.toggleVisualListBox}
-                    @input=${this.handleInput}
-                  />
-                  ${this.compact||!this.searchable?n.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
-                </div>
-              `:n.html`
-                <label
-                  class="md-dropdown-label ${Object(a.classMap)({"md-new-dropdown-label":this.newMomentum})}"
-                  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 ${Object(a.classMap)({"md-new-dropdown-label--text":this.newMomentum})}"
-                    >${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(l.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
-          >
-            ${this.filteredOptions.map((e,t)=>n.html`
-                <li
-                  id="combo-${t}"
-                  class="md-dropdown-option"
-                  role="option"
-                  tabindex=${Object(l.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
-                  aria-label="${e.value}"
-                  label="${e.value}"
-                  aria-selected="${e.key===this.selectedKey}"
-                  part="dropdown-option"
-                  ?focused="${t===this.focusedIndex}"
-                  ?selected="${e.key===this.selectedKey}"
-                  @click="${()=>{this.focusToIndexWithOption(e),this.select(),this.collapse()}}"
-                >
-                  <span class="select-label" part="label">
-                    <span>${e.value}</span>
-                  </span>
-                </li>
-              `)}
-          </ul>
+          ${this.extended&&this.editable?a.html` <md-icon name="dragger-vertical-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.nothing}
+          <slot></slot>
+          ${this.extended?a.html` <slot name="extended"></slot> `:l.nothing}
         </div>
-        ${this.messagesTemplate()} ${this.helpTextTemplate()}
-      `}};b([Object(d.property)({type:String,attribute:"title"})],o.prototype,"title",void 0),b([Object(d.property)({type:Array})],o.prototype,"options",void 0),b([Object(d.property)({type:String,attribute:"option-id"})],o.prototype,"optionId",void 0),b([Object(d.property)({type:String,attribute:"option-value"})],o.prototype,"optionValue",void 0),b([Object(d.property)({type:Object})],o.prototype,"defaultOption",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0),b([Object(d.property)({type:Number,attribute:"custom-tab-index",reflect:!0})],o.prototype,"customTabIndex",void 0),b([Object(d.property)({type:Boolean,attribute:"allow-unselected",reflect:!0})],o.prototype,"allowUnselected",void 0),b([Object(d.property)({type:Number,attribute:"visible-option",reflect:!0})],o.prototype,"visibleOptions",void 0),b([Object(d.property)({type:Boolean})],o.prototype,"newMomentum",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"compact",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchable",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchItem",void 0),b([Object(d.property)({type:String,attribute:"input-value",reflect:!0})],o.prototype,"inputValue",void 0),b([Object(d.property)({type:String})],o.prototype,"placeholder",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"readOnly",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"autofocus",void 0),b([Object(d.property)({type:String,attribute:"left-icon",reflect:!0})],o.prototype,"leftIcon",void 0),b([Object(d.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],o.prototype,"trimSpace",void 0),b([Object(d.property)({type:String,attribute:"no-results-i18n"})],o.prototype,"resultsTextLocalization",void 0),b([Object(d.property)({type:String})],o.prototype,"helpText",void 0),b([Object(d.property)({type:Array})],o.prototype,"messageArr",void 0),b([Object(d.property)({type:String})],o.prototype,"htmlId",void 0),b([Object(d.property)({type:String,attribute:"clear-aria-label"})],o.prototype,"clearAriaLabel",void 0),b([Object(d.property)({type:String,attribute:"clear-icon-height"})],o.prototype,"clearIconHeight",void 0),b([Object(d.property)({type:String,attribute:"arrow-aria-label"})],o.prototype,"arrowAriaLabel",void 0),b([Object(d.property)({type:String,attribute:"popup-chevron-aria-hidden"})],o.prototype,"popupChevronAriaHidden",void 0),b([Object(d.property)({type:String,reflect:!0})],o.prototype,"ariaLabel",void 0),b([Object(d.property)({type:String,attribute:"search-result-aria-label"})],o.prototype,"searchResultAriaLabel",void 0),b([Object(d.internalProperty)()],o.prototype,"ariaLabelForDropdown",void 0),b([Object(d.internalProperty)()],o.prototype,"renderOptions",void 0),b([Object(d.internalProperty)()],o.prototype,"selectedKey",void 0),b([Object(d.internalProperty)()],o.prototype,"expanded",void 0),b([Object(d.internalProperty)()],o.prototype,"focusedIndex",void 0),b([Object(d.query)("label")],o.prototype,"label",void 0),b([Object(d.query)(".md-dropdown-input")],o.prototype,"input",void 0),b([Object(d.query)("ul.md-dropdown-list")],o.prototype,"optionsList",void 0),b([Object(d.queryAll)("li.md-dropdown-option")],o.prototype,"optionsListItems",void 0),o=b([Object(i.f)("md-dropdown")],o),e.ELEMENT=o}(g||(g={}))}}]);
+      `}};p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"extended",void 0),p([Object(a.property)({type:Boolean,reflect:!0})],t.prototype,"editable",void 0),t=p([Object(i.a)("md-draggable-item")],t),e.ELEMENT=t}(n||(n={}))}}]);

package/dist/chunks/md-65.js

@@ -1,30 +1,142 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{116: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(45),a=i.n(r),s=i(6),o=i(0),n=i(2),c=i(4),h=i(3),b=i(28),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>
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[65],{116:function(e,t,o){"use strict";o.r(t),o.d(t,"Dropdown",(function(){return g}));o(15);var r=o(1),i=o(7),s=o(5),d=o(0),n=o(2),a=o(12),l=o(3),p=o(13),c=o(16),h=o(8),u=d.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-hover,#91ebff);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--dropdown-list-item-border-focus)}:host .md-dropdown-option[selected]{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__expanded .md-dropdown-button.arrow-down{transform:rotate(180deg)}:host .md-dropdown--pill .group,:host .md-dropdown--pill .md-dropdown-label{border-radius:18px}:host .md-dropdown .group{align-items:start;background-color:var(--md-primary-bg-color);border:1px solid var(--md-secondary-seperator-color);border-radius:var(--dropdown-group-radius,.25rem);display:flex;min-height:2rem;padding:0 .75rem;height:2.125rem}:host .md-dropdown .group md-icon{color:var(--md-primary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:100%}:host .md-dropdown .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#545454)}:host .md-dropdown .group:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-dropdown .group:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-dropdown .group input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-primary-text-color);display:inline-block;flex:1 1 auto;height:2rem;outline:0}:host .md-dropdown .group ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}:host .md-dropdown .group .md-dropdown-left-icon{margin-right:.25rem}:host .md-dropdown .md-dropdown-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}:host .md-dropdown .md-dropdown-input[readonly]{pointer-events:none}:host .md-dropdown.md-error .group,:host .md-dropdown.md-error .group:active{border-color:var(--input-error-border-color)!important}:host .md-dropdown.md-warning .group,:host .md-dropdown.md-warning .group:active{border-color:var(--input-warning-border-color)!important}:host .md-dropdown.md-success .group,:host .md-dropdown.md-success .group:active{border-color:var(--input-success-border-color)!important}:host .help-text,:host .md-dropbox__messages{padding-top:.375rem}:host .group[readonly]{border-color:var(--dropdown-bg-color-disabled)!important}:host .group[readonly] md-icon{color:var(--dropdown-bg-color-disabled)!important}:host .md-dropdown-button{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*1.5);position:relative;vertical-align:bottom;height:inherit;display:flex;align-items:center}:host .md-dropdown-button.clear{align-items:center;padding-top:.25rem;display:flex}:host .md-dropdown-button md-icon{color:var(--combobox-dropdown-item-icon-color)}:host .md-combobox-button.clear{height:auto;padding:.115rem}:host .md-combobox-button.arrow-down:focus,:host .md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}:host .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-radius:8px}:host .md-new-dropdown-label--text{color:var(--md-primary-text-color)}:host .md-new-dropdown-label:hover{background-color:var(--dropdown-bg-color-hover,#dedede)}:host .md-new-dropdown-label:active{background-color:var(--dropdown-bg-color-active,#ccc)}:host .md-new-dropdown .group{border-radius:8px;background-color:rgba(0,0,0,0)}:host(:active) .md-new-dropdown .group,:host(:active) .md-new-dropdown-label{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--md-secondary-seperator-color)!important}:host([focus-visible]) .md-dropdown-label{border-color:var(--dropdown-border-color-focus,#005e7d);box-shadow:none;outline:0}:host([focus-visible]) .group{border-color:var(--dropdown-border-color-focus,#005e7d)}:host([focus-visible]) .md-new-dropdown .group,:host([focus-visible]) .md-new-dropdown-label{outline:2px solid var(--dropdown-border-color-focus)!important;outline-offset:.125rem!important;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .md-dropdown-label{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .md-dropdown-label:active,:host([disabled]) .md-dropdown-label:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .md-dropdown-label:active>md-icon,:host([disabled]) .md-dropdown-label:hover>md-icon{opacity:.3}:host([disabled]) .md-dropdown-label:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) .group{background-color:var(--md-tertiary-bg-color)}:host([disabled]) .group md-icon{opacity:.3}:host([disabled]) .group:active,:host([disabled]) .group:hover{background-color:var(--md-tertiary-bg-color);pointer-events:none}:host([disabled]) .group:focus-visible{border-color:var(--dropdown-border-color-focus,#005e7d);outline:0}:host([disabled]) md-help-text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label{background-color:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown-label--text{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label .md-dropdown-label--icon md-icon{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown-label:active,:host([disabled]) .md-new-dropdown-label:hover{background-color:rgba(0,0,0,0);pointer-events:none;outline:0!important;box-shadow:none;border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown-label:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;outline:0!important;box-shadow:none}:host([disabled]) .md-new-dropdown .group{background:rgba(0,0,0,0);border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important;pointer-events:none;outline:0!important}:host([disabled]) .md-new-dropdown .group input{color:var(--dropdown-bg-color-disabled,#b2b2b2)}:host([disabled]) .md-new-dropdown .group:active,:host([disabled]) .md-new-dropdown .group:hover{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}:host([disabled]) .md-new-dropdown .group:focus-visible{border-color:var(--dropdown-bg-color-disabled,#b2b2b2)!important}@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 .group input{color:HighlightText}:host .group ::input-placeholder{color:GrayText}:host([disabled]) .md-dropdown .md-dropdown-label{border:1px solid GrayText!important}:host([disabled]) .group,:host([disabled]) .group:active{border:1px solid GrayText!important;outline:0!important}:host([disabled]) .group input,:host([disabled]) .group:active input{color:GrayText}:host([disabled]) .group ::input-placeholder,:host([disabled]) .group:active ::input-placeholder{color:HighlightText!important}}`,b=function(e,t,o,r){var i,s=arguments.length,d=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(d=(s<3?i(d):s>3?i(t,o,d):i(t,o))||d);return s>3&&d&&Object.defineProperty(t,o,d),d},m=function(e,t,o,r){return new(o||(o=Promise))((function(i,s){function d(e){try{a(r.next(e))}catch(e){s(e)}}function n(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o((function(e){e(t)}))).then(d,n)}a((r=r.apply(e,t||[])).next())}))};var g;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,o)=>o.type===t?e.concat(o.message):e,[])}}e.MessageController=t;let o=class extends(Object(i.a)(d.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.newMomentum=!1,this.compact=!1,this.searchable=!1,this.searchItem=!1,this.inputValue="",this.placeholder="Select...",this.readOnly=!1,this.autofocus=!1,this.leftIcon="",this.trimSpace=!1,this.resultsTextLocalization="No Results",this.helpText="",this.messageArr=[],this.htmlId="",this.clearAriaLabel="Clear",this.clearIconHeight="auto",this.arrowAriaLabel="Expand",this.popupChevronAriaHidden="true",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForDropdown="",this.renderOptions=[],this.selectedKey="",this.expanded=!1,this.focusedIndex=-1,this.messageController=new t,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 r.b.Tab:this.expanded&&(e.stopPropagation(),this.collapse());break;case r.b.Space:case r.b.Enter:this.expanded?(this.select(),this.collapse()):this.expand();break;case r.b.ArrowDown:this.expanded?this.focusNext():this.expand();break;case r.b.ArrowUp:this.expanded?this.focusPrev():this.expand();break;case r.b.Home:this.expanded?this.focusFirst():this.expand();break;case r.b.End:this.expanded?this.focusLast():this.expand();break;case r.b.Escape||r.b.Backspace:this.expanded&&(e.stopPropagation(),this.collapse())}},this.notifyInputValueChanged=Object(c.b)(e=>{this.dispatchEvent(new CustomEvent("dropdown-input",{composed:!0,bubbles:!0,detail:{value:e}})),this.notifySearchResultCount(),requestAnimationFrame(()=>{this.input.focus()})},250)}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}}),this.searchable&&this.setInitialValue()}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),this.searchable&&this.setInitialValue())}if("expanded"===t&&this.updateListDOM(),"focusedIndex"===t&&this.updateListDOM(),"defaultOption"===t&&this.defaultOption){const{key:e}=this.getOptionKeyValuePair(this.defaultOption);this.selectedKey=e}})}notifySearchResultCount(){if(this.searchResultAriaLabel){const e=/{{.*?}}/g;this.ariaLabelForDropdown=this.searchResultAriaLabel.replace(e,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForDropdown=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForDropdown=`Dropdown Element, ${this.filteredOptions.length} results found.`}setInitialValue(){var e;if(this.options.length){const t=this.renderOptions.find(e=>e.key===this.selectedKey),o=null==t?void 0:t.option;o&&(this.setInputValue(this.getOptionValue(o)),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,this.getOptionId(o)),this.notifyInputValueChanged(this.getOptionValue(o)),this.requestUpdate())}}getOptionValue(e){return this.isOptionObject(e)&&!this.optionValue?Object.values(e)[0]:this.isOptionObject(e)?e[this.optionValue]:e}getOptionId(e){return this.isOptionObject(e)?e[this.optionId]:e}isOptionObject(e){return"object"==typeof e&&null!==e}updateRenderOptions(){const e=[];this.focusReset();const t=this.options.reduce((t,o)=>{const{key:r,value:i}=this.getOptionKeyValuePair(o);return-1!==e.indexOf(r)?console.error(`Dropdown already have option key: "${r}". Ignoring `):r?(e.push(r),t.push({key:r,value:i,option:o})):console.error(`Dropdown key is not defined: "${r}". (value: "${i}"). Ignoring `),t},[]);this.allowUnselected&&t.unshift({key:"",value:this.title}),this.renderOptions=t}updateListDOM(){return m(this,void 0,void 0,(function*(){this.expanded&&(yield this.resizeDropdownList(),yield this.scrollToIndex(this.focusedIndex))}))}resizeDropdownList(){return m(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&&this.readOnly||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[s.a,u]}get filteredOptions(){const e=this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue;if(!e.trim())return this.renderOptions;const t=this.renderOptions.filter(t=>t.value.toLowerCase().includes(e.toLowerCase()));return 0===t.length?[{key:"no-result",value:"No Result",disabled:!0}]:t}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}setVisualListbox(e){this.expanded=e}updateOnNextFrame(e){requestAnimationFrame(e)}setInputValue(e=""){this.input.value=e}shouldChangeButton(){const e=this.input&&this.input.value.length>0;return e&&document.dispatchEvent(new CustomEvent("on-widget-update")),e}toggleVisualListBox(e){var t,o;if(!this.readOnly){if(e.target.classList.contains("md-dropdown-input"))e.target.focus();else if("md-icon"===e.target.localName){const r=null===(o=null===(t=e.target.parentElement)||void 0===t?void 0:t.parentElement)||void 0===o?void 0:o.parentElement;if(r){const e=r.querySelector(".md-dropdown-input");setTimeout(()=>{e.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus()}}handleRemoveAll(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}removeAllSelected(){var e;this.focusReset(),this.selectedKey="",this.inputValue="",this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(r.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus()}),this.dispatchEvent(new CustomEvent("dropdown-selection-removed",{composed:!0,bubbles:!0,detail:{}}))}setupEvents(){document.addEventListener("click",this.onOutsideClick),this.addEventListener("keydown",this.onKeyDown),this.addEventListener("remove-all-selected",this.removeAllSelected)}teardownEvents(){document.removeEventListener("click",this.onOutsideClick),this.removeEventListener("keydown",this.onKeyDown),this.removeEventListener("remove-all-selected",this.removeAllSelected)}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.searchable||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)}focusToIndexWithOption(e){const t=this.renderOptions.findIndex(t=>t.key===e.key);this.renderOptions.length&&t>=0&&t<=this.renderOptions.length-1&&(this.focusedIndex=t)}focusReset(){this.focusedIndex=-1}scrollToIndex(e){return m(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:r}=this.optionsList.getBoundingClientRect(),i=this.optionsListItems[e],s=this.optionsListItems[e+1]||i,d=this.optionsListItems[e-1]||i,n=s.getBoundingClientRect(),a=d.getBoundingClientRect();n.bottom>r?t=n.bottom-r+2:a.top<o&&(t=a.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,["md-"+this.messageType]:!!this.messageType,"md-new-dropdown":this.newMomentum}}handleInput(e){const t=e.target.value;this.inputValue=t.trim(),this.notifyInputValueChanged(t.trim())}helpTextTemplate(){return this.helpText?n.html`
+            <md-help-text
+              class="help-text ${Object(a.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
+              .message=${this.helpText}
+              style=${Object(h.styleMap)({width:"100%"})}
+            ></md-help-text>
+          `:n.nothing}messagesTemplate(){return this.messages&&this.messages.length?n.html`
+            <div id="${this.htmlId}-message" part="message" class="md-dropbox__messages">
+              ${Object(p.repeat)(this.messages,(e,t)=>n.html`
+                  <md-help-text
+                    .message=${e}
+                    .id=${this.messageArr[t].id||""}
+                    .ariaLive=${this.messageArr[t].ariaLive||"polite"}
+                    .messageType=${this.messageType}
+                  ></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)}
+          `:n.nothing}iconTemplate(){return n.html`
+        <md-icon
+          class="md-dropdown-left-icon"
+          name="${this.leftIcon}"
+          size="16"
+          iconSet="momentumDesign"
+          @click=${this.toggleVisualListBox}
+        ></md-icon>
+      `}clearButtonTemplate(){return n.html`
+        <button
+          type="button"
+          class="md-dropdown-button clear"
+          aria-label=${this.clearAriaLabel}
+          aria-controls="md-dropdown-input"
+          tabindex="0"
+          ?readonly=${this.readOnly}
+          ?disabled=${this.disabled}
+          @click=${this.handleRemoveAll}
         >
-          ${a.a.sanitize(this.content)}
+          <span>
+            <md-icon
+              class="md-input__icon-clear"
+              name="cancel-bold"
+              size="14"
+              iconSet="momentumDesign"
+              style="height: ${this.clearIconHeight};"
+            ></md-icon
+          ></span>
+        </button>
+      `}arrowButtonTemplate(){return n.html`
+        <button
+          type="button"
+          class="md-dropdown-button arrow-down"
+          aria-expanded=${this.expanded}
+          aria-label=${Object(l.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
+          aria-controls="md-dropdown-input"
+          tabindex="-1"
+          aria-hidden=${this.popupChevronAriaHidden}
+          ?readonly=${this.readOnly}
+          ?disabled=${this.disabled}
+          @click=${this.toggleVisualListBox}
+        >
+          <span>
+            <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
+          </span>
+        </button>
+      `}render(){return n.html`
+        <div class="md-dropdown ${Object(a.classMap)(this.dropDownClassMap)}" part="dropdown">
+          ${this.searchable?n.html`
+                <div part="group" class="group" ?readonly=${this.readOnly}>
+                  ${this.leftIcon?this.iconTemplate():n.nothing}
+                  <input
+                    class="md-dropdown-input"
+                    type="text"
+                    role="combobox"
+                    aria-autocomplete="both"
+                    aria-label=${this.title}
+                    part="dropdown-input"
+                    aria-expanded=${this.expanded}
+                    placeholder=${this.placeholder}
+                    aria-controls="md-dropdown-list"
+                    ?readonly=${this.readOnly}
+                    ?disabled=${this.disabled}
+                    ?autofocus=${this.autofocus}
+                    title=${this.title}
+                    tabindex="0"
+                    .value=${this.inputValue}
+                    @click=${this.toggleVisualListBox}
+                    @input=${this.handleInput}
+                  />
+                  ${this.compact||!this.searchable?n.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
+                </div>
+              `:n.html`
+                <label
+                  class="md-dropdown-label ${Object(a.classMap)({"md-new-dropdown-label":this.newMomentum})}"
+                  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 ${Object(a.classMap)({"md-new-dropdown-label--text":this.newMomentum})}"
+                    >${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(l.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+          >
+            ${this.filteredOptions.map((e,t)=>n.html`
+                <li
+                  id="combo-${t}"
+                  class="md-dropdown-option"
+                  role="option"
+                  tabindex=${Object(l.ifDefined)(-1===this.customTabIndex?void 0:this.customTabIndex)}
+                  aria-label="${e.value}"
+                  label="${e.value}"
+                  aria-selected="${e.key===this.selectedKey}"
+                  part="dropdown-option"
+                  ?focused="${t===this.focusedIndex}"
+                  ?selected="${e.key===this.selectedKey}"
+                  @click="${()=>{this.focusToIndexWithOption(e),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={}))}}]);
+        ${this.messagesTemplate()} ${this.helpTextTemplate()}
+      `}};b([Object(d.property)({type:String,attribute:"title"})],o.prototype,"title",void 0),b([Object(d.property)({type:Array})],o.prototype,"options",void 0),b([Object(d.property)({type:String,attribute:"option-id"})],o.prototype,"optionId",void 0),b([Object(d.property)({type:String,attribute:"option-value"})],o.prototype,"optionValue",void 0),b([Object(d.property)({type:Object})],o.prototype,"defaultOption",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0),b([Object(d.property)({type:Number,attribute:"custom-tab-index",reflect:!0})],o.prototype,"customTabIndex",void 0),b([Object(d.property)({type:Boolean,attribute:"allow-unselected",reflect:!0})],o.prototype,"allowUnselected",void 0),b([Object(d.property)({type:Number,attribute:"visible-option",reflect:!0})],o.prototype,"visibleOptions",void 0),b([Object(d.property)({type:Boolean})],o.prototype,"newMomentum",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"compact",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchable",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"searchItem",void 0),b([Object(d.property)({type:String,attribute:"input-value",reflect:!0})],o.prototype,"inputValue",void 0),b([Object(d.property)({type:String})],o.prototype,"placeholder",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"readOnly",void 0),b([Object(d.property)({type:Boolean,reflect:!0})],o.prototype,"autofocus",void 0),b([Object(d.property)({type:String,attribute:"left-icon",reflect:!0})],o.prototype,"leftIcon",void 0),b([Object(d.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],o.prototype,"trimSpace",void 0),b([Object(d.property)({type:String,attribute:"no-results-i18n"})],o.prototype,"resultsTextLocalization",void 0),b([Object(d.property)({type:String})],o.prototype,"helpText",void 0),b([Object(d.property)({type:Array})],o.prototype,"messageArr",void 0),b([Object(d.property)({type:String})],o.prototype,"htmlId",void 0),b([Object(d.property)({type:String,attribute:"clear-aria-label"})],o.prototype,"clearAriaLabel",void 0),b([Object(d.property)({type:String,attribute:"clear-icon-height"})],o.prototype,"clearIconHeight",void 0),b([Object(d.property)({type:String,attribute:"arrow-aria-label"})],o.prototype,"arrowAriaLabel",void 0),b([Object(d.property)({type:String,attribute:"popup-chevron-aria-hidden"})],o.prototype,"popupChevronAriaHidden",void 0),b([Object(d.property)({type:String,reflect:!0})],o.prototype,"ariaLabel",void 0),b([Object(d.property)({type:String,attribute:"search-result-aria-label"})],o.prototype,"searchResultAriaLabel",void 0),b([Object(d.internalProperty)()],o.prototype,"ariaLabelForDropdown",void 0),b([Object(d.internalProperty)()],o.prototype,"renderOptions",void 0),b([Object(d.internalProperty)()],o.prototype,"selectedKey",void 0),b([Object(d.internalProperty)()],o.prototype,"expanded",void 0),b([Object(d.internalProperty)()],o.prototype,"focusedIndex",void 0),b([Object(d.query)("label")],o.prototype,"label",void 0),b([Object(d.query)(".md-dropdown-input")],o.prototype,"input",void 0),b([Object(d.query)("ul.md-dropdown-list")],o.prototype,"optionsList",void 0),b([Object(d.queryAll)("li.md-dropdown-option")],o.prototype,"optionsListItems",void 0),o=b([Object(i.f)("md-dropdown")],o),e.ELEMENT=o}(g||(g={}))}}]);