@momentum-ui/web-components 2.10.10 → 2.10.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/dist/chunks/md-1.js +1 -1
  2. package/dist/chunks/md-10.js +1 -1
  3. package/dist/chunks/md-13.js +2 -2
  4. package/dist/chunks/md-15.js +3 -3
  5. package/dist/chunks/md-16.js +1 -1
  6. package/dist/chunks/md-17.js +1 -1
  7. package/dist/chunks/md-18.js +1 -1
  8. package/dist/chunks/md-19.js +1 -1
  9. package/dist/chunks/md-20.js +1 -1
  10. package/dist/chunks/md-21.js +1 -1
  11. package/dist/chunks/md-23.js +1 -1
  12. package/dist/chunks/md-24.js +1 -1
  13. package/dist/chunks/md-26.js +1 -1
  14. package/dist/chunks/md-27.js +1 -1
  15. package/dist/chunks/md-28.js +1 -1
  16. package/dist/chunks/md-29.js +1 -20
  17. package/dist/chunks/md-30.js +20 -22
  18. package/dist/chunks/md-31.js +22 -5
  19. package/dist/chunks/md-32.js +5 -5
  20. package/dist/chunks/md-33.js +5 -1
  21. package/dist/chunks/md-34.js +1 -21
  22. package/dist/chunks/md-35.js +19 -22
  23. package/dist/chunks/md-36.js +21 -185
  24. package/dist/chunks/md-37.js +184 -36
  25. package/dist/chunks/md-38.js +40 -1
  26. package/dist/chunks/md-39.js +1 -33
  27. package/dist/chunks/md-40.js +33 -15
  28. package/dist/chunks/md-41.js +15 -1
  29. package/dist/chunks/md-42.js +1 -27
  30. package/dist/chunks/md-43.js +27 -1
  31. package/dist/chunks/md-44.js +1 -1
  32. package/dist/chunks/md-45.js +1 -1
  33. package/dist/chunks/md-46.js +1 -1
  34. package/dist/chunks/md-47.js +4 -4
  35. package/dist/chunks/md-48.js +7 -8
  36. package/dist/chunks/md-49.js +1 -1
  37. package/dist/chunks/md-5.js +1 -1
  38. package/dist/chunks/md-50.js +1 -1
  39. package/dist/chunks/md-51.js +1 -1
  40. package/dist/chunks/md-52.js +1 -1
  41. package/dist/chunks/md-53.js +1 -1
  42. package/dist/chunks/md-54.js +1 -1
  43. package/dist/chunks/md-55.js +1 -1
  44. package/dist/chunks/md-56.js +1 -1
  45. package/dist/chunks/md-57.js +1 -1
  46. package/dist/chunks/md-58.js +1 -1
  47. package/dist/chunks/md-59.js +1 -1
  48. package/dist/chunks/md-6.js +1 -1
  49. package/dist/chunks/md-60.js +1 -1
  50. package/dist/chunks/md-61.js +1 -1
  51. package/dist/chunks/md-62.js +1 -1
  52. package/dist/chunks/md-63.js +6 -2
  53. package/dist/chunks/md-64.js +2 -2
  54. package/dist/chunks/md-65.js +1 -1
  55. package/dist/chunks/md-66.js +1 -1
  56. package/dist/chunks/md-67.js +2 -2
  57. package/dist/chunks/md-68.js +1 -1
  58. package/dist/chunks/md-69.js +1 -1
  59. package/dist/chunks/md-7.js +2 -2
  60. package/dist/chunks/md-70.js +1 -1
  61. package/dist/chunks/md-71.js +1 -1
  62. package/dist/chunks/md-72.js +1 -1
  63. package/dist/chunks/md-73.js +1 -1
  64. package/dist/chunks/md-74.js +1 -1
  65. package/dist/chunks/md-75.js +1 -1
  66. package/dist/chunks/md-76.js +4 -4
  67. package/dist/chunks/md-77.js +1 -1
  68. package/dist/chunks/md-78.js +1 -1
  69. package/dist/chunks/md-79.js +1 -1
  70. package/dist/chunks/md-80.js +15 -15
  71. package/dist/chunks/md-81.js +6 -6
  72. package/dist/chunks/md-82.js +3 -3
  73. package/dist/chunks/md-83.js +1 -1
  74. package/dist/chunks/md-84.js +2 -2
  75. package/dist/comp/md-accordion-entry.js +1 -1
  76. package/dist/comp/md-accordion-item-entry.js +1 -1
  77. package/dist/comp/md-accordion-item.js +1 -1
  78. package/dist/comp/md-accordion.js +1 -1
  79. package/dist/comp/md-activity-button-entry.js +1 -1
  80. package/dist/comp/md-alert-banner-entry.js +1 -1
  81. package/dist/comp/md-alert-entry.js +1 -1
  82. package/dist/comp/md-audio-player-entry.js +1 -1
  83. package/dist/comp/md-badge-entry.js +1 -1
  84. package/dist/comp/md-badge.js +1 -1
  85. package/dist/comp/md-breadcrumb-entry.js +1 -1
  86. package/dist/comp/md-button-group-entry.js +1 -1
  87. package/dist/comp/md-card-entry.js +1 -1
  88. package/dist/comp/md-card.js +2 -2
  89. package/dist/comp/md-chat-message-entry.js +1 -1
  90. package/dist/comp/md-checkbox-entry.js +1 -1
  91. package/dist/comp/md-checkbox.js +1 -1
  92. package/dist/comp/md-checkboxgroup-entry.js +1 -1
  93. package/dist/comp/md-checkboxgroup.js +1 -1
  94. package/dist/comp/md-chip-entry.js +1 -1
  95. package/dist/comp/md-chip.js +1 -1
  96. package/dist/comp/md-coachmark-entry.js +1 -1
  97. package/dist/comp/md-combobox-entry.js +1 -1
  98. package/dist/comp/md-combobox.js +2 -2
  99. package/dist/comp/md-composite-avatar-entry.js +1 -1
  100. package/dist/comp/md-date-range-picker-entry.js +1 -1
  101. package/dist/comp/md-date-range-picker.js +1 -1
  102. package/dist/comp/md-date-time-picker-entry.js +1 -1
  103. package/dist/comp/md-datepicker-calendar-entry.js +1 -1
  104. package/dist/comp/md-datepicker-day-entry.js +1 -1
  105. package/dist/comp/md-datepicker-entry.js +1 -1
  106. package/dist/comp/md-datepicker-month-entry.js +1 -1
  107. package/dist/comp/md-datepicker-week-entry.js +1 -1
  108. package/dist/comp/md-datepicker.js +1 -1
  109. package/dist/comp/md-draggable-entry.js +1 -1
  110. package/dist/comp/md-draggable-item-entry.js +1 -1
  111. package/dist/comp/md-draggable-item.js +1 -1
  112. package/dist/comp/md-draggable.js +1 -1
  113. package/dist/comp/md-dropdown-entry.js +1 -1
  114. package/dist/comp/md-editable-field-entry.js +1 -1
  115. package/dist/comp/md-favorite-entry.js +1 -1
  116. package/dist/comp/md-favorite.js +1 -1
  117. package/dist/comp/md-floating-minimize-entry.js +1 -1
  118. package/dist/comp/md-floating-minimize.js +1 -1
  119. package/dist/comp/md-floating-modal-entry.js +1 -1
  120. package/dist/comp/md-floating-modal.js +1 -1
  121. package/dist/comp/md-form-entry.js +1 -1
  122. package/dist/comp/md-input-file.js +1 -1
  123. package/dist/comp/md-link-entry.js +1 -1
  124. package/dist/comp/md-list-entry.js +1 -1
  125. package/dist/comp/md-list-item-entry.js +1 -1
  126. package/dist/comp/md-list-item.js +1 -1
  127. package/dist/comp/md-list.js +1 -1
  128. package/dist/comp/md-loading-entry.js +1 -1
  129. package/dist/comp/md-meeting-alert-entry.js +1 -1
  130. package/dist/comp/md-menu-entry.js +1 -1
  131. package/dist/comp/md-menu-item-entry.js +1 -1
  132. package/dist/comp/md-menu-item.js +1 -1
  133. package/dist/comp/md-menu.js +1 -1
  134. package/dist/comp/md-modal-entry.js +1 -1
  135. package/dist/comp/md-pagination-entry.js +1 -1
  136. package/dist/comp/md-phone-input-entry.js +1 -1
  137. package/dist/comp/md-phone-input.js +2 -2
  138. package/dist/comp/md-progress-bar-entry.js +1 -1
  139. package/dist/comp/md-progress-bar.js +1 -1
  140. package/dist/comp/md-radio-entry.js +1 -1
  141. package/dist/comp/md-radio.js +1 -1
  142. package/dist/comp/md-radiogroup-entry.js +1 -1
  143. package/dist/comp/md-radiogroup.js +1 -1
  144. package/dist/comp/md-slider-entry.js +1 -1
  145. package/dist/comp/md-tab-entry.js +1 -1
  146. package/dist/comp/md-tab-panel-entry.js +1 -1
  147. package/dist/comp/md-tab.js +1 -1
  148. package/dist/comp/md-table-advanced-entry.js +1 -1
  149. package/dist/comp/md-table-entry.js +1 -1
  150. package/dist/comp/md-tabs-entry.js +1 -1
  151. package/dist/comp/md-tabs.js +2 -1
  152. package/dist/comp/md-task-item-entry.js +1 -1
  153. package/dist/comp/md-task-item.js +1 -1
  154. package/dist/comp/md-theme-entry.js +1 -1
  155. package/dist/comp/md-timepicker-entry.js +1 -1
  156. package/dist/comp/md-toggle-switch-entry.js +1 -1
  157. package/dist/comp/md-tooltip-entry.js +1 -1
  158. package/dist/comp/md-tooltip.js +1 -1
  159. package/dist/index-entry.js +2 -2
  160. package/dist/index.js +11 -11
  161. package/dist/types/components/button/Button.d.ts +1 -1
  162. package/dist/types/components/combobox/ComboBox.d.ts +1 -1
  163. package/dist/types/components/tabs/Tabs.d.ts +5 -0
  164. package/dist/types/components/theme/Theme.d.ts +3 -0
  165. package/dist/types/components/theme/index.d.ts +3 -1
  166. package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
  167. package/dist/types/index.d.ts +1 -1
  168. package/package.json +3 -2
