@momentum-ui/web-components 2.13.17 → 2.13.19

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 (119) hide show
  1. package/dist/chunks/md-10.js +1 -1
  2. package/dist/chunks/md-12.js +1 -1
  3. package/dist/chunks/md-13.js +2 -2
  4. package/dist/chunks/md-14.js +1 -1
  5. package/dist/chunks/md-15.js +1 -1
  6. package/dist/chunks/md-16.js +1 -1
  7. package/dist/chunks/md-17.js +1 -1
  8. package/dist/chunks/md-18.js +1 -1
  9. package/dist/chunks/md-19.js +1 -1
  10. package/dist/chunks/md-20.js +1 -1
  11. package/dist/chunks/md-21.js +5 -5
  12. package/dist/chunks/md-22.js +1 -1
  13. package/dist/chunks/md-23.js +1 -1
  14. package/dist/chunks/md-24.js +1 -1
  15. package/dist/chunks/md-26.js +1 -1
  16. package/dist/chunks/md-27.js +2 -2
  17. package/dist/chunks/md-28.js +1 -1
  18. package/dist/chunks/md-29.js +60 -31
  19. package/dist/chunks/md-30.js +1 -1
  20. package/dist/chunks/md-31.js +1 -1
  21. package/dist/chunks/md-32.js +1 -1
  22. package/dist/chunks/md-33.js +4 -4
  23. package/dist/chunks/md-34.js +1 -1
  24. package/dist/chunks/md-35.js +1 -1
  25. package/dist/chunks/md-36.js +1 -1
  26. package/dist/chunks/md-37.js +1 -1
  27. package/dist/chunks/md-38.js +1 -1
  28. package/dist/chunks/md-39.js +1 -1
  29. package/dist/chunks/md-40.js +1 -1
  30. package/dist/chunks/md-41.js +1 -1
  31. package/dist/chunks/md-42.js +2 -2
  32. package/dist/chunks/md-43.js +1 -1
  33. package/dist/chunks/md-44.js +1 -1
  34. package/dist/chunks/md-45.js +1 -1
  35. package/dist/chunks/md-46.js +1 -1
  36. package/dist/chunks/md-47.js +1 -1
  37. package/dist/chunks/md-48.js +1 -1
  38. package/dist/chunks/md-49.js +1 -1
  39. package/dist/chunks/md-50.js +1 -1
  40. package/dist/chunks/md-51.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 +3 -3
  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 +1 -1
  53. package/dist/chunks/md-64.js +118 -25
  54. package/dist/chunks/md-65.js +1 -1
  55. package/dist/chunks/md-66.js +1 -1
  56. package/dist/chunks/md-69.js +1 -1
  57. package/dist/chunks/md-7.js +2 -2
  58. package/dist/chunks/md-71.js +1 -1
  59. package/dist/chunks/md-72.js +1 -1
  60. package/dist/chunks/md-73.js +1 -1
  61. package/dist/chunks/md-74.js +1 -1
  62. package/dist/chunks/md-75.js +1 -1
  63. package/dist/chunks/md-76.js +1 -1
  64. package/dist/chunks/md-77.js +1 -1
  65. package/dist/chunks/md-78.js +1 -1
  66. package/dist/chunks/md-79.js +1 -1
  67. package/dist/chunks/md-8.js +1 -1
  68. package/dist/chunks/md-80.js +1 -1
  69. package/dist/chunks/md-82.js +1 -1
  70. package/dist/chunks/md-83.js +1 -1
  71. package/dist/chunks/md-84.js +1 -1
  72. package/dist/chunks/md-85.js +1 -1
  73. package/dist/chunks/md-86.js +1 -1
  74. package/dist/chunks/md-9.js +1 -1
  75. package/dist/comp/md-avatar-entry.js +1 -1
  76. package/dist/comp/md-badge-entry.js +1 -1
  77. package/dist/comp/md-breadcrumb-entry.js +1 -1
  78. package/dist/comp/md-button-entry.js +1 -1
  79. package/dist/comp/md-card-entry.js +1 -1
  80. package/dist/comp/md-chat-message-entry.js +1 -1
  81. package/dist/comp/md-combobox-entry.js +1 -1
  82. package/dist/comp/md-date-range-picker-entry.js +1 -1
  83. package/dist/comp/md-date-time-picker-entry.js +1 -1
  84. package/dist/comp/md-datepicker-calendar-entry.js +1 -1
  85. package/dist/comp/md-datepicker-day-entry.js +1 -1
  86. package/dist/comp/md-datepicker-entry.js +1 -1
  87. package/dist/comp/md-datepicker-month-entry.js +1 -1
  88. package/dist/comp/md-datepicker-week-entry.js +1 -1
  89. package/dist/comp/md-dropdown-entry.js +1 -1
  90. package/dist/comp/md-dropdown.js +1 -0
  91. package/dist/comp/md-editable-field-entry.js +1 -1
  92. package/dist/comp/md-favorite-entry.js +1 -1
  93. package/dist/comp/md-floating-minimize-entry.js +1 -1
  94. package/dist/comp/md-floating-modal-entry.js +1 -1
  95. package/dist/comp/md-help-text-entry.js +1 -1
  96. package/dist/comp/md-input-entry.js +1 -1
  97. package/dist/comp/md-label-entry.js +1 -1
  98. package/dist/comp/md-list-entry.js +1 -1
  99. package/dist/comp/md-list-item-entry.js +1 -1
  100. package/dist/comp/md-loading-entry.js +1 -1
  101. package/dist/comp/md-meeting-alert-entry.js +1 -1
  102. package/dist/comp/md-menu-item-entry.js +1 -1
  103. package/dist/comp/md-phone-input-entry.js +1 -1
  104. package/dist/comp/md-progress-bar-entry.js +1 -1
  105. package/dist/comp/md-slider-entry.js +1 -1
  106. package/dist/comp/md-spinner-entry.js +1 -1
  107. package/dist/comp/md-tab-entry.js +1 -1
  108. package/dist/comp/md-tabs-entry.js +1 -1
  109. package/dist/comp/md-theme-entry.js +1 -1
  110. package/dist/comp/md-timepicker-entry.js +1 -1
  111. package/dist/comp/md-tooltip-entry.js +1 -1
  112. package/dist/index-entry.js +2 -2
  113. package/dist/index.js +1 -1
  114. package/dist/types/components/combobox/ComboBox.d.ts +24 -1
  115. package/dist/types/components/dropdown/Dropdown.d.ts +69 -0
  116. package/dist/types/components/help-text/HelpText.d.ts +1 -1
  117. package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
  118. package/dist/types/components/tooltip/Tooltip.d.ts +1 -0
  119. package/package.json +3 -3
