@watermarkinsights/ripple 3.34.0 → 3.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/dist/cjs/{chartFunctions-0010d74f.js → chartFunctions-d7346750.js} +1 -1
  2. package/dist/cjs/{functions-1a2b8101.js → functions-c04da856.js} +3 -3
  3. package/dist/cjs/{global-c2fa8270.js → global-bec6779d.js} +1 -1
  4. package/dist/cjs/{intl-b77a35bb.js → intl-1bd6b02d.js} +1 -1
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/priv-chart-popover.cjs.entry.js +1 -1
  7. package/dist/cjs/priv-datepicker.cjs.entry.js +1 -1
  8. package/dist/cjs/ripple.cjs.js +2 -2
  9. package/dist/cjs/wm-action-menu_2.cjs.entry.js +2 -2
  10. package/dist/cjs/wm-button.cjs.entry.js +3 -3
  11. package/dist/cjs/wm-chart.cjs.entry.js +3 -3
  12. package/dist/cjs/wm-datepicker.cjs.entry.js +3 -3
  13. package/dist/cjs/wm-file.cjs.entry.js +1 -1
  14. package/dist/cjs/wm-input.cjs.entry.js +4 -4
  15. package/dist/cjs/wm-line-chart.cjs.entry.js +3 -3
  16. package/dist/cjs/wm-modal-header.cjs.entry.js +2 -2
  17. package/dist/cjs/wm-modal.cjs.entry.js +1 -1
  18. package/dist/cjs/wm-navigation_3.cjs.entry.js +2 -2
  19. package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
  20. package/dist/cjs/wm-network-uploader.cjs.entry.js +2 -2
  21. package/dist/cjs/wm-option_2.cjs.entry.js +4 -4
  22. package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
  23. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +2 -2
  24. package/dist/cjs/wm-search.cjs.entry.js +4 -4
  25. package/dist/cjs/wm-snackbar.cjs.entry.js +2 -2
  26. package/dist/cjs/wm-tab-item_3.cjs.entry.js +1 -1
  27. package/dist/cjs/wm-tag-input.cjs.entry.js +2 -2
  28. package/dist/cjs/wm-timepicker.cjs.entry.js +3 -3
  29. package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
  30. package/dist/cjs/wm-uploader.cjs.entry.js +2 -2
  31. package/dist/collection/collection-manifest.json +1 -1
  32. package/dist/collection/components/wm-button/wm-button.js +3 -3
  33. package/dist/collection/components/wm-datepicker/wm-datepicker.js +3 -3
  34. package/dist/collection/components/wm-input/wm-input.js +3 -3
  35. package/dist/collection/components/wm-menuitem/wm-menuitem.js +1 -1
  36. package/dist/collection/components/wm-search/wm-search.js +3 -3
  37. package/dist/collection/components/wm-select/wm-select.js +3 -3
  38. package/dist/collection/components/wm-tag-input/wm-tag-input.js +1 -1
  39. package/dist/collection/components/wm-timepicker/wm-timepicker.js +3 -3
  40. package/dist/collection/dev/scripts.js +2 -2
  41. package/dist/collection/global/functions.js +1 -1
  42. package/dist/esm/{chartFunctions-5f009626.js → chartFunctions-1396e181.js} +1 -1
  43. package/dist/esm/{functions-abbff9c1.js → functions-e8b2c205.js} +3 -3
  44. package/dist/esm/{global-555a7740.js → global-9470ff16.js} +1 -1
  45. package/dist/esm/{intl-7c8d2db9.js → intl-3b652186.js} +1 -1
  46. package/dist/esm/loader.js +2 -2
  47. package/dist/esm/priv-chart-popover.entry.js +1 -1
  48. package/dist/esm/priv-datepicker.entry.js +1 -1
  49. package/dist/esm/ripple.js +2 -2
  50. package/dist/esm/wm-action-menu_2.entry.js +2 -2
  51. package/dist/esm/wm-button.entry.js +3 -3
  52. package/dist/esm/wm-chart.entry.js +3 -3
  53. package/dist/esm/wm-datepicker.entry.js +3 -3
  54. package/dist/esm/wm-file.entry.js +1 -1
  55. package/dist/esm/wm-input.entry.js +4 -4
  56. package/dist/esm/wm-line-chart.entry.js +3 -3
  57. package/dist/esm/wm-modal-header.entry.js +2 -2
  58. package/dist/esm/wm-modal.entry.js +1 -1
  59. package/dist/esm/wm-navigation_3.entry.js +2 -2
  60. package/dist/esm/wm-navigator.entry.js +1 -1
  61. package/dist/esm/wm-network-uploader.entry.js +2 -2
  62. package/dist/esm/wm-option_2.entry.js +4 -4
  63. package/dist/esm/wm-pagination.entry.js +1 -1
  64. package/dist/esm/wm-progress-indicator_3.entry.js +2 -2
  65. package/dist/esm/wm-search.entry.js +4 -4
  66. package/dist/esm/wm-snackbar.entry.js +2 -2
  67. package/dist/esm/wm-tab-item_3.entry.js +1 -1
  68. package/dist/esm/wm-tag-input.entry.js +2 -2
  69. package/dist/esm/wm-timepicker.entry.js +3 -3
  70. package/dist/esm/wm-toggletip.entry.js +1 -1
  71. package/dist/esm/wm-uploader.entry.js +2 -2
  72. package/dist/esm-es5/{chartFunctions-5f009626.js → chartFunctions-1396e181.js} +1 -1
  73. package/dist/esm-es5/{functions-abbff9c1.js → functions-e8b2c205.js} +1 -1
  74. package/dist/esm-es5/{global-555a7740.js → global-9470ff16.js} +1 -1
  75. package/dist/esm-es5/{intl-7c8d2db9.js → intl-3b652186.js} +1 -1
  76. package/dist/esm-es5/loader.js +1 -1
  77. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  78. package/dist/esm-es5/priv-datepicker.entry.js +1 -1
  79. package/dist/esm-es5/ripple.js +1 -1
  80. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  81. package/dist/esm-es5/wm-button.entry.js +1 -1
  82. package/dist/esm-es5/wm-chart.entry.js +1 -1
  83. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  84. package/dist/esm-es5/wm-file.entry.js +1 -1
  85. package/dist/esm-es5/wm-input.entry.js +1 -1
  86. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  87. package/dist/esm-es5/wm-modal-header.entry.js +1 -1
  88. package/dist/esm-es5/wm-modal.entry.js +1 -1
  89. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  90. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  91. package/dist/esm-es5/wm-network-uploader.entry.js +1 -1
  92. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  93. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  94. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  95. package/dist/esm-es5/wm-search.entry.js +1 -1
  96. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  97. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  98. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  99. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  100. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  101. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  102. package/dist/ripple/{p-f789cc9d.system.entry.js → p-02c7bac4.system.entry.js} +1 -1
  103. package/dist/ripple/{p-b8647588.system.entry.js → p-070e8297.system.entry.js} +1 -1
  104. package/dist/ripple/{p-de3cd573.system.entry.js → p-07cc4bde.system.entry.js} +1 -1
  105. package/dist/ripple/{p-2e964a0e.system.entry.js → p-08ffca75.system.entry.js} +1 -1
  106. package/dist/ripple/p-09f2e5c4.entry.js +1 -0
  107. package/dist/ripple/{p-4c2896a3.entry.js → p-0abf0275.entry.js} +1 -1
  108. package/dist/ripple/{p-512ca131.system.entry.js → p-0b917733.system.entry.js} +1 -1
  109. package/dist/ripple/{p-6c6b3615.entry.js → p-0e92084b.entry.js} +1 -1
  110. package/dist/ripple/{p-677373d0.system.entry.js → p-0ed9d5e8.system.entry.js} +1 -1
  111. package/dist/ripple/{p-6eee89db.entry.js → p-11d1d573.entry.js} +1 -1
  112. package/dist/ripple/{p-aed5926e.js → p-17b2f69d.js} +1 -1
  113. package/dist/ripple/{p-393dd362.entry.js → p-19956e58.entry.js} +1 -1
  114. package/dist/ripple/{p-254653ac.system.entry.js → p-2161e595.system.entry.js} +1 -1
  115. package/dist/ripple/{p-ca7d5733.system.entry.js → p-2af10ba0.system.entry.js} +1 -1
  116. package/dist/ripple/{p-b099128b.system.js → p-3cb0e8c7.system.js} +1 -1
  117. package/dist/ripple/{p-562e3e45.system.entry.js → p-3e2ff6d5.system.entry.js} +1 -1
  118. package/dist/ripple/{p-1d828440.entry.js → p-470e9feb.entry.js} +1 -1
  119. package/dist/ripple/{p-83d30acd.js → p-47f737b1.js} +1 -1
  120. package/dist/ripple/{p-843f2019.entry.js → p-51f74249.entry.js} +1 -1
  121. package/dist/ripple/{p-b6bd28ac.system.js → p-54a05f1f.system.js} +1 -1
  122. package/dist/ripple/{p-6b693f1e.entry.js → p-573ea7ae.entry.js} +1 -1
  123. package/dist/ripple/{p-1156b88b.system.entry.js → p-5b2dd6bb.system.entry.js} +1 -1
  124. package/dist/ripple/{p-d8fc05b6.js → p-5fb9bbd0.js} +1 -1
  125. package/dist/ripple/{p-65b98dbf.system.entry.js → p-6d02bd81.system.entry.js} +1 -1
  126. package/dist/ripple/{p-84b4babb.entry.js → p-6df89f8e.entry.js} +1 -1
  127. package/dist/ripple/{p-29793740.entry.js → p-7694b605.entry.js} +1 -1
  128. package/dist/ripple/{p-c38d9572.system.entry.js → p-771c4eb5.system.entry.js} +1 -1
  129. package/dist/ripple/{p-d4d497a9.system.entry.js → p-78a66f3d.system.entry.js} +1 -1
  130. package/dist/ripple/{p-ea554345.entry.js → p-796fe11c.entry.js} +1 -1
  131. package/dist/ripple/{p-db9e44e8.system.entry.js → p-8146136b.system.entry.js} +1 -1
  132. package/dist/ripple/{p-3732917e.system.js → p-814ceaf0.system.js} +1 -1
  133. package/dist/ripple/{p-b9602c56.system.entry.js → p-81f817ed.system.entry.js} +1 -1
  134. package/dist/ripple/{p-9607ed27.entry.js → p-84ff71d5.entry.js} +1 -1
  135. package/dist/ripple/{p-f2562e66.entry.js → p-88e8c8f7.entry.js} +1 -1
  136. package/dist/ripple/{p-86ef5702.system.entry.js → p-8acf0392.system.entry.js} +1 -1
  137. package/dist/ripple/p-8cbf86ff.entry.js +1 -0
  138. package/dist/ripple/{p-5ead62e4.entry.js → p-96410de4.entry.js} +1 -1
  139. package/dist/ripple/{p-aa87c040.system.entry.js → p-98dc7e08.system.entry.js} +1 -1
  140. package/dist/ripple/{p-47307b3f.entry.js → p-9ed1c752.entry.js} +1 -1
  141. package/dist/ripple/{p-466f4311.system.entry.js → p-a44bbac9.system.entry.js} +1 -1
  142. package/dist/ripple/{p-20595c66.entry.js → p-aab02c19.entry.js} +1 -1
  143. package/dist/ripple/{p-57f027d7.system.js → p-ae6c31e0.system.js} +1 -1
  144. package/dist/ripple/{p-399d0b3c.system.entry.js → p-b03f3793.system.entry.js} +1 -1
  145. package/dist/ripple/{p-f0270184.entry.js → p-b2241d54.entry.js} +1 -1
  146. package/dist/ripple/{p-9b9680fb.entry.js → p-b3b8543e.entry.js} +1 -1
  147. package/dist/ripple/{p-6374bb0f.entry.js → p-b6f39766.entry.js} +1 -1
  148. package/dist/ripple/{p-f6a8e13f.system.entry.js → p-b865cc30.system.entry.js} +1 -1
  149. package/dist/ripple/{p-ba330240.entry.js → p-baeeb9cd.entry.js} +1 -1
  150. package/dist/ripple/{p-7204124a.system.entry.js → p-baf62843.system.entry.js} +1 -1
  151. package/dist/ripple/p-c50c53e2.js +1 -0
  152. package/dist/ripple/{p-1563ae0b.entry.js → p-c67b552f.entry.js} +1 -1
  153. package/dist/ripple/p-d27481cb.entry.js +1 -0
  154. package/dist/ripple/{p-ec084d4c.system.entry.js → p-dccce0d8.system.entry.js} +1 -1
  155. package/dist/ripple/{p-9702734e.system.entry.js → p-e5f278cf.system.entry.js} +1 -1
  156. package/dist/ripple/{p-89cbe5f9.system.js → p-ec275c46.system.js} +1 -1
  157. package/dist/ripple/{p-c939d6c7.entry.js → p-ef9a558f.entry.js} +1 -1
  158. package/dist/ripple/{p-27bd00f8.system.entry.js → p-fc49b015.system.entry.js} +1 -1
  159. package/dist/ripple/ripple.esm.js +1 -1
  160. package/dist/ripple/ripple.js +1 -1
  161. package/dist/types/global/functions.d.ts +1 -1
  162. package/package.json +1 -1
  163. package/dist/ripple/p-14d2d250.entry.js +0 -1
  164. package/dist/ripple/p-15bdfaf6.entry.js +0 -1
  165. package/dist/ripple/p-53128182.entry.js +0 -1
  166. package/dist/ripple/p-bc5f1923.js +0 -1
  167. package/dist/types/components/wm-tag-input/wm-tag-input-row/wm-tag-input-row.d.ts +0 -11
  168. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +0 -138