@@ -1,40 +1,188 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{40:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(70),a(24),a(32);var i,s=a(1),o=a(6),r=a(8),l=a(18),n=a(19),c=a(0),d=a(2),h=a(12),p=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},u=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends c.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.selectedDate=Object(r.n)(),this.focusedDate=Object(r.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(r.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(r.j)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===s.b.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(r.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(r.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(r.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(r.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{if(!this.value&&""!==this.value)return!0;const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(r.j)(h.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return u(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),""===this.value&&(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=h.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return c.html`
2
- <md-menu-overlay custom-width="248px" ?disabled=${this.disabled}>
3
- ${this.customTrigger?c.html`
4
- <span slot="menu-trigger">
5
- <slot name="date-trigger"></slot>
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[37],{79:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(50),o(15);var i,s=o(1),l=o(7),r=o(6),n=o(18),a=o(5),c=o(0),d=o(3),h=o(4),p=o(2),u=o(14),b=o(9),m=o(53),g=o(61),x=c.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group:active>md-icon,:host([disabled]) .group:hover>md-icon,:host([disabled]) .group>md-icon{opacity:.3}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#005e7d)}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-combobox-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/2);position:relative;vertical-align:bottom;height:inherit;display:flex}.md-combobox-button .md-input__icon-clear{align-items:center;display:flex}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}.md-combobox-button.clear{height:auto;padding:.115rem}.md-combobox-button.arrow-down:focus,.md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}div#md-combobox-listbox{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-size:14px;left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;position:absolute;top:calc(100% + .25rem);width:100%}div#md-combobox-listbox .no-result{padding:.4375rem .75rem .5rem}.virtual-scroll{overflow:auto;position:relative}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.group-label{justify-content:space-between;font-weight:400;font-size:14px;line-height:19px;color:var(--combobox-group-label-color);padding:.4375rem .75rem .5rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color)}.group-label:hover{background:unset}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#005e7d)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.4375rem .75rem .5rem;width:100%;border:solid 2px transparent}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-select-border-color,#545454);border-radius:calc(.5rem/2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:1rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:-.1875rem;vertical-align:top;visibility:hidden}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#91ebff);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-button-tertiary-outline-color,#545454)}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{border:2px solid var(--combobox-dropdown-item-focus-bg-color,#005e7d)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-select-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option[selected=true] .select-option{border:1px solid #fff}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem*4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-bottom:calc(.25rem/2);margin-right:.25rem;margin-top:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem*4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem*3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem*3)}input::-webkit-input-placeholder,input::placeholder{opacity:1;color:var(--combobox-placeholder-color,#545454)}@media(forced-colors:active){:host([focus-visible]) .group{border:none;outline:2px solid Highlight;box-shadow:none}.md-combobox-option .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option md-icon{color:CanvasText;visibility:visible}.md-combobox-option[focused]{forced-color-adjust:none;color:Canvas;background-color:Highlight}}`,f=function(t,e,o,i){var s,l=arguments.length,r=l<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(r=(l<3?s(r):l>3?s(e,o,r):s(e,o))||r);return l>3&&r&&Object.defineProperty(e,o,r),r},v=function(t,e,o,i){return new(o||(o=Promise))((function(s,l){function r(t){try{a(i.next(t))}catch(t){l(t)}}function n(t){try{a(i.throw(t))}catch(t){l(t)}}function a(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(r,n)}a((i=i.apply(t,e||[])).next())}))};!function(t){let e=class extends(Object(l.a)(c.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.comboboxId="",this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.handleGroupFilter=t=>{const e=t.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName});return this.searchItem=!0,this.groupExpandedList=e.map(t=>{if("string"!=typeof t)return t.groupName}),t.filter(e=>{if("string"!=typeof e&&"true"===e.isLabel){return!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel})}return!0})},this.notifyInputValueChanged=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})},250),this.handleOutsideClick=t=>{let e=!1;const o=t.composedPath();o.length&&(e=!!o.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){var e;const o=this._focusedIndex;if(this.checkForVirtualScroll()){let o;o=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const i=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===o):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),i&&(null==i||i.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[o];e&&e.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",o)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const o=this.labels[e];o&&o.toggleAttribute("focused",!1);const i=this.labels[t];i&&(i.toggleAttribute("focused",!0),i.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){this.disabled||(this.noClearIcon&&(requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}),this.selectWhenInFocus&&this.input.select()),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const e=this.value[0],o=this.findFilteredOption(e);-1!==o&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=o,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const o of t){const t=o.getAttribute("label"),i=[...o.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const o of i){const i=o.getAttribute("aria-label"),s=o.getAttribute("display-value"),l=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,isLabel:"false",groupName:t,slot:l})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach(o=>{e.includes(o)&&(t=o.id)}),this.filteredOptions.findIndex(e=>this.getOptionId(e)===t)}return[...this.lists].findIndex(t=>e.includes(t))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map(t=>this.getOptionId(t)),e=[...this.lists].filter(t=>"selectAll"!==t.id);null==e||e.forEach(e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))})}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach(t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))}))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,o=0,i=0;if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter(t=>0!==t.offsetHeight):[...this.lists];e=t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),i=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0):t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)}if(this.labels&&(o=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=e+o+10+"px"),this.virtualizer&&(this.virtualizer.style.height=i+10+"px"),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+2+"px",this.listBox.style.maxHeight=e.clientHeight+2+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let o=0;const{top:i,bottom:s}=this.listBox.getBoundingClientRect(),l=this.lists[this.focusedIndex],r=null===(t=this.lists[this.focusedIndex+1]||l)||void 0===t?void 0:t.getBoundingClientRect(),n=null===(e=this.lists[this.focusedIndex-1]||l)||void 0===e?void 0:e.getBoundingClientRect();(null==r?void 0:r.bottom)>s?o=r.bottom-s+2:(null==n?void 0:n.top)<i&&(o=n.top-i-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=o})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return v(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}))}handleSelectAll(){return v(this,void 0,void 0,(function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})}))}handleInputKeyUp(t){switch(t.code){case s.b.Escape:break;case s.b.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.b.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:o}=t.detail;let i=this.findOptionIndex(o);if(-1!==i){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?i+1:i,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(i-=1);const t=this.getFocusedItem(i);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let o="";t&&(o=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===o?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")})}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0])),this.updateOnNextFrame(()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++}),this.focusedIndex=-1}handleInputKeyDown(t){var e,o;switch(t.code){case s.b.Backspace:this.focusedIndex=-1;break;case s.b.Tab:case s.b.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}),this.setVisualListbox(!1),t.code===s.b.Tab&&this.isMulti)return;break;case s.b.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case s.b.ArrowLeft:case s.b.ArrowRight:t.stopPropagation();break;case s.b.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case s.b.Home:this.setInputSelectionRange(0,0);break;case s.b.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.b.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(o=this.input)||void 0===o||o.setAttribute(s.a.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case s.b.Tab:this.handleGroupFocus();break;case s.b.Enter:case s.b.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case s.b.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))});break;case s.b.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,o;if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const i=null===(o=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.parentElement;if(i){const t=i.querySelector(".md-combobox-listbox");Object(g.setTimeout)(()=>{t.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(),this.setGroupList(""),this.focusedGroupIndex=-1}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===e),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents();this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[a.a,x]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable}}searchIconTemplate(){return c.html`
2
+ <md-icon name="icon-search_16" @click=${this.toggleVisualListBox}></md-icon>
3
+ `}selectedOptionTemplate(t){return c.html`
4
+ <div class="md-combobox-selected-item">
5
+ <span>${this.getOptionValue(t)}</span>
6
+ <md-icon class="remove-item" name="cancel_8" @click=${()=>this.removeSelected(t)}></md-icon>
7
+ </div>
8
+ `}clearButtonTemplate(){return c.html`
9
+ <button
10
+ type="button"
11
+ class="md-combobox-button clear"
12
+ aria-label=${this.clearAriaLabel}
13
+ aria-controls="md-combobox-listbox"
14
+ tabindex="0"
15
+ ?disabled=${this.disabled}
16
+ @click=${this.handleRemoveAll}
17
+ >
18
+ <span>
19
+ <md-icon
20
+ class="md-input__icon-clear"
21
+ name="clear-active_12"
22
+ style="height: ${this.clearIconHeight};"
23
+ ></md-icon
24
+ ></span>
25
+ </button>
26
+ `}arrowButtonTemplate(){return c.html`
27
+ <button
28
+ type="button"
29
+ class="md-combobox-button arrow-down"
30
+ aria-expanded=${this.expanded}
31
+ aria-label=${Object(p.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
32
+ aria-controls="md-combobox-listbox"
33
+ tabindex="-1"
34
+ aria-hidden=${this.popupChevronAriaHidden}
35
+ ?disabled=${this.disabled}
36
+ @click=${this.toggleVisualListBox}
37
+ >
38
+ <span><md-icon name="icon-arrow-down_16"></md-icon> </span>
39
+ </button>
40
+ `}groupArrowButtonTemplate(t){const e=this.groupExpandedList.includes(t)?"icon-arrow-up_12":"icon-arrow-down_12";return c.html`
41
+ <button
42
+ type="button"
43
+ class="md-combobox-button"
44
+ aria-label=${Object(p.ifDefined)("true"===this.popupChevronAriaHidden?void 0:this.arrowAriaLabel)}
45
+ aria-controls="md-combobox-listbox"
46
+ tabindex="-1"
47
+ aria-hidden=${this.popupChevronAriaHidden}
48
+ ?disabled=${this.disabled}
49
+ @click=${e=>this.toggleGroupListBox(e,t)}
50
+ >
51
+ <span><md-icon name=${e}></md-icon> </span>
52
+ </button>
53
+ `}getSelectAllOption(){const t=this.checkForVirtualScroll()?", 1 of "+(this.options.length+1):"";return c.html`
54
+ <div
55
+ id="selectAll"
56
+ part="combobox-option"
57
+ class="md-combobox-option ${Object(h.classMap)(this.listItemOptionMap)}"
58
+ @click=${this.handleSelectAll}
59
+ aria-label="${this.selectAllTextLocalization}${t}"
60
+ aria-checked=${Object(p.ifDefined)(this.isSelectAllChecked?"true":void 0)}
61
+ role="checkbox"
62
+ >
63
+ <span class="select-option" aria-hidden="true">
64
+ <md-icon name="icon-check_14"></md-icon>
65
+ </span>
66
+
67
+ <span part="label" class="select-label" aria-hidden="true">${this.selectAllTextLocalization}</span>
68
+ </div>
69
+ `}getSelctedCount(){return 0===this.selectedOptions.length?d.nothing:this.isSelectAllSelected()?c.html`
70
+ <md-span class="selected-count">${this.allTextLocalization}</md-span>
71
+ `:c.html`
72
+ <md-span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</md-span>
73
+ `}checkForVirtualScroll(){return this.useVirtualScroll&&!this.isOptGroup}rangeChanged(){this.focusedIndex=this.focusedIndex,this.checkSelectedOptions(),this.resizeListbox()}getCustomErrorContent(){const t=this.querySelector("[slot]")||this.shadowRoot.querySelector("[slot]");return document.createRange().createContextualFragment(""+(null==t?void 0:t.outerHTML))}getCustomContent(t){const e=this.getCustomContentName(t);if(this.isOptGroup){const t=[...this.querySelectorAll("[slot]")].find(t=>t.slot===e);return t?document.createRange().createContextualFragment(""+t.outerHTML):c.html``}return c.html`
74
+ <slot name=${Object(p.ifDefined)(e)}></slot>
75
+ `}renderGroupLabelHeader(t,e){return c.html`
76
+ <div
77
+ part="group-label"
78
+ class="group-label"
79
+ role="listbox"
80
+ aria-controls="md-combobox-listbox"
81
+ aria-label=${t.value}
82
+ @click=${e=>this.toggleGroupListBox(e,t.value)}
83
+ @keydown=${e=>{this.handleGroupLabelKeyDown(e,t)}}
84
+ tabindex="1"
85
+ aria-selected=${this.getAriaState(e)}
86
+ >
87
+ <span part="group-label">${t.value}</span>
88
+ ${this.groupArrowButtonTemplate(t.value)}
89
+ </div>
90
+ `}renderWithoutVirtualScroll(){return Object(u.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),t=>this.getOptionId(t),(t,e)=>"string"!=typeof t&&this.isOptGroup&&"true"===t.isLabel?this.renderGroupLabelHeader(t,e):!this.isOptGroup||this.groupExpandedList.includes(this.getOptionGroupName(t))?this.renderItem(t,e):void 0)}highlightingSearchedText(t){return Object(n.c)(this.getOptionValue(t),this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).map(({text:t,matching:e})=>e?c.html`
91
+ <span class="highlight-text">${t}</span>
92
+ `:c.html`
93
+ <span class="selected-label-text">${t}</span>
94
+ `)}addStyle(){const t=!this.expanded||this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue;return this.checkForVirtualScroll()?Object(b.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):Object(b.styleMap)({display:t?"none":"block","z-index":"99",overflow:"auto"})}renderItem(t,e){const o=this.allowSelectAll?e+2:e+1,i=this.allowSelectAll?this.options.length+1:this.options.length,s=this.checkForVirtualScroll()?`, ${o} of ${i}`:"";return c.html`
95
+ <div
96
+ id=${this.getOptionId(t)}
97
+ title="${this.getOptionValue(t)}"
98
+ part="combobox-option"
99
+ class="md-combobox-option"
100
+ aria-posinset=${o}
101
+ aria-setsize=${i}
102
+ role=${this.isMulti?"checkbox":"listitem"}
103
+ aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${s}"
104
+ tabindex="-1"
105
+ @click=${this.handleListClick}
106
+ aria-checked=${Object(p.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
107
+ >
108
+ ${this.isMulti?c.html`
109
+ <span class="select-option" aria-hidden="true">
110
+ <md-icon name="icon-check_14"></md-icon>
6
111
  </span>
112
+ `:d.nothing}
113
+ <span part="label" class="select-label" aria-hidden="true">
114
+ ${this.isCustomContent?this.getCustomContent(t):this.highlightingSearchedText(t)}
115
+ </span>
116
+ </div>
117
+ `}inputTitle(){return this.isMulti?this.selectedOptions.length>0?`${this.selectedOptions.length} ${this.selectedTextLocalization}`:this.placeholder:this.selectedOptions.length>0?this.getOptionValue(this.selectedOptions[0]):this.placeholder}render(){return c.html`
118
+ <div part="combobox" class="md-combobox md-combobox-list ${Object(h.classMap)(this.comboBoxTemplateClassMap)}">
119
+ <div part="group" class="group ${Object(h.classMap)(this.listItemOptionMap)}">
120
+ ${this.searchable?this.searchIconTemplate():d.nothing}
121
+ <div class="md-combobox__multiwrap" part="multiwrap">
122
+ ${this.isMulti?this.isMulti&&!this.showSelectedCount?Object(u.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():d.nothing}
123
+ <input
124
+ id=${Object(p.ifDefined)(this.comboboxId||void 0)}
125
+ class="md-combobox-listbox"
126
+ type="text"
127
+ role="combobox"
128
+ aria-autocomplete="both"
129
+ aria-label=${this.ariaLabelForComboBox}
130
+ part="multiwrap-input"
131
+ aria-expanded=${this.expanded}
132
+ placeholder=${this.isMulti&&this.showSelectedCount&&0!==this.selectedOptions.length?"":this.placeholder}
133
+ aria-controls="md-combobox-listbox"
134
+ ?readonly=${this.allowSelectAll}
135
+ ?disabled=${this.disabled}
136
+ ?autofocus=${this.autofocus}
137
+ title=${Object(p.ifDefined)(this.inputTitle())}
138
+ .value=${this.inputValue}
139
+ @click=${this.toggleVisualListBox}
140
+ @input=${this.handleInput}
141
+ @keyup=${this.handleInputKeyUp}
142
+ @keydown=${this.handleInputKeyDown}
143
+ />
144
+ </div>
145
+ ${this.compact?d.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
146
+ </div>
147
+ ${this.showLoader||this.showCustomError?c.html`
148
+ <div
149
+ id="md-combobox-listbox"
150
+ part="combobox-options"
151
+ aria-label=${this.ariaLabel}
152
+ style=${Object(b.styleMap)({display:this.expanded?"block":"none","z-index":"99"})}
153
+ >
154
+ ${this.getCustomErrorContent()}
155
+ </div>
7
156
  `:c.html`
8
- <md-input
9
- class="date-input"
10
- slot="menu-trigger"
11
- role="combobox"
12
- placeholder=${this.placeholder?this.placeholder:"YYYY-MM-DD"}
13
- value=${Object(d.ifDefined)(this.value)}
14
- htmlId=${this.htmlId}
15
- label=${this.label}
16
- ariaLabel=${this.ariaLabel+this.chosenDateLabel()}
17
- auxiliaryContentPosition="before"
18
- required=${this.required}
19
- @keydown=${e=>this.handleInputKeyDown(e)}
20
- @input-change="${e=>this.handleDateInputChange(e)}"
21
- ?disabled=${this.disabled}
22
- hide-message=${!this.errorMessage&&this.isValueValid()}
23
- ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
24
- .messageArr=${this.errorMessage?[{message:this.errorMessage,type:"error"}]:[{message:"",type:this.isValueValid()?"":"error"}]}
157
+ <div
158
+ id="md-combobox-listbox"
159
+ part="combobox-options"
160
+ aria-label=${this.ariaLabel||this.label}
161
+ style=${this.addStyle()}
162
+ role=${Object(p.ifDefined)(this.checkForVirtualScroll()?void 0:"list")}
25
163
  >
26
- <md-icon slot="input-section" name="calendar-month_16"></md-icon>
27
- </md-input>
164
+ ${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():d.nothing}
165
+ ${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?c.html`
166
+ <div class="virtual-scroll" @rangechange=${this.rangeChanged}>
167
+ ${Object(m.scroll)({items:this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),renderItem:(t,e)=>this.renderItem(t,e||0),useShadowDOM:!1,scrollToIndex:{index:this.focusedIndex,position:-1===this.focusedIndex?"start":"center"}})}
168
+ </div>
169
+ `:d.nothing:this.renderWithoutVirtualScroll()}
170
+ ${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?c.html`
171
+ <div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
172
+ ${this.resultsTextLocalization.trim()}
173
+ </div>
174
+ `:d.nothing}
175
+ ${0===this.options.length?c.html`
176
+ <div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
177
+ ${this.optionsTextLocalization.trim()}
178
+ </div>
179
+ `:d.nothing}
180
+ </div>
28
181
  `}
29
-
30
- <div class="date-overlay-content">
31
- <md-datepicker-calendar
32
- @day-select=${e=>this.handleSelect(e)}
33
- @day-key-event=${e=>this.handleKeyDown(e)}
34
- .datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
35
- .filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
36
- ></md-datepicker-calendar>
37
- <slot name="time-picker"></slot>
38
- </div>
39
- </md-menu-overlay>
40
- `}};p([Object(c.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),p([Object(c.property)({type:String})],t.prototype,"maxDate",void 0),p([Object(c.property)({type:String})],t.prototype,"minDate",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"value",void 0),p([Object(c.property)({type:String})],t.prototype,"weekStart",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),p([Object(c.property)({type:String})],t.prototype,"locale",void 0),p([Object(c.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"disabled",void 0),p([Object(c.property)({type:String})],t.prototype,"htmlId",void 0),p([Object(c.property)({type:String})],t.prototype,"label",void 0),p([Object(c.property)({type:String})],t.prototype,"ariaLabel",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"required",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),p([Object(c.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),p([Object(c.internalProperty)()],t.prototype,"selectedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"focusedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"filterDate",void 0),p([Object(c.internalProperty)()],t.prototype,"maxDateData",void 0),p([Object(c.internalProperty)()],t.prototype,"minDateData",void 0),p([Object(c.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=p([Object(o.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
182
+ </div>
183
+ ${this.invalid?c.html`
184
+ <div part="message" class="md-combobox-error">
185
+ <md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
186
+ </div>
187
+ `:d.nothing}
188
+ `}};f([Object(c.property)({type:String})],e.prototype,"label",void 0),f([Object(c.property)({type:Array})],e.prototype,"options",void 0),f([Object(c.property)({type:Array,attribute:"custom-options"})],e.prototype,"customOptions",void 0),f([Object(c.property)({type:String})],e.prototype,"placeholder",void 0),f([Object(c.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),f([Object(c.property)({type:Boolean,attribute:"use-virtual-scroll"})],e.prototype,"useVirtualScroll",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"ordered",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"expanded",void 0),f([Object(c.property)({type:Array,reflect:!0})],e.prototype,"groupExpandedList",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"searchItem",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"compact",void 0),f([Object(c.property)({type:Boolean,attribute:"no-clear-icon"})],e.prototype,"noClearIcon",void 0),f([Object(c.property)({type:Boolean,attribute:"select-when-in-focus"})],e.prototype,"selectWhenInFocus",void 0),f([Object(c.property)({type:Array})],e.prototype,"selectedOptions",void 0),f([Object(c.property)({type:Number,attribute:"visible-option",reflect:!0})],e.prototype,"visibleOptions",void 0),f([Object(c.property)({type:String,attribute:"option-id",reflect:!0})],e.prototype,"optionId",void 0),f([Object(c.property)({type:String,attribute:"option-value",reflect:!0})],e.prototype,"optionValue",void 0),f([Object(c.property)({type:Boolean,attribute:"with-custom-content"})],e.prototype,"isCustomContent",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"searchable",void 0),f([Object(c.property)({type:String})],e.prototype,"shape",void 0),f([Object(c.property)({type:Array})],e.prototype,"value",void 0),f([Object(c.property)({type:String,attribute:"input-value",reflect:!0})],e.prototype,"inputValue",void 0),f([Object(c.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],e.prototype,"allowCustomValue",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),f([Object(c.property)({type:String,attribute:"no-results-i18n"})],e.prototype,"resultsTextLocalization",void 0),f([Object(c.property)({type:String,attribute:"no-options-i18n"})],e.prototype,"optionsTextLocalization",void 0),f([Object(c.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],e.prototype,"trimSpace",void 0),f([Object(c.property)({type:Boolean,reflect:!0})],e.prototype,"invalid",void 0),f([Object(c.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],e.prototype,"invalidText",void 0),f([Object(c.property)({type:String,reflect:!0})],e.prototype,"ariaLabel",void 0),f([Object(c.property)({type:String,attribute:"search-result-aria-label"})],e.prototype,"searchResultAriaLabel",void 0),f([Object(c.internalProperty)()],e.prototype,"ariaLabelForComboBox",void 0),f([Object(c.property)({type:String,attribute:"clear-aria-label"})],e.prototype,"clearAriaLabel",void 0),f([Object(c.property)({type:String,attribute:"arrow-aria-label"})],e.prototype,"arrowAriaLabel",void 0),f([Object(c.property)({type:String,attribute:"clear-icon-height"})],e.prototype,"clearIconHeight",void 0),f([Object(c.property)({type:String,attribute:"all-i18n"})],e.prototype,"allTextLocalization",void 0),f([Object(c.property)({type:String,attribute:"select-all-i18n"})],e.prototype,"selectAllTextLocalization",void 0),f([Object(c.property)({type:String,attribute:"selected-all-i18n"})],e.prototype,"selectedTextLocalization",void 0),f([Object(c.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],e.prototype,"allowSelectAll",void 0),f([Object(c.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],e.prototype,"showCustomError",void 0),f([Object(c.property)({type:Boolean,attribute:"show-loader",reflect:!0})],e.prototype,"showLoader",void 0),f([Object(c.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],e.prototype,"showSelectedCount",void 0),f([Object(c.property)({type:String,attribute:"popup-chevron-aria-hidden"})],e.prototype,"popupChevronAriaHidden",void 0),f([Object(c.property)({type:String})],e.prototype,"comboboxId",void 0),f([Object(c.property)({type:Number,attribute:!1}),Object(c.internalProperty)()],e.prototype,"isOptGroup",void 0),f([Object(c.internalProperty)()],e.prototype,"isSelectAllChecked",void 0),f([Object(c.query)(".group")],e.prototype,"group",void 0),f([Object(c.query)(".md-combobox-listbox")],e.prototype,"input",void 0),f([Object(c.query)(".md-combobox-button")],e.prototype,"button",void 0),f([Object(c.query)("div#md-combobox-listbox")],e.prototype,"listBox",void 0),f([Object(c.query)(".virtual-scroll")],e.prototype,"virtualizer",void 0),f([Object(c.queryAll)("div.md-combobox-option")],e.prototype,"lists",void 0),f([Object(c.queryAll)(".group-label")],e.prototype,"labels",void 0),f([Object(c.queryAll)(".md-combobox-selected-item")],e.prototype,"selected",void 0),e=f([Object(r.a)("md-combobox")],e),t.ELEMENT=e}(i||(i={}))}}]);
@@ -1 +1,40 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{61:function(e,r,d){"use strict";var o=d(0);r.a=o.css`:host{display:block}.md-draggable-item.extended{align-items:center;background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color);display:flex;flex-direction:row;padding:.375rem}.md-draggable-item.extended md-icon{cursor:grab;margin-right:.375rem}.md-draggable-item.extended:hover{background-color:var(--md-secondary-bg-color)}.md-draggable-item.extended ::slotted(*){flex:1 1 auto;margin-right:calc(.375rem * 2);text-align:left}.md-draggable-item.default{border:2px solid transparent;border-radius:.25rem;cursor:grab;display:flex;padding:calc(.375rem / 2) .375rem}.md-draggable-item.default:hover{background-color:var(--md-tertiary-white-bg-color);border:2px solid var(--md-default-focus-outline-color);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18)}.md-draggable-item.disabled{cursor:default}.md-draggable-item.disabled:hover{background-color:transparent;border:2px solid transparent;box-shadow:none}@media (forced-colors:active){.md-draggable-item.extended{border:1px solid CanvasText}.md-draggable-item.default{border:none;outline:0}.md-draggable-item.default:hover{outline:1px solid Highlight;border:none}}`}}]);
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[38],{40:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(71),a(24),a(32);var i,s=a(1),o=a(6),r=a(8),l=a(18),n=a(19),c=a(0),d=a(2),h=a(12),p=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},u=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends c.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.selectedDate=Object(r.n)(),this.focusedDate=Object(r.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.value),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(r.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(r.j)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===s.b.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(r.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(r.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(r.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(r.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{if(!this.value&&""!==this.value)return!0;const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(r.j)(h.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return u(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),""===this.value&&(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=h.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return c.html`
2
+ <md-menu-overlay custom-width="248px" ?disabled=${this.disabled}>
3
+ ${this.customTrigger?c.html`
4
+ <span slot="menu-trigger">
5
+ <slot name="date-trigger"></slot>
6
+ </span>
7
+ `:c.html`
8
+ <md-input
9
+ class="date-input"
10
+ slot="menu-trigger"
11
+ role="combobox"
12
+ placeholder=${this.placeholder?this.placeholder:"YYYY-MM-DD"}
13
+ value=${Object(d.ifDefined)(this.value)}
14
+ htmlId=${this.htmlId}
15
+ label=${this.label}
16
+ ariaLabel=${this.ariaLabel+this.chosenDateLabel()}
17
+ auxiliaryContentPosition="before"
18
+ required=${this.required}
19
+ @keydown=${e=>this.handleInputKeyDown(e)}
20
+ @input-change="${e=>this.handleDateInputChange(e)}"
21
+ ?disabled=${this.disabled}
22
+ hide-message=${!this.errorMessage&&this.isValueValid()}
23
+ ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
24
+ .messageArr=${this.errorMessage?[{message:this.errorMessage,type:"error"}]:[{message:"",type:this.isValueValid()?"":"error"}]}
25
+ >
26
+ <md-icon slot="input-section" name="calendar-month_16"></md-icon>
27
+ </md-input>
28
+ `}
29
+
30
+ <div class="date-overlay-content">
31
+ <md-datepicker-calendar
32
+ @day-select=${e=>this.handleSelect(e)}
33
+ @day-key-event=${e=>this.handleKeyDown(e)}
34
+ .datePickerProps=${{locale:this.locale,selected:this.selectedDate,focused:this.focusedDate,weekStart:this.weekStart}}
35
+ .filterParams=${{minDate:this.minDateData,maxDate:this.maxDateData,filterDate:this.filterDate}}
36
+ ></md-datepicker-calendar>
37
+ <slot name="time-picker"></slot>
38
+ </div>
39
+ </md-menu-overlay>
40
+ `}};p([Object(c.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),p([Object(c.property)({type:String})],t.prototype,"maxDate",void 0),p([Object(c.property)({type:String})],t.prototype,"minDate",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"value",void 0),p([Object(c.property)({type:String})],t.prototype,"weekStart",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),p([Object(c.property)({type:String})],t.prototype,"locale",void 0),p([Object(c.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"disabled",void 0),p([Object(c.property)({type:String})],t.prototype,"htmlId",void 0),p([Object(c.property)({type:String})],t.prototype,"label",void 0),p([Object(c.property)({type:String})],t.prototype,"ariaLabel",void 0),p([Object(c.property)({type:Boolean})],t.prototype,"required",void 0),p([Object(c.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),p([Object(c.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),p([Object(c.internalProperty)()],t.prototype,"selectedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"focusedDate",void 0),p([Object(c.internalProperty)()],t.prototype,"filterDate",void 0),p([Object(c.internalProperty)()],t.prototype,"maxDateData",void 0),p([Object(c.internalProperty)()],t.prototype,"minDateData",void 0),p([Object(c.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=p([Object(o.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
@@ -1,33 +1 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{62:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},74:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));var n,o=e(5),a=e(6),r=e(0),s=(e(17),e(15),e(62)),l=e(2),d=e(3),c=(e(46),e(44),e(47),e(45),e(20)),m=e.n(c),h=e(18),p=e(7),f=e(1),u=function(t,i,e,n){var o,a=arguments.length,r=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(a<3?o(r):a>3?o(i,e,r):o(i,e))||r);return a>3&&r&&Object.defineProperty(i,e,r),r},g=function(t,i,e,n){return new(e||(e=Promise))((function(o,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,s)}l((n=n.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(p.a)(r.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[o.a,s.a]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>g(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&m()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[m.a.modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})})}handleKeyDown(t){t.code!==f.b.Enter&&t.code!==f.b.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&m.a.isSet(this.container)&&m()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}render(){return r.html`
2
- ${this.show?r.html`
3
- <div class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
4
- @click=${this.handleMinimize}
5
- @keydown="${this.handleKeyDown}"
6
- role="dialog"
7
- tabindex="-1"
8
- part="floating-minimized"
9
- aria-label=${Object(l.ifDefined)(this.label||void 0)}
10
- aria-modal="true"
11
- style=${Object(l.ifDefined)(this.minPosition?`transform: translate(${this.minPosition.x}px, ${this.minPosition.y}px) !important`:`transform: ${this.containerTransform} !important`)}
12
- >
13
- <div tabindex="-1" class="md-floating__header ${this.minimize?"md-floating__header-minimize":""}">
14
- <div class="md-floating__header-text">
15
- ${this.heading?r.html`
16
- ${this.heading}
17
- `:r.html`
18
- <slot></slot>
19
- `}
20
- </div>
21
- <md-button
22
- color="color-none"
23
- class="md-floating__close"
24
- aria-label="${this.closeAriaLabel}"
25
- circle
26
- @click=${this.handleClose}
27
- >
28
- <md-icon name="cancel_16"></md-icon>
29
- </md-button>
30
- </div>
31
- </div>
32
- `:d.nothing}
33
- `}};u([Object(r.property)({type:String})],i.prototype,"heading",void 0),u([Object(r.property)({type:String})],i.prototype,"label",void 0),u([Object(r.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),u([Object(r.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),u([Object(r.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),u([Object(r.property)({type:Object})],i.prototype,"minPosition",void 0),u([Object(r.query)(".md-floating")],i.prototype,"container",void 0),u([Object(r.query)(".md-floating__header")],i.prototype,"header",void 0),u([Object(r.internalProperty)()],i.prototype,"dragOccured",void 0),u([Object(r.internalProperty)()],i.prototype,"containerTransform",void 0),i=u([Object(a.a)("md-floating-modal-minimized")],i),t.ELEMENT=i}(n||(n={}))}}]);
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{62:function(e,r,d){"use strict";var o=d(0);r.a=o.css`:host{display:block}.md-draggable-item.extended{align-items:center;background-color:var(--md-secondary-white-bg-color);border:1px solid var(--md-menu-overlay-border-color);display:flex;flex-direction:row;padding:.375rem}.md-draggable-item.extended md-icon{cursor:grab;margin-right:.375rem}.md-draggable-item.extended:hover{background-color:var(--md-secondary-bg-color)}.md-draggable-item.extended ::slotted(*){flex:1 1 auto;margin-right:calc(.375rem*2);text-align:left}.md-draggable-item.default{border:2px solid transparent;border-radius:.25rem;cursor:grab;display:flex;padding:calc(.375rem/2) .375rem}.md-draggable-item.default:hover{background-color:var(--md-tertiary-white-bg-color);border:2px solid var(--md-default-focus-outline-color);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.18)}.md-draggable-item.disabled{cursor:default}.md-draggable-item.disabled:hover{background-color:rgba(0,0,0,0);border:2px solid transparent;box-shadow:none}@media(forced-colors:active){.md-draggable-item.extended{border:1px solid CanvasText}.md-draggable-item.default{border:none;outline:0}.md-draggable-item.default:hover{outline:1px solid Highlight;border:none}}`}}]);
@@ -1,15 +1,33 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{54:function(e,t,i){"use strict";i.r(t),i.d(t,"MenuItem",(function(){return s}));var s,d=i(5),n=i(6),l=i(0),a=i(4),r=i(2),m=i(63),o=function(e,t,i,s){var d,n=arguments.length,l=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(d=e[a])&&(l=(n<3?d(l):n>3?d(t,i,l):d(t,i))||l);return n>3&&l&&Object.defineProperty(t,i,l),l};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.href="",this.label="",this.tabIndex=-1,this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedItem(),this.setAttribute("aria-selected",""+e),this.requestUpdate("selected",t)}static get styles(){return[d.a,m.a]}setupEvents(){this.addEventListener("mousedown",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.label&&this.setAttribute("aria-label",this.label),this.setupEvents()}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("menu-item-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("menu-item-keydown",{detail:{id:this.id,key:e.code,srcEvent:e},bubbles:!0,composed:!0}))}notifySelectedItem(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}get menuItemClassMap(){return{"md-menu-item--selected":this.selected,disabled:this.disabled}}render(){return l.html`
2
- <li
3
- role="menuitem"
4
- part="menu-item"
5
- class="md-menu-item ${Object(a.classMap)(this.menuItemClassMap)}"
6
- ?disabled=${this.disabled}
7
- tabindex="-1"
8
- aria-hidden="true"
9
- aria-selected="false"
10
- aria-label=${Object(r.ifDefined)(this.label)}>
11
- <a href="${Object(r.ifDefined)(this.href||void 0)}">
12
- <slot></slot>
13
- </a>
14
- </li>
15
- `}};o([Object(l.property)({type:String})],t.prototype,"href",void 0),o([Object(l.property)({type:String})],t.prototype,"label",void 0),o([Object(l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=o([Object(n.a)("md-menu-item")],t),e.ELEMENT=t}(s||(s={}))},63:function(e,t,i){"use strict";var s=i(0);t.a=s.css`.md-menu{margin:0;padding:0}.md-menu--horizontal .md-menu-list ::slotted(*){display:inline-flex}.md-menu--vertical .md-menu-list ::slotted(*){display:flex}.md-menu.justified .md-menu-list{display:flex;justify-content:space-between}.md-menu .md-menu-list{margin:0}.md-menu-item{list-style:none;padding:.125rem}.md-menu-item a{color:var(--menu-default,#121212);display:flex;padding:.375rem .75rem}.md-menu-item ::slotted(*){padding:0 .1875rem}.md-menu-item--selected{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item:hover{background:var(--menu-hover-bg,#c9f4ff)}.md-menu-item:active{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item.disabled{pointer-events:none}.md-menu-item.disabled a{background:0 0;color:var(--md-disabled-text-color)}@media (forced-colors:active){.md-menu-item--selected,.md-menu-item:active,.md-menu-item:focus,.md-menu-item:hover{outline:1px solid Highlight}.md-menu-item.disabled a{color:GrayText}}`}}]);
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[40],{63:function(t,i,e){"use strict";var n=e(0);i.a=n.css`.md-floating{background-color:var(--floating-modal-main-bg-color,#fff);border:1px solid var(--floating-modal-outer-border-color,#ededed);border-radius:8px;box-shadow:var(--floating-modal-main-box-shadow,0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16));display:flex;flex-direction:column;max-height:100%;max-width:100%;position:absolute;touch-action:none;user-select:none;z-index:1040}.md-floating.fixed{position:fixed}.md-floating.hide{display:block;height:0;visibility:hidden;width:0}.md-floating.md-floating-minimize{background:var(--floating-modal-main-bg-color-alternate,#545454);border-radius:8px;width:100%}.md-floating.md-floating-minimize:focus{box-shadow:0 0 0 .125rem #005e7d;outline:0}.md-floating .md-floating__header{align-items:center;border-bottom:1px solid var(--floating-modal-main-border-color,#dedede);color:var(--floating-modal-main-text-color,#121212);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;max-height:3rem;padding:.5rem .5rem .5rem .75rem;width:100%}.md-floating .md-floating__header-text{flex:2 1 auto;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:16px;text-align:left}.md-floating .md-floating__body{height:calc(100% - 3rem);overflow:auto;padding:.75rem 1.25rem}.md-floating .md-floating-body-minimize{display:block;height:0;visibility:hidden}.md-floating .md-floating__header-minimize{border-bottom:0;color:var(--floating-modal-main-text-color-alternate,#f7f7f7);font-size:16px;line-height:24px;width:100%}.md-floating-min-parent{bottom:0;height:3rem!important;position:absolute;right:0;width:223px!important}`},75:function(t,i,e){"use strict";e.r(i),e.d(i,"FloatingMinimizedModal",(function(){return n}));var n,o=e(5),a=e(6),r=e(0),s=(e(17),e(15),e(63)),l=e(2),d=e(3),c=(e(46),e(44),e(47),e(45),e(20)),m=e.n(c),h=e(18),p=e(7),f=e(1),u=function(t,i,e,n){var o,a=arguments.length,r=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,e,n);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(r=(a<3?o(r):a>3?o(i,e,r):o(i,e))||r);return a>3&&r&&Object.defineProperty(i,e,r),r},g=function(t,i,e,n){return new(e||(e=Promise))((function(o,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n.throw(t))}catch(t){a(t)}}function l(t){var i;t.done?o(t.value):(i=t.value,i instanceof e?i:new e((function(t){t(i)}))).then(r,s)}l((n=n.apply(t,i||[])).next())}))};!function(t){let i=class extends(Object(p.a)(r.LitElement)){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.closeAriaLabel="Close Modal",this.minimize=!1,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.getInitialPosition=()=>{var t,i;return this.applyInitialPosition&&this.minPosition?{initialX:Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),initialY:Number(null===(i=this.minPosition)||void 0===i?void 0:i.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:i}=t,{x:e,y:n}=this.getTransformValues(t);this.setTargetPosition(i,e,n),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[o.a,s.a]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance(),this.setFocusOnContainer()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("minPosition")&&!t.has("show")&&this.setInitialTargetPosition(),t.has("minimize")&&void 0!==t.get("minimize")&&this.setFocusOnContainer()}isNewPositionNotSame(){var t,i,e,n;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(i=this.minPosition)||void 0===i?void 0:i.x)||Number(null===(e=this.container)||void 0===e?void 0:e.getAttribute("data-y"))!==(null===(n=this.minPosition)||void 0===n?void 0:n.y)}setInitialTargetPosition(){var t,i;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.minPosition)||void 0===t?void 0:t.x),Number(null===(i=this.minPosition)||void 0===i?void 0:i.y))}setFocusOnContainer(){this.container&&(this.container.setAttribute("tabindex","0"),this.container.focus())}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),i=this.container.getAttribute("data-y");return t&&i?(this.dispatchEvent(new CustomEvent("floating-modal-minimize-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:i}}})),`translate(${t}px, ${i}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>g(this,void 0,void 0,(function*(){yield this.updateComplete,this.containerTransform=this.getContainerTransform()})))}setInteractInstance(){requestAnimationFrame(()=>{this.container&&m()(this.container).draggable({autoScroll:!0,allowFrom:this.header,listeners:{move:this.dragMoveListener,end:this.dragEndListener},modifiers:[m.a.modifiers.restrictRect({restriction:document.body.getBoundingClientRect(),endOnly:!0})]})})}handleKeyDown(t){t.code!==f.b.Enter&&t.code!==f.b.Space||this.handleMinimize(t)}handleClose(t){this.show=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),t.stopPropagation()}handleMinimize(t){this.dragOccured||this.dispatchEvent(new CustomEvent("floating-min-modal-minimize",{composed:!0,bubbles:!0,detail:{srcEvent:t}})),this.dragOccured=!1}getTransformValues(t){const{target:i,dx:e,dy:n}=t,{initialX:o,initialY:a}=this.getInitialPosition();return{x:(parseFloat(i.getAttribute("data-x"))||0)+e+o,y:(parseFloat(i.getAttribute("data-y"))||0)+n+a}}setTargetPosition(t,i,e){t.style.transform=`translate(${i}px, ${e}px)`,t.setAttribute("data-x",""+i),t.setAttribute("data-y",""+e)}destroyInteractInstance(){this.container&&m.a.isSet(this.container)&&m()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance(),window.removeEventListener("resize",Object(h.b)(()=>this.setInteractInstance(),250))}render(){return r.html`
2
+ ${this.show?r.html`
3
+ <div class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
4
+ @click=${this.handleMinimize}
5
+ @keydown="${this.handleKeyDown}"
6
+ role="dialog"
7
+ tabindex="-1"
8
+ part="floating-minimized"
9
+ aria-label=${Object(l.ifDefined)(this.label||void 0)}
10
+ aria-modal="true"
11
+ style=${Object(l.ifDefined)(this.minPosition?`transform: translate(${this.minPosition.x}px, ${this.minPosition.y}px) !important`:`transform: ${this.containerTransform} !important`)}
12
+ >
13
+ <div tabindex="-1" class="md-floating__header ${this.minimize?"md-floating__header-minimize":""}">
14
+ <div class="md-floating__header-text">
15
+ ${this.heading?r.html`
16
+ ${this.heading}
17
+ `:r.html`
18
+ <slot></slot>
19
+ `}
20
+ </div>
21
+ <md-button
22
+ color="color-none"
23
+ class="md-floating__close"
24
+ aria-label="${this.closeAriaLabel}"
25
+ circle
26
+ @click=${this.handleClose}
27
+ >
28
+ <md-icon name="cancel_16"></md-icon>
29
+ </md-button>
30
+ </div>
31
+ </div>
32
+ `:d.nothing}
33
+ `}};u([Object(r.property)({type:String})],i.prototype,"heading",void 0),u([Object(r.property)({type:String})],i.prototype,"label",void 0),u([Object(r.property)({type:Boolean,reflect:!0})],i.prototype,"show",void 0),u([Object(r.property)({type:String,attribute:"close-aria-label"})],i.prototype,"closeAriaLabel",void 0),u([Object(r.property)({type:Boolean,reflect:!0})],i.prototype,"minimize",void 0),u([Object(r.property)({type:Object})],i.prototype,"minPosition",void 0),u([Object(r.query)(".md-floating")],i.prototype,"container",void 0),u([Object(r.query)(".md-floating__header")],i.prototype,"header",void 0),u([Object(r.internalProperty)()],i.prototype,"dragOccured",void 0),u([Object(r.internalProperty)()],i.prototype,"containerTransform",void 0),i=u([Object(a.a)("md-floating-modal-minimized")],i),t.ELEMENT=i}(n||(n={}))}}]);
@@ -1 +1,15 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{65:function(o,e,r){"use strict";var i=r(0);e.a=i.css`:host{--radio-label-text-color:var(--radio-input-text-color, $lm-radio-input-text-color-light)}:host(md-radio) .md-radio-wrapper{max-height:1.4375rem;display:inline-flex}:host(md-radio) .md-radio-input{height:1.4375rem;position:absolute;visibility:hidden;width:100%}:host(md-radio) .md-radio-label{color:var(--md-primary-text-color,#121212);cursor:pointer;font-size:14px;line-height:1.4375rem;padding-left:calc(1.25rem * 1.8);padding-right:calc(.25rem / 2);pointer-events:none;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:calc(100%)}:host(md-radio) .md-radio-label::before{content:"";position:absolute;border:.0625rem solid var(--radio-input-border-color,#545454);border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:inset 0 0 0 .36rem var(--radio-input-bg-color,#fff),inset 0 0 0 1.25rem var(--radio-input-bg-color,#fff);box-sizing:border-box;height:1.25rem;left:.125rem;top:.0625rem;width:1.25rem}:host(:focus){box-shadow:none;outline:0}:host([focus-visible]:not([disabled])){box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#005e7d)}:host(:hover:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host(:active:not([disabled])) .md-radio-label:before{border:.0625rem solid var(--radio-input-pressed-border-color,#ccc);box-shadow:inset 0 0 0 .36rem var(--radio-input-pressed-bg-color,#dedede),inset 0 0 0 1.25rem var(--radio-input-pressed-bg-color,#dedede)}:host([disabled]){cursor:not-allowed;opacity:.4}:host([disabled]) .md-radio-label:before{border:.0625rem solid var(--radio-input-hover-border-color,#545454);box-shadow:inset 0 0 0 .36rem var(--radio-input-hover-bg-color,#545454),inset 0 0 0 1.25rem var(--radio-input-hover-bg-color,#545454)}:host([aria-checked=true]) .md-radio-label:before{border-color:var(--radio-input-selected-border-color,#00a0d1);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-bg-color,#00a0d1),inset 0 0 0 1.25rem #fff}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-hover-border-color,#007aa3);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-hover-bg-color,#007aa3),inset 0 0 0 1.25rem #fff}:host([aria-checked=true]:active:not([disabled])) .md-radio-label:before{border-color:var(--radio-input-selected-pressed-border-color,#005e7d);box-shadow:inset 0 0 0 .36rem var(--radio-input-selected-pressed-bg-color,#005e7d),inset 0 0 0 1.25rem #fff}@media (forced-colors:active){:host(md-radio) .md-radio-label::before{border:1px solid CanvasText}:host(:active:not([disabled])) .md-radio-label:before,:host(:hover:not([disabled])) .md-radio-label:before{border:none;outline:2px solid Highlight;outline-offset:-1px}:host([aria-checked=true]) .md-radio-label:before{background-color:Highlight;border:none;outline:0}:host([aria-checked=true]:hover:not([disabled])) .md-radio-label:before{background-color:Highlight}:host([aria-checked=true]) .md-radio-label:after{content:"";position:absolute;top:50%;left:12px;transform:translate(-50%,-50%);width:8px;height:8px;background-color:Canvas;border-radius:50%}:host([focus-visible]:not([disabled])){outline:2px solid Highlight;outline-offset:-1px}}:host(md-radiogroup){display:flex}:host(md-radio){border-radius:.25rem;display:inline!important}:host([alignment=vertical]) div{display:inline-flex;flex-direction:column}:host([alignment=vertical]) div ::slotted(md-radio){margin-bottom:calc(.25rem * 3)}:host([alignment=horizontal]) div{display:inline-flex;flex-direction:row}:host([alignment=horizontal]) div ::slotted(md-radio){margin-right:calc(.25rem * 8)}:host([disabled]) div ::slotted(md-radio){pointer-events:none}`}}]);
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[41],{54:function(e,t,i){"use strict";i.r(t),i.d(t,"MenuItem",(function(){return s}));var s,d=i(5),n=i(6),l=i(0),a=i(4),r=i(2),m=i(64),o=function(e,t,i,s){var d,n=arguments.length,l=n<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(d=e[a])&&(l=(n<3?d(l):n>3?d(t,i,l):d(t,i))||l);return n>3&&l&&Object.defineProperty(t,i,l),l};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.href="",this.label="",this.tabIndex=-1,this._disabled=!1,this._selected=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.setAttribute("aria-disabled",""+e),this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,e&&this.notifySelectedItem(),this.setAttribute("aria-selected",""+e),this.requestUpdate("selected",t)}static get styles(){return[d.a,m.a]}setupEvents(){this.addEventListener("mousedown",this.handleClick),this.addEventListener("keydown",this.handleKeyDown)}firstUpdated(e){super.firstUpdated(e),this.label&&this.setAttribute("aria-label",this.label),this.setupEvents()}update(e){super.update(e),e.has("disabled")&&(this.selected=!1,this.setAttribute("aria-disabled",""+this.disabled))}handleClick(e){e.preventDefault(),this.dispatchEvent(new CustomEvent("menu-item-click",{detail:{id:this.id},bubbles:!0,composed:!0}))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("menu-item-keydown",{detail:{id:this.id,key:e.code,srcEvent:e},bubbles:!0,composed:!0}))}notifySelectedItem(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}get menuItemClassMap(){return{"md-menu-item--selected":this.selected,disabled:this.disabled}}render(){return l.html`
2
+ <li
3
+ role="menuitem"
4
+ part="menu-item"
5
+ class="md-menu-item ${Object(a.classMap)(this.menuItemClassMap)}"
6
+ ?disabled=${this.disabled}
7
+ tabindex="-1"
8
+ aria-hidden="true"
9
+ aria-selected="false"
10
+ aria-label=${Object(r.ifDefined)(this.label)}>
11
+ <a href="${Object(r.ifDefined)(this.href||void 0)}">
12
+ <slot></slot>
13
+ </a>
14
+ </li>
15
+ `}};o([Object(l.property)({type:String})],t.prototype,"href",void 0),o([Object(l.property)({type:String})],t.prototype,"label",void 0),o([Object(l.property)({type:Number,reflect:!0})],t.prototype,"tabIndex",void 0),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),o([Object(l.property)({type:Boolean,reflect:!0})],t.prototype,"selected",null),t=o([Object(n.a)("md-menu-item")],t),e.ELEMENT=t}(s||(s={}))},64:function(e,t,i){"use strict";var s=i(0);t.a=s.css`.md-menu{margin:0;padding:0}.md-menu--horizontal .md-menu-list ::slotted(*){display:inline-flex}.md-menu--vertical .md-menu-list ::slotted(*){display:flex}.md-menu.justified .md-menu-list{display:flex;justify-content:space-between}.md-menu .md-menu-list{margin:0}.md-menu-item{list-style:none;padding:.125rem}.md-menu-item a{color:var(--menu-default,#121212);display:flex;padding:.375rem .75rem}.md-menu-item ::slotted(*){padding:0 .1875rem}.md-menu-item--selected{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item:hover{background:var(--menu-hover-bg,#c9f4ff)}.md-menu-item:active{background:var(--menu-pressed-bg,#91ebff)}.md-menu-item.disabled{pointer-events:none}.md-menu-item.disabled a{background:rgba(0,0,0,0);color:var(--md-disabled-text-color)}@media(forced-colors:active){.md-menu-item--selected,.md-menu-item:active,.md-menu-item:focus,.md-menu-item:hover{outline:1px solid Highlight}.md-menu-item.disabled a{color:GrayText}}`}}]);