@@ -1,17 +1,23 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{54:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(55),o(15);var i,s=o(1),l=o(7),r=o(6),n=o(17),a=o(5),c=o(0),d=o(3),h=o(4),p=o(2),u=o(14),b=o(8),m=o(43),g=o(64),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,#00a0d1)}.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:var(--body-primary-font-size,14px);left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;padding:var(--wc-menu-padding,0)}div#md-combobox-listbox .no-result{padding:.3125rem .75rem .375rem}.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:.3125rem .75rem .375rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color);border-radius:var(--wc-menu-item-rounded-border-radius)}.group-label:hover{background:unset;color:var(--combobox-group-label-color)}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.3125rem .75rem .375rem;width:100%;border:solid 2px transparent;border-radius:var(--wc-menu-item-rounded-border-radius)}.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-primary-seperator-color,#545454);border-bottom-left-radius:0;border-bottom-right-radius:0}.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(--md-default-focus-outline-color)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-selected-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}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,o=0,i=0;const s=this.getListBoxVerticalPadding();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+s+"px"),this.virtualizer&&(this.virtualizer.style.height=i+s+"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+s+"px",this.listBox.style.maxHeight=e.clientHeight+s+"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="search-bold" size="16" iconSet="momentumDesign" @click=${this.toggleVisualListBox}></md-icon>
3
- `}selectedOptionTemplate(t){return c.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{53:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(54),o(15);var i,s=o(1),r=o(7),l=o(6),n=o(16),d=o(5),a=o(0),c=o(3),h=o(4),p=o(2),u=o(12),b=o(8),m=o(42),g=o(63),x=a.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(:active) .md-new-combobox .group{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--combobox-border-color,#b2b2b2)!important}:host(:active) .md-new-combobox .md-combobox-right-arrow{border-left:1px solid var(--combobox-border-color,#b2b2b2)!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([focus-visible]) .md-new-combobox .group{outline:2px solid var(--combobox-focus-border-color);outline-offset:.125rem;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([focus-visible]) .md-new-combobox .md-combobox-right-arrow{border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group md-icon,:host([disabled]) .group:active md-icon,:host([disabled]) .group:hover md-icon{opacity:.3}:host([disabled]) .md-new-combobox .group,:host([disabled]) .md-new-combobox .group:active,:host([disabled]) .md-new-combobox .group:hover{outline:0;box-shadow:none;border-color:var(--combobox-disabled-bg-color)!important;background-color:rgba(0,0,0,0)}:host([disabled]) .md-new-combobox .group md-icon,:host([disabled]) .md-new-combobox .group:active md-icon,:host([disabled]) .md-new-combobox .group:hover md-icon{color:var(--md-primary-text-color);fill:var(--md-primary-text-color)}:host([disabled]) .md-new-combobox .group .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:active .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input{color:var(--combobox-disabled-bg-color)}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::-webkit-input-placeholder,:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::placeholder{opacity:1;color:var(--combobox-disabled-bg-color)}: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,#00a0d1)}.md-combobox .group .search-icon{height:100%}.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-new-combobox .group{border-radius:8px;background:rgba(0,0,0,0)}.md-new-combobox .group .md-combobox-button.clear{margin-right:.25rem!important}.md-new-combobox .group md-icon{color:var(--md-primary-text-color);cursor:pointer;fill:var(--md-primary-text-color)}.md-new-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#00a0d1)}.md-new-combobox .group:active{border:1px solid var(--combobox-border-color,#b2b2b2)}.md-new-combobox .md-combobox__multiwrap input{color:var(--md-primary-text-color)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item{border-radius:4px;background:var(--combobox-selected-new-bg-color,#dedede);border-color:var(--combobox-selected-new-border-color,#dedede)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item md-icon{font-size:16px}.md-new-combobox.md-error .group,.md-new-combobox.md-error .group:active{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-error .group .md-combobox-right-arrow,.md-new-combobox.md-error .group:active .md-combobox-right-arrow{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-warning .group,.md-new-combobox.md-warning .group:active{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-warning .group .md-combobox-right-arrow,.md-new-combobox.md-warning .group:active .md-combobox-right-arrow{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-success .group,.md-new-combobox.md-success .group:active{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-success .group .md-combobox-right-arrow,.md-new-combobox.md-success .group:active .md-combobox-right-arrow{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-combobox-readonly .group,.md-new-combobox.md-combobox-readonly .group:active,.md-new-combobox.md-combobox-readonly .group:hover{border-color:var(--combobox-disabled-bg-color)!important}.md-new-combobox.md-combobox-readonly .group .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:active .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}.help-text,.md-combobox__messages{padding-top:.25rem}.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/1.5);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-right-arrow{height:100%;border-left:1px solid var(--combobox-border-color,#b2b2b2)}.md-combobox-right-arrow .md-combobox-button{padding-top:calc(.25rem/1.4)}.md-combobox-right-arrow .md-combobox-button.arrow-down:focus,.md-combobox-right-arrow .md-combobox-button.clear:focus{outline:0}.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:var(--body-primary-font-size,14px);left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;padding:var(--wc-menu-padding,0)}div#md-combobox-listbox .no-result{padding:.3125rem .75rem .375rem}.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:.3125rem .75rem .375rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color);border-radius:var(--wc-menu-item-rounded-border-radius)}.group-label:hover{background:unset;color:var(--combobox-group-label-color)}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.3125rem .75rem .375rem;width:100%;border:solid 2px transparent;border-radius:var(--wc-menu-item-rounded-border-radius)}.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:auto;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-primary-seperator-color,#545454);border-bottom-left-radius:0;border-bottom-right-radius:0}.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(--md-default-focus-outline-color)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-selected-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-right:.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,r=arguments.length,l=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(l=(r<3?s(l):r>3?s(e,o,l):s(e,o))||l);return r>3&&l&&Object.defineProperty(e,o,l),l},v=function(t,e,o,i){return new(o||(o=Promise))((function(s,r){function l(t){try{d(i.next(t))}catch(t){r(t)}}function n(t){try{d(i.throw(t))}catch(t){r(t)}}function d(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(l,n)}d((i=i.apply(t,e||[])).next())}))};!function(t){class e{determineMessageType(t){return t.reduce((t,e)=>"error"===e?t:e.type,"")}filterMessagesByType(t,e){return t.reduce((t,o)=>o.type===e?t.concat(o.message):t,[])}}t.MessageController=e;let o=class extends(Object(r.a)(a.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.newMomentum=!1,this.comboboxId="",this.helpText="",this.messageArr=[],this.htmlId="",this.readOnly=!1,this.messageController=new e,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)}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}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.readOnly||(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"),r=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,isLabel:"false",groupName:t,slot:r})}}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}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,o=0,i=0;const s=this.getListBoxVerticalPadding();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+s+"px"),this.virtualizer&&(this.virtualizer.style.height=i+s+"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+s+"px",this.listBox.style.maxHeight=e.clientHeight+s+"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(),r=this.lists[this.focusedIndex],l=null===(t=this.lists[this.focusedIndex+1]||r)||void 0===t?void 0:t.getBoundingClientRect(),n=null===(e=this.lists[this.focusedIndex-1]||r)||void 0===e?void 0:e.getBoundingClientRect();(null==l?void 0:l.bottom)>s?o=l.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(!this.readOnly){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[d.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,"md-new-combobox":this.newMomentum,["md-"+this.messageType]:!!this.messageType,"md-combobox-readonly":this.readOnly}}searchIconTemplate(){return a.html`
2
+ <md-icon
3
+ name="search-bold"
4
+ class="search-icon"
5
+ size="16"
6
+ iconSet="momentumDesign"
7
+ @click=${this.toggleVisualListBox}
8
+ ></md-icon>
9
+ `}selectedOptionTemplate(t){return a.html`
4
10
  <div class="md-combobox-selected-item">
5
11
  <span>${this.getOptionValue(t)}</span>
6
12
  <md-icon
7
13
  class="remove-item"
8
14
  name="cancel-bold"
9
- size="8"
15
+ size=${this.newMomentum?"16":"8"}
10
16
  iconSet="momentumDesign"
11
17
  @click=${()=>this.removeSelected(t)}
12
18
  ></md-icon>
13
19
  </div>
14
- `}clearButtonTemplate(){return c.html`
20
+ `}clearButtonTemplate(){return a.html`
15
21
  <button
16
22
  type="button"
17
23
  class="md-combobox-button clear"
@@ -19,6 +25,7 @@
19
25
  aria-controls="md-combobox-listbox"
20
26
  tabindex="0"
21
27
  ?disabled=${this.disabled}
28
+ ?readonly=${this.readOnly}
22
29
  @click=${this.handleRemoveAll}
23
30
  >
24
31
  <span>
@@ -31,7 +38,7 @@
31
38
  ></md-icon
32
39
  ></span>
33
40
  </button>
34
- `}arrowButtonTemplate(){return c.html`
41
+ `}arrowButtonTemplate(){return a.html`
35
42
  <button
36
43
  type="button"
37
44
  class="md-combobox-button arrow-down"
@@ -41,13 +48,14 @@
41
48
  tabindex="-1"
42
49
  aria-hidden=${this.popupChevronAriaHidden}
43
50
  ?disabled=${this.disabled}
51
+ ?readonly=${this.readOnly}
44
52
  @click=${this.toggleVisualListBox}
45
53
  >
46
54
  <span>
47
55
  <md-icon name="arrow-down-bold" size="16" iconSet="momentumDesign"></md-icon>
48
56
  </span>
49
57
  </button>
50
- `}groupArrowButtonTemplate(t){const e=this.groupExpandedList.includes(t)?"arrow-up-bold":"arrow-down-bold";return c.html`
58
+ `}groupArrowButtonTemplate(t){const e=this.groupExpandedList.includes(t)?"arrow-up-bold":"arrow-down-bold";return a.html`
51
59
  <button
52
60
  type="button"
53
61
  class="md-combobox-button"
@@ -56,13 +64,14 @@
56
64
  tabindex="-1"
57
65
  aria-hidden=${"true"===this.popupChevronAriaHidden?"true":"false"}
58
66
  ?disabled=${this.disabled}
67
+ ?readonly=${this.readOnly}
59
68
  @click=${e=>this.toggleGroupListBox(e,t)}
60
69
  >
61
70
  <span>
62
71
  <md-icon name=${e} size="12" iconSet="momentumDesign"></md-icon>
63
72
  </span>
64
73
  </button>
65
- `}getSelectAllOption(){const t=this.checkForVirtualScroll()?", 1 of "+(this.options.length+1):"";return c.html`
74
+ `}getSelectAllOption(){const t=this.checkForVirtualScroll()?", 1 of "+(this.options.length+1):"";return a.html`
66
75
  <div
67
76
  id="selectAll"
68
77
  part="combobox-option"
@@ -78,9 +87,9 @@
78
87
 
79
88
  <span part="label" class="select-label" aria-hidden="true">${this.selectAllTextLocalization}</span>
80
89
  </div>
81
- `}getSelctedCount(){return 0===this.selectedOptions.length?d.nothing:this.isSelectAllSelected()?c.html` <span class="selected-count">${this.allTextLocalization}</span> `:c.html`
90
+ `}getSelctedCount(){return 0===this.selectedOptions.length?c.nothing:this.isSelectAllSelected()?a.html` <span class="selected-count">${this.allTextLocalization}</span> `:a.html`
82
91
  <span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</span>
83
- `}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` <slot name=${Object(p.ifDefined)(e)}></slot> `}renderGroupLabelHeader(t,e){return c.html`
92
+ `}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):a.html``}return a.html` <slot name=${Object(p.ifDefined)(e)}></slot> `}renderGroupLabelHeader(t,e){return a.html`
84
93
  <div
85
94
  part="group-label"
86
95
  class="group-label"
@@ -95,7 +104,7 @@
95
104
  <span part="group-label">${t.value}</span>
96
105
  ${this.groupArrowButtonTemplate(t.value)}
97
106
  </div>
98
- `}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` <span class="highlight-text" part="select-label">${t}</span> `:c.html` <span class="selected-label-text" part="select-label">${t}</span> `)}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`
107
+ `}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?a.html` <span class="highlight-text" part="select-label">${t}</span> `:a.html` <span class="selected-label-text" part="select-label">${t}</span> `)}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 a.html`
99
108
  <div
100
109
  id=${this.getOptionId(t)}
101
110
  title="${this.getOptionValue(t)}"
@@ -109,21 +118,38 @@
109
118
  @click=${this.handleListClick}
110
119
  aria-checked=${Object(p.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
111
120
  >
112
- ${this.isMulti?c.html`
121
+ ${this.isMulti?a.html`
113
122
  <span class="select-option" aria-hidden="true">
114
123
  <md-icon name="check-bold" size="14" iconSet="momentumDesign"></md-icon>
115
124
  </span>
116
- `:d.nothing}
125
+ `:c.nothing}
117
126
  <span part="label" class="select-label" aria-hidden="true">
118
127
  ${this.isCustomContent?this.getCustomContent(t):this.highlightingSearchedText(t)}
119
128
  </span>
120
129
  </div>
121
- `}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`
130
+ `}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}helpTextTemplate(){return this.helpText?a.html`
131
+ <md-help-text
132
+ class="help-text ${Object(h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
133
+ .message=${this.helpText}
134
+ style=${Object(b.styleMap)({width:"100%"})}
135
+ ></md-help-text>
136
+ `:c.nothing}messagesTemplate(){return this.messages&&this.messages.length?a.html`
137
+ <div id="${this.htmlId}-message" part="message" class="md-combobox__messages">
138
+ ${Object(u.repeat)(this.messages,(t,e)=>a.html`
139
+ <md-help-text
140
+ .message=${t}
141
+ .id=${this.messageArr[e].id||""}
142
+ .ariaLive=${this.messageArr[e].ariaLive||"polite"}
143
+ .messageType=${this.messageType}
144
+ ></md-help-text>
145
+ `)}
146
+ </div>
147
+ `:c.nothing}render(){return a.html`
122
148
  <div part="combobox" class="md-combobox md-combobox-list ${Object(h.classMap)(this.comboBoxTemplateClassMap)}">
123
149
  <div part="group" class="group ${Object(h.classMap)(this.listItemOptionMap)}">
124
- ${this.searchable?this.searchIconTemplate():d.nothing}
150
+ ${this.searchable?this.searchIconTemplate():c.nothing}
125
151
  <div class="md-combobox__multiwrap" part="multiwrap">
126
- ${this.isMulti?this.isMulti&&!this.showSelectedCount?Object(u.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():d.nothing}
152
+ ${this.isMulti?this.isMulti&&!this.showSelectedCount?Object(u.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():c.nothing}
127
153
  <input
128
154
  id=${Object(p.ifDefined)(this.comboboxId||void 0)}
129
155
  class="md-combobox-listbox"
@@ -135,7 +161,7 @@
135
161
  aria-expanded=${this.expanded}
136
162
  placeholder=${this.isMulti&&this.showSelectedCount&&0!==this.selectedOptions.length?"":this.placeholder}
137
163
  aria-controls="md-combobox-listbox"
138
- ?readonly=${this.allowSelectAll}
164
+ ?readonly=${this.allowSelectAll||this.readOnly}
139
165
  ?disabled=${this.disabled}
140
166
  ?autofocus=${this.autofocus}
141
167
  title=${Object(p.ifDefined)(this.inputTitle())}
@@ -146,9 +172,11 @@
146
172
  @keydown=${this.handleInputKeyDown}
147
173
  />
148
174
  </div>
149
- ${this.compact?d.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
175
+ ${this.compact?c.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.newMomentum?c.nothing:this.arrowButtonTemplate()}
176
+ ${this.newMomentum?a.html` <div class="md-combobox-right-arrow">${this.arrowButtonTemplate()}</div> `:c.nothing}
150
177
  </div>
151
- ${this.showLoader||this.showCustomError?c.html`
178
+
179
+ ${this.showLoader||this.showCustomError?a.html`
152
180
  <div
153
181
  id="md-combobox-listbox"
154
182
  part="combobox-options"
@@ -157,7 +185,7 @@
157
185
  >
158
186
  ${this.getCustomErrorContent()}
159
187
  </div>
160
- `:c.html`
188
+ `:a.html`
161
189
  <div
162
190
  id="md-combobox-listbox"
163
191
  part="combobox-options"
@@ -165,28 +193,29 @@
165
193
  style=${this.addStyle()}
166
194
  role=${Object(p.ifDefined)(this.checkForVirtualScroll()?void 0:"list")}
167
195
  >
168
- ${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():d.nothing}
169
- ${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?c.html`
196
+ ${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():c.nothing}
197
+ ${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?a.html`
170
198
  <div class="virtual-scroll" @rangechange=${this.rangeChanged}>
171
199
  ${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"}})}
172
200
  </div>
173
- `:d.nothing:this.renderWithoutVirtualScroll()}
174
- ${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?c.html`
201
+ `:c.nothing:this.renderWithoutVirtualScroll()}
202
+ ${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?a.html`
175
203
  <div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
176
204
  ${this.resultsTextLocalization.trim()}
177
205
  </div>
178
- `:d.nothing}
179
- ${0===this.options.length?c.html`
206
+ `:c.nothing}
207
+ ${0===this.options.length?a.html`
180
208
  <div class="no-result md-combobox-option" role="option" aria-selected="false" tabindex="-1">
181
209
  ${this.optionsTextLocalization.trim()}
182
210
  </div>
183
- `:d.nothing}
211
+ `:c.nothing}
184
212
  </div>
185
213
  `}
186
214
  </div>
187
- ${this.invalid?c.html`
188
- <div part="message" class="md-combobox-error">
215
+ ${this.invalid?a.html`
216
+ <div part="message" class="md-combobox-error ${Object(h.classMap)({"md-new-combobox-error":this.newMomentum})}">
189
217
  <md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
190
218
  </div>
191
- `:d.nothing}
192
- `}};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={}))}}]);
219
+ `:c.nothing}
220
+ ${this.messagesTemplate()} ${this.helpTextTemplate()}
221
+ `}};f([Object(a.property)({type:String})],o.prototype,"label",void 0),f([Object(a.property)({type:Array})],o.prototype,"options",void 0),f([Object(a.property)({type:Array,attribute:"custom-options"})],o.prototype,"customOptions",void 0),f([Object(a.property)({type:String})],o.prototype,"placeholder",void 0),f([Object(a.property)({type:Boolean,attribute:"is-multi"})],o.prototype,"isMulti",void 0),f([Object(a.property)({type:Boolean,attribute:"use-virtual-scroll"})],o.prototype,"useVirtualScroll",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"ordered",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"expanded",void 0),f([Object(a.property)({type:Array,reflect:!0})],o.prototype,"groupExpandedList",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"searchItem",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"compact",void 0),f([Object(a.property)({type:Boolean,attribute:"no-clear-icon"})],o.prototype,"noClearIcon",void 0),f([Object(a.property)({type:Boolean,attribute:"select-when-in-focus"})],o.prototype,"selectWhenInFocus",void 0),f([Object(a.property)({type:Array})],o.prototype,"selectedOptions",void 0),f([Object(a.property)({type:Number,attribute:"visible-option",reflect:!0})],o.prototype,"visibleOptions",void 0),f([Object(a.property)({type:String,attribute:"option-id",reflect:!0})],o.prototype,"optionId",void 0),f([Object(a.property)({type:String,attribute:"option-value",reflect:!0})],o.prototype,"optionValue",void 0),f([Object(a.property)({type:Boolean,attribute:"with-custom-content"})],o.prototype,"isCustomContent",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"searchable",void 0),f([Object(a.property)({type:String})],o.prototype,"shape",void 0),f([Object(a.property)({type:Array})],o.prototype,"value",void 0),f([Object(a.property)({type:String,attribute:"input-value",reflect:!0})],o.prototype,"inputValue",void 0),f([Object(a.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],o.prototype,"allowCustomValue",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"autofocus",void 0),f([Object(a.property)({type:String,attribute:"no-results-i18n"})],o.prototype,"resultsTextLocalization",void 0),f([Object(a.property)({type:String,attribute:"no-options-i18n"})],o.prototype,"optionsTextLocalization",void 0),f([Object(a.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],o.prototype,"trimSpace",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"invalid",void 0),f([Object(a.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],o.prototype,"invalidText",void 0),f([Object(a.property)({type:String,reflect:!0})],o.prototype,"ariaLabel",void 0),f([Object(a.property)({type:String,attribute:"search-result-aria-label"})],o.prototype,"searchResultAriaLabel",void 0),f([Object(a.internalProperty)()],o.prototype,"ariaLabelForComboBox",void 0),f([Object(a.property)({type:String,attribute:"clear-aria-label"})],o.prototype,"clearAriaLabel",void 0),f([Object(a.property)({type:String,attribute:"arrow-aria-label"})],o.prototype,"arrowAriaLabel",void 0),f([Object(a.property)({type:String,attribute:"clear-icon-height"})],o.prototype,"clearIconHeight",void 0),f([Object(a.property)({type:String,attribute:"all-i18n"})],o.prototype,"allTextLocalization",void 0),f([Object(a.property)({type:String,attribute:"select-all-i18n"})],o.prototype,"selectAllTextLocalization",void 0),f([Object(a.property)({type:String,attribute:"selected-all-i18n"})],o.prototype,"selectedTextLocalization",void 0),f([Object(a.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],o.prototype,"allowSelectAll",void 0),f([Object(a.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],o.prototype,"showCustomError",void 0),f([Object(a.property)({type:Boolean,attribute:"show-loader",reflect:!0})],o.prototype,"showLoader",void 0),f([Object(a.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],o.prototype,"showSelectedCount",void 0),f([Object(a.property)({type:String,attribute:"popup-chevron-aria-hidden"})],o.prototype,"popupChevronAriaHidden",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"newMomentum",void 0),f([Object(a.property)({type:String})],o.prototype,"comboboxId",void 0),f([Object(a.property)({type:String})],o.prototype,"helpText",void 0),f([Object(a.property)({type:Array})],o.prototype,"messageArr",void 0),f([Object(a.property)({type:String})],o.prototype,"htmlId",void 0),f([Object(a.property)({type:Boolean,reflect:!0})],o.prototype,"readOnly",void 0),f([Object(a.property)({type:Number,attribute:!1}),Object(a.internalProperty)()],o.prototype,"isOptGroup",void 0),f([Object(a.internalProperty)()],o.prototype,"isSelectAllChecked",void 0),f([Object(a.query)(".group")],o.prototype,"group",void 0),f([Object(a.query)(".md-combobox-listbox")],o.prototype,"input",void 0),f([Object(a.query)(".md-combobox-button")],o.prototype,"button",void 0),f([Object(a.query)("div#md-combobox-listbox")],o.prototype,"listBox",void 0),f([Object(a.query)(".virtual-scroll")],o.prototype,"virtualizer",void 0),f([Object(a.queryAll)("div.md-combobox-option")],o.prototype,"lists",void 0),f([Object(a.queryAll)(".group-label")],o.prototype,"labels",void 0),f([Object(a.queryAll)(".md-combobox-selected-item")],o.prototype,"selected",void 0),o=f([Object(l.a)("md-combobox")],o),t.ELEMENT=o}(i||(i={}))}}]);
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{73:function(t,e,i){"use strict";i.r(e),i.d(e,"DatePickerCalendar",(function(){return o}));i(74),i(15);var o,r=i(6),a=i(9),n=i(5),s=i(0),c=i(29),d=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends s.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.viewAnchorDate=Object(a.n)(),this.localeMonth=void 0,this.setDate=(t,e)=>{this.viewAnchorDate=t,e&&e()},this.increaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate(Object(a.b)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.decreaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate(Object(a.r)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.renderMonthName=()=>s.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.minDate)&&Object(a.p)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.minDate);return s.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[30],{72:function(t,e,i){"use strict";i.r(e),i.d(e,"DatePickerCalendar",(function(){return o}));i(73),i(15);var o,r=i(6),a=i(9),n=i(5),s=i(0),c=i(29),d=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends s.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.viewAnchorDate=Object(a.n)(),this.localeMonth=void 0,this.setDate=(t,e)=>{this.viewAnchorDate=t,e&&e()},this.increaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate(Object(a.b)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.decreaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate(Object(a.r)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.renderMonthName=()=>s.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.minDate)&&Object(a.p)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.minDate);return s.html`
2
2
  <md-button
3
3
  variant="ghost"
4
4
  circle
@@ -1 +1 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{39:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{box-shadow:var(--tabs-default-active-bottom-border,inset 0 -2px 0 0 var(--tabs-default-active-border,#005e7d));border-radius:.25rem .25rem 0 0;color:var(--tabs-default-active,#005e7d);font-family:var(--brand-font-bold);font-weight:var(--brand-font-weight-bold)}:host([selected]) button:active{border-radius:.25rem}:host([selected]) button.isPill{box-shadow:none;border-radius:1rem;background-color:var(--tabs-default-pressed,#dedede)}:host([selected]) button.isPill:active{border-radius:1rem}:host([selected]) button.isPill.onlyIcon{border-radius:100%}:host([selected]) button.isPill.onlyIcon:active{border-radius:100%}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-radius:0 .25rem .25rem 0;box-shadow:var(--tabs-default-active-vertical-border,inset 2px 0 0 0 var(--tabs-default-active-border,#005e7d))}:host([selected][vertical]) button:active{border-radius:.25rem}:host([selected][vertical]) button.isPill{border-radius:1rem;box-shadow:none}:host([selected][vertical]) button.isPill:active{border-radius:1rem}:host([selected][vertical]) button.isPill.onlyIcon{border-radius:100%}:host([selected][vertical]) button.isPill.onlyIcon:active{border-radius:100%}:host(:focus) button{outline:2px solid var(--tabs-default-focus-border,#005e7d)!important;outline-offset:-.125rem;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus) button.newMomentum{background-color:var(--tabs-default-pressed,#dedede)}:host(:focus[selected]){background:rgba(0,0,0,0)}:host([viewporthidden]){display:none;height:auto!important;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden;width:auto!important;z-index:-1}:host([measuringrealwidth]){width:auto!important}.tab-slot{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;max-width:100%;height:100%}slot .tab-content{align-items:center;display:flex}slot .tab-content img,slot .tab-content md-icon{margin-right:.5rem}slot .tab-content img{height:1rem;width:1rem}.tab-action-button{display:flex;margin-left:calc(.125rem*4)}.tab-action-button md-icon{display:inherit}.tab-action-button:hover{cursor:pointer}.closable{display:flex;justify-content:space-between;align-items:center}md-icon:focus{border-radius:calc(.25rem/2);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--md-focus-border-color)}button{background:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--tabs-default-text-color,#545454);display:block;height:100%;min-height:2.8125rem;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;vertical-align:middle}button:disabled{background:rgba(0,0,0,0);color:var(--tabs-default-disabled,#b2b2b2)!important;cursor:not-allowed}@media screen and (-ms-high-contrast:active){button:disabled{filter:brightness(1) contrast(1) saturate(1.5)}}button:disabled:hover{background:0 0}button:disabled:focus{outline:0!important;border:none!important}button ::slotted(span){display:flex;align-items:center;justify-content:center;gap:.5rem}button span{display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background-color:var(--tabs-default-hover,#ededed)}button:active{background-color:var(--tabs-default-pressed,#dedede);outline:0}button:focus{outline:0}button.newMomentum{cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;min-height:1.75rem;padding:0 .625rem 0 .625rem;justify-content:center}:host([vertical]) button .tab-slot{justify-content:flex-start}button.isPill{border-radius:1rem}button.isPill.onlyIcon{border-radius:100%}@media(forced-colors:active){:host{background-color:Canvas;box-shadow:none}:host button{border:none}:host([selected]) button{border-radius:.25rem .25rem 0 0;color:HighlightText;background-color:Highlight!important;forced-color-adjust:none}:host([selected]) button:active{border-radius:.25rem}:host(:focus) button{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none;border:none}:host(:focus[selected]){background:Canvas}button:hover{outline:1px solid Highlight;outline-offset:-1px}button:focus:not(:disabled){outline:1px solid Highlight;outline-offset:-1px}button:disabled{forced-color-adjust:none;background-color:none;color:GrayText}}:host{display:flex;flex-direction:column;font-size:var(--body-secondary-font-size,14px);font-family:var(--brand-font-medium);font-weight:var(--brand-font-weight-medium);height:100%;padding:0;position:relative}.visible-tabs-slot{display:block;height:0;visibility:hidden;width:0}.visible-tabs-container{display:flex;flex-direction:row;width:100%}.visible-new-tabs{width:auto;gap:4px}.md-tab__list{border-bottom:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;height:3rem;min-height:3rem;padding-left:.125rem;padding-top:.125rem;text-align:center;width:100%}.md-tab__list .md-menu-overlay__more{height:100%;margin-left:auto;width:auto;max-width:128.5px}.md-tab__list .md-menu-overlay__more .md-menu-overlay__overflow-label{display:inline-block;max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list .md-menu-overlay__more.md-menu-overlay__more--hidden{display:none;pointer-events:none;visibility:hidden;width:0!important;z-index:-1}.md-tab__list .md-menu-overlay__more_tab{height:100%;min-height:2.8125rem}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--measuring{opacity:0}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring){pointer-events:none;visibility:hidden;z-index:-1}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring)::part(tab){padding:0;border:none}.md-tab__list .md-menu-overlay__more_list{display:flex;flex-direction:column;height:auto;max-width:100%;padding:0;padding-bottom:calc(.125rem/2);padding-top:calc(.125rem/2);width:100%;overflow-x:hidden}.md-tab__list .md-menu-overlay__more_list md-tab::part(tab){text-align:left;padding-left:16px;padding-right:16px}.md-tab__list md-menu-overlay::part(overlay){top:-.8125rem}.tab-new-momentum{height:2rem;min-height:2rem}.tab-new-momentum img,.tab-new-momentum md-icon{margin-right:0!important}.md-tab__content{height:100%;overflow:hidden auto;padding:.125rem}md-menu-overlay md-tab md-tooltip{width:170px;position:relative;display:inline-flex;min-height:28px;align-items:center;overflow:hidden}md-menu-overlay md-tab md-tooltip .text-ellipsis{display:inline-block;vertical-align:middle;width:100%;max-width:100%;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list ::slotted([slot=tab]){display:inline-block}.visible-tabs-container.md-tab__justified{display:flex;justify-content:space-between;padding-right:.125rem}.visible-tabs-container.md-tab__justified md-tab{display:inline-block;width:100%}.md-tab__list ::slotted([slot=tab][selected]),.md-tab__list md-tab[selected]{color:var(--tabs-default-active,#005e7d)}.md-tab__list ::slotted([slot=tab][disabled]),.md-tab__list md-tab[disabled]{color:var(--tabs-default-disabled,#b2b2b2)}.md-tab__list ::slotted([slot=tab]:focus),.md-tab__list md-tab:focus{box-shadow:none}.md-tab__content ::slotted([slot=panel]){display:none;visibility:hidden}.md-tab__content ::slotted([slot=panel][selected]){display:block;visibility:visible}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:focus-visible){outline:2px solid var(--tabs-default-focus-border,#005e7d);outline-offset:calc(.125rem solid transparent*-2);outline-style:solid}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:not(:focus-visible)){outline:0;outline-offset:none;outline-style:none}.md-tab__content{display:block;flex:1 1 auto}.no-tabs-visible{display:none!important}:host([direction=vertical]){flex-direction:row}:host([direction=vertical]) .md-tab__list{border-right:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;width:auto}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab])[selected]{color:var(--tabs-default-active,#005e7d)}:host([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:.625rem}`}}]);
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[31],{38:function(t,e,o){"use strict";var i=o(0);e.a=i.css`:host{box-sizing:border-box}:host(:focus){box-shadow:none!important;outline:0}:host([selected]) button{box-shadow:var(--tabs-default-active-bottom-border,inset 0 -2px 0 0 var(--tabs-default-active-border,#005e7d));border-radius:.25rem .25rem 0 0;color:var(--tabs-default-active,#005e7d);font-family:var(--brand-font-bold);font-weight:var(--brand-font-weight-bold)}:host([selected]) button:active{border-radius:.25rem}:host([selected]) button.isPill{box-shadow:none;border-radius:1rem;background-color:var(--tabs-default-pressed,#dedede)}:host([selected]) button.isPill:active{border-radius:1rem}:host([selected]) button.isPill.onlyIcon{border-radius:100%}:host([selected]) button.isPill.onlyIcon:active{border-radius:100%}:host([vertical]) button{text-align:left!important}:host([selected][vertical]) button{border-radius:0 .25rem .25rem 0;box-shadow:var(--tabs-default-active-vertical-border,inset 2px 0 0 0 var(--tabs-default-active-border,#005e7d))}:host([selected][vertical]) button:active{border-radius:.25rem}:host([selected][vertical]) button.isPill{border-radius:1rem;box-shadow:none}:host([selected][vertical]) button.isPill:active{border-radius:1rem}:host([selected][vertical]) button.isPill.onlyIcon{border-radius:100%}:host([selected][vertical]) button.isPill.onlyIcon:active{border-radius:100%}:host(:focus) button{outline:2px solid var(--tabs-default-focus-border,#005e7d)!important;outline-offset:-.125rem;box-shadow:var(--tabs-default-focus-shadow,0 0 4px 2px transparent)!important}:host(:focus) button.newMomentum{background-color:var(--tabs-default-pressed,#dedede)}:host(:focus[selected]){background:rgba(0,0,0,0)}:host([viewporthidden]){display:none;height:auto!important;pointer-events:none;position:absolute;right:0;top:0;visibility:hidden;width:auto!important;z-index:-1}:host([measuringrealwidth]){width:auto!important}.tab-slot{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;max-width:100%;height:100%}slot .tab-content{align-items:center;display:flex}slot .tab-content img,slot .tab-content md-icon{margin-right:.5rem}slot .tab-content img{height:1rem;width:1rem}.tab-action-button{display:flex;margin-left:calc(.125rem*4)}.tab-action-button md-icon{display:inherit}.tab-action-button:hover{cursor:pointer}.closable{display:flex;justify-content:space-between;align-items:center}md-icon:focus{border-radius:calc(.25rem/2);box-shadow:none;outline:0;box-shadow:0 0 0 .09375rem var(--md-focus-border-color)}button{background:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--tabs-default-text-color,#545454);display:block;height:100%;min-height:2.8125rem;padding:.3rem 1rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;vertical-align:middle}button:disabled{background:rgba(0,0,0,0);color:var(--tabs-default-disabled,#b2b2b2)!important;cursor:not-allowed}@media screen and (-ms-high-contrast:active){button:disabled{filter:brightness(1) contrast(1) saturate(1.5)}}button:disabled:hover{background:0 0}button:disabled:focus{outline:0!important;border:none!important}button ::slotted(span){display:flex;align-items:center;justify-content:center;gap:.5rem}button span{display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background-color:var(--tabs-default-hover,#ededed)}button:active{background-color:var(--tabs-default-pressed,#dedede);outline:0}button:focus{outline:0}button.newMomentum{cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;min-height:1.75rem;padding:0 .625rem 0 .625rem;justify-content:center}:host([vertical]) button .tab-slot{justify-content:flex-start}button.isPill{border-radius:1rem}button.isPill.onlyIcon{border-radius:100%}@media(forced-colors:active){:host{background-color:Canvas;box-shadow:none}:host button{border:none}:host([selected]) button{border-radius:.25rem .25rem 0 0;color:HighlightText;background-color:Highlight!important;forced-color-adjust:none}:host([selected]) button:active{border-radius:.25rem}:host(:focus) button{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none;border:none}:host(:focus[selected]){background:Canvas}button:hover{outline:1px solid Highlight;outline-offset:-1px}button:focus:not(:disabled){outline:1px solid Highlight;outline-offset:-1px}button:disabled{forced-color-adjust:none;background-color:none;color:GrayText}}:host{display:flex;flex-direction:column;font-size:var(--body-secondary-font-size,14px);font-family:var(--brand-font-medium);font-weight:var(--brand-font-weight-medium);height:100%;padding:0;position:relative}.visible-tabs-slot{display:block;height:0;visibility:hidden;width:0}.visible-tabs-container{display:flex;flex-direction:row;width:100%}.visible-new-tabs{width:auto;gap:4px}.md-tab__list{border-bottom:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;height:3rem;min-height:3rem;padding-left:.125rem;padding-top:.125rem;text-align:center;width:100%}.md-tab__list .md-menu-overlay__more{height:100%;margin-left:auto;width:auto;max-width:128.5px}.md-tab__list .md-menu-overlay__more .md-menu-overlay__overflow-label{display:inline-block;max-width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list .md-menu-overlay__more.md-menu-overlay__more--hidden{display:none;pointer-events:none;visibility:hidden;width:0!important;z-index:-1}.md-tab__list .md-menu-overlay__more_tab{height:100%;min-height:2.8125rem}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--measuring{opacity:0}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring){pointer-events:none;visibility:hidden;z-index:-1}.md-tab__list .md-menu-overlay__more_tab.md-menu-overlay__more_tab--hidden:not(.md-menu-overlay__more_tab--measuring)::part(tab){padding:0;border:none}.md-tab__list .md-menu-overlay__more_list{display:flex;flex-direction:column;height:auto;max-width:100%;padding:0;padding-bottom:calc(.125rem/2);padding-top:calc(.125rem/2);width:100%;overflow-x:hidden}.md-tab__list .md-menu-overlay__more_list md-tab::part(tab){text-align:left;padding-left:16px;padding-right:16px}.md-tab__list md-menu-overlay::part(overlay){top:-.8125rem}.tab-new-momentum{height:2rem;min-height:2rem}.tab-new-momentum img,.tab-new-momentum md-icon{margin-right:0!important}.md-tab__content{height:100%;overflow:hidden auto;padding:.125rem}md-menu-overlay md-tab md-tooltip{width:170px;position:relative;display:inline-flex;min-height:28px;align-items:center;overflow:hidden}md-menu-overlay md-tab md-tooltip .text-ellipsis{display:inline-block;vertical-align:middle;width:100%;max-width:100%;position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.md-tab__list ::slotted([slot=tab]){display:inline-block}.visible-tabs-container.md-tab__justified{display:flex;justify-content:space-between;padding-right:.125rem}.visible-tabs-container.md-tab__justified md-tab{display:inline-block;width:100%}.md-tab__list ::slotted([slot=tab][selected]),.md-tab__list md-tab[selected]{color:var(--tabs-default-active,#005e7d)}.md-tab__list ::slotted([slot=tab][disabled]),.md-tab__list md-tab[disabled]{color:var(--tabs-default-disabled,#b2b2b2)}.md-tab__list ::slotted([slot=tab]:focus),.md-tab__list md-tab:focus{box-shadow:none}.md-tab__content ::slotted([slot=panel]){display:none;visibility:hidden}.md-tab__content ::slotted([slot=panel][selected]){display:block;visibility:visible}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:focus-visible){outline:2px solid var(--tabs-default-focus-border,#005e7d);outline-offset:calc(.125rem solid transparent*-2);outline-style:solid}.md-tab__content ::slotted([slot=panel][selected][focus-visible]:not(:focus-visible)){outline:0;outline-offset:none;outline-style:none}.md-tab__content{display:block;flex:1 1 auto}.no-tabs-visible{display:none!important}:host([direction=vertical]){flex-direction:row}:host([direction=vertical]) .md-tab__list{border-right:1px solid var(--tabs-default-border-color,#ededed);display:inline-flex;flex-direction:column;height:100%;justify-content:flex-start;width:auto}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab]){border-left:.125rem solid transparent;display:block;height:auto;text-align:left}:host([direction=vertical]) .md-tab__list ::slotted([slot=tab])[selected]{color:var(--tabs-default-active,#005e7d)}:host([direction=vertical]) .md-tab__content ::slotted([slot=panel]){padding-left:.625rem}`}}]);
@@ -1 +1 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[32],{59:function(o,d,e){"use strict";var c=e(0);d.a=c.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-accordion){font-size:var(--body-primary-font-size,14px)}:host(md-accordion) .md-accordion{width:100%;border-radius:.25rem}:host(md-accordion[focusable]) .md-accordion{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host(md-accordion[focusable]) .md-accordion-header{background:var(--accordion-bg-focus,#fff)}@media(forced-colors:active){:host(md-accordion[focusable]) .md-accordion{outline:1px solid Highlight}}:host(md-accordion-item){display:block}:host(md-accordion-item) .md-accordion-header{align-content:center;align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:space-between}:host(md-accordion-item) .md-accordion-expander{background:0 0;border:0;cursor:pointer;margin:0;outline:0;padding:0;align-content:center;align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:flex-start;border-radius:.1875rem;flex:0 1 100%;padding:.5rem}:host(md-accordion-item) .md-accordion-expander md-icon{display:flex;margin:0 0 0 auto}:host(md-accordion-item) .md-accordion-expander-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--md-secondary-text-color);display:flex;flex:0 1 auto}:host(md-accordion-item) .md-accordion-panel{display:none;padding:.5rem}:host(md-accordion-item[expanded]) .md-accordion-panel{display:block}:host(md-accordion-item[focus-visible]) .md-accordion-expander{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color);color:var(--accordion-active,#00a0d1)}:host(md-accordion-item) .md-accordion-item:hover .md-accordion-header{background:var(--accordion-hover,#c9f4ff);border-radius:.1875rem}:host(md-accordion-item[disabled]) .md-accordion-expander{color:var(--md-disabled-text-color);cursor:not-allowed}@media(forced-colors:active){:host(md-accordion-item[focus-visible]) .md-accordion-expander{outline:.125rem solid Highlight}:host(md-accordion-item) .md-accordion-item:hover .md-accordion-header{outline:.125rem solid Highlight}:host(md-accordion-item[disabled]) .md-accordion-expander{opacity:.5}}`}}]);
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[32],{58:function(o,d,e){"use strict";var c=e(0);d.a=c.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-accordion){font-size:var(--body-primary-font-size,14px)}:host(md-accordion) .md-accordion{width:100%;border-radius:.25rem}:host(md-accordion[focusable]) .md-accordion{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color)}:host(md-accordion[focusable]) .md-accordion-header{background:var(--accordion-bg-focus,#fff)}@media(forced-colors:active){:host(md-accordion[focusable]) .md-accordion{outline:1px solid Highlight}}:host(md-accordion-item){display:block}:host(md-accordion-item) .md-accordion-header{align-content:center;align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:space-between}:host(md-accordion-item) .md-accordion-expander{background:0 0;border:0;cursor:pointer;margin:0;outline:0;padding:0;align-content:center;align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:flex-start;border-radius:.1875rem;flex:0 1 100%;padding:.5rem}:host(md-accordion-item) .md-accordion-expander md-icon{display:flex;margin:0 0 0 auto}:host(md-accordion-item) .md-accordion-expander-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--md-secondary-text-color);display:flex;flex:0 1 auto}:host(md-accordion-item) .md-accordion-panel{display:none;padding:.5rem}:host(md-accordion-item[expanded]) .md-accordion-panel{display:block}:host(md-accordion-item[focus-visible]) .md-accordion-expander{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color);color:var(--accordion-active,#00a0d1)}:host(md-accordion-item) .md-accordion-item:hover .md-accordion-header{background:var(--accordion-hover,#c9f4ff);border-radius:.1875rem}:host(md-accordion-item[disabled]) .md-accordion-expander{color:var(--md-disabled-text-color);cursor:not-allowed}@media(forced-colors:active){:host(md-accordion-item[focus-visible]) .md-accordion-expander{outline:.125rem solid Highlight}:host(md-accordion-item) .md-accordion-item:hover .md-accordion-header{outline:.125rem solid Highlight}:host(md-accordion-item[disabled]) .md-accordion-expander{opacity:.5}}`}}]);
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{53:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(6),d=t(5),i=t(0),l=t(3),c=t(4),n=t(2),g=i.css`.md-badge{align-items:center;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);background-color:var(--badge-default-bg-color,#f7f7f7);color:var(--badge-default-text-color,#545454)}.md-badge{border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:var(--body-secondary,.75rem)}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color,#b2b2b2);border:2px solid var(--badge-outline-color,#b2b2b2);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color,#dedede);color:var(--badge-gray-text-color,#121212)}.md-badge--gold{background-color:var(--badge-gold-bg-color,#f5eaa2);color:var(--badge-gold-text-color,#735107)}.md-badge--lime{background-color:var(--badge-lime-bg-color,#ddf2ae);color:var(--badge-lime-text-color,#416116)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color,#c7eeff);color:var(--badge-blue-text-color,#08599c)}.md-badge--mint{background-color:var(--badge-mint-bg-color,#baf5e7);color:var(--badge-mint-text-color,#12615a)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color,#16a693);color:var(--badge-darkmint-text-color,#f7f7f7)}.md-badge--green{background-color:var(--badge-green-bg-color,#78f5b8);color:var(--badge-green-text-color,#03612c)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color,#ffd98c);color:var(--badge-yellow-text-color,#7d4705)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color,#a12512)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color,#16a693);color:var(--badge-darkred-text-color,#4a1812)}.md-badge--unreadcount{background-color:var(--badge-unreadcount-bg-color,var(--badge-darkred-bg-color));color:var(--badge-unreadcount-text-color,var(--button-primary-text-color));font-family:var(--brand-font-medium);font-size:var(--label-compact-font-size,.75rem);font-weight:550;padding:0 .25rem;min-width:1.25rem;height:1.25rem;justify-content:center}.md-badge--orange{background-color:var(--badge-orange-bg-color,#fce4c7);color:var(--badge-orange-text-color,#914017)}.md-badge--purple{background-color:var(--badge-purple-bg-color,#fce1fc);color:var(--badge-purple-text-color,#932099)}.md-badge--violet{background-color:var(--badge-violet-bg-color,#f0e3fc);color:var(--badge-violet-text-color,#643abd)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color,#b2f4f7);color:var(--badge-cyan-text-color,#066070)}.md-badge--pink{background-color:var(--badge-pink-bg-color,#ffe0e7);color:var(--badge-pink-text-color,#a12a3a)}.md-badge--hold{background-color:var(--badge-hold-bg-color,#ffecc2);color:var(--badge-hold-text-color,#121212)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color,#dedede);color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color,#b2b2b2)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,b=function(e,o,t,r){var a,d=arguments.length,i=d<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(d<3?a(i):d>3?a(o,t,i):a(o,t))||i);return d>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{52:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(6),d=t(5),i=t(0),l=t(3),n=t(4),c=t(2),g=i.css`.md-badge{align-items:center;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);background-color:var(--badge-default-bg-color);color:var(--badge-default-text-color)}.md-badge{border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:var(--body-secondary,.75rem)}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color);border:2px solid var(--badge-outline-color);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-badge--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-badge--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-badge--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-badge--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color);color:var(--badge-darkred-text-color)}.md-badge--unreadcount{background-color:var(--badge-unreadcount-bg-color,var(--badge-darkred-bg-color));color:var(--badge-unreadcount-text-color,var(--button-primary-text-color));font-family:var(--brand-font-medium);font-size:var(--label-compact-font-size,.75rem);font-weight:550;padding:0 .25rem;min-width:1.25rem;height:1.25rem;justify-content:center}.md-badge--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-badge--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-badge--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-badge--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-badge--hold{background-color:var(--badge-hold-bg-color);color:var(--badge-hold-text-color)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color);color:var(--md-disabled-text-color)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,b=function(e,o,t,r){var a,d=arguments.length,i=d<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(d<3?a(i):d>3?a(o,t,i):a(o,t))||i);return d>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
2
2
  <style>
3
3
  :host .md-badge {
4
4
  ${this.renderBgColor()};
@@ -12,18 +12,18 @@
12
12
  <span
13
13
  tabindex=${this.tabIndexing}
14
14
  part="badge"
15
- class="md-badge ${Object(c.classMap)(e)}"
15
+ class="md-badge ${Object(n.classMap)(e)}"
16
16
  aria-label=${this.ariaLabel}
17
17
  >
18
18
  ${this.split?(()=>i.html`
19
19
  <slot
20
- aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
20
+ aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
21
21
  name="split-left"
22
22
  class="split split-left"
23
23
  ></slot>
24
24
  <span aria-hidden="true" class="split-separator"> | </span>
25
25
  <slot
26
- aria-hidden=${Object(n.ifDefined)(this.ariaHiddenSplits||void 0)}
26
+ aria-hidden=${Object(c.ifDefined)(this.ariaHiddenSplits||void 0)}
27
27
  name="split-right"
28
28
  class="split split-right"
29
29
  ></slot>
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{79:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(15);var i,r=o(1),a=o(7),c=o(6),d=o(5),n=o(0),l=o(4),s=o(2),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color,#121212);line-height:.8125rem}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color,#ededed)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color,#dedede)}.md-favorite::after{border-radius:var(--button-favorite-border-radius,.25rem);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#007aa3)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color,#b2b2b2)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color,#d97f00)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color,#d97f00)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color,#d97f00)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`,b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.a,v]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.b.Enter&&e.code!==r.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{78:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(15);var i,r=o(1),a=o(7),c=o(6),d=o(5),n=o(0),l=o(4),s=o(2),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color,#121212);line-height:.8125rem}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color,#ededed)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color,#dedede)}.md-favorite::after{border-radius:var(--button-favorite-border-radius,.25rem);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#007aa3)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color,#b2b2b2)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color,#d97f00)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color,#d97f00)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color,#d97f00)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`,b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.a,v]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.b.Enter&&e.code!==r.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
2
2
  <label
3
3
  for="favorite-checkbox"
4
4
  id="${this.id}"
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{71:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(6),d=s(5),c=s(0),o=s(2),a=s(62),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){return this.slotted[t].disabled}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{70:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(6),d=s(5),c=s(0),o=s(2),a=s(61),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){return this.slotted[t].disabled}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
2
2
  <ul role=${Object(o.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
3
3
  <slot name="list-item"></slot>
4
4
  </ul>
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{72:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(6),o=s(5),d=s(0),p=s(4),c=s(62),n=function(e,t,s,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(o=(l<3?i(o):l>3?i(t,s,o):i(t,s))||o);return l>3&&o&&Object.defineProperty(t,s,o),o};!function(e){let t=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",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.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,this.requestUpdate("selected",t)}get listItemTemplateClassMap(){return{["md-list-item--"+this.shape]:!!this.shape}}static get styles(){return[o.a,c.a]}render(){return d.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{71:function(e,t,s){"use strict";s.r(t),s.d(t,"ListItem",(function(){return r}));var r,i=s(7),l=s(6),o=s(5),d=s(0),p=s(4),c=s(61),n=function(e,t,s,r){var i,l=arguments.length,o=l<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,s,r);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(o=(l<3?i(o):l>3?i(t,s,o):i(t,s))||o);return l>3&&o&&Object.defineProperty(t,s,o),o};!function(e){let t=class extends(Object(i.a)(d.LitElement)){constructor(){super(...arguments),this.role="option",this.tabIndex=-1,this.shape="rounded",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.requestUpdate("disabled",t)}get selected(){return this._selected}set selected(e){const t=this._selected;this._selected=e,this.requestUpdate("selected",t)}get listItemTemplateClassMap(){return{["md-list-item--"+this.shape]:!!this.shape}}static get styles(){return[o.a,c.a]}render(){return d.html`
2
2
  <li class="md-list-item ${Object(p.classMap)(this.listItemTemplateClassMap)}" part="list-item">
3
3
  <slot></slot>
4
4
  </li>