@@ -1 +1 @@
1
- import{r as t,c as r,h as i,H as e,g as o}from"./p-11b416c7.js";import{i as s,t as a,r as n,g as p,n as l,e as h}from"./p-83d30acd.js";const c=class{constructor(i){t(this,i),this.wmTimepickerNewValidValue=r(this,"wmTimepickerNewValidValue",7),this.wmTimepickerOnChange=r(this,"wmTimepickerOnChange",7),this.twelveHrValid=/^(0?[0-9]|1[0-2])\s*:?\s*([0-5][0-9])?\s?(a|p|am|pm)?$/i,this.twentyFourHrValid=/^(0?[0-9]|1[0-9]|2[0-4])\s*:?\s*([0-5][0-9])?$/,this.uid="",this.timeFormat="hh:mm",this.times=[],this.openUp=!1,this.buttonAriaLabel=s.formatMessage({id:"time.selectTime",defaultMessage:"Select time",description:"Button text for screen readers."}),this.disabled=!1,this.value="",this.errorMessage=void 0,this.label="",this.labelPosition="top",this.requiredField=!1,this.requiredFieldMessage=void 0,this.preventValidation=void 0,this.selectedOption=void 0,this.isExpanded=!1,this.isTabbing=!1,this.displayedErrorMessage=void 0}get isDisabled(){return a(this.disabled)}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleKey(t){switch(t.key){case"ArrowDown":t.preventDefault(),!1===this.isExpanded?this.open("next"):this.moveDown(this.selectedOption);break;case"ArrowUp":t.preventDefault(),!1===this.isExpanded?this.open("previous"):this.moveUp(this.selectedOption);break;case"Enter":case" ":this.isExpanded&&(t.preventDefault(),this.handleOptionClick(this.selectedOption.textContent));break;case"Escape":t.preventDefault(),this.isExpanded&&(t.stopPropagation(),this.close());break;case"Tab":this.isExpanded&&this.close(!1);break;case"Home":t.preventDefault(),this.isExpanded&&(this.focusOption(this.optionsList[0]),this.setDropdownPosition("first"));break;case"End":t.preventDefault(),this.isExpanded&&(this.focusOption(this.optionsList[this.optionsList.length-1]),this.setDropdownPosition("last"))}}updateErrorState(){this.displayedErrorMessage=this.errorMessage}handleDisabledChange(){n(this.el,this.isDisabled)}componentWillLoad(){""===this.label&&console.error("You must include a label prop for the timepicker (for accessibility reasons), even if the label position is none."),this.uid=this.el.id?this.el.id:p(),this.updateErrorState(),this.timeFormat=s.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"}),this.times=this.generateTimes(),n(this.el,this.isDisabled)}componentDidLoad(){this.optionsEl.classList.add("hidden"),this.optionsList=Array.from(this.optionsEl.querySelectorAll("li")),this.value&&this.processInput()}isValidTime(t){return this.twelveHrValid.test(t)||this.twentyFourHrValid.test(t)}generateTimes(){let t=[],r=0;for(let i=0;r<1440;i++){const e=Math.floor(r/60).toString().padStart(2,"0"),o=(r%60).toString().padStart(2,"0");t[i]=`${e}:${o}`,r+=15}return t}findNearestTimeInterval(t){let r=this.formatToStorage(t);const i=parseInt(r.slice(3,5));if(i%15!=0){const e=parseInt(r.slice(0,2));let o=(15*Math.round(i/15)).toString().padStart(2,"0");if("60"===o){o="00";let t=e+1;24===t&&(t=0),r=r.replace(`${e.toString().padStart(2,"0")}:`,`${t.toString().padStart(2,"0")}:`)}parseInt(o)<8&&(o="00"),t=r.replace(`:${i.toString().padStart(2,"0")}`,`:${o}`)}return t}handleListSelection(t){t=this.findNearestTimeInterval(t);const r=this.optionsList.filter((r=>r.textContent==this.formatToDisplay(t)))[0];r&&this.focusOption(r)}setValue(t){const r=this.value;this.inputEl.value=this.formatToDisplay(t),this.value=this.formatToStorage(t),this.handleListSelection(t),r!==this.value&&this.wmTimepickerNewValidValue.emit({value:this.value}),this.wmTimepickerOnChange.emit({value:this.value,isValid:!!this.displayedErrorMessage})}processInput(){this.isValidTime(this.value)&&this.setValue(this.value);const t=this.determineErrorMessage();this.displayedErrorMessage=t}determineErrorMessage(){let t=this.errorMessage;const r=this.requiredFieldMessage||s.formatMessage({id:"time.requiredError",defaultMessage:"A time is required."}),i=s.formatMessage({id:"time.invalidTime",defaultMessage:"Please enter a valid time."}),e=this.isValidTime(this.value);return e&&!this.errorMessage?t=null:e||this.errorMessage||(t=this.requiredField&&!this.value?r:this.value?i:null),t}splitTime(t){const r=this.twelveHrValid.exec(t)||this.twentyFourHrValid.exec(t);let i=parseInt(r[1]),e=r[2]||"00",o=r?r[3]:void 0;return 0===i&&(null==o?void 0:o.toUpperCase().includes("P"))&&(o="AM"),[i,e,o]}formatToDisplay(t){let[r,i,e]=this.splitTime(t);return 12!==r||e||(e="PM"),0!==r&&24!==r||(r=12),r>12&&(r-=12,e="PM"),e=e&&e.toUpperCase().includes("P")?"PM":"AM",`${r.toString().padStart(2,"0")}:${i} ${e}`}formatToStorage(t){let[r,i,e]=this.splitTime(t);return 24===r&&(r=0),12===r&&e&&e.toUpperCase().includes("A")&&(r-=12),e&&e.toUpperCase().includes("P")&&12!==r&&(r+=12),`${r.toString().padStart(2,"0")}:${i}`}open(t){this.openUp=l(this.el,this.optionsEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden"),!this.errorMessage&&this.value||this.handleListSelection("09:00"),this.setDropdownPosition("center",this.selectedOption),this.focusOption(this.selectedOption),window.requestAnimationFrame((()=>{"next"===t?this.moveDown(this.selectedOption):"previous"===t&&this.moveUp(this.selectedOption)}))}close(t=!0){this.isExpanded=!1,window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),t&&this.buttonEl.focus()}),150)}focusOption(t){this.optionsList.forEach((t=>{t.tabIndex=-1})),t.tabIndex=0,this.selectedOption=t,t.focus()}setDropdownPosition(t,r){switch(t){case"top":this.optionsEl.scrollTop=(null==r?void 0:r.previousElementSibling).getBoundingClientRect().top-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop;break;case"bottom":this.optionsEl.scrollTop=(null==r?void 0:r.nextElementSibling).getBoundingClientRect().bottom-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop-this.optionsEl.offsetHeight;break;case"center":this.optionsEl.scrollTop=(this.optionsList.findIndex((t=>t.textContent===(null==r?void 0:r.textContent)))-2)*r.offsetHeight;break;case"first":this.optionsEl.scrollTop=0;break;case"last":this.optionsEl.scrollTop=this.optionsList[0].clientHeight*this.optionsList.length}}moveUp(t){const r=t.previousElementSibling;r?(r.getBoundingClientRect().top<this.optionsEl.getBoundingClientRect().top&&this.setDropdownPosition("top",t),this.focusOption(r)):(this.focusOption(this.optionsList[this.optionsList.length-1]),this.setDropdownPosition("last"))}moveDown(t){const r=t.nextElementSibling;r?(r.getBoundingClientRect().bottom>this.optionsEl.getBoundingClientRect().bottom&&this.setDropdownPosition("bottom",t),this.focusOption(r)):(this.focusOption(this.optionsList[0]),this.setDropdownPosition("first"))}handleOptionClick(t){this.close(),this.setValue(t),this.processInput()}handleInput(){this.value=this.inputEl.value,this.isValidTime(this.value)&&(this.handleListSelection(this.findNearestTimeInterval(this.value)),this.setDropdownPosition("center",this.selectedOption))}handleInputBlur(t){this.preventValidation&&h(t,this.preventValidation)||this.processInput(),this.tpWrapper.classList.remove("focus")}renderOptions(){return this.times.map(((t,r)=>i("li",{id:`option${r+1}`,role:"option",onClick:()=>this.handleOptionClick(t)},this.formatToDisplay(t))))}render(){return i(e,{id:this.uid,invalid:this.displayedErrorMessage?"true":null,onBlur:()=>this.close(!1)},i("div",{class:`wrapper label-${this.labelPosition} ${this.displayedErrorMessage?"invalid":""}`,ref:t=>this.tpWrapper=t},i("div",{class:"label-wrapper"},"none"!==this.labelPosition&&i("label",{id:`label-${this.uid}`,class:"label",htmlFor:`time-input-${this.uid}`},this.label,this.requiredField&&i("span",{class:"required","aria-hidden":"true"},"*"))),i("div",null,i("div",{class:"inner-wrapper"},i("input",{id:`time-input-${this.uid}`,"aria-label":this.label,"aria-describedby":`error-${this.uid}`,ref:t=>this.inputEl=t,onBlur:t=>this.handleInputBlur(t),onInput:()=>this.handleInput(),disabled:this.isDisabled,"aria-required":this.requiredField?"true":null,placeholder:this.timeFormat,autocomplete:"off",onFocus:()=>this.tpWrapper.classList.add("focus")}),i("button",{id:`btn-${this.uid}`,class:this.isTabbing?"user-is-tabbing":"",ref:t=>this.buttonEl=t,disabled:this.isDisabled,"aria-controls":`list-${this.uid}`,"aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":`time-input-${this.uid}`,onClick:()=>this.isExpanded?this.close():this.open(),onMouseDown:t=>{t.preventDefault(),this.buttonEl.focus()}},i("span",{class:"clock"})),i("ul",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:`list-${this.uid}`,role:"listbox","aria-labelledby":`label-${this.uid}`,"aria-describedby":this.isExpanded?"collapsed":null,tabindex:-1,ref:t=>this.optionsEl=t},this.renderOptions())),i("div",{id:`error-${this.uid}`,class:"error","aria-live":"assertive","aria-atomic":"true"},this.displayedErrorMessage))))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{errorMessage:["updateErrorState"],disabled:["handleDisabledChange"]}}};c.style=':host{--wmcolor-timepicker-background:var(--wmcolor-background);--wmcolor-timepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-input-background:var(--wmcolor-input-background);--wmcolor-timepicker-input-border:var(--wmcolor-input-border);--wmcolor-timepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-timepicker-input-text:var(--wmcolor-text);--wmcolor-timepicker-option-background-focus:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-timepicker-option-background:var(--wmcolor-option-background);--wmcolor-timepicker-option-border:var(--wmcolor-option-border);--wmcolor-timepicker-option-text:var(--wmcolor-option-text);--wmcolor-timepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-timepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-timepicker-toggle-icon:var(--wmcolor-interactive);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;border:1px solid;border-color:var(--wmcolor-timepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;-ms-flex:1;flex:1;margin:0;font-family:inherit}:host .wrapper .inner-wrapper input:disabled{background-color:var(--wmcolor-timepicker-input-background-disabled);color:var(--wmcolor-timepicker-input-text-disabled)}:host .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-timepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}:host .wrapper .inner-wrapper button .clock::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f150";color:var(--wmcolor-timepicker-toggle-icon);font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover{background:var(--wmcolor-timepicker-toggle-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-timepicker-toggle-background-disabled)}:host .wrapper .inner-wrapper button:disabled .clock::after{color:var(--wmcolor-timepicker-toggle-icon-disabled)}[dir=RTL] :host .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus)}:host .wrapper .inner-wrapper button.user-is-tabbing:focus::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-timepicker-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-timepicker-option-text)}:host .wrapper .inner-wrapper .options [role=option]:hover{background:var(--wmcolor-timepicker-option-background-hover);outline:none}:host .wrapper .inner-wrapper .options [role=option]:focus{outline:none;background:var(--wmcolor-timepicker-option-background-focus)}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-timepicker-option-border)}:host .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem;margin-bottom:4px;top:100%;left:0}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);outline:none;border-color:var(--wmcolor-input-border-focus)}';export{c as wm_timepicker}
1
+ import{r as t,c as r,h as i,H as e,g as o}from"./p-11b416c7.js";import{i as s,t as a,a as n,g as p,o as l,j as h}from"./p-47f737b1.js";const c=class{constructor(i){t(this,i),this.wmTimepickerNewValidValue=r(this,"wmTimepickerNewValidValue",7),this.wmTimepickerOnChange=r(this,"wmTimepickerOnChange",7),this.twelveHrValid=/^(0?[0-9]|1[0-2])\s*:?\s*([0-5][0-9])?\s?(a|p|am|pm)?$/i,this.twentyFourHrValid=/^(0?[0-9]|1[0-9]|2[0-4])\s*:?\s*([0-5][0-9])?$/,this.uid="",this.timeFormat="hh:mm",this.times=[],this.openUp=!1,this.buttonAriaLabel=s.formatMessage({id:"time.selectTime",defaultMessage:"Select time",description:"Button text for screen readers."}),this.disabled=!1,this.value="",this.errorMessage=void 0,this.label="",this.labelPosition="top",this.requiredField=!1,this.requiredFieldMessage=void 0,this.preventValidation=void 0,this.selectedOption=void 0,this.isExpanded=!1,this.isTabbing=!1,this.displayedErrorMessage=void 0}get isDisabled(){return a(this.disabled)}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleKey(t){switch(t.key){case"ArrowDown":t.preventDefault(),!1===this.isExpanded?this.open("next"):this.moveDown(this.selectedOption);break;case"ArrowUp":t.preventDefault(),!1===this.isExpanded?this.open("previous"):this.moveUp(this.selectedOption);break;case"Enter":case" ":this.isExpanded&&(t.preventDefault(),this.handleOptionClick(this.selectedOption.textContent));break;case"Escape":t.preventDefault(),this.isExpanded&&(t.stopPropagation(),this.close());break;case"Tab":this.isExpanded&&this.close(!1);break;case"Home":t.preventDefault(),this.isExpanded&&(this.focusOption(this.optionsList[0]),this.setDropdownPosition("first"));break;case"End":t.preventDefault(),this.isExpanded&&(this.focusOption(this.optionsList[this.optionsList.length-1]),this.setDropdownPosition("last"))}}updateErrorState(){this.displayedErrorMessage=this.errorMessage}handleDisabledChange(){n(this.el,this.isDisabled)}componentWillLoad(){""===this.label&&console.error("You must include a label prop for the timepicker (for accessibility reasons), even if the label position is none."),this.uid=this.el.id?this.el.id:p(),this.updateErrorState(),this.timeFormat=s.formatMessage({id:"time.timeFormat",defaultMessage:"hh:mm"}),this.times=this.generateTimes(),n(this.el,this.isDisabled)}componentDidLoad(){this.optionsEl.classList.add("hidden"),this.optionsList=Array.from(this.optionsEl.querySelectorAll("li")),this.value&&this.processInput()}isValidTime(t){return this.twelveHrValid.test(t)||this.twentyFourHrValid.test(t)}generateTimes(){let t=[],r=0;for(let i=0;r<1440;i++){const e=Math.floor(r/60).toString().padStart(2,"0"),o=(r%60).toString().padStart(2,"0");t[i]=`${e}:${o}`,r+=15}return t}findNearestTimeInterval(t){let r=this.formatToStorage(t);const i=parseInt(r.slice(3,5));if(i%15!=0){const e=parseInt(r.slice(0,2));let o=(15*Math.round(i/15)).toString().padStart(2,"0");if("60"===o){o="00";let t=e+1;24===t&&(t=0),r=r.replace(`${e.toString().padStart(2,"0")}:`,`${t.toString().padStart(2,"0")}:`)}parseInt(o)<8&&(o="00"),t=r.replace(`:${i.toString().padStart(2,"0")}`,`:${o}`)}return t}handleListSelection(t){t=this.findNearestTimeInterval(t);const r=this.optionsList.filter((r=>r.textContent==this.formatToDisplay(t)))[0];r&&this.focusOption(r)}setValue(t){const r=this.value;this.inputEl.value=this.formatToDisplay(t),this.value=this.formatToStorage(t),this.handleListSelection(t),r!==this.value&&this.wmTimepickerNewValidValue.emit({value:this.value}),this.wmTimepickerOnChange.emit({value:this.value,isValid:!!this.displayedErrorMessage})}processInput(){this.isValidTime(this.value)&&this.setValue(this.value);const t=this.determineErrorMessage();this.displayedErrorMessage=t}determineErrorMessage(){let t=this.errorMessage;const r=this.requiredFieldMessage||s.formatMessage({id:"time.requiredError",defaultMessage:"A time is required."}),i=s.formatMessage({id:"time.invalidTime",defaultMessage:"Please enter a valid time."}),e=this.isValidTime(this.value);return e&&!this.errorMessage?t=null:e||this.errorMessage||(t=this.requiredField&&!this.value?r:this.value?i:null),t}splitTime(t){const r=this.twelveHrValid.exec(t)||this.twentyFourHrValid.exec(t);let i=parseInt(r[1]),e=r[2]||"00",o=r?r[3]:void 0;return 0===i&&(null==o?void 0:o.toUpperCase().includes("P"))&&(o="AM"),[i,e,o]}formatToDisplay(t){let[r,i,e]=this.splitTime(t);return 12!==r||e||(e="PM"),0!==r&&24!==r||(r=12),r>12&&(r-=12,e="PM"),e=e&&e.toUpperCase().includes("P")?"PM":"AM",`${r.toString().padStart(2,"0")}:${i} ${e}`}formatToStorage(t){let[r,i,e]=this.splitTime(t);return 24===r&&(r=0),12===r&&e&&e.toUpperCase().includes("A")&&(r-=12),e&&e.toUpperCase().includes("P")&&12!==r&&(r+=12),`${r.toString().padStart(2,"0")}:${i}`}open(t){this.openUp=l(this.el,this.optionsEl.clientHeight),this.isExpanded=!0,this.optionsEl.classList.remove("hidden"),!this.errorMessage&&this.value||this.handleListSelection("09:00"),this.setDropdownPosition("center",this.selectedOption),this.focusOption(this.selectedOption),window.requestAnimationFrame((()=>{"next"===t?this.moveDown(this.selectedOption):"previous"===t&&this.moveUp(this.selectedOption)}))}close(t=!0){this.isExpanded=!1,window.setTimeout((()=>{this.optionsEl.classList.add("hidden"),t&&this.buttonEl.focus()}),150)}focusOption(t){this.optionsList.forEach((t=>{t.tabIndex=-1})),t.tabIndex=0,this.selectedOption=t,t.focus()}setDropdownPosition(t,r){switch(t){case"top":this.optionsEl.scrollTop=(null==r?void 0:r.previousElementSibling).getBoundingClientRect().top-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop;break;case"bottom":this.optionsEl.scrollTop=(null==r?void 0:r.nextElementSibling).getBoundingClientRect().bottom-this.optionsEl.getBoundingClientRect().top+this.optionsEl.scrollTop-this.optionsEl.offsetHeight;break;case"center":this.optionsEl.scrollTop=(this.optionsList.findIndex((t=>t.textContent===(null==r?void 0:r.textContent)))-2)*r.offsetHeight;break;case"first":this.optionsEl.scrollTop=0;break;case"last":this.optionsEl.scrollTop=this.optionsList[0].clientHeight*this.optionsList.length}}moveUp(t){const r=t.previousElementSibling;r?(r.getBoundingClientRect().top<this.optionsEl.getBoundingClientRect().top&&this.setDropdownPosition("top",t),this.focusOption(r)):(this.focusOption(this.optionsList[this.optionsList.length-1]),this.setDropdownPosition("last"))}moveDown(t){const r=t.nextElementSibling;r?(r.getBoundingClientRect().bottom>this.optionsEl.getBoundingClientRect().bottom&&this.setDropdownPosition("bottom",t),this.focusOption(r)):(this.focusOption(this.optionsList[0]),this.setDropdownPosition("first"))}handleOptionClick(t){this.close(),this.setValue(t),this.processInput()}handleInput(){this.value=this.inputEl.value,this.isValidTime(this.value)&&(this.handleListSelection(this.findNearestTimeInterval(this.value)),this.setDropdownPosition("center",this.selectedOption))}handleInputBlur(t){this.preventValidation&&h(t,this.preventValidation)||this.processInput(),this.tpWrapper.classList.remove("focus")}renderOptions(){return this.times.map(((t,r)=>i("li",{id:`option${r+1}`,role:"option",onClick:()=>this.handleOptionClick(t)},this.formatToDisplay(t))))}render(){return i(e,{id:this.uid,invalid:this.displayedErrorMessage?"true":null,onBlur:()=>this.close(!1)},i("div",{class:`wrapper label-${this.labelPosition} ${this.displayedErrorMessage?"invalid":""}`,ref:t=>this.tpWrapper=t},i("div",{class:"label-wrapper"},"none"!==this.labelPosition&&i("label",{id:`label-${this.uid}`,class:"label",htmlFor:`time-input-${this.uid}`},this.label,this.requiredField&&i("span",{class:"required","aria-hidden":"true"},"*"))),i("div",null,i("div",{class:"inner-wrapper"},i("input",{id:`time-input-${this.uid}`,"aria-label":this.label,"aria-describedby":`error-${this.uid}`,ref:t=>this.inputEl=t,onBlur:t=>this.handleInputBlur(t),onInput:()=>this.handleInput(),disabled:this.isDisabled,"aria-required":this.requiredField?"true":null,placeholder:this.timeFormat,autocomplete:"off",onFocus:()=>this.tpWrapper.classList.add("focus")}),i("button",{id:`btn-${this.uid}`,class:this.isTabbing?"user-is-tabbing":"",ref:t=>this.buttonEl=t,disabled:this.isDisabled,"aria-controls":`list-${this.uid}`,"aria-expanded":this.isExpanded?"true":"false","aria-label":this.buttonAriaLabel,"aria-describedby":`time-input-${this.uid}`,onClick:()=>this.isExpanded?this.close():this.open(),onMouseDown:t=>{t.preventDefault(),this.buttonEl.focus()}},i("span",{class:"clock"})),i("ul",{class:`options ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,id:`list-${this.uid}`,role:"listbox","aria-labelledby":`label-${this.uid}`,"aria-describedby":this.isExpanded?"collapsed":null,tabindex:-1,ref:t=>this.optionsEl=t},this.renderOptions())),i("div",{id:`error-${this.uid}`,class:"error","aria-live":"assertive","aria-atomic":"true"},this.displayedErrorMessage))))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{errorMessage:["updateErrorState"],disabled:["handleDisabledChange"]}}};c.style=':host{--wmcolor-timepicker-background:var(--wmcolor-background);--wmcolor-timepicker-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-input-background:var(--wmcolor-input-background);--wmcolor-timepicker-input-border:var(--wmcolor-input-border);--wmcolor-timepicker-input-text-disabled:var(--wmcolor-input-text-disabled);--wmcolor-timepicker-input-text:var(--wmcolor-text);--wmcolor-timepicker-option-background-focus:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-timepicker-option-background:var(--wmcolor-option-background);--wmcolor-timepicker-option-border:var(--wmcolor-option-border);--wmcolor-timepicker-option-text:var(--wmcolor-option-text);--wmcolor-timepicker-toggle-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-timepicker-toggle-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-timepicker-toggle-background:var(--wmcolor-input-background);--wmcolor-timepicker-toggle-icon-disabled:var(--wmcolor-interactive-disabled);--wmcolor-timepicker-toggle-icon:var(--wmcolor-interactive);font-family:inherit}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;border:1px solid;border-color:var(--wmcolor-timepicker-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;max-width:236px;-ms-flex-pack:justify;justify-content:space-between;position:relative}:host .wrapper .inner-wrapper input{-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border:none;font-size:0.875rem;padding:0.625rem 0.9375rem 0.5rem;min-width:0;height:100%;-ms-flex:1;flex:1;margin:0;font-family:inherit}:host .wrapper .inner-wrapper input:disabled{background-color:var(--wmcolor-timepicker-input-background-disabled);color:var(--wmcolor-timepicker-input-text-disabled)}:host .wrapper .inner-wrapper input:focus{outline:none}:host .wrapper .inner-wrapper button{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-timepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}:host .wrapper .inner-wrapper button .clock::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f150";color:var(--wmcolor-timepicker-toggle-icon);font-size:1.5rem;padding:0;line-height:2.5rem}:host .wrapper .inner-wrapper button:hover{background:var(--wmcolor-timepicker-toggle-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .wrapper .inner-wrapper button:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-timepicker-toggle-background-disabled)}:host .wrapper .inner-wrapper button:disabled .clock::after{color:var(--wmcolor-timepicker-toggle-icon-disabled)}[dir=RTL] :host .wrapper .inner-wrapper button{right:auto;left:0}:host .wrapper .inner-wrapper button:focus{outline:none}:host .wrapper .inner-wrapper button.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus)}:host .wrapper .inner-wrapper button.user-is-tabbing:focus::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper button::-moz-focus-inner{border:0}:host .wrapper .inner-wrapper .options{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow:auto;max-height:19.0625rem;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:2.5rem;right:0;z-index:100;width:100%;font-size:0.875rem}:host .wrapper .inner-wrapper .options.upwards{top:unset;bottom:2.5rem;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .wrapper .inner-wrapper .options.hidden{visibility:hidden}:host .wrapper .inner-wrapper .options [role=option]{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-timepicker-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-timepicker-option-text)}:host .wrapper .inner-wrapper .options [role=option]:hover{background:var(--wmcolor-timepicker-option-background-hover);outline:none}:host .wrapper .inner-wrapper .options [role=option]:focus{outline:none;background:var(--wmcolor-timepicker-option-background-focus)}:host .wrapper .inner-wrapper .options [role=option]:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-timepicker-option-border)}:host .wrapper .inner-wrapper .options.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper.invalid .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem;margin-bottom:4px;top:100%;left:0}:host .wrapper:focus .inner-wrapper,:host .wrapper.focus .inner-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);outline:none;border-color:var(--wmcolor-input-border-focus)}';export{c as wm_timepicker}
@@ -1 +1 @@
1
- System.register(["./p-c467a1e1.system.js","./p-3732917e.system.js","./p-b6bd28ac.system.js"],(function(t){"use strict";var e,o,r,n,i,a,s,l,d;return{setters:[function(t){e=t.r;o=t.c;r=t.f;n=t.h;i=t.H;a=t.g},function(t){s=t.g;l=t.x},function(t){d=t.u}],execute:function(){var c=':host .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:100%;border:2px solid transparent;font-family:inherit;font-size:0.75rem;font-weight:700;min-height:2.75rem;padding:12px 1.3333333333em;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button{min-height:3.3333333333em}}:host .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus)}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem;font-size:0.875rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly){background:var(--wmcolor-button-background-primary);color:var(--wmcolor-button-text-primary)}:host .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-primary-hover)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-primary-ondark);background:var(--wmcolor-button-background-primary-ondark)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-primary-hover-ondark)}:host .wm-button.-secondary{color:var(--wmcolor-button-text-secondary);border:2px solid var(--wmcolor-button-border-secondary);background:var(--wmcolor-button-background-secondary)}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-secondary-hover);color:var(--wmcolor-button-text-secondary-hover);border-color:transparent}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-secondary-ondark);background:var(--wmcolor-button-background-secondary-ondark);border-color:var(--wmcolor-button-border-secondary-ondark)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-secondary-hover-ondark);background:var(--wmcolor-button-background-secondary-hover-ondark);border-color:transparent}:host .wm-button.-textonly{color:var(--wmcolor-button-text-textonly);-webkit-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding:0;height:auto;min-height:unset;border-radius:0;line-height:1;overflow-wrap:anywhere}:host .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly-ondark)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly-ondark) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.dark{color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete{color:var(--wmcolor-button-background-delete)}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-icononly,:host .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,:host .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly .mdi,:host .wm-button.-navigational .mdi{font-size:1.12rem}:host .wm-button.-icononly{border-width:1px !important;color:var(--wmcolor-button-icon-icononly);border-color:var(--wmcolor-button-border-icononly);background-color:var(--wmcolor-button-background-icononly)}:host .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-icononly-hover);color:var(--wmcolor-button-icon-icononly-hover);border-color:transparent}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-icononly-ondark);background:var(--wmcolor-button-background-icononly-ondark);border-color:var(--wmcolor-button-border-icononly-ondark)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-icononly-hover-ondark);background:var(--wmcolor-button-background-icononly-hover-ondark);border-color:transparent}:host .wm-button.-navigational{border:none !important;background-color:var(--wmcolor-button-background-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:var(--wmcolor-button-background-navigational-hover)}:host .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational-ondark);background:var(--wmcolor-button-background-navigational-ondark)}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-navigational-hover-ondark);background:var(--wmcolor-button-background-navigational-hover-ondark)}:host .wm-button.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-pairnegative{background:var(--wmcolor-button-background-negative);border-color:var(--wmcolor-button-background-negative);color:var(--wmcolor-button-text-negative)}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-negative-hover);border-color:var(--wmcolor-button-background-negative-hover)}:host .wm-button.-pairpositive{background:var(--wmcolor-button-background-positive);border-color:var(--wmcolor-button-background-positive);color:var(--wmcolor-button-text-positive)}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-positive-hover);border-color:var(--wmcolor-button-background-positive-hover)}:host .wm-button.-selector,:host .wm-button.-selector-primary{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;border-radius:3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selector,:host .wm-button.-selector-primary{height:2.5rem}}:host .wm-button.-selector:before,:host .wm-button.-selector-primary:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.12rem;font-weight:700;pointer-events:none}:host .wm-button.-selector:active,:host .wm-button.-selector-primary:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selector::-moz-focus-inner,:host .wm-button.-selector-primary::-moz-focus-inner{border:0}:host .wm-button.-selector .overflowcontrol,:host .wm-button.-selector-primary .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button.-selector{background:var(--wmcolor-button-background-selector);color:var(--wmcolor-button-text-selector);border-color:var(--wmcolor-button-border-selector)}:host .wm-button.-selector:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selector-hover);color:var(--wmcolor-button-text-selector-hover);border-color:transparent}:host .wm-button.-selector.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selector-ondark);border-color:var(--wmcolor-button-border-selector-ondark);background:var(--wmcolor-button-background-selector-ondark)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selector-hover-ondark);background:var(--wmcolor-button-background-selector-hover-ondark);border-color:transparent}:host .wm-button.-selector-primary{background:var(--wmcolor-button-background-selectorprimary);color:var(--wmcolor-button-text-selectorprimary)}:host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selectorprimary-hover)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selectorprimary-ondark);background:var(--wmcolor-button-background-selectorprimary-ondark)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selectorprimary-hover-ondark);background:var(--wmcolor-button-background-selectorprimary-hover-ondark)}:host .wm-button:disabled,:host .wm-button.disabled{cursor:default;pointer-events:none}:host .wm-button:disabled.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.-secondary:not(.-permanentlydelete){-webkit-box-shadow:none;box-shadow:none;border-color:var(--wmcolor-button-border-secondary-disabled);color:var(--wmcolor-button-text-secondary-disabled)}:host .wm-button:disabled.-primary,:host .wm-button.disabled.-primary{background:var(--wmcolor-button-background-primary-disabled);color:var(--wmcolor-button-text-primary-disabled)}:host .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-permanentlydelete{background:var(--wmcolor-button-background-delete-disabled);color:var(--wmcolor-button-text-delete-disabled);border-color:var(--wmcolor-button-background-delete-disabled)}:host .wm-button:disabled.-pairnegative,:host .wm-button.disabled.-pairnegative{background:var(--wmcolor-button-background-negative-disabled);border-color:var(--wmcolor-button-background-negative-disabled);color:var(--wmcolor-button-text-negative-disabled)}:host .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-pairpositive{background:var(--wmcolor-button-background-positive-disabled);border-color:var(--wmcolor-button-background-positive-disabled);color:var(--wmcolor-button-text-positive-disabled)}:host .wm-button:disabled.-selector,:host .wm-button.disabled.-selector{color:var(--wmcolor-button-text-selector-disabled);border-color:var(--wmcolor-button-border-selector-disabled)}:host .wm-button:disabled.-selector-primary,:host .wm-button.disabled.-selector-primary{background:var(--wmcolor-button-background-selectorprimary-disabled);color:var(--wmcolor-button-text-selectorprimary-disabled)}:host .wm-button:disabled.-navigational,:host .wm-button.disabled.-navigational{color:var(--wmcolor-button-icon-navigational-disabled)}:host .wm-button:disabled.-icononly,:host .wm-button.disabled.-icononly{color:var(--wmcolor-button-icon-icononly-disabled);border-color:var(--wmcolor-button-border-icononly-disabled)}:host .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly{color:var(--wmcolor-button-text-textonly-disabled);background:transparent}:host .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-icononly{background:transparent;color:var(--wmcolor-button-icon-icononly-disabled-ondark);border-color:var(--wmcolor-button-border-icononly-disabled-ondark)}:host .wm-button:disabled.dark.-navigational,:host .wm-button.disabled.dark.-navigational{color:var(--wmcolor-button-icon-navigational-disabled-ondark)}:host .wm-button:disabled.dark.-textonly,:host .wm-button.disabled.dark.-textonly{color:var(--wmcolor-button-text-textonly-disabled-ondark)}:host .wm-button:disabled.dark.-primary,:host .wm-button.disabled.dark.-primary{color:var(--wmcolor-button-text-primary-disabled-ondark);background:var(--wmcolor-button-background-primary-disabled-ondark)}:host .wm-button:disabled.dark.-secondary,:host .wm-button.disabled.dark.-secondary{background:transparent;color:var(--wmcolor-button-text-secondary-disabled-ondark);border-color:var(--wmcolor-button-border-secondary-disabled-ondark)}:host .wm-button:disabled.dark.-selector,:host .wm-button.disabled.dark.-selector{color:var(--wmcolor-button-text-selector-disabled-ondark);border-color:var(--wmcolor-button-border-selector-disabled-ondark);background:var(--wmcolor-button-background-selector-disabled-ondark)}:host .wm-button:disabled.dark.-selector-primary,:host .wm-button.disabled.dark.-selector-primary{color:var(--wmcolor-button-text-selectorprimary-disabled-ondark);background:var(--wmcolor-button-background-selectorprimary-disabled-ondark)}:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete-disabled-ondark);color:var(--wmcolor-button-text-delete-disabled-ondark)}:host a.wm-button,:host label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host{--wmcolor-uploader-button-focus:var(--wmcolor-interactive-focus);display:block;position:relative;max-width:1140px}:host[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}#label{margin-bottom:0.5rem}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.header .accepted-types{font-size:0.875rem}.header .requirements{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.75rem}.notif-wrapper .requirements{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.notif,#error{padding-top:0.25rem;font-size:0.875rem;font-style:italic}.notif#error,#error#error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem}.info-wrapper{position:relative;display:-ms-flexbox;display:flex}.list-container{overflow-y:unset}.list-container.checkmark-spacer{margin-right:2.75rem}.list-container:has(.error-list,.inprogress-list,.file-list){margin-top:2.5rem}.list-container ul{padding:0;width:100%;margin:0}.list-container ul wm-file{margin-bottom:0.5rem}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{-ms-flex-pack:center;justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.header.type1,.header.type2{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.notif-wrapper.type1,.notif-wrapper.type2{-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem}.list-container.type1,.list-container.type2{overflow-y:auto}.list-container.type1 ul,.list-container.type2 ul{margin:revert}.list-container.type1 .file-list li,.list-container.type1 .inprogress-list li,.list-container.type2 .file-list li,.list-container.type2 .inprogress-list li{margin-bottom:1.625rem}.list-container.type1 .error-list li,.list-container.type2 .error-list li{margin-bottom:1.25rem}.list-container.type1{padding:0 1.875rem;height:16.25rem}';var b=t("wm_uploader",function(){function t(t){e(this,t);this.wmUploaderFilesSelected=o(this,"wmUploaderFilesSelected",7);this.wmFilesSelected=o(this,"wmFilesSelected",7);this.wmUploaderDeleteFile=o(this,"wmUploaderDeleteFile",7);this.wmDeleteFile=o(this,"wmDeleteFile",7);this.wmUploaderDownloadFile=o(this,"wmUploaderDownloadFile",7);this.wmDownloadFile=o(this,"wmDownloadFile",7);this.wmUploaderPreviewFile=o(this,"wmUploaderPreviewFile",7);this.wmFileDelete=o(this,"wmFileDelete",7);this.wmFileDownload=o(this,"wmFileDownload",7);this.wmFilePreview=o(this,"wmFilePreview",7);this.inputId=s();this.uploaderType=undefined;this.type=undefined;this.label=undefined;this.buttonText=undefined;this.info=undefined;this.emptyStateText=undefined;this.icon=undefined;this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";this.maxSize=undefined;this.maxFiles=undefined;this.sortBy="date";this.showInfo="time";this.errorMessage=undefined;this.requiredField=undefined;this.files=undefined;this.fileList=[];this.filesToUpload=[];this.isTabbing=false;this.rejectedFiles=undefined;this.errorList=[];this.notif=undefined;this.internalErrorMessage=undefined;this.announcement="";this.numFilesInProgress=undefined;this.isCondensed=false}Object.defineProperty(t.prototype,"uploadButtonEl",{get:function(){return this.el.shadowRoot.querySelector("#".concat(this.inputId))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tempUploaderType",{get:function(){return this.type||this.uploaderType},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"effectiveMaxSize",{get:function(){var t=100;var e=100;return this.maxSize?Math.min(this.maxSize,e):t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fileLimitReached",{get:function(){return this.maxFiles&&this.fileList.length>=this.maxFiles},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"displayedErrorMessage",{get:function(){return this.errorMessage||this.internalErrorMessage||""},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.handleUploadProgress=function(t){var e=this;this.fileList.map((function(o){if(o.id===t.detail.id){o.progress=t.detail.progress;r(e.el)}}));if(t.detail.progress===100){this.numFilesInProgress-=1}if(!this.srProgress&&this.numFilesInProgress){var o=this.numFilesInProgress;this.srProgress=setInterval((function(){var t=e.fileList.reduce((function(t,e){return e.progress?t+e.progress:t}),0);e.announce(d.getUploadProgress(Math.floor(t/o)))}),5e3)}};t.prototype.handleFileErrorCleared=function(t){var e=t.detail.name;this.errorList=this.errorList.filter((function(t){return t.name!=e}));this.uploadButtonEl.focus()};t.prototype.handleFileDeleted=function(t){this.clearErrors();r(this.el);this.wmUploaderDeleteFile.emit(t.detail);this.wmFileDelete.emit(t.detail);this.wmDeleteFile.emit(t.detail)};t.prototype.handleFilePreviewed=function(t){this.clearErrors();this.wmUploaderPreviewFile.emit(t.detail);this.wmFilePreview.emit(t.detail)};t.prototype.handleFileDownloaded=function(t){this.clearErrors();this.wmUploaderDownloadFile.emit(t.detail);this.wmFileDownload.emit(t.detail);this.wmDownloadFile.emit(t.detail)};t.prototype.parseFiles=function(){var t=this;if(!!this.files){if(typeof this.files==="string"){var e=JSON.parse(this.files);if(typeof e==="object"){e.forEach((function(e){if(e.size&&(typeof e.size==="number"||e.size.match(/^[0-9]+$/))){var o=t.convertBytes(e.size);e.size="".concat(o.size.toFixed(0)," ").concat(o.unit)}}));this.fileList=e}else{throw new Error("could not parse string passed to files attribute")}}else{throw new Error("Attribute 'files' should be a string")}}};t.prototype.focusAfterRemoval=function(t,e){if(this.isTabbing&&t.length<e.length){var o=t.map((function(t){return t.id}));var r=e.map((function(t){return t.id}));var n=r.filter((function(t){return!o.includes(t)}))[0];if(r.indexOf(n)>0){var i=r[r.indexOf(n)-1];var a=this.el.shadowRoot.querySelector("#file-"+i);var s=a===null||a===void 0?void 0:a.shadowRoot.querySelectorAll("wm-button");if(s&&s.length>0){var l=s[s.length-1];l.focus()}else{this.focusAfterRemoval(t.filter((function(t){return t.id!==i})),e)}}else{this.uploadButtonEl.focus()}}};t.prototype.parseRejectedFiles=function(){if(!!this.rejectedFiles){if(typeof this.files==="string"){var t=JSON.parse(this.rejectedFiles);if(typeof t==="object"){this.errorList=t}else{throw new Error("could not parse string passed to errors attribute")}}else{throw new Error("Attribute 'rejected-files' should be a string")}}};t.prototype.uploadNotifications=function(t,e){var o=this;if(e>0&&t===0){setTimeout((function(){o.notif="";o.internalErrorMessage=""}),20*1e3);this.notif=d.finishedUploading;this.announce(d.finishedUploading);this.numFilesInProgress=null;clearInterval(this.srProgress);r(this.el)}else if(t>0&&t!=e){this.notif=d.getFilesUploading(t);this.announce(d.getFilesUploading(t));r(this.el)}};t.prototype.handleErrorMessageChange=function(){if(this.errorMessage){this.announce(this.errorMessage)}};t.prototype.isValidSize=function(t){return this.convertBytes(t,"MB").size<=this.effectiveMaxSize};t.prototype.convertBytes=function(t,e){var o=["bytes","KB","MB","GB","TB"];var r=0;var n=typeof t==="number"?t:parseInt(t);if(e){while(o.indexOf(e)>r){n/=1024;r++}}else{while(n>1e3){n/=1024;r++}}return{size:n,unit:o[r]}};t.prototype.isDuplicate=function(t){var e=this.filesToUpload.some((function(e){return e.name===t}));var o=this.fileList.some((function(e){var o=e.type?e.name+"."+e.type:e.name;return o===t}));return e||o};t.prototype.isEmpty=function(){return!this.fileList.length&&!this.errorList.length};Object.defineProperty(t.prototype,"isDisabled",{get:function(){return this.fileLimitReached||this.numFilesInProgress>0},enumerable:false,configurable:true});t.prototype.isItemUploading=function(t){return t.hasOwnProperty("progress")&&t.progress<100};t.prototype.announce=function(t){if(this.liveRegion.textContent===t){t+=" "}this.announcement=t};t.prototype.clearErrors=function(){this.errorList=[];this.notif="";this.internalErrorMessage=""};t.prototype.handleFiles=function(t){var e=this;this.filesToUpload=[];var o=Array.from(t.target.files);var r=this.fileTypes.split(" ").join(", ");if(!!this.maxFiles&&this.fileList.length+o.length>this.maxFiles){this.internalErrorMessage=d.fileLimitExceeded;this.announce(d.fileLimitExceeded)}else{o&&o.map((function(t){if(!l(t,e.fileTypes)){var o={name:t.name,message:d.getInvalidFileType(r)};e.errorList.push(o)}else if(t.size===0){var o={name:t.name,message:d.zeroFileSize};e.errorList.push(o)}else if(!e.isValidSize(t.size)){var o={name:t.name,message:d.getFileTooLarge(e.effectiveMaxSize)};e.errorList.push(o)}else if(e.isDuplicate(t.name)){var o={name:t.name,message:d.duplicateName};e.errorList.push(o)}else{e.filesToUpload.push(t)}}));if(this.filesToUpload.length>0){this.numFilesInProgress=this.filesToUpload.length;this.wmUploaderFilesSelected.emit(this.filesToUpload);this.wmFilesSelected.emit(this.filesToUpload)}}t.target.value=""};t.prototype.componentWillLoad=function(){if(!this.buttonText){throw new Error("wm-uploader: button-text is a required prop")}if(this.type){console.warn("wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead.")}if(this.tempUploaderType==="1"&&!this.emptyStateText){throw new Error("wm-uploader: empty-state-text is a required prop")}this.parseFiles();this.clearErrors();this.parseRejectedFiles()};t.prototype.componentDidLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};t.prototype.uploadButtonOnClick=function(t){if(this.isDisabled){t.preventDefault();if(this.numFilesInProgress>0){var e=d.waitToUpload;this.announce(e)}else if(this.fileLimitReached){this.internalErrorMessage=d.fileLimitReached;this.announce(d.fileLimitReached)}}else{this.clearErrors()}};t.prototype.renderUploadSvg=function(){return n("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},n("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))};t.prototype.renderIcon=function(){var t=this.icon&&this.icon==="f066";return this.icon&&n("span",{class:"mdi ".concat(t?"rotate":"")},String.fromCodePoint(parseInt("0x".concat(this.icon))))};t.prototype.renderInfo=function(){return this.info&&this.tempUploaderType==="2"?n("span",{class:"info"},this.info):""};t.prototype.renderNotif=function(){return n("div",{class:"notif"},this.notif)};t.prototype.renderError=function(){return n("div",{id:"error"},this.displayedErrorMessage)};t.prototype.renderUploadButton=function(t){var e=this;var o="".concat(this.label&&this.label!==this.buttonText?"".concat(this.label,", "):"").concat(this.buttonText);return n("div",{class:"info-wrapper"},n("input",{name:this.inputId,id:this.inputId,class:"sr-only","aria-label":o,"aria-required":this.requiredField?"true":null,"aria-describedby":"".concat(this.displayedErrorMessage?"error ":"","file-count max-size accepted-types"),type:"file",multiple:true,onClick:function(t){return e.uploadButtonOnClick(t)},onChange:function(t){return e.handleFiles(t)}}),n("label",{htmlFor:this.inputId,class:"wm-button ".concat(t).concat(this.isTabbing?" user-is-tabbing":"")},this.renderIcon(),this.buttonText),this.renderInfo())};t.prototype.renderEmptyState=function(){return n("div",{class:"empty-block"},this.renderUploadSvg(),n("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button"),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())};t.prototype.renderErrorList=function(){var t=this.errorList.reduce((function(t,e){return t+"".concat(e.name,": ").concat(e.message," ")}),"");this.announce(t);return n("ul",{class:"error-list"},this.errorList.map((function(t){return n("wm-file",{file:'{"name": "'.concat(t.name,'"}'),"error-message":t.message})})))};t.prototype.formatTimestamp=function(t){var e=new Date(Date.parse(t));var o=e.getDate();var r=e.getMonth()+1;var n=e.getFullYear();var i=e.toLocaleTimeString("en-us",{hour:"numeric",minute:"2-digit"});var a="".concat(r,"/").concat(o,"/").concat(n," ").concat(i);return a};t.prototype.renderInProgressFileList=function(){var t=this;return n("ul",{class:"inprogress-list"},this.fileList.filter((function(e){return t.isItemUploading(e)})).map((function(e){return n("wm-file",{file:JSON.stringify(e),"show-info":t.showInfo})})))};t.prototype.renderUploadedFileList=function(){var t=this;return n("ul",{class:"file-list"},this.fileList.filter((function(e){return!t.isItemUploading(e)})).map((function(e){e.lastUpdated=t.formatTimestamp(e.lastUpdated);return n("wm-file",{id:"file-".concat(e.id),file:JSON.stringify(e),"show-info":t.showInfo})})))};t.prototype.renderFiles=function(){this.sortBy==="name"?this.fileList.sort((function(t,e){return t.name.localeCompare(e.name)})):this.fileList.sort((function(t,e){return Date.parse(t.lastUpdated)-Date.parse(e.lastUpdated)}));return n("div",null,this.renderInProgressFileList(),this.renderUploadedFileList())};t.prototype.legacyRenderHeader=function(){return n("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},n("div",{class:"slot-wrapper"},n("slot",null),n("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())))};t.prototype.renderHeader=function(){var t="."+this.fileTypes.split(" ").join(", .");return n("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},n("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.renderRequirements()),n("div",{id:"accepted-types",class:"accepted-types"},d.getAcceptedFileTypes(t,this.fileTypes.split(" ").length)),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())};t.prototype.renderRequirements=function(){return n("div",{class:"requirements"},this.maxFiles&&n("span",{id:"file-count"},d.getFileCount(this.fileList.length,this.maxFiles)),this.maxSize&&n("span",{id:"max-size"},d.getMaxSize(this.effectiveMaxSize)))};t.prototype.renderFooter=function(){return n("div",{class:"footer"},n("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},n("div",{class:"filecount-wrapper"},n("div",{class:"filecount"},d.getFilesAdded(this.fileList.length)),this.renderUploadButton("-primary ".concat(this.isDisabled?"disabled":""))),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError()))};t.prototype.renderWithItems=function(){var t=this.fileList.filter((function(t){return t.progress===(typeof t.progress==="number"?100:"100")})).length>0;return n("div",null,!this.tempUploaderType&&this.renderHeader(),this.tempUploaderType==="2"&&this.legacyRenderHeader(),n("div",{class:"list-container type".concat(this.tempUploaderType," ").concat(!this.tempUploaderType&&t?"checkmark-spacer":"")},this.errorList.length>0&&this.renderErrorList(),this.fileList.length>0&&this.renderFiles()),this.tempUploaderType==="1"&&this.renderFooter())};t.prototype.renderLabel=function(){return n("div",{class:"wrapper ".concat(this.displayedErrorMessage?"invalid":"")},n("div",{id:"label",class:"label"},this.label,this.requiredField&&n("span",{class:"required","aria-hidden":"true"},"*")))};t.prototype.render=function(){var t=this;return n(i,null,this.label&&this.renderLabel(),this.isEmpty()&&this.tempUploaderType==="1"?this.renderEmptyState():this.renderWithItems(),n("div",{ref:function(e){return t.liveRegion=e},class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"},this.announcement))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{files:["parseFiles"],fileList:["focusAfterRemoval"],rejectedFiles:["parseRejectedFiles"],numFilesInProgress:["uploadNotifications"],errorMessage:["handleErrorMessageChange"]}},enumerable:false,configurable:true});return t}());b.style=c}}}));
1
+ System.register(["./p-c467a1e1.system.js","./p-814ceaf0.system.js","./p-54a05f1f.system.js"],(function(t){"use strict";var e,o,r,n,i,a,s,l,d;return{setters:[function(t){e=t.r;o=t.c;r=t.f;n=t.h;i=t.H;a=t.g},function(t){s=t.g;l=t.x},function(t){d=t.u}],execute:function(){var c=':host .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:100%;border:2px solid transparent;font-family:inherit;font-size:0.75rem;font-weight:700;min-height:2.75rem;padding:12px 1.3333333333em;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button{min-height:3.3333333333em}}:host .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus)}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem;font-size:0.875rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly){background:var(--wmcolor-button-background-primary);color:var(--wmcolor-button-text-primary)}:host .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-primary-hover)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-primary-ondark);background:var(--wmcolor-button-background-primary-ondark)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-primary-hover-ondark)}:host .wm-button.-secondary{color:var(--wmcolor-button-text-secondary);border:2px solid var(--wmcolor-button-border-secondary);background:var(--wmcolor-button-background-secondary)}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-secondary-hover);color:var(--wmcolor-button-text-secondary-hover);border-color:transparent}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-secondary-ondark);background:var(--wmcolor-button-background-secondary-ondark);border-color:var(--wmcolor-button-border-secondary-ondark)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-secondary-hover-ondark);background:var(--wmcolor-button-background-secondary-hover-ondark);border-color:transparent}:host .wm-button.-textonly{color:var(--wmcolor-button-text-textonly);-webkit-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding:0;height:auto;min-height:unset;border-radius:0;line-height:1;overflow-wrap:anywhere}:host .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly-ondark)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly-ondark) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.dark{color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete{color:var(--wmcolor-button-background-delete)}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-icononly,:host .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,:host .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly .mdi,:host .wm-button.-navigational .mdi{font-size:1.12rem}:host .wm-button.-icononly{border-width:1px !important;color:var(--wmcolor-button-icon-icononly);border-color:var(--wmcolor-button-border-icononly);background-color:var(--wmcolor-button-background-icononly)}:host .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-icononly-hover);color:var(--wmcolor-button-icon-icononly-hover);border-color:transparent}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-icononly-ondark);background:var(--wmcolor-button-background-icononly-ondark);border-color:var(--wmcolor-button-border-icononly-ondark)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-icononly-hover-ondark);background:var(--wmcolor-button-background-icononly-hover-ondark);border-color:transparent}:host .wm-button.-navigational{border:none !important;background-color:var(--wmcolor-button-background-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:var(--wmcolor-button-background-navigational-hover)}:host .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational-ondark);background:var(--wmcolor-button-background-navigational-ondark)}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-navigational-hover-ondark);background:var(--wmcolor-button-background-navigational-hover-ondark)}:host .wm-button.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-pairnegative{background:var(--wmcolor-button-background-negative);border-color:var(--wmcolor-button-background-negative);color:var(--wmcolor-button-text-negative)}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-negative-hover);border-color:var(--wmcolor-button-background-negative-hover)}:host .wm-button.-pairpositive{background:var(--wmcolor-button-background-positive);border-color:var(--wmcolor-button-background-positive);color:var(--wmcolor-button-text-positive)}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-positive-hover);border-color:var(--wmcolor-button-background-positive-hover)}:host .wm-button.-selector,:host .wm-button.-selector-primary{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;border-radius:3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selector,:host .wm-button.-selector-primary{height:2.5rem}}:host .wm-button.-selector:before,:host .wm-button.-selector-primary:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.12rem;font-weight:700;pointer-events:none}:host .wm-button.-selector:active,:host .wm-button.-selector-primary:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selector::-moz-focus-inner,:host .wm-button.-selector-primary::-moz-focus-inner{border:0}:host .wm-button.-selector .overflowcontrol,:host .wm-button.-selector-primary .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button.-selector{background:var(--wmcolor-button-background-selector);color:var(--wmcolor-button-text-selector);border-color:var(--wmcolor-button-border-selector)}:host .wm-button.-selector:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selector-hover);color:var(--wmcolor-button-text-selector-hover);border-color:transparent}:host .wm-button.-selector.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selector-ondark);border-color:var(--wmcolor-button-border-selector-ondark);background:var(--wmcolor-button-background-selector-ondark)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selector-hover-ondark);background:var(--wmcolor-button-background-selector-hover-ondark);border-color:transparent}:host .wm-button.-selector-primary{background:var(--wmcolor-button-background-selectorprimary);color:var(--wmcolor-button-text-selectorprimary)}:host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selectorprimary-hover)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selectorprimary-ondark);background:var(--wmcolor-button-background-selectorprimary-ondark)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selectorprimary-hover-ondark);background:var(--wmcolor-button-background-selectorprimary-hover-ondark)}:host .wm-button:disabled,:host .wm-button.disabled{cursor:default;pointer-events:none}:host .wm-button:disabled.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.-secondary:not(.-permanentlydelete){-webkit-box-shadow:none;box-shadow:none;border-color:var(--wmcolor-button-border-secondary-disabled);color:var(--wmcolor-button-text-secondary-disabled)}:host .wm-button:disabled.-primary,:host .wm-button.disabled.-primary{background:var(--wmcolor-button-background-primary-disabled);color:var(--wmcolor-button-text-primary-disabled)}:host .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-permanentlydelete{background:var(--wmcolor-button-background-delete-disabled);color:var(--wmcolor-button-text-delete-disabled);border-color:var(--wmcolor-button-background-delete-disabled)}:host .wm-button:disabled.-pairnegative,:host .wm-button.disabled.-pairnegative{background:var(--wmcolor-button-background-negative-disabled);border-color:var(--wmcolor-button-background-negative-disabled);color:var(--wmcolor-button-text-negative-disabled)}:host .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-pairpositive{background:var(--wmcolor-button-background-positive-disabled);border-color:var(--wmcolor-button-background-positive-disabled);color:var(--wmcolor-button-text-positive-disabled)}:host .wm-button:disabled.-selector,:host .wm-button.disabled.-selector{color:var(--wmcolor-button-text-selector-disabled);border-color:var(--wmcolor-button-border-selector-disabled)}:host .wm-button:disabled.-selector-primary,:host .wm-button.disabled.-selector-primary{background:var(--wmcolor-button-background-selectorprimary-disabled);color:var(--wmcolor-button-text-selectorprimary-disabled)}:host .wm-button:disabled.-navigational,:host .wm-button.disabled.-navigational{color:var(--wmcolor-button-icon-navigational-disabled)}:host .wm-button:disabled.-icononly,:host .wm-button.disabled.-icononly{color:var(--wmcolor-button-icon-icononly-disabled);border-color:var(--wmcolor-button-border-icononly-disabled)}:host .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly{color:var(--wmcolor-button-text-textonly-disabled);background:transparent}:host .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-icononly{background:transparent;color:var(--wmcolor-button-icon-icononly-disabled-ondark);border-color:var(--wmcolor-button-border-icononly-disabled-ondark)}:host .wm-button:disabled.dark.-navigational,:host .wm-button.disabled.dark.-navigational{color:var(--wmcolor-button-icon-navigational-disabled-ondark)}:host .wm-button:disabled.dark.-textonly,:host .wm-button.disabled.dark.-textonly{color:var(--wmcolor-button-text-textonly-disabled-ondark)}:host .wm-button:disabled.dark.-primary,:host .wm-button.disabled.dark.-primary{color:var(--wmcolor-button-text-primary-disabled-ondark);background:var(--wmcolor-button-background-primary-disabled-ondark)}:host .wm-button:disabled.dark.-secondary,:host .wm-button.disabled.dark.-secondary{background:transparent;color:var(--wmcolor-button-text-secondary-disabled-ondark);border-color:var(--wmcolor-button-border-secondary-disabled-ondark)}:host .wm-button:disabled.dark.-selector,:host .wm-button.disabled.dark.-selector{color:var(--wmcolor-button-text-selector-disabled-ondark);border-color:var(--wmcolor-button-border-selector-disabled-ondark);background:var(--wmcolor-button-background-selector-disabled-ondark)}:host .wm-button:disabled.dark.-selector-primary,:host .wm-button.disabled.dark.-selector-primary{color:var(--wmcolor-button-text-selectorprimary-disabled-ondark);background:var(--wmcolor-button-background-selectorprimary-disabled-ondark)}:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete-disabled-ondark);color:var(--wmcolor-button-text-delete-disabled-ondark)}:host a.wm-button,:host label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host{--wmcolor-uploader-button-focus:var(--wmcolor-interactive-focus);display:block;position:relative;max-width:1140px}:host[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}#label{margin-bottom:0.5rem}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.header .accepted-types{font-size:0.875rem}.header .requirements{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.75rem}.notif-wrapper .requirements{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.notif,#error{padding-top:0.25rem;font-size:0.875rem;font-style:italic}.notif#error,#error#error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem}.info-wrapper{position:relative;display:-ms-flexbox;display:flex}.list-container{overflow-y:unset}.list-container.checkmark-spacer{margin-right:2.75rem}.list-container:has(.error-list,.inprogress-list,.file-list){margin-top:2.5rem}.list-container ul{padding:0;width:100%;margin:0}.list-container ul wm-file{margin-bottom:0.5rem}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{-ms-flex-pack:center;justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.header.type1,.header.type2{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.notif-wrapper.type1,.notif-wrapper.type2{-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem}.list-container.type1,.list-container.type2{overflow-y:auto}.list-container.type1 ul,.list-container.type2 ul{margin:revert}.list-container.type1 .file-list li,.list-container.type1 .inprogress-list li,.list-container.type2 .file-list li,.list-container.type2 .inprogress-list li{margin-bottom:1.625rem}.list-container.type1 .error-list li,.list-container.type2 .error-list li{margin-bottom:1.25rem}.list-container.type1{padding:0 1.875rem;height:16.25rem}';var b=t("wm_uploader",function(){function t(t){e(this,t);this.wmUploaderFilesSelected=o(this,"wmUploaderFilesSelected",7);this.wmFilesSelected=o(this,"wmFilesSelected",7);this.wmUploaderDeleteFile=o(this,"wmUploaderDeleteFile",7);this.wmDeleteFile=o(this,"wmDeleteFile",7);this.wmUploaderDownloadFile=o(this,"wmUploaderDownloadFile",7);this.wmDownloadFile=o(this,"wmDownloadFile",7);this.wmUploaderPreviewFile=o(this,"wmUploaderPreviewFile",7);this.wmFileDelete=o(this,"wmFileDelete",7);this.wmFileDownload=o(this,"wmFileDownload",7);this.wmFilePreview=o(this,"wmFilePreview",7);this.inputId=s();this.uploaderType=undefined;this.type=undefined;this.label=undefined;this.buttonText=undefined;this.info=undefined;this.emptyStateText=undefined;this.icon=undefined;this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";this.maxSize=undefined;this.maxFiles=undefined;this.sortBy="date";this.showInfo="time";this.errorMessage=undefined;this.requiredField=undefined;this.files=undefined;this.fileList=[];this.filesToUpload=[];this.isTabbing=false;this.rejectedFiles=undefined;this.errorList=[];this.notif=undefined;this.internalErrorMessage=undefined;this.announcement="";this.numFilesInProgress=undefined;this.isCondensed=false}Object.defineProperty(t.prototype,"uploadButtonEl",{get:function(){return this.el.shadowRoot.querySelector("#".concat(this.inputId))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tempUploaderType",{get:function(){return this.type||this.uploaderType},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"effectiveMaxSize",{get:function(){var t=100;var e=100;return this.maxSize?Math.min(this.maxSize,e):t},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"fileLimitReached",{get:function(){return this.maxFiles&&this.fileList.length>=this.maxFiles},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"displayedErrorMessage",{get:function(){return this.errorMessage||this.internalErrorMessage||""},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.handleUploadProgress=function(t){var e=this;this.fileList.map((function(o){if(o.id===t.detail.id){o.progress=t.detail.progress;r(e.el)}}));if(t.detail.progress===100){this.numFilesInProgress-=1}if(!this.srProgress&&this.numFilesInProgress){var o=this.numFilesInProgress;this.srProgress=setInterval((function(){var t=e.fileList.reduce((function(t,e){return e.progress?t+e.progress:t}),0);e.announce(d.getUploadProgress(Math.floor(t/o)))}),5e3)}};t.prototype.handleFileErrorCleared=function(t){var e=t.detail.name;this.errorList=this.errorList.filter((function(t){return t.name!=e}));this.uploadButtonEl.focus()};t.prototype.handleFileDeleted=function(t){this.clearErrors();r(this.el);this.wmUploaderDeleteFile.emit(t.detail);this.wmFileDelete.emit(t.detail);this.wmDeleteFile.emit(t.detail)};t.prototype.handleFilePreviewed=function(t){this.clearErrors();this.wmUploaderPreviewFile.emit(t.detail);this.wmFilePreview.emit(t.detail)};t.prototype.handleFileDownloaded=function(t){this.clearErrors();this.wmUploaderDownloadFile.emit(t.detail);this.wmFileDownload.emit(t.detail);this.wmDownloadFile.emit(t.detail)};t.prototype.parseFiles=function(){var t=this;if(!!this.files){if(typeof this.files==="string"){var e=JSON.parse(this.files);if(typeof e==="object"){e.forEach((function(e){if(e.size&&(typeof e.size==="number"||e.size.match(/^[0-9]+$/))){var o=t.convertBytes(e.size);e.size="".concat(o.size.toFixed(0)," ").concat(o.unit)}}));this.fileList=e}else{throw new Error("could not parse string passed to files attribute")}}else{throw new Error("Attribute 'files' should be a string")}}};t.prototype.focusAfterRemoval=function(t,e){if(this.isTabbing&&t.length<e.length){var o=t.map((function(t){return t.id}));var r=e.map((function(t){return t.id}));var n=r.filter((function(t){return!o.includes(t)}))[0];if(r.indexOf(n)>0){var i=r[r.indexOf(n)-1];var a=this.el.shadowRoot.querySelector("#file-"+i);var s=a===null||a===void 0?void 0:a.shadowRoot.querySelectorAll("wm-button");if(s&&s.length>0){var l=s[s.length-1];l.focus()}else{this.focusAfterRemoval(t.filter((function(t){return t.id!==i})),e)}}else{this.uploadButtonEl.focus()}}};t.prototype.parseRejectedFiles=function(){if(!!this.rejectedFiles){if(typeof this.files==="string"){var t=JSON.parse(this.rejectedFiles);if(typeof t==="object"){this.errorList=t}else{throw new Error("could not parse string passed to errors attribute")}}else{throw new Error("Attribute 'rejected-files' should be a string")}}};t.prototype.uploadNotifications=function(t,e){var o=this;if(e>0&&t===0){setTimeout((function(){o.notif="";o.internalErrorMessage=""}),20*1e3);this.notif=d.finishedUploading;this.announce(d.finishedUploading);this.numFilesInProgress=null;clearInterval(this.srProgress);r(this.el)}else if(t>0&&t!=e){this.notif=d.getFilesUploading(t);this.announce(d.getFilesUploading(t));r(this.el)}};t.prototype.handleErrorMessageChange=function(){if(this.errorMessage){this.announce(this.errorMessage)}};t.prototype.isValidSize=function(t){return this.convertBytes(t,"MB").size<=this.effectiveMaxSize};t.prototype.convertBytes=function(t,e){var o=["bytes","KB","MB","GB","TB"];var r=0;var n=typeof t==="number"?t:parseInt(t);if(e){while(o.indexOf(e)>r){n/=1024;r++}}else{while(n>1e3){n/=1024;r++}}return{size:n,unit:o[r]}};t.prototype.isDuplicate=function(t){var e=this.filesToUpload.some((function(e){return e.name===t}));var o=this.fileList.some((function(e){var o=e.type?e.name+"."+e.type:e.name;return o===t}));return e||o};t.prototype.isEmpty=function(){return!this.fileList.length&&!this.errorList.length};Object.defineProperty(t.prototype,"isDisabled",{get:function(){return this.fileLimitReached||this.numFilesInProgress>0},enumerable:false,configurable:true});t.prototype.isItemUploading=function(t){return t.hasOwnProperty("progress")&&t.progress<100};t.prototype.announce=function(t){if(this.liveRegion.textContent===t){t+=" "}this.announcement=t};t.prototype.clearErrors=function(){this.errorList=[];this.notif="";this.internalErrorMessage=""};t.prototype.handleFiles=function(t){var e=this;this.filesToUpload=[];var o=Array.from(t.target.files);var r=this.fileTypes.split(" ").join(", ");if(!!this.maxFiles&&this.fileList.length+o.length>this.maxFiles){this.internalErrorMessage=d.fileLimitExceeded;this.announce(d.fileLimitExceeded)}else{o&&o.map((function(t){if(!l(t,e.fileTypes)){var o={name:t.name,message:d.getInvalidFileType(r)};e.errorList.push(o)}else if(t.size===0){var o={name:t.name,message:d.zeroFileSize};e.errorList.push(o)}else if(!e.isValidSize(t.size)){var o={name:t.name,message:d.getFileTooLarge(e.effectiveMaxSize)};e.errorList.push(o)}else if(e.isDuplicate(t.name)){var o={name:t.name,message:d.duplicateName};e.errorList.push(o)}else{e.filesToUpload.push(t)}}));if(this.filesToUpload.length>0){this.numFilesInProgress=this.filesToUpload.length;this.wmUploaderFilesSelected.emit(this.filesToUpload);this.wmFilesSelected.emit(this.filesToUpload)}}t.target.value=""};t.prototype.componentWillLoad=function(){if(!this.buttonText){throw new Error("wm-uploader: button-text is a required prop")}if(this.type){console.warn("wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead.")}if(this.tempUploaderType==="1"&&!this.emptyStateText){throw new Error("wm-uploader: empty-state-text is a required prop")}this.parseFiles();this.clearErrors();this.parseRejectedFiles()};t.prototype.componentDidLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};t.prototype.uploadButtonOnClick=function(t){if(this.isDisabled){t.preventDefault();if(this.numFilesInProgress>0){var e=d.waitToUpload;this.announce(e)}else if(this.fileLimitReached){this.internalErrorMessage=d.fileLimitReached;this.announce(d.fileLimitReached)}}else{this.clearErrors()}};t.prototype.renderUploadSvg=function(){return n("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},n("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))};t.prototype.renderIcon=function(){var t=this.icon&&this.icon==="f066";return this.icon&&n("span",{class:"mdi ".concat(t?"rotate":"")},String.fromCodePoint(parseInt("0x".concat(this.icon))))};t.prototype.renderInfo=function(){return this.info&&this.tempUploaderType==="2"?n("span",{class:"info"},this.info):""};t.prototype.renderNotif=function(){return n("div",{class:"notif"},this.notif)};t.prototype.renderError=function(){return n("div",{id:"error"},this.displayedErrorMessage)};t.prototype.renderUploadButton=function(t){var e=this;var o="".concat(this.label&&this.label!==this.buttonText?"".concat(this.label,", "):"").concat(this.buttonText);return n("div",{class:"info-wrapper"},n("input",{name:this.inputId,id:this.inputId,class:"sr-only","aria-label":o,"aria-required":this.requiredField?"true":null,"aria-describedby":"".concat(this.displayedErrorMessage?"error ":"","file-count max-size accepted-types"),type:"file",multiple:true,onClick:function(t){return e.uploadButtonOnClick(t)},onChange:function(t){return e.handleFiles(t)}}),n("label",{htmlFor:this.inputId,class:"wm-button ".concat(t).concat(this.isTabbing?" user-is-tabbing":"")},this.renderIcon(),this.buttonText),this.renderInfo())};t.prototype.renderEmptyState=function(){return n("div",{class:"empty-block"},this.renderUploadSvg(),n("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button"),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())};t.prototype.renderErrorList=function(){var t=this.errorList.reduce((function(t,e){return t+"".concat(e.name,": ").concat(e.message," ")}),"");this.announce(t);return n("ul",{class:"error-list"},this.errorList.map((function(t){return n("wm-file",{file:'{"name": "'.concat(t.name,'"}'),"error-message":t.message})})))};t.prototype.formatTimestamp=function(t){var e=new Date(Date.parse(t));var o=e.getDate();var r=e.getMonth()+1;var n=e.getFullYear();var i=e.toLocaleTimeString("en-us",{hour:"numeric",minute:"2-digit"});var a="".concat(r,"/").concat(o,"/").concat(n," ").concat(i);return a};t.prototype.renderInProgressFileList=function(){var t=this;return n("ul",{class:"inprogress-list"},this.fileList.filter((function(e){return t.isItemUploading(e)})).map((function(e){return n("wm-file",{file:JSON.stringify(e),"show-info":t.showInfo})})))};t.prototype.renderUploadedFileList=function(){var t=this;return n("ul",{class:"file-list"},this.fileList.filter((function(e){return!t.isItemUploading(e)})).map((function(e){e.lastUpdated=t.formatTimestamp(e.lastUpdated);return n("wm-file",{id:"file-".concat(e.id),file:JSON.stringify(e),"show-info":t.showInfo})})))};t.prototype.renderFiles=function(){this.sortBy==="name"?this.fileList.sort((function(t,e){return t.name.localeCompare(e.name)})):this.fileList.sort((function(t,e){return Date.parse(t.lastUpdated)-Date.parse(e.lastUpdated)}));return n("div",null,this.renderInProgressFileList(),this.renderUploadedFileList())};t.prototype.legacyRenderHeader=function(){return n("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},n("div",{class:"slot-wrapper"},n("slot",null),n("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())))};t.prototype.renderHeader=function(){var t="."+this.fileTypes.split(" ").join(", .");return n("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},n("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.renderRequirements()),n("div",{id:"accepted-types",class:"accepted-types"},d.getAcceptedFileTypes(t,this.fileTypes.split(" ").length)),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())};t.prototype.renderRequirements=function(){return n("div",{class:"requirements"},this.maxFiles&&n("span",{id:"file-count"},d.getFileCount(this.fileList.length,this.maxFiles)),this.maxSize&&n("span",{id:"max-size"},d.getMaxSize(this.effectiveMaxSize)))};t.prototype.renderFooter=function(){return n("div",{class:"footer"},n("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},n("div",{class:"filecount-wrapper"},n("div",{class:"filecount"},d.getFilesAdded(this.fileList.length)),this.renderUploadButton("-primary ".concat(this.isDisabled?"disabled":""))),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError()))};t.prototype.renderWithItems=function(){var t=this.fileList.filter((function(t){return t.progress===(typeof t.progress==="number"?100:"100")})).length>0;return n("div",null,!this.tempUploaderType&&this.renderHeader(),this.tempUploaderType==="2"&&this.legacyRenderHeader(),n("div",{class:"list-container type".concat(this.tempUploaderType," ").concat(!this.tempUploaderType&&t?"checkmark-spacer":"")},this.errorList.length>0&&this.renderErrorList(),this.fileList.length>0&&this.renderFiles()),this.tempUploaderType==="1"&&this.renderFooter())};t.prototype.renderLabel=function(){return n("div",{class:"wrapper ".concat(this.displayedErrorMessage?"invalid":"")},n("div",{id:"label",class:"label"},this.label,this.requiredField&&n("span",{class:"required","aria-hidden":"true"},"*")))};t.prototype.render=function(){var t=this;return n(i,null,this.label&&this.renderLabel(),this.isEmpty()&&this.tempUploaderType==="1"?this.renderEmptyState():this.renderWithItems(),n("div",{ref:function(e){return t.liveRegion=e},class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"},this.announcement))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{files:["parseFiles"],fileList:["focusAfterRemoval"],rejectedFiles:["parseRejectedFiles"],numFilesInProgress:["uploadNotifications"],errorMessage:["handleErrorMessageChange"]}},enumerable:false,configurable:true});return t}());b.style=c}}}));
@@ -1 +1 @@
1
- import{r as t,c as o,f as r,h as e,H as n,g as i}from"./p-11b416c7.js";import{g as a,x as s}from"./p-83d30acd.js";import{u as l}from"./p-d8fc05b6.js";const d=class{constructor(r){t(this,r),this.wmUploaderFilesSelected=o(this,"wmUploaderFilesSelected",7),this.wmFilesSelected=o(this,"wmFilesSelected",7),this.wmUploaderDeleteFile=o(this,"wmUploaderDeleteFile",7),this.wmDeleteFile=o(this,"wmDeleteFile",7),this.wmUploaderDownloadFile=o(this,"wmUploaderDownloadFile",7),this.wmDownloadFile=o(this,"wmDownloadFile",7),this.wmUploaderPreviewFile=o(this,"wmUploaderPreviewFile",7),this.wmFileDelete=o(this,"wmFileDelete",7),this.wmFileDownload=o(this,"wmFileDownload",7),this.wmFilePreview=o(this,"wmFilePreview",7),this.inputId=a(),this.uploaderType=void 0,this.type=void 0,this.label=void 0,this.buttonText=void 0,this.info=void 0,this.emptyStateText=void 0,this.icon=void 0,this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv",this.maxSize=void 0,this.maxFiles=void 0,this.sortBy="date",this.showInfo="time",this.errorMessage=void 0,this.requiredField=void 0,this.files=void 0,this.fileList=[],this.filesToUpload=[],this.isTabbing=!1,this.rejectedFiles=void 0,this.errorList=[],this.notif=void 0,this.internalErrorMessage=void 0,this.announcement="",this.numFilesInProgress=void 0,this.isCondensed=!1}get uploadButtonEl(){return this.el.shadowRoot.querySelector(`#${this.inputId}`)}get tempUploaderType(){return this.type||this.uploaderType}get effectiveMaxSize(){return this.maxSize?Math.min(this.maxSize,100):100}get fileLimitReached(){return this.maxFiles&&this.fileList.length>=this.maxFiles}get displayedErrorMessage(){return this.errorMessage||this.internalErrorMessage||""}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleUploadProgress(t){if(this.fileList.map((o=>{o.id===t.detail.id&&(o.progress=t.detail.progress,r(this.el))})),100===t.detail.progress&&(this.numFilesInProgress-=1),!this.srProgress&&this.numFilesInProgress){const t=this.numFilesInProgress;this.srProgress=setInterval((()=>{const o=this.fileList.reduce(((t,o)=>o.progress?t+o.progress:t),0);this.announce(l.getUploadProgress(Math.floor(o/t)))}),5e3)}}handleFileErrorCleared(t){const o=t.detail.name;this.errorList=this.errorList.filter((t=>t.name!=o)),this.uploadButtonEl.focus()}handleFileDeleted(t){this.clearErrors(),r(this.el),this.wmUploaderDeleteFile.emit(t.detail),this.wmFileDelete.emit(t.detail),this.wmDeleteFile.emit(t.detail)}handleFilePreviewed(t){this.clearErrors(),this.wmUploaderPreviewFile.emit(t.detail),this.wmFilePreview.emit(t.detail)}handleFileDownloaded(t){this.clearErrors(),this.wmUploaderDownloadFile.emit(t.detail),this.wmFileDownload.emit(t.detail),this.wmDownloadFile.emit(t.detail)}parseFiles(){if(this.files){if("string"!=typeof this.files)throw new Error("Attribute 'files' should be a string");{let t=JSON.parse(this.files);if("object"!=typeof t)throw new Error("could not parse string passed to files attribute");t.forEach((t=>{if(t.size&&("number"==typeof t.size||t.size.match(/^[0-9]+$/))){const o=this.convertBytes(t.size);t.size=`${o.size.toFixed(0)} ${o.unit}`}})),this.fileList=t}}}focusAfterRemoval(t,o){if(this.isTabbing&&t.length<o.length){const r=t.map((t=>t.id)),e=o.map((t=>t.id)),n=e.filter((t=>!r.includes(t)))[0];if(e.indexOf(n)>0){const r=e[e.indexOf(n)-1],i=this.el.shadowRoot.querySelector("#file-"+r),a=null==i?void 0:i.shadowRoot.querySelectorAll("wm-button");a&&a.length>0?a[a.length-1].focus():this.focusAfterRemoval(t.filter((t=>t.id!==r)),o)}else this.uploadButtonEl.focus()}}parseRejectedFiles(){if(this.rejectedFiles){if("string"!=typeof this.files)throw new Error("Attribute 'rejected-files' should be a string");{const t=JSON.parse(this.rejectedFiles);if("object"!=typeof t)throw new Error("could not parse string passed to errors attribute");this.errorList=t}}}uploadNotifications(t,o){o>0&&0===t?(setTimeout((()=>{this.notif="",this.internalErrorMessage=""}),2e4),this.notif=l.finishedUploading,this.announce(l.finishedUploading),this.numFilesInProgress=null,clearInterval(this.srProgress),r(this.el)):t>0&&t!=o&&(this.notif=l.getFilesUploading(t),this.announce(l.getFilesUploading(t)),r(this.el))}handleErrorMessageChange(){this.errorMessage&&this.announce(this.errorMessage)}isValidSize(t){return this.convertBytes(t,"MB").size<=this.effectiveMaxSize}convertBytes(t,o){const r=["bytes","KB","MB","GB","TB"];let e=0,n="number"==typeof t?t:parseInt(t);if(o)for(;r.indexOf(o)>e;)n/=1024,e++;else for(;n>1e3;)n/=1024,e++;return{size:n,unit:r[e]}}isDuplicate(t){const o=this.filesToUpload.some((o=>o.name===t)),r=this.fileList.some((o=>(o.type?o.name+"."+o.type:o.name)===t));return o||r}isEmpty(){return!this.fileList.length&&!this.errorList.length}get isDisabled(){return this.fileLimitReached||this.numFilesInProgress>0}isItemUploading(t){return t.hasOwnProperty("progress")&&t.progress<100}announce(t){this.liveRegion.textContent===t&&(t+=" "),this.announcement=t}clearErrors(){this.errorList=[],this.notif="",this.internalErrorMessage=""}handleFiles(t){this.filesToUpload=[];const o=Array.from(t.target.files),r=this.fileTypes.split(" ").join(", ");this.maxFiles&&this.fileList.length+o.length>this.maxFiles?(this.internalErrorMessage=l.fileLimitExceeded,this.announce(l.fileLimitExceeded)):(o&&o.map((t=>{if(s(t,this.fileTypes))if(0===t.size)this.errorList.push({name:t.name,message:l.zeroFileSize});else if(this.isValidSize(t.size))this.isDuplicate(t.name)?this.errorList.push({name:t.name,message:l.duplicateName}):this.filesToUpload.push(t);else{const o={name:t.name,message:l.getFileTooLarge(this.effectiveMaxSize)};this.errorList.push(o)}else{const o={name:t.name,message:l.getInvalidFileType(r)};this.errorList.push(o)}})),this.filesToUpload.length>0&&(this.numFilesInProgress=this.filesToUpload.length,this.wmUploaderFilesSelected.emit(this.filesToUpload),this.wmFilesSelected.emit(this.filesToUpload))),t.target.value=""}componentWillLoad(){if(!this.buttonText)throw new Error("wm-uploader: button-text is a required prop");if(this.type&&console.warn("wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead."),"1"===this.tempUploaderType&&!this.emptyStateText)throw new Error("wm-uploader: empty-state-text is a required prop");this.parseFiles(),this.clearErrors(),this.parseRejectedFiles()}componentDidLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}uploadButtonOnClick(t){this.isDisabled?(t.preventDefault(),this.numFilesInProgress>0?this.announce(l.waitToUpload):this.fileLimitReached&&(this.internalErrorMessage=l.fileLimitReached,this.announce(l.fileLimitReached))):this.clearErrors()}renderUploadSvg(){return e("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},e("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))}renderIcon(){return this.icon&&e("span",{class:"mdi "+(this.icon&&"f066"===this.icon?"rotate":"")},String.fromCodePoint(parseInt(`0x${this.icon}`)))}renderInfo(){return this.info&&"2"===this.tempUploaderType?e("span",{class:"info"},this.info):""}renderNotif(){return e("div",{class:"notif"},this.notif)}renderError(){return e("div",{id:"error"},this.displayedErrorMessage)}renderUploadButton(t){return e("div",{class:"info-wrapper"},e("input",{name:this.inputId,id:this.inputId,class:"sr-only","aria-label":`${this.label&&this.label!==this.buttonText?`${this.label}, `:""}${this.buttonText}`,"aria-required":this.requiredField?"true":null,"aria-describedby":(this.displayedErrorMessage?"error ":"")+"file-count max-size accepted-types",type:"file",multiple:!0,onClick:t=>this.uploadButtonOnClick(t),onChange:t=>this.handleFiles(t)}),e("label",{htmlFor:this.inputId,class:`wm-button ${t}${this.isTabbing?" user-is-tabbing":""}`},this.renderIcon(),this.buttonText),this.renderInfo())}renderEmptyState(){return e("div",{class:"empty-block"},this.renderUploadSvg(),e("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button"),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())}renderErrorList(){let t=this.errorList.reduce((function(t,o){return t+`${o.name}: ${o.message} `}),"");return this.announce(t),e("ul",{class:"error-list"},this.errorList.map((t=>e("wm-file",{file:`{"name": "${t.name}"}`,"error-message":t.message}))))}formatTimestamp(t){const o=new Date(Date.parse(t)),r=o.getDate();return`${o.getMonth()+1}/${r}/${o.getFullYear()} ${o.toLocaleTimeString("en-us",{hour:"numeric",minute:"2-digit"})}`}renderInProgressFileList(){return e("ul",{class:"inprogress-list"},this.fileList.filter((t=>this.isItemUploading(t))).map((t=>e("wm-file",{file:JSON.stringify(t),"show-info":this.showInfo}))))}renderUploadedFileList(){return e("ul",{class:"file-list"},this.fileList.filter((t=>!this.isItemUploading(t))).map((t=>(t.lastUpdated=this.formatTimestamp(t.lastUpdated),e("wm-file",{id:`file-${t.id}`,file:JSON.stringify(t),"show-info":this.showInfo})))))}renderFiles(){return this.fileList.sort("name"===this.sortBy?(t,o)=>t.name.localeCompare(o.name):(t,o)=>Date.parse(t.lastUpdated)-Date.parse(o.lastUpdated)),e("div",null,this.renderInProgressFileList(),this.renderUploadedFileList())}legacyRenderHeader(){return e("div",{class:"header "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},e("div",{class:"slot-wrapper"},e("slot",null),e("div",{class:"notif-wrapper "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},this.renderUploadButton("-secondary "+(this.isDisabled?"disabled":"")),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())))}renderHeader(){const t="."+this.fileTypes.split(" ").join(", .");return e("div",{class:"header "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},e("div",{class:"notif-wrapper "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},this.renderUploadButton("-secondary "+(this.isDisabled?"disabled":"")),this.renderRequirements()),e("div",{id:"accepted-types",class:"accepted-types"},l.getAcceptedFileTypes(t,this.fileTypes.split(" ").length)),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())}renderRequirements(){return e("div",{class:"requirements"},this.maxFiles&&e("span",{id:"file-count"},l.getFileCount(this.fileList.length,this.maxFiles)),this.maxSize&&e("span",{id:"max-size"},l.getMaxSize(this.effectiveMaxSize)))}renderFooter(){return e("div",{class:"footer"},e("div",{class:"notif-wrapper "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},e("div",{class:"filecount-wrapper"},e("div",{class:"filecount"},l.getFilesAdded(this.fileList.length)),this.renderUploadButton("-primary "+(this.isDisabled?"disabled":""))),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError()))}renderWithItems(){const t=this.fileList.filter((t=>t.progress===("number"==typeof t.progress?100:"100"))).length>0;return e("div",null,!this.tempUploaderType&&this.renderHeader(),"2"===this.tempUploaderType&&this.legacyRenderHeader(),e("div",{class:`list-container type${this.tempUploaderType} ${!this.tempUploaderType&&t?"checkmark-spacer":""}`},this.errorList.length>0&&this.renderErrorList(),this.fileList.length>0&&this.renderFiles()),"1"===this.tempUploaderType&&this.renderFooter())}renderLabel(){return e("div",{class:"wrapper "+(this.displayedErrorMessage?"invalid":"")},e("div",{id:"label",class:"label"},this.label,this.requiredField&&e("span",{class:"required","aria-hidden":"true"},"*")))}render(){return e(n,null,this.label&&this.renderLabel(),this.isEmpty()&&"1"===this.tempUploaderType?this.renderEmptyState():this.renderWithItems(),e("div",{ref:t=>this.liveRegion=t,class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"},this.announcement))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{files:["parseFiles"],fileList:["focusAfterRemoval"],rejectedFiles:["parseRejectedFiles"],numFilesInProgress:["uploadNotifications"],errorMessage:["handleErrorMessageChange"]}}};d.style=':host .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:100%;border:2px solid transparent;font-family:inherit;font-size:0.75rem;font-weight:700;min-height:2.75rem;padding:12px 1.3333333333em;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button{min-height:3.3333333333em}}:host .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus)}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem;font-size:0.875rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly){background:var(--wmcolor-button-background-primary);color:var(--wmcolor-button-text-primary)}:host .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-primary-hover)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-primary-ondark);background:var(--wmcolor-button-background-primary-ondark)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-primary-hover-ondark)}:host .wm-button.-secondary{color:var(--wmcolor-button-text-secondary);border:2px solid var(--wmcolor-button-border-secondary);background:var(--wmcolor-button-background-secondary)}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-secondary-hover);color:var(--wmcolor-button-text-secondary-hover);border-color:transparent}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-secondary-ondark);background:var(--wmcolor-button-background-secondary-ondark);border-color:var(--wmcolor-button-border-secondary-ondark)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-secondary-hover-ondark);background:var(--wmcolor-button-background-secondary-hover-ondark);border-color:transparent}:host .wm-button.-textonly{color:var(--wmcolor-button-text-textonly);-webkit-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding:0;height:auto;min-height:unset;border-radius:0;line-height:1;overflow-wrap:anywhere}:host .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly-ondark)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly-ondark) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.dark{color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete{color:var(--wmcolor-button-background-delete)}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-icononly,:host .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,:host .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly .mdi,:host .wm-button.-navigational .mdi{font-size:1.12rem}:host .wm-button.-icononly{border-width:1px !important;color:var(--wmcolor-button-icon-icononly);border-color:var(--wmcolor-button-border-icononly);background-color:var(--wmcolor-button-background-icononly)}:host .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-icononly-hover);color:var(--wmcolor-button-icon-icononly-hover);border-color:transparent}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-icononly-ondark);background:var(--wmcolor-button-background-icononly-ondark);border-color:var(--wmcolor-button-border-icononly-ondark)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-icononly-hover-ondark);background:var(--wmcolor-button-background-icononly-hover-ondark);border-color:transparent}:host .wm-button.-navigational{border:none !important;background-color:var(--wmcolor-button-background-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:var(--wmcolor-button-background-navigational-hover)}:host .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational-ondark);background:var(--wmcolor-button-background-navigational-ondark)}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-navigational-hover-ondark);background:var(--wmcolor-button-background-navigational-hover-ondark)}:host .wm-button.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-pairnegative{background:var(--wmcolor-button-background-negative);border-color:var(--wmcolor-button-background-negative);color:var(--wmcolor-button-text-negative)}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-negative-hover);border-color:var(--wmcolor-button-background-negative-hover)}:host .wm-button.-pairpositive{background:var(--wmcolor-button-background-positive);border-color:var(--wmcolor-button-background-positive);color:var(--wmcolor-button-text-positive)}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-positive-hover);border-color:var(--wmcolor-button-background-positive-hover)}:host .wm-button.-selector,:host .wm-button.-selector-primary{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;border-radius:3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selector,:host .wm-button.-selector-primary{height:2.5rem}}:host .wm-button.-selector:before,:host .wm-button.-selector-primary:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.12rem;font-weight:700;pointer-events:none}:host .wm-button.-selector:active,:host .wm-button.-selector-primary:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selector::-moz-focus-inner,:host .wm-button.-selector-primary::-moz-focus-inner{border:0}:host .wm-button.-selector .overflowcontrol,:host .wm-button.-selector-primary .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button.-selector{background:var(--wmcolor-button-background-selector);color:var(--wmcolor-button-text-selector);border-color:var(--wmcolor-button-border-selector)}:host .wm-button.-selector:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selector-hover);color:var(--wmcolor-button-text-selector-hover);border-color:transparent}:host .wm-button.-selector.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selector-ondark);border-color:var(--wmcolor-button-border-selector-ondark);background:var(--wmcolor-button-background-selector-ondark)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selector-hover-ondark);background:var(--wmcolor-button-background-selector-hover-ondark);border-color:transparent}:host .wm-button.-selector-primary{background:var(--wmcolor-button-background-selectorprimary);color:var(--wmcolor-button-text-selectorprimary)}:host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selectorprimary-hover)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selectorprimary-ondark);background:var(--wmcolor-button-background-selectorprimary-ondark)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selectorprimary-hover-ondark);background:var(--wmcolor-button-background-selectorprimary-hover-ondark)}:host .wm-button:disabled,:host .wm-button.disabled{cursor:default;pointer-events:none}:host .wm-button:disabled.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.-secondary:not(.-permanentlydelete){-webkit-box-shadow:none;box-shadow:none;border-color:var(--wmcolor-button-border-secondary-disabled);color:var(--wmcolor-button-text-secondary-disabled)}:host .wm-button:disabled.-primary,:host .wm-button.disabled.-primary{background:var(--wmcolor-button-background-primary-disabled);color:var(--wmcolor-button-text-primary-disabled)}:host .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-permanentlydelete{background:var(--wmcolor-button-background-delete-disabled);color:var(--wmcolor-button-text-delete-disabled);border-color:var(--wmcolor-button-background-delete-disabled)}:host .wm-button:disabled.-pairnegative,:host .wm-button.disabled.-pairnegative{background:var(--wmcolor-button-background-negative-disabled);border-color:var(--wmcolor-button-background-negative-disabled);color:var(--wmcolor-button-text-negative-disabled)}:host .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-pairpositive{background:var(--wmcolor-button-background-positive-disabled);border-color:var(--wmcolor-button-background-positive-disabled);color:var(--wmcolor-button-text-positive-disabled)}:host .wm-button:disabled.-selector,:host .wm-button.disabled.-selector{color:var(--wmcolor-button-text-selector-disabled);border-color:var(--wmcolor-button-border-selector-disabled)}:host .wm-button:disabled.-selector-primary,:host .wm-button.disabled.-selector-primary{background:var(--wmcolor-button-background-selectorprimary-disabled);color:var(--wmcolor-button-text-selectorprimary-disabled)}:host .wm-button:disabled.-navigational,:host .wm-button.disabled.-navigational{color:var(--wmcolor-button-icon-navigational-disabled)}:host .wm-button:disabled.-icononly,:host .wm-button.disabled.-icononly{color:var(--wmcolor-button-icon-icononly-disabled);border-color:var(--wmcolor-button-border-icononly-disabled)}:host .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly{color:var(--wmcolor-button-text-textonly-disabled);background:transparent}:host .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-icononly{background:transparent;color:var(--wmcolor-button-icon-icononly-disabled-ondark);border-color:var(--wmcolor-button-border-icononly-disabled-ondark)}:host .wm-button:disabled.dark.-navigational,:host .wm-button.disabled.dark.-navigational{color:var(--wmcolor-button-icon-navigational-disabled-ondark)}:host .wm-button:disabled.dark.-textonly,:host .wm-button.disabled.dark.-textonly{color:var(--wmcolor-button-text-textonly-disabled-ondark)}:host .wm-button:disabled.dark.-primary,:host .wm-button.disabled.dark.-primary{color:var(--wmcolor-button-text-primary-disabled-ondark);background:var(--wmcolor-button-background-primary-disabled-ondark)}:host .wm-button:disabled.dark.-secondary,:host .wm-button.disabled.dark.-secondary{background:transparent;color:var(--wmcolor-button-text-secondary-disabled-ondark);border-color:var(--wmcolor-button-border-secondary-disabled-ondark)}:host .wm-button:disabled.dark.-selector,:host .wm-button.disabled.dark.-selector{color:var(--wmcolor-button-text-selector-disabled-ondark);border-color:var(--wmcolor-button-border-selector-disabled-ondark);background:var(--wmcolor-button-background-selector-disabled-ondark)}:host .wm-button:disabled.dark.-selector-primary,:host .wm-button.disabled.dark.-selector-primary{color:var(--wmcolor-button-text-selectorprimary-disabled-ondark);background:var(--wmcolor-button-background-selectorprimary-disabled-ondark)}:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete-disabled-ondark);color:var(--wmcolor-button-text-delete-disabled-ondark)}:host a.wm-button,:host label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host{--wmcolor-uploader-button-focus:var(--wmcolor-interactive-focus);display:block;position:relative;max-width:1140px}:host[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}#label{margin-bottom:0.5rem}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.header .accepted-types{font-size:0.875rem}.header .requirements{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.75rem}.notif-wrapper .requirements{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.notif,#error{padding-top:0.25rem;font-size:0.875rem;font-style:italic}.notif#error,#error#error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem}.info-wrapper{position:relative;display:-ms-flexbox;display:flex}.list-container{overflow-y:unset}.list-container.checkmark-spacer{margin-right:2.75rem}.list-container:has(.error-list,.inprogress-list,.file-list){margin-top:2.5rem}.list-container ul{padding:0;width:100%;margin:0}.list-container ul wm-file{margin-bottom:0.5rem}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{-ms-flex-pack:center;justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.header.type1,.header.type2{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.notif-wrapper.type1,.notif-wrapper.type2{-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem}.list-container.type1,.list-container.type2{overflow-y:auto}.list-container.type1 ul,.list-container.type2 ul{margin:revert}.list-container.type1 .file-list li,.list-container.type1 .inprogress-list li,.list-container.type2 .file-list li,.list-container.type2 .inprogress-list li{margin-bottom:1.625rem}.list-container.type1 .error-list li,.list-container.type2 .error-list li{margin-bottom:1.25rem}.list-container.type1{padding:0 1.875rem;height:16.25rem}';export{d as wm_uploader}
1
+ import{r as t,c as o,f as r,h as e,H as n,g as i}from"./p-11b416c7.js";import{g as a,x as s}from"./p-47f737b1.js";import{u as l}from"./p-5fb9bbd0.js";const d=class{constructor(r){t(this,r),this.wmUploaderFilesSelected=o(this,"wmUploaderFilesSelected",7),this.wmFilesSelected=o(this,"wmFilesSelected",7),this.wmUploaderDeleteFile=o(this,"wmUploaderDeleteFile",7),this.wmDeleteFile=o(this,"wmDeleteFile",7),this.wmUploaderDownloadFile=o(this,"wmUploaderDownloadFile",7),this.wmDownloadFile=o(this,"wmDownloadFile",7),this.wmUploaderPreviewFile=o(this,"wmUploaderPreviewFile",7),this.wmFileDelete=o(this,"wmFileDelete",7),this.wmFileDownload=o(this,"wmFileDownload",7),this.wmFilePreview=o(this,"wmFilePreview",7),this.inputId=a(),this.uploaderType=void 0,this.type=void 0,this.label=void 0,this.buttonText=void 0,this.info=void 0,this.emptyStateText=void 0,this.icon=void 0,this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv",this.maxSize=void 0,this.maxFiles=void 0,this.sortBy="date",this.showInfo="time",this.errorMessage=void 0,this.requiredField=void 0,this.files=void 0,this.fileList=[],this.filesToUpload=[],this.isTabbing=!1,this.rejectedFiles=void 0,this.errorList=[],this.notif=void 0,this.internalErrorMessage=void 0,this.announcement="",this.numFilesInProgress=void 0,this.isCondensed=!1}get uploadButtonEl(){return this.el.shadowRoot.querySelector(`#${this.inputId}`)}get tempUploaderType(){return this.type||this.uploaderType}get effectiveMaxSize(){return this.maxSize?Math.min(this.maxSize,100):100}get fileLimitReached(){return this.maxFiles&&this.fileList.length>=this.maxFiles}get displayedErrorMessage(){return this.errorMessage||this.internalErrorMessage||""}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleUploadProgress(t){if(this.fileList.map((o=>{o.id===t.detail.id&&(o.progress=t.detail.progress,r(this.el))})),100===t.detail.progress&&(this.numFilesInProgress-=1),!this.srProgress&&this.numFilesInProgress){const t=this.numFilesInProgress;this.srProgress=setInterval((()=>{const o=this.fileList.reduce(((t,o)=>o.progress?t+o.progress:t),0);this.announce(l.getUploadProgress(Math.floor(o/t)))}),5e3)}}handleFileErrorCleared(t){const o=t.detail.name;this.errorList=this.errorList.filter((t=>t.name!=o)),this.uploadButtonEl.focus()}handleFileDeleted(t){this.clearErrors(),r(this.el),this.wmUploaderDeleteFile.emit(t.detail),this.wmFileDelete.emit(t.detail),this.wmDeleteFile.emit(t.detail)}handleFilePreviewed(t){this.clearErrors(),this.wmUploaderPreviewFile.emit(t.detail),this.wmFilePreview.emit(t.detail)}handleFileDownloaded(t){this.clearErrors(),this.wmUploaderDownloadFile.emit(t.detail),this.wmFileDownload.emit(t.detail),this.wmDownloadFile.emit(t.detail)}parseFiles(){if(this.files){if("string"!=typeof this.files)throw new Error("Attribute 'files' should be a string");{let t=JSON.parse(this.files);if("object"!=typeof t)throw new Error("could not parse string passed to files attribute");t.forEach((t=>{if(t.size&&("number"==typeof t.size||t.size.match(/^[0-9]+$/))){const o=this.convertBytes(t.size);t.size=`${o.size.toFixed(0)} ${o.unit}`}})),this.fileList=t}}}focusAfterRemoval(t,o){if(this.isTabbing&&t.length<o.length){const r=t.map((t=>t.id)),e=o.map((t=>t.id)),n=e.filter((t=>!r.includes(t)))[0];if(e.indexOf(n)>0){const r=e[e.indexOf(n)-1],i=this.el.shadowRoot.querySelector("#file-"+r),a=null==i?void 0:i.shadowRoot.querySelectorAll("wm-button");a&&a.length>0?a[a.length-1].focus():this.focusAfterRemoval(t.filter((t=>t.id!==r)),o)}else this.uploadButtonEl.focus()}}parseRejectedFiles(){if(this.rejectedFiles){if("string"!=typeof this.files)throw new Error("Attribute 'rejected-files' should be a string");{const t=JSON.parse(this.rejectedFiles);if("object"!=typeof t)throw new Error("could not parse string passed to errors attribute");this.errorList=t}}}uploadNotifications(t,o){o>0&&0===t?(setTimeout((()=>{this.notif="",this.internalErrorMessage=""}),2e4),this.notif=l.finishedUploading,this.announce(l.finishedUploading),this.numFilesInProgress=null,clearInterval(this.srProgress),r(this.el)):t>0&&t!=o&&(this.notif=l.getFilesUploading(t),this.announce(l.getFilesUploading(t)),r(this.el))}handleErrorMessageChange(){this.errorMessage&&this.announce(this.errorMessage)}isValidSize(t){return this.convertBytes(t,"MB").size<=this.effectiveMaxSize}convertBytes(t,o){const r=["bytes","KB","MB","GB","TB"];let e=0,n="number"==typeof t?t:parseInt(t);if(o)for(;r.indexOf(o)>e;)n/=1024,e++;else for(;n>1e3;)n/=1024,e++;return{size:n,unit:r[e]}}isDuplicate(t){const o=this.filesToUpload.some((o=>o.name===t)),r=this.fileList.some((o=>(o.type?o.name+"."+o.type:o.name)===t));return o||r}isEmpty(){return!this.fileList.length&&!this.errorList.length}get isDisabled(){return this.fileLimitReached||this.numFilesInProgress>0}isItemUploading(t){return t.hasOwnProperty("progress")&&t.progress<100}announce(t){this.liveRegion.textContent===t&&(t+=" "),this.announcement=t}clearErrors(){this.errorList=[],this.notif="",this.internalErrorMessage=""}handleFiles(t){this.filesToUpload=[];const o=Array.from(t.target.files),r=this.fileTypes.split(" ").join(", ");this.maxFiles&&this.fileList.length+o.length>this.maxFiles?(this.internalErrorMessage=l.fileLimitExceeded,this.announce(l.fileLimitExceeded)):(o&&o.map((t=>{if(s(t,this.fileTypes))if(0===t.size)this.errorList.push({name:t.name,message:l.zeroFileSize});else if(this.isValidSize(t.size))this.isDuplicate(t.name)?this.errorList.push({name:t.name,message:l.duplicateName}):this.filesToUpload.push(t);else{const o={name:t.name,message:l.getFileTooLarge(this.effectiveMaxSize)};this.errorList.push(o)}else{const o={name:t.name,message:l.getInvalidFileType(r)};this.errorList.push(o)}})),this.filesToUpload.length>0&&(this.numFilesInProgress=this.filesToUpload.length,this.wmUploaderFilesSelected.emit(this.filesToUpload),this.wmFilesSelected.emit(this.filesToUpload))),t.target.value=""}componentWillLoad(){if(!this.buttonText)throw new Error("wm-uploader: button-text is a required prop");if(this.type&&console.warn("wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead."),"1"===this.tempUploaderType&&!this.emptyStateText)throw new Error("wm-uploader: empty-state-text is a required prop");this.parseFiles(),this.clearErrors(),this.parseRejectedFiles()}componentDidLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}uploadButtonOnClick(t){this.isDisabled?(t.preventDefault(),this.numFilesInProgress>0?this.announce(l.waitToUpload):this.fileLimitReached&&(this.internalErrorMessage=l.fileLimitReached,this.announce(l.fileLimitReached))):this.clearErrors()}renderUploadSvg(){return e("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},e("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))}renderIcon(){return this.icon&&e("span",{class:"mdi "+(this.icon&&"f066"===this.icon?"rotate":"")},String.fromCodePoint(parseInt(`0x${this.icon}`)))}renderInfo(){return this.info&&"2"===this.tempUploaderType?e("span",{class:"info"},this.info):""}renderNotif(){return e("div",{class:"notif"},this.notif)}renderError(){return e("div",{id:"error"},this.displayedErrorMessage)}renderUploadButton(t){return e("div",{class:"info-wrapper"},e("input",{name:this.inputId,id:this.inputId,class:"sr-only","aria-label":`${this.label&&this.label!==this.buttonText?`${this.label}, `:""}${this.buttonText}`,"aria-required":this.requiredField?"true":null,"aria-describedby":(this.displayedErrorMessage?"error ":"")+"file-count max-size accepted-types",type:"file",multiple:!0,onClick:t=>this.uploadButtonOnClick(t),onChange:t=>this.handleFiles(t)}),e("label",{htmlFor:this.inputId,class:`wm-button ${t}${this.isTabbing?" user-is-tabbing":""}`},this.renderIcon(),this.buttonText),this.renderInfo())}renderEmptyState(){return e("div",{class:"empty-block"},this.renderUploadSvg(),e("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button"),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())}renderErrorList(){let t=this.errorList.reduce((function(t,o){return t+`${o.name}: ${o.message} `}),"");return this.announce(t),e("ul",{class:"error-list"},this.errorList.map((t=>e("wm-file",{file:`{"name": "${t.name}"}`,"error-message":t.message}))))}formatTimestamp(t){const o=new Date(Date.parse(t)),r=o.getDate();return`${o.getMonth()+1}/${r}/${o.getFullYear()} ${o.toLocaleTimeString("en-us",{hour:"numeric",minute:"2-digit"})}`}renderInProgressFileList(){return e("ul",{class:"inprogress-list"},this.fileList.filter((t=>this.isItemUploading(t))).map((t=>e("wm-file",{file:JSON.stringify(t),"show-info":this.showInfo}))))}renderUploadedFileList(){return e("ul",{class:"file-list"},this.fileList.filter((t=>!this.isItemUploading(t))).map((t=>(t.lastUpdated=this.formatTimestamp(t.lastUpdated),e("wm-file",{id:`file-${t.id}`,file:JSON.stringify(t),"show-info":this.showInfo})))))}renderFiles(){return this.fileList.sort("name"===this.sortBy?(t,o)=>t.name.localeCompare(o.name):(t,o)=>Date.parse(t.lastUpdated)-Date.parse(o.lastUpdated)),e("div",null,this.renderInProgressFileList(),this.renderUploadedFileList())}legacyRenderHeader(){return e("div",{class:"header "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},e("div",{class:"slot-wrapper"},e("slot",null),e("div",{class:"notif-wrapper "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},this.renderUploadButton("-secondary "+(this.isDisabled?"disabled":"")),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())))}renderHeader(){const t="."+this.fileTypes.split(" ").join(", .");return e("div",{class:"header "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},e("div",{class:"notif-wrapper "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},this.renderUploadButton("-secondary "+(this.isDisabled?"disabled":"")),this.renderRequirements()),e("div",{id:"accepted-types",class:"accepted-types"},l.getAcceptedFileTypes(t,this.fileTypes.split(" ").length)),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError())}renderRequirements(){return e("div",{class:"requirements"},this.maxFiles&&e("span",{id:"file-count"},l.getFileCount(this.fileList.length,this.maxFiles)),this.maxSize&&e("span",{id:"max-size"},l.getMaxSize(this.effectiveMaxSize)))}renderFooter(){return e("div",{class:"footer"},e("div",{class:"notif-wrapper "+(this.tempUploaderType?`type${this.tempUploaderType}`:"")},e("div",{class:"filecount-wrapper"},e("div",{class:"filecount"},l.getFilesAdded(this.fileList.length)),this.renderUploadButton("-primary "+(this.isDisabled?"disabled":""))),this.notif&&this.renderNotif(),this.displayedErrorMessage&&this.renderError()))}renderWithItems(){const t=this.fileList.filter((t=>t.progress===("number"==typeof t.progress?100:"100"))).length>0;return e("div",null,!this.tempUploaderType&&this.renderHeader(),"2"===this.tempUploaderType&&this.legacyRenderHeader(),e("div",{class:`list-container type${this.tempUploaderType} ${!this.tempUploaderType&&t?"checkmark-spacer":""}`},this.errorList.length>0&&this.renderErrorList(),this.fileList.length>0&&this.renderFiles()),"1"===this.tempUploaderType&&this.renderFooter())}renderLabel(){return e("div",{class:"wrapper "+(this.displayedErrorMessage?"invalid":"")},e("div",{id:"label",class:"label"},this.label,this.requiredField&&e("span",{class:"required","aria-hidden":"true"},"*")))}render(){return e(n,null,this.label&&this.renderLabel(),this.isEmpty()&&"1"===this.tempUploaderType?this.renderEmptyState():this.renderWithItems(),e("div",{ref:t=>this.liveRegion=t,class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"},this.announcement))}static get delegatesFocus(){return!0}get el(){return i(this)}static get watchers(){return{files:["parseFiles"],fileList:["focusAfterRemoval"],rejectedFiles:["parseRejectedFiles"],numFilesInProgress:["uploadNotifications"],errorMessage:["handleErrorMessageChange"]}}};d.style=':host .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:100%;border:2px solid transparent;font-family:inherit;font-size:0.75rem;font-weight:700;min-height:2.75rem;padding:12px 1.3333333333em;cursor:pointer;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button{min-height:3.3333333333em}}:host .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus)}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem;font-size:0.875rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly){background:var(--wmcolor-button-background-primary);color:var(--wmcolor-button-text-primary)}:host .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-primary-hover)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-primary-ondark);background:var(--wmcolor-button-background-primary-ondark)}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-primary-hover-ondark)}:host .wm-button.-secondary{color:var(--wmcolor-button-text-secondary);border:2px solid var(--wmcolor-button-border-secondary);background:var(--wmcolor-button-background-secondary)}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-secondary-hover);color:var(--wmcolor-button-text-secondary-hover);border-color:transparent}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-secondary-ondark);background:var(--wmcolor-button-background-secondary-ondark);border-color:var(--wmcolor-button-border-secondary-ondark)}:host .wm-button.-secondary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-secondary-hover-ondark);background:var(--wmcolor-button-background-secondary-hover-ondark);border-color:transparent}:host .wm-button.-textonly{color:var(--wmcolor-button-text-textonly);-webkit-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding:0;height:auto;min-height:unset;border-radius:0;line-height:1;overflow-wrap:anywhere}:host .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-interactive-focus-textonly-ondark)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-interactive-focus-textonly-ondark) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.dark{color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete{color:var(--wmcolor-button-background-delete)}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-textonly-ondark)}:host .wm-button.-icononly,:host .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,:host .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly .mdi,:host .wm-button.-navigational .mdi{font-size:1.12rem}:host .wm-button.-icononly{border-width:1px !important;color:var(--wmcolor-button-icon-icononly);border-color:var(--wmcolor-button-border-icononly);background-color:var(--wmcolor-button-background-icononly)}:host .wm-button.-icononly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-icononly-hover);color:var(--wmcolor-button-icon-icononly-hover);border-color:transparent}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-icononly-ondark);background:var(--wmcolor-button-background-icononly-ondark);border-color:var(--wmcolor-button-border-icononly-ondark)}:host .wm-button.-icononly.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-icononly-hover-ondark);background:var(--wmcolor-button-background-icononly-hover-ondark);border-color:transparent}:host .wm-button.-navigational{border:none !important;background-color:var(--wmcolor-button-background-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational)}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:var(--wmcolor-button-background-navigational-hover)}:host .wm-button.-navigational:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-icon-navigational-ondark);background:var(--wmcolor-button-background-navigational-ondark)}:host .wm-button.-navigational.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-icon-navigational-hover-ondark);background:var(--wmcolor-button-background-navigational-hover-ondark)}:host .wm-button.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-delete);border-color:var(--wmcolor-button-background-delete);color:var(--wmcolor-button-text-delete)}:host .wm-button.-permanentlydelete:not(.-textonly).dark:not(:disabled):not(.disabled):hover{background:var(--wmcolor-button-background-delete-hover);border-color:var(--wmcolor-button-background-delete-hover)}:host .wm-button.-pairnegative{background:var(--wmcolor-button-background-negative);border-color:var(--wmcolor-button-background-negative);color:var(--wmcolor-button-text-negative)}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-negative-hover);border-color:var(--wmcolor-button-background-negative-hover)}:host .wm-button.-pairpositive{background:var(--wmcolor-button-background-positive);border-color:var(--wmcolor-button-background-positive);color:var(--wmcolor-button-text-positive)}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-positive-hover);border-color:var(--wmcolor-button-background-positive-hover)}:host .wm-button.-selector,:host .wm-button.-selector-primary{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;border-radius:3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selector,:host .wm-button.-selector-primary{height:2.5rem}}:host .wm-button.-selector:before,:host .wm-button.-selector-primary:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:1.12rem;font-weight:700;pointer-events:none}:host .wm-button.-selector:active,:host .wm-button.-selector-primary:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selector::-moz-focus-inner,:host .wm-button.-selector-primary::-moz-focus-inner{border:0}:host .wm-button.-selector .overflowcontrol,:host .wm-button.-selector-primary .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button.-selector{background:var(--wmcolor-button-background-selector);color:var(--wmcolor-button-text-selector);border-color:var(--wmcolor-button-border-selector)}:host .wm-button.-selector:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selector-hover);color:var(--wmcolor-button-text-selector-hover);border-color:transparent}:host .wm-button.-selector.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selector-ondark);border-color:var(--wmcolor-button-border-selector-ondark);background:var(--wmcolor-button-background-selector-ondark)}:host .wm-button.-selector.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selector-hover-ondark);background:var(--wmcolor-button-background-selector-hover-ondark);border-color:transparent}:host .wm-button.-selector-primary{background:var(--wmcolor-button-background-selectorprimary);color:var(--wmcolor-button-text-selectorprimary)}:host .wm-button.-selector-primary:hover:not(:disabled):not(.disabled){background:var(--wmcolor-button-background-selectorprimary-hover)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled){color:var(--wmcolor-button-text-selectorprimary-ondark);background:var(--wmcolor-button-background-selectorprimary-ondark)}:host .wm-button.-selector-primary.dark:not(:disabled):not(.disabled):hover{color:var(--wmcolor-button-text-selectorprimary-hover-ondark);background:var(--wmcolor-button-background-selectorprimary-hover-ondark)}:host .wm-button:disabled,:host .wm-button.disabled{cursor:default;pointer-events:none}:host .wm-button:disabled.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.-secondary:not(.-permanentlydelete){-webkit-box-shadow:none;box-shadow:none;border-color:var(--wmcolor-button-border-secondary-disabled);color:var(--wmcolor-button-text-secondary-disabled)}:host .wm-button:disabled.-primary,:host .wm-button.disabled.-primary{background:var(--wmcolor-button-background-primary-disabled);color:var(--wmcolor-button-text-primary-disabled)}:host .wm-button:disabled.-permanentlydelete,:host .wm-button.disabled.-permanentlydelete{background:var(--wmcolor-button-background-delete-disabled);color:var(--wmcolor-button-text-delete-disabled);border-color:var(--wmcolor-button-background-delete-disabled)}:host .wm-button:disabled.-pairnegative,:host .wm-button.disabled.-pairnegative{background:var(--wmcolor-button-background-negative-disabled);border-color:var(--wmcolor-button-background-negative-disabled);color:var(--wmcolor-button-text-negative-disabled)}:host .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-pairpositive{background:var(--wmcolor-button-background-positive-disabled);border-color:var(--wmcolor-button-background-positive-disabled);color:var(--wmcolor-button-text-positive-disabled)}:host .wm-button:disabled.-selector,:host .wm-button.disabled.-selector{color:var(--wmcolor-button-text-selector-disabled);border-color:var(--wmcolor-button-border-selector-disabled)}:host .wm-button:disabled.-selector-primary,:host .wm-button.disabled.-selector-primary{background:var(--wmcolor-button-background-selectorprimary-disabled);color:var(--wmcolor-button-text-selectorprimary-disabled)}:host .wm-button:disabled.-navigational,:host .wm-button.disabled.-navigational{color:var(--wmcolor-button-icon-navigational-disabled)}:host .wm-button:disabled.-icononly,:host .wm-button.disabled.-icononly{color:var(--wmcolor-button-icon-icononly-disabled);border-color:var(--wmcolor-button-border-icononly-disabled)}:host .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly{color:var(--wmcolor-button-text-textonly-disabled);background:transparent}:host .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-icononly{background:transparent;color:var(--wmcolor-button-icon-icononly-disabled-ondark);border-color:var(--wmcolor-button-border-icononly-disabled-ondark)}:host .wm-button:disabled.dark.-navigational,:host .wm-button.disabled.dark.-navigational{color:var(--wmcolor-button-icon-navigational-disabled-ondark)}:host .wm-button:disabled.dark.-textonly,:host .wm-button.disabled.dark.-textonly{color:var(--wmcolor-button-text-textonly-disabled-ondark)}:host .wm-button:disabled.dark.-primary,:host .wm-button.disabled.dark.-primary{color:var(--wmcolor-button-text-primary-disabled-ondark);background:var(--wmcolor-button-background-primary-disabled-ondark)}:host .wm-button:disabled.dark.-secondary,:host .wm-button.disabled.dark.-secondary{background:transparent;color:var(--wmcolor-button-text-secondary-disabled-ondark);border-color:var(--wmcolor-button-border-secondary-disabled-ondark)}:host .wm-button:disabled.dark.-selector,:host .wm-button.disabled.dark.-selector{color:var(--wmcolor-button-text-selector-disabled-ondark);border-color:var(--wmcolor-button-border-selector-disabled-ondark);background:var(--wmcolor-button-background-selector-disabled-ondark)}:host .wm-button:disabled.dark.-selector-primary,:host .wm-button.disabled.dark.-selector-primary{color:var(--wmcolor-button-text-selectorprimary-disabled-ondark);background:var(--wmcolor-button-background-selectorprimary-disabled-ondark)}:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:var(--wmcolor-button-background-delete-disabled-ondark);color:var(--wmcolor-button-text-delete-disabled-ondark)}:host a.wm-button,:host label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host{--wmcolor-uploader-button-focus:var(--wmcolor-interactive-focus);display:block;position:relative;max-width:1140px}:host[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-uploader-button-focus) !important}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}#label{margin-bottom:0.5rem}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.header .accepted-types{font-size:0.875rem}.header .requirements{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.75rem}.notif-wrapper .requirements{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.notif,#error{padding-top:0.25rem;font-size:0.875rem;font-style:italic}.notif#error,#error#error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem}.info-wrapper{position:relative;display:-ms-flexbox;display:flex}.list-container{overflow-y:unset}.list-container.checkmark-spacer{margin-right:2.75rem}.list-container:has(.error-list,.inprogress-list,.file-list){margin-top:2.5rem}.list-container ul{padding:0;width:100%;margin:0}.list-container ul wm-file{margin-bottom:0.5rem}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{-ms-flex-pack:center;justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.header.type1,.header.type2{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.notif-wrapper.type1,.notif-wrapper.type2{-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem}.list-container.type1,.list-container.type2{overflow-y:auto}.list-container.type1 ul,.list-container.type2 ul{margin:revert}.list-container.type1 .file-list li,.list-container.type1 .inprogress-list li,.list-container.type2 .file-list li,.list-container.type2 .inprogress-list li{margin-bottom:1.625rem}.list-container.type1 .error-list li,.list-container.type2 .error-list li{margin-bottom:1.25rem}.list-container.type1{padding:0 1.875rem;height:16.25rem}';export{d as wm_uploader}
@@ -1 +1 @@
1
- var __spreadArray=this&&this.__spreadArray||function(n,a,i){if(i||arguments.length===2)for(var t=0,r=a.length,e;t<r;t++){if(e||!(t in a)){if(!e)e=Array.prototype.slice.call(a,0,t);e[t]=a[t]}}return n.concat(e||Array.prototype.slice.call(a))};System.register(["./p-c467a1e1.system.js","./p-3732917e.system.js","./p-b6bd28ac.system.js"],(function(n){"use strict";var a,i,t,r,e,s,o,c;return{setters:[function(n){a=n.r;i=n.c;t=n.h;r=n.g},function(n){e=n.g;s=n.s;o=n.h},function(n){c=n.g}],execute:function(){var m=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-link-background:var(--wmcolor-background-transparent);--wmcolor-snackbar-link:var(--wmcolor-interactive-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .wm-snackbars{position:fixed;bottom:0;left:1.25rem;right:1.25rem;padding:0.25rem 0.625rem 1.875rem;z-index:2001;max-width:35.5rem;max-height:17.5rem;-webkit-overflow-scrolling:touch;overflow:auto}:host .wm-snackbars.empty{-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);padding-top:0;padding-bottom:0}:host .wm-snackbars .wm-snack-wrapper{width:100%;height:100%}:host .wm-snackbars .wm-snack-wrapper:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:0.9375rem 1.875rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;background:var(--wmcolor-snackbar-link-background);padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;color:var(--wmcolor-snackbar-link);margin:0 3.125rem 0 0.625rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link.new-window::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;content:"\\f137";margin-left:0.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext{width:100%}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}@media screen and (min-width: 48rem){:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{min-width:1.875rem;min-height:1.875rem}}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156";font-size:1.12rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus{outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);outline:none}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active){outline:none;background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-snackbar-link)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-snackbar-link) 66%, transparent 0) repeat-x;background-size:0.375rem 0.1875rem;background-position:0 1em;border-radius:0;line-height:normal}';var l=n("wm_snackbar",function(){function n(n){a(this,n);this.wmSnackbarSnackFinished=i(this,"wmSnackbarSnackFinished",7);this.userFinishedSnack=i(this,"userFinishedSnack",7);this.wmSnackbarActionTriggered=i(this,"wmSnackbarActionTriggered",7);this.userTriggeredAction=i(this,"userTriggeredAction",7);this.parsedNotifications=[];this.uid=this.el.id?this.el.id:e();this.focusOnDismiss=null;this.timers=[];this.notifications="[]";this.isTabbing=false;this.announcement=""}n.prototype.updateSnacks=function(n){var a=this;var i=this.parsedNotifications.length;this.parsedNotifications=__spreadArray([],JSON.parse(n),true);if(i<this.parsedNotifications.length){var t=this.parsedNotifications[0];var r=window.setTimeout((function(){return a.snackExpired()}),2e4);this.timers=__spreadArray([r],this.timers,true);this.announce("".concat(t.message," ").concat(this.isTabbing?"":t.link));if(this.isTabbing&&t.link){this.focusOnDismiss=document.activeElement?document.activeElement:null;this.stopTimer(t);window.requestAnimationFrame((function(){var n=a.el.shadowRoot.querySelector("#action-".concat(t.id));n.focus()}))}}};n.prototype.toggleTabbingOn=function(){this.isTabbing=true};n.prototype.toggleTabbingOff=function(){this.isTabbing=false};n.prototype.checkForTabbing=function(n){if(n.key==="Tab"){this.toggleTabbingOn()}};n.prototype.handleMouse=function(){this.toggleTabbingOff()};n.prototype.snackDismissed=function(n){this.endSnack(n);if(n.link&&this.isTabbing&&this.focusOnDismiss){this.focusOnDismiss.focus();this.focusOnDismiss=null}};n.prototype.snackExpired=function(){var n=this.parsedNotifications[this.parsedNotifications.length-1];this.endSnack(n)};n.prototype.endSnack=function(n){this.stopTimer(n);this.wmSnackbarSnackFinished.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow});this.userFinishedSnack.emit({id:n.id,message:n.message,link:n.link})};n.prototype.snackLinkClicked=function(n){this.stopTimer(n);this.wmSnackbarActionTriggered.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow});this.userTriggeredAction.emit({id:n.id,message:n.message,link:n.link})};n.prototype.stopTimer=function(n){var a=this;this.parsedNotifications.forEach((function(i,t){if(i.id===n.id){clearTimeout(a.timers[t]);a.timers=a.timers.filter((function(n,a){if(a!==t){return n}}))}}))};n.prototype.announce=function(n){if(this.liveRegionEl.textContent===n){n+=" "}this.announcement=n};n.prototype.renderSnackbars=function(){var n=this;return this.parsedNotifications.map((function(a){return t("div",{class:"wm-snack-wrapper"},t("div",{id:"snack-".concat(n.uid),class:"wm-snackbar active neutral"},t("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}}),t("div",{class:"wm-snackbarmsg"},t("div",{class:"msgtext"},t("span",null,a.message),a.link&&t("a",{id:"action-".concat(a.id),class:"link ".concat(a.newWindow?"new-window":""),"aria-label":"Click to ".concat(a.link,"...").concat(a.newWindow?" "+c.newWindow:""),tabindex:0,onClick:function(){n.snackLinkClicked(a)},onKeyDown:function(i){return i.key==="Enter"&&n.snackLinkClicked(a)}},t("span",{"aria-hidden":"true"},a.link))),t("button",{id:"close-button-".concat(a.id),"aria-label":"Close this notification",class:"closesnack",tabindex:a.link?0:-1,onClick:function(){return n.snackDismissed(a)},onMouseEnter:function(n){return s("bottom",n.target,c.close)},onMouseLeave:function(){return o()},onFocus:function(a){return n.isTabbing&&s("bottom",a.target,c.close)},onBlur:function(){return o()}})),t("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}})))}))};n.prototype.render=function(){var n=this;return t("div",{class:{"wm-snackbars":true,empty:this.parsedNotifications.length===0,"user-is-tabbing":this.isTabbing}},t("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:"wm-live-region-".concat(this.uid),ref:function(a){return n.liveRegionEl=a}},this.announcement),this.renderSnackbars())};Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{notifications:["updateSnacks"]}},enumerable:false,configurable:true});return n}());l.style=m}}}));
1
+ var __spreadArray=this&&this.__spreadArray||function(n,a,i){if(i||arguments.length===2)for(var t=0,r=a.length,e;t<r;t++){if(e||!(t in a)){if(!e)e=Array.prototype.slice.call(a,0,t);e[t]=a[t]}}return n.concat(e||Array.prototype.slice.call(a))};System.register(["./p-c467a1e1.system.js","./p-814ceaf0.system.js","./p-54a05f1f.system.js"],(function(n){"use strict";var a,i,t,r,e,s,o,c;return{setters:[function(n){a=n.r;i=n.c;t=n.h;r=n.g},function(n){e=n.g;s=n.s;o=n.h},function(n){c=n.g}],execute:function(){var m=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-link-background:var(--wmcolor-background-transparent);--wmcolor-snackbar-link:var(--wmcolor-interactive-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .wm-snackbars{position:fixed;bottom:0;left:1.25rem;right:1.25rem;padding:0.25rem 0.625rem 1.875rem;z-index:2001;max-width:35.5rem;max-height:17.5rem;-webkit-overflow-scrolling:touch;overflow:auto}:host .wm-snackbars.empty{-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);padding-top:0;padding-bottom:0}:host .wm-snackbars .wm-snack-wrapper{width:100%;height:100%}:host .wm-snackbars .wm-snack-wrapper:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:0.9375rem 1.875rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;background:var(--wmcolor-snackbar-link-background);padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;color:var(--wmcolor-snackbar-link);margin:0 3.125rem 0 0.625rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link.new-window::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;content:"\\f137";margin-left:0.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext{width:100%}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}@media screen and (min-width: 48rem){:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{min-width:1.875rem;min-height:1.875rem}}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156";font-size:1.12rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus{outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--wmcolor-interactive-focus-ondark);outline:none}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active){outline:none;background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--wmcolor-snackbar-link)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--wmcolor-snackbar-link) 66%, transparent 0) repeat-x;background-size:0.375rem 0.1875rem;background-position:0 1em;border-radius:0;line-height:normal}';var l=n("wm_snackbar",function(){function n(n){a(this,n);this.wmSnackbarSnackFinished=i(this,"wmSnackbarSnackFinished",7);this.userFinishedSnack=i(this,"userFinishedSnack",7);this.wmSnackbarActionTriggered=i(this,"wmSnackbarActionTriggered",7);this.userTriggeredAction=i(this,"userTriggeredAction",7);this.parsedNotifications=[];this.uid=this.el.id?this.el.id:e();this.focusOnDismiss=null;this.timers=[];this.notifications="[]";this.isTabbing=false;this.announcement=""}n.prototype.updateSnacks=function(n){var a=this;var i=this.parsedNotifications.length;this.parsedNotifications=__spreadArray([],JSON.parse(n),true);if(i<this.parsedNotifications.length){var t=this.parsedNotifications[0];var r=window.setTimeout((function(){return a.snackExpired()}),2e4);this.timers=__spreadArray([r],this.timers,true);this.announce("".concat(t.message," ").concat(this.isTabbing?"":t.link));if(this.isTabbing&&t.link){this.focusOnDismiss=document.activeElement?document.activeElement:null;this.stopTimer(t);window.requestAnimationFrame((function(){var n=a.el.shadowRoot.querySelector("#action-".concat(t.id));n.focus()}))}}};n.prototype.toggleTabbingOn=function(){this.isTabbing=true};n.prototype.toggleTabbingOff=function(){this.isTabbing=false};n.prototype.checkForTabbing=function(n){if(n.key==="Tab"){this.toggleTabbingOn()}};n.prototype.handleMouse=function(){this.toggleTabbingOff()};n.prototype.snackDismissed=function(n){this.endSnack(n);if(n.link&&this.isTabbing&&this.focusOnDismiss){this.focusOnDismiss.focus();this.focusOnDismiss=null}};n.prototype.snackExpired=function(){var n=this.parsedNotifications[this.parsedNotifications.length-1];this.endSnack(n)};n.prototype.endSnack=function(n){this.stopTimer(n);this.wmSnackbarSnackFinished.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow});this.userFinishedSnack.emit({id:n.id,message:n.message,link:n.link})};n.prototype.snackLinkClicked=function(n){this.stopTimer(n);this.wmSnackbarActionTriggered.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow});this.userTriggeredAction.emit({id:n.id,message:n.message,link:n.link})};n.prototype.stopTimer=function(n){var a=this;this.parsedNotifications.forEach((function(i,t){if(i.id===n.id){clearTimeout(a.timers[t]);a.timers=a.timers.filter((function(n,a){if(a!==t){return n}}))}}))};n.prototype.announce=function(n){if(this.liveRegionEl.textContent===n){n+=" "}this.announcement=n};n.prototype.renderSnackbars=function(){var n=this;return this.parsedNotifications.map((function(a){return t("div",{class:"wm-snack-wrapper"},t("div",{id:"snack-".concat(n.uid),class:"wm-snackbar active neutral"},t("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}}),t("div",{class:"wm-snackbarmsg"},t("div",{class:"msgtext"},t("span",null,a.message),a.link&&t("a",{id:"action-".concat(a.id),class:"link ".concat(a.newWindow?"new-window":""),"aria-label":"Click to ".concat(a.link,"...").concat(a.newWindow?" "+c.newWindow:""),tabindex:0,onClick:function(){n.snackLinkClicked(a)},onKeyDown:function(i){return i.key==="Enter"&&n.snackLinkClicked(a)}},t("span",{"aria-hidden":"true"},a.link))),t("button",{id:"close-button-".concat(a.id),"aria-label":"Close this notification",class:"closesnack",tabindex:a.link?0:-1,onClick:function(){return n.snackDismissed(a)},onMouseEnter:function(n){return s("bottom",n.target,c.close)},onMouseLeave:function(){return o()},onFocus:function(a){return n.isTabbing&&s("bottom",a.target,c.close)},onBlur:function(){return o()}})),t("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}})))}))};n.prototype.render=function(){var n=this;return t("div",{class:{"wm-snackbars":true,empty:this.parsedNotifications.length===0,"user-is-tabbing":this.isTabbing}},t("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:"wm-live-region-".concat(this.uid),ref:function(a){return n.liveRegionEl=a}},this.announcement),this.renderSnackbars())};Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{notifications:["updateSnacks"]}},enumerable:false,configurable:true});return n}());l.style=m}}}));
@@ -1 +1 @@
1
- import{r as t,c as i,h as r,H as e,g as s}from"./p-11b416c7.js";import{i as o,t as a,g as n,r as h,a as l,e as p}from"./p-83d30acd.js";import{g as d}from"./p-d8fc05b6.js";const m=class{constructor(r){t(this,r),this.wmInputValueChanged=i(this,"wmInputValueChanged",7),this.uid="",this.previousBlurredValue="",this.numberErrorMessage=o.formatMessage({id:"input.numberError",defaultMessage:"Please enter a valid number."}),this.label=void 0,this.labelPosition="top",this.value="",this.disabled=!1,this.info=void 0,this.inputWidth="",this.placeholder="",this.requiredField=!1,this.requiredFieldMessage=void 0,this.errorMessage=void 0,this.characterLimit=void 0,this.symbolBefore=void 0,this.symbolAfter=void 0,this.textAfter=void 0,this.preventValidation=void 0,this.type="text",this.step=1,this.min=void 0,this.max=void 0,this.isSubmit=!1,this.announcement="",this.displayedErrorMessage=""}getInputWidth(){return this.inputWidth?{width:this.inputWidth}:{flex:"1"}}get charCount(){return this.value.length}get isDisabled(){return a(this.disabled)}componentWillLoad(){this.uid=this.el.id?this.el.id:n(),this.label||console.error("wm-input requires the label property"),h(this.el,this.isDisabled)}componentDidLoad(){this.value&&(this.inputEl.value=this.value,this.previousBlurredValue=this.inputEl.value)}handleErrorMessage(t){this.displayedErrorMessage=t}handleDisabledChange(){h(this.el,this.isDisabled)}handleKeyDown(t){const i=t.ctrlKey||t.metaKey||t.altKey;/^.$/.test(t.key)&&!i&&this.characterLimit&&this.inputEl.value.length>=this.characterLimit&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit)),"Enter"===t.key&&this.isSubmit&&l(this.el.closest("form"))}handleBlur(t){this.value!==this.previousBlurredValue&&this.wmInputValueChanged.emit({value:this.value}),this.previousBlurredValue=this.value,this.preventValidation&&p(t,this.preventValidation)||(this.displayedErrorMessage=this.validate()),this.inputWrapperEl.classList.remove("focus")}handleInput(t){this.value=t.target.value,this.characterLimit&&this.charCount>=this.characterLimit-5&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}handleFocus(){this.inputWrapperEl.classList.add("focus")}validate(){const t=[this.validateNumber.bind(this),this.validateRequired.bind(this)];return this.errorMessage?this.errorMessage:t.reduce(((t,i)=>t||i()),"")}validateRequired(){return this.requiredField&&""===this.value?this.requiredFieldMessage||d.requiredError:""}validateNumber(){return"number"===this.type&&this.inputEl.validity.badInput?this.numberErrorMessage:""}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}generateCharacterLimitWarning(t,i){let r=d.getCharactersEntered(t,i);return t>=i&&(r+=` ${d.characterLimitReached}`),r}descriptors(){return this.symbolBefore||this.symbolAfter||this.textAfter?`symbol-before-${this.uid} inputfield-${this.uid} symbol-after-${this.uid} text-after-${this.uid} info-${this.uid} error-${this.uid}`:`info-${this.uid} error-${this.uid}`}renderErrorMessage(){return this.errorMessage||this.displayedErrorMessage}render(){return r(e,{id:this.uid},r("div",{class:`wrapper label-${this.labelPosition} ${this.errorMessage||this.displayedErrorMessage?"invalid":""}`,ref:t=>this.inputWrapperEl=t},r("div",{class:"label-wrapper"},r("label",{htmlFor:`inputfield-${this.uid}`,class:"label"},this.label,this.characterLimit&&r("span",{class:"sr-only"}," ",d.getCharacterLimit(this.characterLimit)),this.requiredField&&r("span",{class:"required","aria-hidden":"true"},"*"))),r("div",{class:"inner-wrapper"},r("div",{class:"text-after-wrapper"},r("div",{class:"inputfield-wrapper "+(this.isDisabled?"disabled":""),style:this.getInputWidth()},this.symbolBefore&&r("span",{class:"symbol",id:`symbol-before-${this.uid}`},this.symbolBefore),r("input",{ref:t=>this.inputEl=t,id:`inputfield-${this.uid}`,disabled:this.isDisabled,"aria-describedby":this.descriptors(),onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onBlur:t=>this.handleBlur(t),onFocus:this.handleFocus.bind(this),placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,maxLength:this.characterLimit||void 0,type:this.type,step:this.step,max:this.max,min:this.min}),this.symbolAfter&&r("span",{class:"symbol",id:`symbol-after-${this.uid}`},this.symbolAfter),this.characterLimit&&"number"==typeof this.characterLimit?r("div",{class:"character-count"},this.charCount,"/",this.characterLimit):""),this.textAfter&&r("span",{class:"text-after",id:`text-after-${this.uid}`},this.textAfter)),this.info&&r("div",{id:`info-${this.uid}`,class:"info"},this.info),r("div",{id:`error-${this.uid}`,"aria-live":"assertive",class:"error-message","aria-atomic":"true"},this.renderErrorMessage()),r("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:t=>this.liveRegionEl=t},this.announcement))))}static get delegatesFocus(){return!0}get el(){return s(this)}static get watchers(){return{errorMessage:["handleErrorMessage"],disabled:["handleDisabledChange"]}}};m.style=':host{font-family:inherit;width:100%}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%}:host .wrapper .text-after-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}:host .wrapper .text-after{-ms-flex:0 1 fit-content;flex:0 1 fit-content}:host .wrapper .inputfield-wrapper{height:2.5rem;min-width:6.25rem;border:1px solid var(--wmcolor-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex}:host .wrapper .inputfield-wrapper.disabled{background-color:var(--wmcolor-input-background-disabled);color:var(--wmcolor-input-text-disabled)}:host .wrapper .inputfield-wrapper.disabled .symbol{background:none}:host .wrapper .symbol{display:-ms-flexbox;display:flex;background-color:var(--wmcolor-input-unit-background);-ms-flex:0 0 44px;flex:0 0 44px;padding-inline:8px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-input-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .wrapper input{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;height:100%;-ms-flex:1;flex:1;padding:0.75rem 1rem;width:100%}:host .wrapper input:focus{outline:none}:host .wrapper input[type=number]{padding-right:0}:host .wrapper .info{font-style:italic;line-height:100%;margin:4px 0}:host .wrapper.invalid .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem;line-height:100%}:host .wrapper:focus .inputfield-wrapper,:host .wrapper.focus .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);outline:none;border-color:var(--wmcolor-input-border-focus)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{m as wm_input}
1
+ import{r as t,c as i,h as r,H as e,g as s}from"./p-11b416c7.js";import{i as o,t as a,g as n,a as h,b as l,j as p}from"./p-47f737b1.js";import{g as d}from"./p-5fb9bbd0.js";const m=class{constructor(r){t(this,r),this.wmInputValueChanged=i(this,"wmInputValueChanged",7),this.uid="",this.previousBlurredValue="",this.numberErrorMessage=o.formatMessage({id:"input.numberError",defaultMessage:"Please enter a valid number."}),this.label=void 0,this.labelPosition="top",this.value="",this.disabled=!1,this.info=void 0,this.inputWidth="",this.placeholder="",this.requiredField=!1,this.requiredFieldMessage=void 0,this.errorMessage=void 0,this.characterLimit=void 0,this.symbolBefore=void 0,this.symbolAfter=void 0,this.textAfter=void 0,this.preventValidation=void 0,this.type="text",this.step=1,this.min=void 0,this.max=void 0,this.isSubmit=!1,this.announcement="",this.displayedErrorMessage=""}getInputWidth(){return this.inputWidth?{width:this.inputWidth}:{flex:"1"}}get charCount(){return this.value.length}get isDisabled(){return a(this.disabled)}componentWillLoad(){this.uid=this.el.id?this.el.id:n(),this.label||console.error("wm-input requires the label property"),h(this.el,this.isDisabled)}componentDidLoad(){this.value&&(this.inputEl.value=this.value,this.previousBlurredValue=this.inputEl.value)}handleErrorMessage(t){this.displayedErrorMessage=t}handleDisabledChange(){h(this.el,this.isDisabled)}handleKeyDown(t){const i=t.ctrlKey||t.metaKey||t.altKey;/^.$/.test(t.key)&&!i&&this.characterLimit&&this.inputEl.value.length>=this.characterLimit&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit)),"Enter"===t.key&&this.isSubmit&&l(this.el.closest("form"))}handleBlur(t){this.value!==this.previousBlurredValue&&this.wmInputValueChanged.emit({value:this.value}),this.previousBlurredValue=this.value,this.preventValidation&&p(t,this.preventValidation)||(this.displayedErrorMessage=this.validate()),this.inputWrapperEl.classList.remove("focus")}handleInput(t){this.value=t.target.value,this.characterLimit&&this.charCount>=this.characterLimit-5&&this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}handleFocus(){this.inputWrapperEl.classList.add("focus")}validate(){const t=[this.validateNumber.bind(this),this.validateRequired.bind(this)];return this.errorMessage?this.errorMessage:t.reduce(((t,i)=>t||i()),"")}validateRequired(){return this.requiredField&&""===this.value?this.requiredFieldMessage||d.requiredError:""}validateNumber(){return"number"===this.type&&this.inputEl.validity.badInput?this.numberErrorMessage:""}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}generateCharacterLimitWarning(t,i){let r=d.getCharactersEntered(t,i);return t>=i&&(r+=` ${d.characterLimitReached}`),r}descriptors(){return this.symbolBefore||this.symbolAfter||this.textAfter?`symbol-before-${this.uid} inputfield-${this.uid} symbol-after-${this.uid} text-after-${this.uid} info-${this.uid} error-${this.uid}`:`info-${this.uid} error-${this.uid}`}renderErrorMessage(){return this.errorMessage||this.displayedErrorMessage}render(){return r(e,{id:this.uid},r("div",{class:`wrapper label-${this.labelPosition} ${this.errorMessage||this.displayedErrorMessage?"invalid":""}`,ref:t=>this.inputWrapperEl=t},r("div",{class:"label-wrapper"},r("label",{htmlFor:`inputfield-${this.uid}`,class:"label"},this.label,this.characterLimit&&r("span",{class:"sr-only"}," ",d.getCharacterLimit(this.characterLimit)),this.requiredField&&r("span",{class:"required","aria-hidden":"true"},"*"))),r("div",{class:"inner-wrapper"},r("div",{class:"text-after-wrapper"},r("div",{class:"inputfield-wrapper "+(this.isDisabled?"disabled":""),style:this.getInputWidth()},this.symbolBefore&&r("span",{class:"symbol",id:`symbol-before-${this.uid}`},this.symbolBefore),r("input",{ref:t=>this.inputEl=t,id:`inputfield-${this.uid}`,disabled:this.isDisabled,"aria-describedby":this.descriptors(),onInput:t=>this.handleInput(t),onKeyDown:t=>this.handleKeyDown(t),onBlur:t=>this.handleBlur(t),onFocus:this.handleFocus.bind(this),placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,maxLength:this.characterLimit||void 0,type:this.type,step:this.step,max:this.max,min:this.min}),this.symbolAfter&&r("span",{class:"symbol",id:`symbol-after-${this.uid}`},this.symbolAfter),this.characterLimit&&"number"==typeof this.characterLimit?r("div",{class:"character-count"},this.charCount,"/",this.characterLimit):""),this.textAfter&&r("span",{class:"text-after",id:`text-after-${this.uid}`},this.textAfter)),this.info&&r("div",{id:`info-${this.uid}`,class:"info"},this.info),r("div",{id:`error-${this.uid}`,"aria-live":"assertive",class:"error-message","aria-atomic":"true"},this.renderErrorMessage()),r("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:t=>this.liveRegionEl=t},this.announcement))))}static get delegatesFocus(){return!0}get el(){return s(this)}static get watchers(){return{errorMessage:["handleErrorMessage"],disabled:["handleDisabledChange"]}}};m.style=':host{font-family:inherit;width:100%}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%}:host .wrapper .text-after-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}:host .wrapper .text-after{-ms-flex:0 1 fit-content;flex:0 1 fit-content}:host .wrapper .inputfield-wrapper{height:2.5rem;min-width:6.25rem;border:1px solid var(--wmcolor-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex}:host .wrapper .inputfield-wrapper.disabled{background-color:var(--wmcolor-input-background-disabled);color:var(--wmcolor-input-text-disabled)}:host .wrapper .inputfield-wrapper.disabled .symbol{background:none}:host .wrapper .symbol{display:-ms-flexbox;display:flex;background-color:var(--wmcolor-input-unit-background);-ms-flex:0 0 44px;flex:0 0 44px;padding-inline:8px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-input-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .wrapper input{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;height:100%;-ms-flex:1;flex:1;padding:0.75rem 1rem;width:100%}:host .wrapper input:focus{outline:none}:host .wrapper input[type=number]{padding-right:0}:host .wrapper .info{font-style:italic;line-height:100%;margin:4px 0}:host .wrapper.invalid .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper.invalid .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem;line-height:100%}:host .wrapper:focus .inputfield-wrapper,:host .wrapper.focus .inputfield-wrapper{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);box-shadow:0 0 0 1px var(--wmcolor-input-border-focus);outline:none;border-color:var(--wmcolor-input-border-focus)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{m as wm_input}