@watermarkinsights/ripple 3.36.0 → 3.37.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 (221) hide show
  1. package/dist/cjs/{chartFunctions-41c67866.js → chartFunctions-4d828b26.js} +2 -2
  2. package/dist/cjs/{functions-45f36418.js → functions-0c27162e.js} +38 -22
  3. package/dist/{esm/global-1dca883b.js → cjs/global-a2ca8069.js} +13 -3
  4. package/dist/cjs/{index-670c5d2a.js → index-fae02cd7.js} +386 -8
  5. package/dist/cjs/{intl-a84cd5ef.js → intl-022a42a1.js} +1 -1
  6. package/dist/cjs/loader.cjs.js +3 -3
  7. package/dist/cjs/priv-chart-popover.cjs.entry.js +2 -2
  8. package/dist/cjs/priv-datepicker.cjs.entry.js +2 -2
  9. package/dist/cjs/priv-navigator-button.cjs.entry.js +1 -1
  10. package/dist/cjs/priv-navigator-item.cjs.entry.js +1 -1
  11. package/dist/cjs/ripple.cjs.js +3 -3
  12. package/dist/cjs/wm-action-menu_2.cjs.entry.js +2 -2
  13. package/dist/cjs/wm-button.cjs.entry.js +2 -2
  14. package/dist/cjs/wm-chart-slice.cjs.entry.js +1 -1
  15. package/dist/cjs/wm-chart.cjs.entry.js +4 -4
  16. package/dist/cjs/wm-datepicker.cjs.entry.js +2 -2
  17. package/dist/cjs/wm-file-list.cjs.entry.js +1 -1
  18. package/dist/cjs/wm-file.cjs.entry.js +2 -2
  19. package/dist/cjs/wm-input.cjs.entry.js +3 -3
  20. package/dist/cjs/wm-line-chart.cjs.entry.js +4 -4
  21. package/dist/cjs/wm-modal-footer.cjs.entry.js +13 -16
  22. package/dist/cjs/wm-modal-header.cjs.entry.js +8 -18
  23. package/dist/cjs/wm-modal.cjs.entry.js +27 -58
  24. package/dist/cjs/wm-navigation_3.cjs.entry.js +3 -3
  25. package/dist/cjs/wm-navigator.cjs.entry.js +2 -2
  26. package/dist/cjs/wm-network-uploader.cjs.entry.js +3 -3
  27. package/dist/cjs/wm-option_2.cjs.entry.js +3 -3
  28. package/dist/cjs/wm-pagination.cjs.entry.js +2 -2
  29. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +3 -3
  30. package/dist/cjs/wm-search.cjs.entry.js +3 -3
  31. package/dist/cjs/wm-snackbar.cjs.entry.js +3 -3
  32. package/dist/cjs/wm-tab-item_3.cjs.entry.js +2 -2
  33. package/dist/cjs/wm-tag-input-row.cjs.entry.js +1 -1
  34. package/dist/cjs/wm-tag-input.cjs.entry.js +3 -3
  35. package/dist/cjs/wm-timepicker.cjs.entry.js +2 -2
  36. package/dist/cjs/wm-toggletip.cjs.entry.js +2 -2
  37. package/dist/cjs/wm-uploader.cjs.entry.js +3 -3
  38. package/dist/cjs/wm-wrapper.cjs.entry.js +1 -1
  39. package/dist/collection/components/wm-modal/wm-modal-footer.css +1 -1
  40. package/dist/collection/components/wm-modal/wm-modal-footer.js +11 -14
  41. package/dist/collection/components/wm-modal/wm-modal-header.css +1 -1
  42. package/dist/collection/components/wm-modal/wm-modal-header.js +4 -14
  43. package/dist/collection/components/wm-modal/wm-modal.css +27 -65
  44. package/dist/collection/components/wm-modal/wm-modal.js +24 -71
  45. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -28
  46. package/dist/collection/global/functions.js +38 -22
  47. package/dist/collection/global/global.js +10 -2
  48. package/dist/esm/{chartFunctions-e539d991.js → chartFunctions-f4f3252e.js} +2 -2
  49. package/dist/esm/{functions-7fc7cf30.js → functions-d52b728c.js} +39 -23
  50. package/dist/{cjs/global-c795cff3.js → esm/global-06801d00.js} +11 -5
  51. package/dist/esm/{index-294d486f.js → index-7e11ea42.js} +386 -8
  52. package/dist/esm/{intl-f0475a8e.js → intl-9809c77c.js} +1 -1
  53. package/dist/esm/loader.js +4 -4
  54. package/dist/esm/polyfills/core-js.js +0 -0
  55. package/dist/esm/polyfills/dom.js +0 -0
  56. package/dist/esm/polyfills/es5-html-element.js +0 -0
  57. package/dist/esm/polyfills/index.js +0 -0
  58. package/dist/esm/polyfills/system.js +0 -0
  59. package/dist/esm/priv-chart-popover.entry.js +2 -2
  60. package/dist/esm/priv-datepicker.entry.js +2 -2
  61. package/dist/esm/priv-navigator-button.entry.js +1 -1
  62. package/dist/esm/priv-navigator-item.entry.js +1 -1
  63. package/dist/esm/ripple.js +4 -4
  64. package/dist/esm/wm-action-menu_2.entry.js +2 -2
  65. package/dist/esm/wm-button.entry.js +2 -2
  66. package/dist/esm/wm-chart-slice.entry.js +1 -1
  67. package/dist/esm/wm-chart.entry.js +4 -4
  68. package/dist/esm/wm-datepicker.entry.js +2 -2
  69. package/dist/esm/wm-file-list.entry.js +1 -1
  70. package/dist/esm/wm-file.entry.js +2 -2
  71. package/dist/esm/wm-input.entry.js +3 -3
  72. package/dist/esm/wm-line-chart.entry.js +4 -4
  73. package/dist/esm/wm-modal-footer.entry.js +13 -16
  74. package/dist/esm/wm-modal-header.entry.js +8 -18
  75. package/dist/esm/wm-modal.entry.js +27 -58
  76. package/dist/esm/wm-navigation_3.entry.js +3 -3
  77. package/dist/esm/wm-navigator.entry.js +2 -2
  78. package/dist/esm/wm-network-uploader.entry.js +3 -3
  79. package/dist/esm/wm-option_2.entry.js +3 -3
  80. package/dist/esm/wm-pagination.entry.js +2 -2
  81. package/dist/esm/wm-progress-indicator_3.entry.js +3 -3
  82. package/dist/esm/wm-search.entry.js +3 -3
  83. package/dist/esm/wm-snackbar.entry.js +3 -3
  84. package/dist/esm/wm-tab-item_3.entry.js +2 -2
  85. package/dist/esm/wm-tag-input-row.entry.js +1 -1
  86. package/dist/esm/wm-tag-input.entry.js +3 -3
  87. package/dist/esm/wm-timepicker.entry.js +2 -2
  88. package/dist/esm/wm-toggletip.entry.js +2 -2
  89. package/dist/esm/wm-uploader.entry.js +3 -3
  90. package/dist/esm/wm-wrapper.entry.js +1 -1
  91. package/dist/esm-es5/{chartFunctions-e539d991.js → chartFunctions-f4f3252e.js} +1 -1
  92. package/dist/esm-es5/{functions-7fc7cf30.js → functions-d52b728c.js} +1 -1
  93. package/dist/esm-es5/{global-1dca883b.js → global-06801d00.js} +1 -1
  94. package/dist/esm-es5/index-7e11ea42.js +2 -0
  95. package/dist/esm-es5/{intl-f0475a8e.js → intl-9809c77c.js} +1 -1
  96. package/dist/esm-es5/loader.js +1 -1
  97. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  98. package/dist/esm-es5/priv-datepicker.entry.js +1 -1
  99. package/dist/esm-es5/priv-navigator-button.entry.js +1 -1
  100. package/dist/esm-es5/priv-navigator-item.entry.js +1 -1
  101. package/dist/esm-es5/ripple.js +1 -1
  102. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  103. package/dist/esm-es5/wm-button.entry.js +1 -1
  104. package/dist/esm-es5/wm-chart-slice.entry.js +1 -1
  105. package/dist/esm-es5/wm-chart.entry.js +1 -1
  106. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  107. package/dist/esm-es5/wm-file-list.entry.js +1 -1
  108. package/dist/esm-es5/wm-file.entry.js +1 -1
  109. package/dist/esm-es5/wm-input.entry.js +1 -1
  110. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  111. package/dist/esm-es5/wm-modal-footer.entry.js +1 -1
  112. package/dist/esm-es5/wm-modal-header.entry.js +1 -1
  113. package/dist/esm-es5/wm-modal.entry.js +1 -1
  114. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  115. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  116. package/dist/esm-es5/wm-network-uploader.entry.js +1 -1
  117. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  118. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  119. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  120. package/dist/esm-es5/wm-search.entry.js +1 -1
  121. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  122. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  123. package/dist/esm-es5/wm-tag-input-row.entry.js +1 -1
  124. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  125. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  126. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  127. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  128. package/dist/esm-es5/wm-wrapper.entry.js +1 -1
  129. package/dist/ripple/p-0631be01.system.entry.js +1 -0
  130. package/dist/ripple/{p-a6317ac6.entry.js → p-06871476.entry.js} +1 -1
  131. package/dist/ripple/{p-5e109597.entry.js → p-0d9f70ab.entry.js} +1 -1
  132. package/dist/ripple/{p-6639cf6c.entry.js → p-11763c02.entry.js} +1 -1
  133. package/dist/ripple/p-185c3645.entry.js +1 -0
  134. package/dist/ripple/{p-42cd9ae6.entry.js → p-19773c40.entry.js} +1 -1
  135. package/dist/ripple/{p-69c802aa.entry.js → p-198f596b.entry.js} +1 -1
  136. package/dist/ripple/{p-2bbf689a.system.entry.js → p-20df08be.system.entry.js} +1 -1
  137. package/dist/ripple/p-24d9f6fe.entry.js +1 -0
  138. package/dist/ripple/p-25c1bd67.system.entry.js +1 -0
  139. package/dist/ripple/{p-77ea81c7.system.entry.js → p-26031cd0.system.entry.js} +1 -1
  140. package/dist/ripple/{p-936e078c.system.js → p-27efb4d0.system.js} +1 -1
  141. package/dist/ripple/{p-766a4a70.system.entry.js → p-2acf8af1.system.entry.js} +1 -1
  142. package/dist/ripple/{p-1cb7bdc5.entry.js → p-2ebac749.entry.js} +1 -1
  143. package/dist/ripple/p-30bf24f8.system.js +2 -0
  144. package/dist/ripple/{p-bde26da9.system.entry.js → p-3248c0fa.system.entry.js} +1 -1
  145. package/dist/ripple/p-364753eb.js +1 -0
  146. package/dist/ripple/p-39e17683.system.js +1 -0
  147. package/dist/ripple/{p-935eafa7.system.entry.js → p-3b50511c.system.entry.js} +1 -1
  148. package/dist/ripple/p-3c80bf67.entry.js +1 -0
  149. package/dist/ripple/{p-6f36e973.entry.js → p-3ec4ae19.entry.js} +1 -1
  150. package/dist/ripple/p-42aeb9bb.js +1 -0
  151. package/dist/ripple/{p-5d78937a.entry.js → p-4b59b16a.entry.js} +1 -1
  152. package/dist/ripple/{p-770f02d4.entry.js → p-50623da2.entry.js} +1 -1
  153. package/dist/ripple/p-50be6128.system.entry.js +1 -0
  154. package/dist/ripple/{p-f3ff86da.entry.js → p-535e7286.entry.js} +1 -1
  155. package/dist/ripple/{p-cabf1867.system.entry.js → p-53f5e969.system.entry.js} +1 -1
  156. package/dist/ripple/{p-0412d22d.system.entry.js → p-56d64283.system.entry.js} +1 -1
  157. package/dist/ripple/{p-d9268ba1.system.entry.js → p-5c1b2132.system.entry.js} +1 -1
  158. package/dist/ripple/{p-29960160.system.entry.js → p-5d592297.system.entry.js} +1 -1
  159. package/dist/ripple/{p-d4ebbe84.system.js → p-5e55eb56.system.js} +1 -1
  160. package/dist/ripple/{p-0872dd92.entry.js → p-697ba13b.entry.js} +1 -1
  161. package/dist/ripple/{p-b22858cd.entry.js → p-725c757a.entry.js} +1 -1
  162. package/dist/ripple/{p-24ac418e.system.entry.js → p-74a92541.system.entry.js} +1 -1
  163. package/dist/ripple/{p-fcbd4194.entry.js → p-7962f562.entry.js} +1 -1
  164. package/dist/ripple/{p-cd67e184.entry.js → p-7f722888.entry.js} +1 -1
  165. package/dist/ripple/{p-08e0007e.system.entry.js → p-80ca72ff.system.entry.js} +1 -1
  166. package/dist/ripple/{p-53b84f6d.entry.js → p-84e55d9e.entry.js} +1 -1
  167. package/dist/ripple/{p-0730d70d.system.entry.js → p-89bf36c8.system.entry.js} +1 -1
  168. package/dist/ripple/p-8ea68cb3.system.entry.js +1 -0
  169. package/dist/ripple/{p-7b91eba4.system.entry.js → p-8f273c5b.system.entry.js} +1 -1
  170. package/dist/ripple/{p-a7a9c931.entry.js → p-9cb8f41b.entry.js} +1 -1
  171. package/dist/ripple/{p-23a5adae.entry.js → p-9e29176c.entry.js} +1 -1
  172. package/dist/ripple/{p-6cc52a23.system.entry.js → p-a1e95b05.system.entry.js} +1 -1
  173. package/dist/ripple/{p-38b67301.entry.js → p-a52c5a1c.entry.js} +1 -1
  174. package/dist/ripple/{p-71ecba7e.system.entry.js → p-aae11e37.system.entry.js} +1 -1
  175. package/dist/ripple/{p-b111bc7d.entry.js → p-adf76148.entry.js} +1 -1
  176. package/dist/ripple/{p-765b53d8.system.entry.js → p-ae97bf6c.system.entry.js} +1 -1
  177. package/dist/ripple/p-b5bedd63.js +2 -0
  178. package/dist/ripple/{p-00850d97.entry.js → p-b982a342.entry.js} +1 -1
  179. package/dist/ripple/{p-e4f352fe.system.js → p-ba31d982.system.js} +1 -1
  180. package/dist/ripple/p-c1857a16.entry.js +1 -0
  181. package/dist/ripple/{p-d601c5a1.entry.js → p-c32d10f7.entry.js} +1 -1
  182. package/dist/ripple/{p-a9012b82.system.entry.js → p-c3915cfe.system.entry.js} +1 -1
  183. package/dist/ripple/{p-4d5e075b.system.entry.js → p-cab12cec.system.entry.js} +1 -1
  184. package/dist/ripple/{p-2b378ac6.js → p-cd7cc5c6.js} +1 -1
  185. package/dist/ripple/{p-0a846e45.entry.js → p-d72b00a0.entry.js} +1 -1
  186. package/dist/ripple/{p-f1aed810.system.entry.js → p-d8de670a.system.entry.js} +1 -1
  187. package/dist/ripple/{p-68f11410.entry.js → p-da01c531.entry.js} +1 -1
  188. package/dist/ripple/{p-4a58b0ff.system.entry.js → p-dd01929e.system.entry.js} +1 -1
  189. package/dist/ripple/{p-5da6b9ff.system.entry.js → p-e0f270e2.system.entry.js} +1 -1
  190. package/dist/ripple/{p-64abb6d9.system.entry.js → p-e882a31f.system.entry.js} +1 -1
  191. package/dist/ripple/{p-c459ef8e.entry.js → p-ec13e325.entry.js} +1 -1
  192. package/dist/ripple/{p-dc069d46.entry.js → p-ed3e41ed.entry.js} +1 -1
  193. package/dist/ripple/{p-458c1c0b.system.entry.js → p-f635c1ec.system.entry.js} +1 -1
  194. package/dist/ripple/{p-eb0d569a.system.entry.js → p-f865899a.system.entry.js} +1 -1
  195. package/dist/ripple/{p-fd0fc5e1.system.entry.js → p-f9539737.system.entry.js} +1 -1
  196. package/dist/ripple/{p-6628e036.system.entry.js → p-fbb44f76.system.entry.js} +1 -1
  197. package/dist/ripple/{p-74880dac.system.entry.js → p-fcdd9e03.system.entry.js} +1 -1
  198. package/dist/ripple/{p-1a7b1578.system.js → p-fd354e00.system.js} +1 -1
  199. package/dist/ripple/{p-6546dda7.entry.js → p-fd91cd58.entry.js} +1 -1
  200. package/dist/ripple/{p-f9e942f6.entry.js → p-fea4bc00.entry.js} +1 -1
  201. package/dist/ripple/{p-20495238.js → p-ff888d78.js} +1 -1
  202. package/dist/ripple/ripple.esm.js +1 -1
  203. package/dist/ripple/ripple.js +1 -1
  204. package/dist/types/components/wm-modal/wm-modal-footer.d.ts +0 -1
  205. package/dist/types/components/wm-modal/wm-modal-header.d.ts +0 -1
  206. package/dist/types/components/wm-modal/wm-modal.d.ts +4 -10
  207. package/package.json +1 -1
  208. package/dist/esm-es5/index-294d486f.js +0 -2
  209. package/dist/ripple/p-11b416c7.js +0 -2
  210. package/dist/ripple/p-16708229.js +0 -1
  211. package/dist/ripple/p-212d0c64.entry.js +0 -1
  212. package/dist/ripple/p-2b59a09f.entry.js +0 -1
  213. package/dist/ripple/p-4418858d.entry.js +0 -1
  214. package/dist/ripple/p-56747d40.system.entry.js +0 -1
  215. package/dist/ripple/p-5e005259.system.entry.js +0 -1
  216. package/dist/ripple/p-63466d04.entry.js +0 -1
  217. package/dist/ripple/p-89bc016a.js +0 -1
  218. package/dist/ripple/p-8a38e526.system.js +0 -1
  219. package/dist/ripple/p-8c6ffd70.system.entry.js +0 -1
  220. package/dist/ripple/p-c467a1e1.system.js +0 -2
  221. package/dist/ripple/p-c5942ad6.system.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,H as s,g as a,f as o}from"./p-11b416c7.js";import{d as r,g as n}from"./p-20495238.js";const h=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.tabSelected=e(this,"tabSelected",7),this.keydownOnTabItem=e(this,"keydownOnTabItem",7),this.tabItemLoaded=e(this,"tabItemLoaded",7),this.tabClicked=t=>{t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId}),this.tabSelected.emit({tabId:this.tabId})},this.tabPressed=t=>{const e=t.key;"Enter"===e||" "===e?(t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId}),this.tabSelected.emit({tabId:this.tabId})):e.includes("Arrow")&&(t.preventDefault(),this.keydownOnTabItem.emit({tabItem:this.el,key:t.key}))},this.selected=!1,this.show=!0,this.tabId=""}get parentTabList(){return this.el.parentElement}toggleTabbingOn(){this.linkEl&&this.linkEl.classList.add("user-is-tabbing")}toggleTabbingOff(){this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")}componentDidLoad(){this.tabItemLoaded.emit()}render(){let t=this.show?"":"hide ";t+=this.parentTabList&&"dark"==this.parentTabList.customBackground?"dark":"";let e={};const a=this.parentTabList&&this.parentTabList.customPadding;if(a){const t=2*parseInt(a,10)||0,i=a.split(/([0-9]+)/).pop();e={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":`calc(100% - ${t}${i}) 3px`}}return i(s,{role:"presentation"},i("li",{class:"tab-item",role:"presentation"},i("a",{class:`tab ${t}`,style:e,role:"tab",ref:t=>this.linkEl=t,onClick:this.tabClicked,id:`tab-link-${this.tabId}`,onKeyDown:t=>this.tabPressed(t),"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},i("slot",null))))}static get delegatesFocus(){return!0}get el(){return a(this)}};h.style=":host{font-family:inherit;display:inline-block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tab-item{list-style-type:none;height:100%;display:inline-block}:host .tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:inline-block;height:3.3333333333em;line-height:3.3333333333em;padding-right:1.5rem;padding-left:1.5rem}:host .tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;background:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) bottom/0 0 no-repeat;background:linear-gradient(currentColor, currentColor) bottom/0 0 no-repeat;background-size:calc(100% - 50px) 3px}:host .tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}:host .tab-item .tab,:host .tab-item .tab:hover,:host .tab-item .tab:active{outline:none}:host .tab-item .tab:focus{outline:none}:host .tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}:host .tab-item .tab.user-is-tabbing:focus:not(:active){outline:none;-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 .tab-item .tab.user-is-tabbing:focus:not(:active)::-moz-focus-inner{border:0}:host .tab-item .tab.user-is-tabbing:focus:not(:active).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.hide{display:none}";const b=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.tabSelected=e(this,"tabSelected",7),this.debouncedSetLayout=r((()=>{this.listWidth||this.setListWidth(),o(this.el)}),250),this.customBackground=void 0,this.customPadding=void 0,this.selectedTab=void 0,this.controllerEnabled=!1}get menuLayout(){return!!this.listWidth&&this.el.offsetWidth<this.listWidth-24}get tabItems(){return Array.from(this.el.querySelectorAll("wm-tab-item"))}get selectedTabItem(){return this.tabItems.filter((t=>t.selected))[0]}getLinkEl(t){return t.shadowRoot.querySelector("a")}get panels(){const t=Array.from(document.querySelectorAll("wm-tab-panel")),e=this.tabItems.map((t=>t.tabId));return t.filter((t=>e.includes(t.tabId)))}getPanel(t){return this.panels.find((e=>e.tabId===t))}setListWidth(){let t=this.tabItems.reduce(((t,e)=>t+e.offsetWidth),0);this.listWidth=t&&t>0?t:this.listWidth}setSelected(t){this.tabItems.map((e=>e.selected=e.tabId===t)),1===this.panels.length&&this.tabItems.length>1?(this.setAttributesOnPanel(this.panels[0],this.selectedTabItem),this.panels[0].active=!0):this.panels.map((e=>e.active=e.tabId===t))}showItems(){this.tabItems.map((t=>t.show=!0))}hideItems(){this.tabItems.map((t=>t.show=!1))}componentWillLoad(){this.el.focus=()=>{this.selectedTabItem&&this.selectedTabItem.focus()}}componentDidLoad(){this.setLayout(),this.setSelected(this.selectedTab||this.tabItems[0].tabId)}tabItemLoaded(t){this.setAriaOnPanelAndTab(t.target)}setAriaOnPanelAndTab(t){const e=this.getPanel(t.tabId);e?(this.setAttributesOnPanel(e,t),this.setAttributesOnTab(t,e)):1===this.panels.length&&this.setAttributesOnTab(t,this.panels[0])}setAttributesOnTab(t,e){const i=this.getLinkEl(t);i&&(i.setAttribute("aria-controls",e.id),i.setAttribute("href",`#${e.id}`))}removeAttributesOnTab(t){const e=this.getLinkEl(t);e&&(e.removeAttribute("aria-controls"),e.removeAttribute("href"))}setAttributesOnPanel(t,e){const i=this.getLinkEl(e);i&&(t.setAttribute("aria-labelledby",i.id),t.setAttribute("tab-id",e.tabId))}handleTabSelected(t){this.controllerEnabled&&this.setSelected(t.detail.tabId)}handleKeydown(t){const e=t.detail.key,i=this.tabItems.indexOf(t.detail.tabItem);"ArrowLeft"!==e&&"ArrowRight"!==e||this.handleLeftRightArrow(i,e)}handleLeftRightArrow(t,e){e&&(t="ArrowLeft"===e?t-1:t+1),t<0?t=this.tabItems.length-1:t===this.tabItems.length&&(t=0),this.getLinkEl(this.tabItems[t]).focus()}setLayout(){this.debouncedSetLayout()}renderMenuOrTabs(){if(this.menuLayout)return this.hideItems(),i("wm-select",{label:"Tab Selection","label-position":"none"},this.renderOptions());{this.showItems();let t={};return this.customPadding&&(t={"margin-left":"-"+this.customPadding}),i("ul",{class:`tabcontainer ${this.customBackground||""}`,style:t,role:"tablist"},i("slot",null))}}renderOptions(){return this.tabItems.map((t=>i("wm-option",{id:`tab-link-${t.tabId}`,selected:t.tabId===this.selectedTab,onClick:e=>{e.preventDefault(),this.wmTabSelected.emit({tabId:t.tabId}),this.tabSelected.emit({tabId:t.tabId})}},t.textContent)))}render(){return i(s,{class:this.menuLayout?"menu":""},this.renderMenuOrTabs())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{selectedTab:["setSelected"]}}};b.style=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;margin-left:-24px;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";const l=class{constructor(i){t(this,i),this.tabPanelLoaded=e(this,"tabPanelLoaded",7),this.active=!1,this.tabId=""}componentWillLoad(){!this.el.id&&this.el.setAttribute("id",n())}componentDidLoad(){this.tabPanelLoaded.emit({tabId:this.tabId})}toggleTabbingOn(){this.el.classList.add("user-is-tabbing")}toggleTabbingOff(){this.el.classList.remove("user-is-tabbing")}render(){return i(s,{role:"tabpanel",class:{"tab-hidden":!this.active}})}get el(){return a(this)}};l.style="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";export{h as wm_tab_item,b as wm_tab_list,l as wm_tab_panel}
1
+ import{r as t,c as e,h as i,H as s,g as a,f as o}from"./p-b5bedd63.js";import{d as r,g as n}from"./p-ff888d78.js";const h=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.tabSelected=e(this,"tabSelected",7),this.keydownOnTabItem=e(this,"keydownOnTabItem",7),this.tabItemLoaded=e(this,"tabItemLoaded",7),this.tabClicked=t=>{t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId}),this.tabSelected.emit({tabId:this.tabId})},this.tabPressed=t=>{const e=t.key;"Enter"===e||" "===e?(t.preventDefault(),this.wmTabSelected.emit({tabId:this.tabId}),this.tabSelected.emit({tabId:this.tabId})):e.includes("Arrow")&&(t.preventDefault(),this.keydownOnTabItem.emit({tabItem:this.el,key:t.key}))},this.selected=!1,this.show=!0,this.tabId=""}get parentTabList(){return this.el.parentElement}toggleTabbingOn(){this.linkEl&&this.linkEl.classList.add("user-is-tabbing")}toggleTabbingOff(){this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")}componentDidLoad(){this.tabItemLoaded.emit()}render(){let t=this.show?"":"hide ";t+=this.parentTabList&&"dark"==this.parentTabList.customBackground?"dark":"";let e={};const a=this.parentTabList&&this.parentTabList.customPadding;if(a){const t=2*parseInt(a,10)||0,i=a.split(/([0-9]+)/).pop();e={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":`calc(100% - ${t}${i}) 3px`}}return i(s,{role:"presentation"},i("li",{class:"tab-item",role:"presentation"},i("a",{class:`tab ${t}`,style:e,role:"tab",ref:t=>this.linkEl=t,onClick:this.tabClicked,id:`tab-link-${this.tabId}`,onKeyDown:t=>this.tabPressed(t),"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},i("slot",null))))}static get delegatesFocus(){return!0}get el(){return a(this)}};h.style=":host{font-family:inherit;display:inline-block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tab-item{list-style-type:none;height:100%;display:inline-block}:host .tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:inline-block;height:3.3333333333em;line-height:3.3333333333em;padding-right:1.5rem;padding-left:1.5rem}:host .tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;background:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) bottom/0 0 no-repeat;background:linear-gradient(currentColor, currentColor) bottom/0 0 no-repeat;background-size:calc(100% - 50px) 3px}:host .tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}:host .tab-item .tab,:host .tab-item .tab:hover,:host .tab-item .tab:active{outline:none}:host .tab-item .tab:focus{outline:none}:host .tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}:host .tab-item .tab.user-is-tabbing:focus:not(:active){outline:none;-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 .tab-item .tab.user-is-tabbing:focus:not(:active)::-moz-focus-inner{border:0}:host .tab-item .tab.user-is-tabbing:focus:not(:active).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.hide{display:none}";const b=class{constructor(i){t(this,i),this.wmTabSelected=e(this,"wmTabSelected",7),this.tabSelected=e(this,"tabSelected",7),this.debouncedSetLayout=r((()=>{this.listWidth||this.setListWidth(),o(this.el)}),250),this.customBackground=void 0,this.customPadding=void 0,this.selectedTab=void 0,this.controllerEnabled=!1}get menuLayout(){return!!this.listWidth&&this.el.offsetWidth<this.listWidth-24}get tabItems(){return Array.from(this.el.querySelectorAll("wm-tab-item"))}get selectedTabItem(){return this.tabItems.filter((t=>t.selected))[0]}getLinkEl(t){return t.shadowRoot.querySelector("a")}get panels(){const t=Array.from(document.querySelectorAll("wm-tab-panel")),e=this.tabItems.map((t=>t.tabId));return t.filter((t=>e.includes(t.tabId)))}getPanel(t){return this.panels.find((e=>e.tabId===t))}setListWidth(){let t=this.tabItems.reduce(((t,e)=>t+e.offsetWidth),0);this.listWidth=t&&t>0?t:this.listWidth}setSelected(t){this.tabItems.map((e=>e.selected=e.tabId===t)),1===this.panels.length&&this.tabItems.length>1?(this.setAttributesOnPanel(this.panels[0],this.selectedTabItem),this.panels[0].active=!0):this.panels.map((e=>e.active=e.tabId===t))}showItems(){this.tabItems.map((t=>t.show=!0))}hideItems(){this.tabItems.map((t=>t.show=!1))}componentWillLoad(){this.el.focus=()=>{this.selectedTabItem&&this.selectedTabItem.focus()}}componentDidLoad(){this.setLayout(),this.setSelected(this.selectedTab||this.tabItems[0].tabId)}tabItemLoaded(t){this.setAriaOnPanelAndTab(t.target)}setAriaOnPanelAndTab(t){const e=this.getPanel(t.tabId);e?(this.setAttributesOnPanel(e,t),this.setAttributesOnTab(t,e)):1===this.panels.length&&this.setAttributesOnTab(t,this.panels[0])}setAttributesOnTab(t,e){const i=this.getLinkEl(t);i&&(i.setAttribute("aria-controls",e.id),i.setAttribute("href",`#${e.id}`))}removeAttributesOnTab(t){const e=this.getLinkEl(t);e&&(e.removeAttribute("aria-controls"),e.removeAttribute("href"))}setAttributesOnPanel(t,e){const i=this.getLinkEl(e);i&&(t.setAttribute("aria-labelledby",i.id),t.setAttribute("tab-id",e.tabId))}handleTabSelected(t){this.controllerEnabled&&this.setSelected(t.detail.tabId)}handleKeydown(t){const e=t.detail.key,i=this.tabItems.indexOf(t.detail.tabItem);"ArrowLeft"!==e&&"ArrowRight"!==e||this.handleLeftRightArrow(i,e)}handleLeftRightArrow(t,e){e&&(t="ArrowLeft"===e?t-1:t+1),t<0?t=this.tabItems.length-1:t===this.tabItems.length&&(t=0),this.getLinkEl(this.tabItems[t]).focus()}setLayout(){this.debouncedSetLayout()}renderMenuOrTabs(){if(this.menuLayout)return this.hideItems(),i("wm-select",{label:"Tab Selection","label-position":"none"},this.renderOptions());{this.showItems();let t={};return this.customPadding&&(t={"margin-left":"-"+this.customPadding}),i("ul",{class:`tabcontainer ${this.customBackground||""}`,style:t,role:"tablist"},i("slot",null))}}renderOptions(){return this.tabItems.map((t=>i("wm-option",{id:`tab-link-${t.tabId}`,selected:t.tabId===this.selectedTab,onClick:e=>{e.preventDefault(),this.wmTabSelected.emit({tabId:t.tabId}),this.tabSelected.emit({tabId:t.tabId})}},t.textContent)))}render(){return i(s,{class:this.menuLayout?"menu":""},this.renderMenuOrTabs())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{selectedTab:["setSelected"]}}};b.style=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;margin-left:-24px;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";const l=class{constructor(i){t(this,i),this.tabPanelLoaded=e(this,"tabPanelLoaded",7),this.active=!1,this.tabId=""}componentWillLoad(){!this.el.id&&this.el.setAttribute("id",n())}componentDidLoad(){this.tabPanelLoaded.emit({tabId:this.tabId})}toggleTabbingOn(){this.el.classList.add("user-is-tabbing")}toggleTabbingOff(){this.el.classList.remove("user-is-tabbing")}render(){return i(s,{role:"tabpanel",class:{"tab-hidden":!this.active}})}get el(){return a(this)}};l.style="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";export{h as wm_tab_item,b as wm_tab_list,l as wm_tab_panel}
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,H as e,g as a,f as n}from"./p-11b416c7.js";import{i as s,z as r,h as c,s as l}from"./p-20495238.js";import{g as h}from"./p-2b378ac6.js";const g=class{constructor(o){t(this,o),this.wmNavigationStateChanged=i(this,"wmNavigationStateChanged",7),this.mainNavigationMessage=s.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"}),this.throttledRerender=r((()=>n(this.el)),50),this.open=!1,this.isTabbing=!1}get isCollapsible(){return window.innerWidth<1024}get ariaExpanded(){return this.isCollapsible?this.open.toString():void 0}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}closeOnEscape(t){"Escape"===t.key&&(this.open=!1)}handleWindowResize(){this.throttledRerender()}handleHamburgerClicked(){this.open=!this.open}handleClickOnItem(){this.open=!1}handleStateChange(){this.isCollapsible&&(this.wmNavigationStateChanged.emit(),this.open?this.expand():this.collapse())}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.el.focus=()=>{const t=this.open?this.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger"),i=this.el.querySelector("wm-navigation-item");this.isCollapsible?t.focus():i.focus()},this.isCollapsible&&this.open&&(this.wmNavigationStateChanged.emit(),this.expand())}redirectFocusFromBody(t){"BODY"!==document.activeElement.tagName||t.relatedTarget||this.el.focus()}expand(){document.body.tabIndex=0,document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),!0),setTimeout((()=>this.toggleEl.focus()),250)}collapse(){document.body.tabIndex=-1,document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));const t=document.querySelector("wm-navigation-hamburger");t&&t.focus()}focusLastItem(){const t=this.el.querySelectorAll("wm-navigation-item");Array.from(t).pop().focus()}renderOverlay(){return o("div",{class:"overlay",onClick:()=>{this.open=!1}})}render(){return o(e,{role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.focusLastItem()}),o("div",{class:"tray"},o("div",{class:"toggle-wrapper"},o("wm-button",{ref:t=>this.toggleEl=t,class:"toggle "+(this.isTabbing?"user-is-tabbing":""),"button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?h.close:h.open,"tooltip-position":"right",tabIndex:this.open?void 0:-1,onClick:()=>{this.open=!this.open}})),o("ul",{class:"navlist"},o("slot",null))),this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.toggleEl.focus()}))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{open:["handleStateChange"]}}};g.style=":host{--wmcolor-navigation-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-background-selected:var(--wmcolor-background-selected);--wmcolor-navigation-background:var(--wmcolor-background);--wmcolor-navigation-border-selected:var(--wmcolor-interactive);--wmcolor-navigation-focus:var(--wmcolor-interactive-focus);--wmcolor-navigation-icon-selected:var(--wmcolor-interactive);--wmcolor-navigation-icon:var(--wmcolor-text);--wmcolor-navigation-text-selected:var(--wmcolor-interactive);z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:var(--wmcolor-navigation-background);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";const d=class{constructor(o){t(this,o),this.wmNavigationHamburgerClicked=i(this,"wmNavigationHamburgerClicked",7),this.showNavMessage=s.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"}),this.navId=void 0,this.isTabbing=!1,this.open=!1}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleNavigationStateChanged(t){this.open=t.target.open}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.navId||console.error("wm-navigation-hamburger: nav-id is a required prop")}handleClick(){c(),this.wmNavigationHamburgerClicked.emit()}render(){return o(e,{class:"hamburger "+(this.open?"nav-open":"nav-closed")},o("button",{class:this.isTabbing?"user-is-tabbing":void 0,"aria-expanded":this.open,"aria-controls":this.navId,"aria-label":this.showNavMessage,onMouseEnter:()=>l("right",this.el,this.showNavMessage),onMouseLeave:()=>c(),onFocus:()=>this.isTabbing&&l("right",this.el,this.showNavMessage),onBlur:()=>c(),onClick:()=>this.handleClick()},o("span",{class:"icon"})))}static get delegatesFocus(){return!0}get el(){return a(this)}};d.style='button{--wmcolor-navigation-hamburger-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-hamburger-icon:var(--wmcolor-interactive);display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}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)}button.user-is-tabbing:focus::-moz-focus-inner{border:0}button:hover{background-color:var(--wmcolor-navigation-hamburger-background-hover)}.icon: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:"\\f35c";font-size:1.5rem;color:var(--wmcolor-navigation-hamburger-icon)}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';const m=class{constructor(o){t(this,o),this.wmNavigationItemClicked=i(this,"wmNavigationItemClicked",7),this.href=void 0,this.text=void 0,this.active=void 0,this.isTabbing=!1}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}render(){return o(e,{role:"listitem"},o("a",{class:`link ${this.active?"active":""} ${this.isTabbing?"user-is-tabbing":""}`,href:this.href,onClick:()=>this.wmNavigationItemClicked.emit()},o("div",{class:"icon","aria-hidden":"true"},o("slot",null)),o("div",{class:"text"},this.text)))}static get delegatesFocus(){return!0}get el(){return a(this)}};m.style='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative;background:var(--wmcolor-navigation-background)}.link:hover{background-color:var(--wmcolor-navigation-background-hover)}.link .icon{font-size:1.375rem;color:var(--wmcolor-navigation-icon)}.link .text{font-size:0.875rem}.link.user-is-tabbing:focus{-webkit-box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus);box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus)}.link.active{background-color:var(--wmcolor-navigation-background-selected)}.link.active:before{content:"";background-color:var(--wmcolor-navigation-border-selected);position:absolute;height:100%;width:5px;left:0}.link.active .text{color:var(--wmcolor-navigation-text-selected)}.link.active .icon{color:var(--wmcolor-navigation-icon-selected)}';export{g as wm_navigation,d as wm_navigation_hamburger,m as wm_navigation_item}
1
+ import{r as t,c as i,h as o,H as e,g as a,f as n}from"./p-b5bedd63.js";import{i as s,z as r,h as c,s as l}from"./p-ff888d78.js";import{g as h}from"./p-cd7cc5c6.js";const g=class{constructor(o){t(this,o),this.wmNavigationStateChanged=i(this,"wmNavigationStateChanged",7),this.mainNavigationMessage=s.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"}),this.throttledRerender=r((()=>n(this.el)),50),this.open=!1,this.isTabbing=!1}get isCollapsible(){return window.innerWidth<1024}get ariaExpanded(){return this.isCollapsible?this.open.toString():void 0}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}closeOnEscape(t){"Escape"===t.key&&(this.open=!1)}handleWindowResize(){this.throttledRerender()}handleHamburgerClicked(){this.open=!this.open}handleClickOnItem(){this.open=!1}handleStateChange(){this.isCollapsible&&(this.wmNavigationStateChanged.emit(),this.open?this.expand():this.collapse())}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.el.focus=()=>{const t=this.open?this.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger"),i=this.el.querySelector("wm-navigation-item");this.isCollapsible?t.focus():i.focus()},this.isCollapsible&&this.open&&(this.wmNavigationStateChanged.emit(),this.expand())}redirectFocusFromBody(t){"BODY"!==document.activeElement.tagName||t.relatedTarget||this.el.focus()}expand(){document.body.tabIndex=0,document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),!0),setTimeout((()=>this.toggleEl.focus()),250)}collapse(){document.body.tabIndex=-1,document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));const t=document.querySelector("wm-navigation-hamburger");t&&t.focus()}focusLastItem(){const t=this.el.querySelectorAll("wm-navigation-item");Array.from(t).pop().focus()}renderOverlay(){return o("div",{class:"overlay",onClick:()=>{this.open=!1}})}render(){return o(e,{role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.focusLastItem()}),o("div",{class:"tray"},o("div",{class:"toggle-wrapper"},o("wm-button",{ref:t=>this.toggleEl=t,class:"toggle "+(this.isTabbing?"user-is-tabbing":""),"button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?h.close:h.open,"tooltip-position":"right",tabIndex:this.open?void 0:-1,onClick:()=>{this.open=!this.open}})),o("ul",{class:"navlist"},o("slot",null))),this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.toggleEl.focus()}))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{open:["handleStateChange"]}}};g.style=":host{--wmcolor-navigation-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-background-selected:var(--wmcolor-background-selected);--wmcolor-navigation-background:var(--wmcolor-background);--wmcolor-navigation-border-selected:var(--wmcolor-interactive);--wmcolor-navigation-focus:var(--wmcolor-interactive-focus);--wmcolor-navigation-icon-selected:var(--wmcolor-interactive);--wmcolor-navigation-icon:var(--wmcolor-text);--wmcolor-navigation-text-selected:var(--wmcolor-interactive);z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:var(--wmcolor-navigation-background);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";const d=class{constructor(o){t(this,o),this.wmNavigationHamburgerClicked=i(this,"wmNavigationHamburgerClicked",7),this.showNavMessage=s.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"}),this.navId=void 0,this.isTabbing=!1,this.open=!1}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleNavigationStateChanged(t){this.open=t.target.open}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.navId||console.error("wm-navigation-hamburger: nav-id is a required prop")}handleClick(){c(),this.wmNavigationHamburgerClicked.emit()}render(){return o(e,{class:"hamburger "+(this.open?"nav-open":"nav-closed")},o("button",{class:this.isTabbing?"user-is-tabbing":void 0,"aria-expanded":this.open,"aria-controls":this.navId,"aria-label":this.showNavMessage,onMouseEnter:()=>l("right",this.el,this.showNavMessage),onMouseLeave:()=>c(),onFocus:()=>this.isTabbing&&l("right",this.el,this.showNavMessage),onBlur:()=>c(),onClick:()=>this.handleClick()},o("span",{class:"icon"})))}static get delegatesFocus(){return!0}get el(){return a(this)}};d.style='button{--wmcolor-navigation-hamburger-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-hamburger-icon:var(--wmcolor-interactive);display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}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)}button.user-is-tabbing:focus::-moz-focus-inner{border:0}button:hover{background-color:var(--wmcolor-navigation-hamburger-background-hover)}.icon: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:"\\f35c";font-size:1.5rem;color:var(--wmcolor-navigation-hamburger-icon)}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';const m=class{constructor(o){t(this,o),this.wmNavigationItemClicked=i(this,"wmNavigationItemClicked",7),this.href=void 0,this.text=void 0,this.active=void 0,this.isTabbing=!1}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn()}render(){return o(e,{role:"listitem"},o("a",{class:`link ${this.active?"active":""} ${this.isTabbing?"user-is-tabbing":""}`,href:this.href,onClick:()=>this.wmNavigationItemClicked.emit()},o("div",{class:"icon","aria-hidden":"true"},o("slot",null)),o("div",{class:"text"},this.text)))}static get delegatesFocus(){return!0}get el(){return a(this)}};m.style='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative;background:var(--wmcolor-navigation-background)}.link:hover{background-color:var(--wmcolor-navigation-background-hover)}.link .icon{font-size:1.375rem;color:var(--wmcolor-navigation-icon)}.link .text{font-size:0.875rem}.link.user-is-tabbing:focus{-webkit-box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus);box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus)}.link.active{background-color:var(--wmcolor-navigation-background-selected)}.link.active:before{content:"";background-color:var(--wmcolor-navigation-border-selected);position:absolute;height:100%;width:5px;left:0}.link.active .text{color:var(--wmcolor-navigation-text-selected)}.link.active .icon{color:var(--wmcolor-navigation-icon-selected)}';export{g as wm_navigation,d as wm_navigation_hamburger,m as wm_navigation_item}
@@ -0,0 +1 @@
1
+ var __awaiter=this&&this.__awaiter||function(e,o,t,r){function i(e){return e instanceof t?e:new t((function(o){o(e)}))}return new(t||(t=Promise))((function(t,n){function a(e){try{d(r.next(e))}catch(e){n(e)}}function l(e){try{d(r["throw"](e))}catch(e){n(e)}}function d(e){e.done?t(e.value):i(e.value).then(a,l)}d((r=r.apply(e,o||[])).next())}))};var __generator=this&&this.__generator||function(e,o){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,i,n,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(o){return d([e,o])}}function d(l){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(t=0)),t)try{if(r=1,i&&(n=l[0]&2?i["return"]:l[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,l[1])).done)return n;if(i=0,n)l=[l[0]&2,n.value];switch(l[0]){case 0:case 1:n=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!n||l[1]>n[0]&&l[1]<n[3])){t.label=l[1];break}if(l[0]===6&&t.label<n[1]){t.label=n[1];n=l;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(l);break}if(n[2])t.ops.pop();t.trys.pop();continue}l=o.call(e,t)}catch(e){l=[6,e];i=0}finally{r=n=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-30bf24f8.system.js","./p-5e55eb56.system.js"],(function(e){"use strict";var o,t,r,i,n;return{setters:[function(e){o=e.r;t=e.c;r=e.h;i=e.g},function(e){n=e.g}],execute:function(){var a="wm-modal{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay)}wm-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal dialog{overflow:hidden;padding:0;width:80vw;max-width:750px;max-height:80vh;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:none;background:var(--wmcolor-modal-background)}wm-modal dialog>:not(wm-modal-header):not(wm-modal-footer){max-height:calc(80vh - 166px)}wm-modal dialog::-webkit-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog[open]{-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);-moz-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal dialog.wm-modal>wm-modal-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal dialog.wm-modal>wm-modal-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal dialog.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal dialog.wm-modal>*{max-width:none;width:100vw}wm-modal dialog.wm-modal>*:not(wm-modal-header):not(wm-modal-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal dialog.wm-dialog>:not(wm-modal-header):not(wm-modal-footer):not(.wm-tooltip){padding:0 1.875rem 1.25rem 1.875rem;font-size:0.875rem;border:none}wm-modal wm-modal-header,wm-modal wm-modal-footer{padding:1.25rem 1.875rem;width:100%}wm-modal .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}";var l=e("wm_modal",function(){function e(e){o(this,e);this.focusLastElement=t(this,"focusLastElement",3);this.focusFirstElement=t(this,"focusFirstElement",3);this.wmModalCloseTriggered=t(this,"wmModalCloseTriggered",3);this.wmCloseTriggered=t(this,"wmCloseTriggered",7);this.wmModalPrimaryTriggered=t(this,"wmModalPrimaryTriggered",7);this.wmPrimaryTriggered=t(this,"wmPrimaryTriggered",7);this.wmModalSecondaryTriggered=t(this,"wmModalSecondaryTriggered",7);this.wmSecondaryTriggered=t(this,"wmSecondaryTriggered",7);this.open=false;this.isOpen=false;this.elementToFocus="";this.modalType=null;this.isTypeDialog=null;this.uid=undefined}Object.defineProperty(e.prototype,"tempOpen",{get:function(){return this.open||this.isOpen},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tempModalType",{get:function(){return this.modalType?this.modalType:this.isTypeDialog?"dialog":"modal"},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"focusOnOpenEl",{get:function(){var e=null;if(this.elementToFocus==="primary"||this.elementToFocus==="secondary"){e=this.el.querySelector("#wm-".concat(this.elementToFocus,"-").concat(this.uid))}else if(this.elementToFocus){e=this.el.querySelector("#"+this.elementToFocus);!e&&console.warn("Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus'. It will fall back to the default and focus the close button when the modal opens.")}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"hasBrowserPopoverSupport",{get:function(){var e=document.getElementById("wm-tooltip");return e?!!e.showPopover:false},enumerable:false,configurable:true});e.prototype.toggleModal=function(){this.tempOpen?this.showModal():this.hideModal()};e.prototype.handleDialogClose=function(){this.open=false};e.prototype.showModal=function(){this.setAriaDescribedbyOnModal();document.body.style.overflow="hidden";this.dialogEl.showModal();if(this.focusOnOpenEl){this.focusOnOpenEl.focus()}};e.prototype.hideModal=function(){document.body.style.overflow="visible";this.dialogEl.close()};e.prototype.componentWillLoad=function(){var e=this;if(this.isOpen){console.warn("wm-modal: is-open has been deprecated as of v3.1.0. Please use open instead.")}if(this.isTypeDialog){console.warn("wm-modal: is-type-dialog has been deprecated as of v3.1.0. Please use modal-type instead.")}if(this.elementToFocus==="primary"||this.elementToFocus==="secondary"){if(!this.el.id){console.error("You are telling the modal to focus an element in the footer when it opens. That's fine! But when you do that, you also need to give the wm-modal-wrapper an ID and set the ID of the modal body to 'content-[id of wm-modal-wrapper]. This is for accessibility purposes.")}}this.el.focus=function(){if(e.focusOnOpenEl){e.focusOnOpenEl.focus()}else{var o=e.el.querySelector("#wm-modal-close-".concat(e.uid));o.focus()}};this.uid=this.el.id?this.el.id:n()};e.prototype.componentDidLoad=function(){var e=this;if(this.tempOpen){this.showModal()}this.dialogEl.addEventListener("close",(function(){return e.handleDialogClose()}))};e.prototype.emitCloseEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.wmModalCloseTriggered.emit();this.wmCloseTriggered.emit();return[2]}))}))};e.prototype.emitPrimaryEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.wmModalPrimaryTriggered.emit();this.wmPrimaryTriggered.emit();return[2]}))}))};e.prototype.emitSecondaryEvent=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.wmModalSecondaryTriggered.emit();this.wmSecondaryTriggered.emit();return[2]}))}))};e.prototype.setAriaDescribedbyOnModal=function(){var e=document.getElementById("content-".concat(this.uid));if(!e){console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}else{this.el.setAttribute("aria-describedby","wm-modal-heading-text-".concat(this.uid," content-").concat(this.uid))}};e.prototype.render=function(){var e=this;return r("dialog",{class:"".concat("wm-"+this.modalType),ref:function(o){return e.dialogEl=o}},!this.hasBrowserPopoverSupport&&r("div",{class:"wm-tooltip"}),r("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["toggleModal"],isOpen:["toggleModal"]}},enumerable:false,configurable:true});return e}());l.style=a}}}));
@@ -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,a as h,b as l,j as p}from"./p-20495238.js";import{g as d}from"./p-2b378ac6.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-b5bedd63.js";import{i as o,t as a,g as n,a as h,b as l,j as p}from"./p-ff888d78.js";import{g as d}from"./p-cd7cc5c6.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 +1 @@
1
- System.register(["./p-c467a1e1.system.js","./p-d4ebbe84.system.js","./p-936e078c.system.js"],(function(e){"use strict";var t,n,o,i,a,r,s,c,l,u,g;return{setters:[function(e){t=e.r;n=e.c;o=e.h;i=e.H;a=e.g;r=e.f},function(e){s=e.i;c=e.z;l=e.h;u=e.s},function(e){g=e.g}],execute:function(){var d=":host{--wmcolor-navigation-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-background-selected:var(--wmcolor-background-selected);--wmcolor-navigation-background:var(--wmcolor-background);--wmcolor-navigation-border-selected:var(--wmcolor-interactive);--wmcolor-navigation-focus:var(--wmcolor-interactive-focus);--wmcolor-navigation-icon-selected:var(--wmcolor-interactive);--wmcolor-navigation-icon:var(--wmcolor-text);--wmcolor-navigation-text-selected:var(--wmcolor-interactive);z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:var(--wmcolor-navigation-background);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";var b=e("wm_navigation",function(){function e(e){var o=this;t(this,e);this.wmNavigationStateChanged=n(this,"wmNavigationStateChanged",7);this.mainNavigationMessage=s.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"});this.throttledRerender=c((function(){return r(o.el)}),50);this.open=false;this.isTabbing=false}Object.defineProperty(e.prototype,"isCollapsible",{get:function(){return window.innerWidth<1024},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ariaExpanded",{get:function(){return this.isCollapsible?this.open.toString():undefined},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.closeOnEscape=function(e){if(e.key==="Escape"){this.open=false}};e.prototype.handleWindowResize=function(){this.throttledRerender()};e.prototype.handleHamburgerClicked=function(){this.open=!this.open};e.prototype.handleClickOnItem=function(){this.open=false};e.prototype.handleStateChange=function(){if(this.isCollapsible){this.wmNavigationStateChanged.emit();this.open?this.expand():this.collapse()}};e.prototype.componentWillLoad=function(){var e=this;if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}this.el.focus=function(){var t=e.open?e.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger");var n=e.el.querySelector("wm-navigation-item");e.isCollapsible?t.focus():n.focus()};if(this.isCollapsible&&this.open){this.wmNavigationStateChanged.emit();this.expand()}};e.prototype.redirectFocusFromBody=function(e){if(document.activeElement.tagName==="BODY"&&!e.relatedTarget){this.el.focus()}};e.prototype.expand=function(){var e=this;document.body.tabIndex=0;document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),true);setTimeout((function(){return e.toggleEl.focus()}),250)};e.prototype.collapse=function(){document.body.tabIndex=-1;document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));var e=document.querySelector("wm-navigation-hamburger");if(e)e.focus()};e.prototype.focusLastItem=function(){var e=this.el.querySelectorAll("wm-navigation-item");var t=Array.from(e).pop();t.focus()};e.prototype.renderOverlay=function(){var e=this;return o("div",{class:"overlay",onClick:function(){e.open=false}})};e.prototype.render=function(){var e=this;return o(i,{role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return e.focusLastItem()}}),o("div",{class:"tray"},o("div",{class:"toggle-wrapper"},o("wm-button",{ref:function(t){return e.toggleEl=t},class:"toggle ".concat(this.isTabbing?"user-is-tabbing":""),"button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?g.close:g.open,"tooltip-position":"right",tabIndex:this.open?undefined:-1,onClick:function(){e.open=!e.open}})),o("ul",{class:"navlist"},o("slot",null))),this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return e.toggleEl.focus()}}))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleStateChange"]}},enumerable:false,configurable:true});return e}());b.style=d;var f='button{--wmcolor-navigation-hamburger-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-hamburger-icon:var(--wmcolor-interactive);display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}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)}button.user-is-tabbing:focus::-moz-focus-inner{border:0}button:hover{background-color:var(--wmcolor-navigation-hamburger-background-hover)}.icon: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:"\\f35c";font-size:1.5rem;color:var(--wmcolor-navigation-hamburger-icon)}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';var p=e("wm_navigation_hamburger",function(){function e(e){t(this,e);this.wmNavigationHamburgerClicked=n(this,"wmNavigationHamburgerClicked",7);this.showNavMessage=s.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"});this.navId=undefined;this.isTabbing=false;this.open=false}e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleNavigationStateChanged=function(e){this.open=e.target.open};e.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}if(!this.navId){console.error("wm-navigation-hamburger: nav-id is a required prop")}};e.prototype.handleClick=function(){l();this.wmNavigationHamburgerClicked.emit()};e.prototype.render=function(){var e=this;return o(i,{class:"hamburger ".concat(this.open?"nav-open":"nav-closed")},o("button",{class:this.isTabbing?"user-is-tabbing":undefined,"aria-expanded":this.open,"aria-controls":this.navId,"aria-label":this.showNavMessage,onMouseEnter:function(){return u("right",e.el,e.showNavMessage)},onMouseLeave:function(){return l()},onFocus:function(){return e.isTabbing&&u("right",e.el,e.showNavMessage)},onBlur:function(){return l()},onClick:function(){return e.handleClick()}},o("span",{class:"icon"})))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());p.style=f;var h='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative;background:var(--wmcolor-navigation-background)}.link:hover{background-color:var(--wmcolor-navigation-background-hover)}.link .icon{font-size:1.375rem;color:var(--wmcolor-navigation-icon)}.link .text{font-size:0.875rem}.link.user-is-tabbing:focus{-webkit-box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus);box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus)}.link.active{background-color:var(--wmcolor-navigation-background-selected)}.link.active:before{content:"";background-color:var(--wmcolor-navigation-border-selected);position:absolute;height:100%;width:5px;left:0}.link.active .text{color:var(--wmcolor-navigation-text-selected)}.link.active .icon{color:var(--wmcolor-navigation-icon-selected)}';var m=e("wm_navigation_item",function(){function e(e){t(this,e);this.wmNavigationItemClicked=n(this,"wmNavigationItemClicked",7);this.href=undefined;this.text=undefined;this.active=undefined;this.isTabbing=false}e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};e.prototype.render=function(){var e=this;return o(i,{role:"listitem"},o("a",{class:"link ".concat(this.active?"active":""," ").concat(this.isTabbing?"user-is-tabbing":""),href:this.href,onClick:function(){return e.wmNavigationItemClicked.emit()}},o("div",{class:"icon","aria-hidden":"true"},o("slot",null)),o("div",{class:"text"},this.text)))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());m.style=h}}}));
1
+ System.register(["./p-30bf24f8.system.js","./p-5e55eb56.system.js","./p-27efb4d0.system.js"],(function(e){"use strict";var t,n,o,i,a,r,s,c,l,u,g;return{setters:[function(e){t=e.r;n=e.c;o=e.h;i=e.H;a=e.g;r=e.f},function(e){s=e.i;c=e.z;l=e.h;u=e.s},function(e){g=e.g}],execute:function(){var d=":host{--wmcolor-navigation-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-background-selected:var(--wmcolor-background-selected);--wmcolor-navigation-background:var(--wmcolor-background);--wmcolor-navigation-border-selected:var(--wmcolor-interactive);--wmcolor-navigation-focus:var(--wmcolor-interactive-focus);--wmcolor-navigation-icon-selected:var(--wmcolor-interactive);--wmcolor-navigation-icon:var(--wmcolor-text);--wmcolor-navigation-text-selected:var(--wmcolor-interactive);z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:var(--wmcolor-navigation-background);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";var b=e("wm_navigation",function(){function e(e){var o=this;t(this,e);this.wmNavigationStateChanged=n(this,"wmNavigationStateChanged",7);this.mainNavigationMessage=s.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"});this.throttledRerender=c((function(){return r(o.el)}),50);this.open=false;this.isTabbing=false}Object.defineProperty(e.prototype,"isCollapsible",{get:function(){return window.innerWidth<1024},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ariaExpanded",{get:function(){return this.isCollapsible?this.open.toString():undefined},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.closeOnEscape=function(e){if(e.key==="Escape"){this.open=false}};e.prototype.handleWindowResize=function(){this.throttledRerender()};e.prototype.handleHamburgerClicked=function(){this.open=!this.open};e.prototype.handleClickOnItem=function(){this.open=false};e.prototype.handleStateChange=function(){if(this.isCollapsible){this.wmNavigationStateChanged.emit();this.open?this.expand():this.collapse()}};e.prototype.componentWillLoad=function(){var e=this;if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}this.el.focus=function(){var t=e.open?e.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger");var n=e.el.querySelector("wm-navigation-item");e.isCollapsible?t.focus():n.focus()};if(this.isCollapsible&&this.open){this.wmNavigationStateChanged.emit();this.expand()}};e.prototype.redirectFocusFromBody=function(e){if(document.activeElement.tagName==="BODY"&&!e.relatedTarget){this.el.focus()}};e.prototype.expand=function(){var e=this;document.body.tabIndex=0;document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),true);setTimeout((function(){return e.toggleEl.focus()}),250)};e.prototype.collapse=function(){document.body.tabIndex=-1;document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));var e=document.querySelector("wm-navigation-hamburger");if(e)e.focus()};e.prototype.focusLastItem=function(){var e=this.el.querySelectorAll("wm-navigation-item");var t=Array.from(e).pop();t.focus()};e.prototype.renderOverlay=function(){var e=this;return o("div",{class:"overlay",onClick:function(){e.open=false}})};e.prototype.render=function(){var e=this;return o(i,{role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return e.focusLastItem()}}),o("div",{class:"tray"},o("div",{class:"toggle-wrapper"},o("wm-button",{ref:function(t){return e.toggleEl=t},class:"toggle ".concat(this.isTabbing?"user-is-tabbing":""),"button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?g.close:g.open,"tooltip-position":"right",tabIndex:this.open?undefined:-1,onClick:function(){e.open=!e.open}})),o("ul",{class:"navlist"},o("slot",null))),this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return e.toggleEl.focus()}}))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleStateChange"]}},enumerable:false,configurable:true});return e}());b.style=d;var f='button{--wmcolor-navigation-hamburger-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-hamburger-icon:var(--wmcolor-interactive);display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}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)}button.user-is-tabbing:focus::-moz-focus-inner{border:0}button:hover{background-color:var(--wmcolor-navigation-hamburger-background-hover)}.icon: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:"\\f35c";font-size:1.5rem;color:var(--wmcolor-navigation-hamburger-icon)}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';var p=e("wm_navigation_hamburger",function(){function e(e){t(this,e);this.wmNavigationHamburgerClicked=n(this,"wmNavigationHamburgerClicked",7);this.showNavMessage=s.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"});this.navId=undefined;this.isTabbing=false;this.open=false}e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleNavigationStateChanged=function(e){this.open=e.target.open};e.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}if(!this.navId){console.error("wm-navigation-hamburger: nav-id is a required prop")}};e.prototype.handleClick=function(){l();this.wmNavigationHamburgerClicked.emit()};e.prototype.render=function(){var e=this;return o(i,{class:"hamburger ".concat(this.open?"nav-open":"nav-closed")},o("button",{class:this.isTabbing?"user-is-tabbing":undefined,"aria-expanded":this.open,"aria-controls":this.navId,"aria-label":this.showNavMessage,onMouseEnter:function(){return u("right",e.el,e.showNavMessage)},onMouseLeave:function(){return l()},onFocus:function(){return e.isTabbing&&u("right",e.el,e.showNavMessage)},onBlur:function(){return l()},onClick:function(){return e.handleClick()}},o("span",{class:"icon"})))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());p.style=f;var h='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative;background:var(--wmcolor-navigation-background)}.link:hover{background-color:var(--wmcolor-navigation-background-hover)}.link .icon{font-size:1.375rem;color:var(--wmcolor-navigation-icon)}.link .text{font-size:0.875rem}.link.user-is-tabbing:focus{-webkit-box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus);box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px var(--wmcolor-navigation-focus)}.link.active{background-color:var(--wmcolor-navigation-background-selected)}.link.active:before{content:"";background-color:var(--wmcolor-navigation-border-selected);position:absolute;height:100%;width:5px;left:0}.link.active .text{color:var(--wmcolor-navigation-text-selected)}.link.active .icon{color:var(--wmcolor-navigation-icon-selected)}';var m=e("wm_navigation_item",function(){function e(e){t(this,e);this.wmNavigationItemClicked=n(this,"wmNavigationItemClicked",7);this.href=undefined;this.text=undefined;this.active=undefined;this.isTabbing=false}e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};e.prototype.render=function(){var e=this;return o(i,{role:"listitem"},o("a",{class:"link ".concat(this.active?"active":""," ").concat(this.isTabbing?"user-is-tabbing":""),href:this.href,onClick:function(){return e.wmNavigationItemClicked.emit()}},o("div",{class:"icon","aria-hidden":"true"},o("slot",null)),o("div",{class:"text"},this.text)))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());m.style=h}}}));
@@ -1 +1 @@
1
- System.register(["./p-c467a1e1.system.js"],(function(e){"use strict";var t,r,n;return{setters:[function(e){t=e.r;r=e.c;n=e.g}],execute:function(){var o=e("wm_wrapper",function(){function e(e){t(this,e);this.wmWrapperLoaded=r(this,"wmWrapperLoaded",7)}e.prototype.componentDidLoad=function(){this.wmWrapperLoaded.emit()};e.prototype.render=function(){return};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}())}}}));
1
+ System.register(["./p-30bf24f8.system.js"],(function(e){"use strict";var t,r,n;return{setters:[function(e){t=e.r;r=e.c;n=e.g}],execute:function(){var o=e("wm_wrapper",function(){function e(e){t(this,e);this.wmWrapperLoaded=r(this,"wmWrapperLoaded",7)}e.prototype.componentDidLoad=function(){this.wmWrapperLoaded.emit()};e.prototype.render=function(){return};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}())}}}));
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function a(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?i(t.value):r(t.value).then(a,s)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(n=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(s[0]===6&&i.label<o[1]){i.label=o[1];o=s;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(s);break}if(o[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];r=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-c467a1e1.system.js","./p-d4ebbe84.system.js","./p-e4f352fe.system.js","./p-936e078c.system.js"],(function(t){"use strict";var e,i,n,r,o,a,s,l,c,h,p,d,u,v,f,g;return{setters:[function(t){e=t.r;i=t.f;n=t.h;r=t.H;o=t.g},function(t){a=t.d;s=t.A;l=t.u;c=t.B;h=t.C;p=t.D},function(t){d=t.m;u=t.n},function(t){v=t.l;f=t.c;g=t.g}],execute:function(){var x=':host{--wmcolor-linechart-currentposition:var(--wmcolor-lavender);--wmcolor-linechart-delta-text-negative:var(--wmcolor-text-negative);--wmcolor-linechart-delta-text-positive:var(--wmcolor-text-positive);--wmcolor-linechart-gridline:var(--wmcolor-chart-gridline);--wmcolor-linechart-highlight-background:var(--wmcolor-background-highlight);--wmcolor-linechart-popover-background:var(--wmcolor-chart-popover-background);display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .icon: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:var(--icon);padding:0 3px;z-index:1}:host .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);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:var(--icon);z-index:0}:host .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval{text-align:right}:host .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child{text-align:right}:host .x-intervals .x-interval.hidden{visibility:hidden}:host .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, var(--wmcolor-linechart-gridline) 1px, transparent 1px);border-bottom:1px solid var(--wmcolor-linechart-gridline);background-size:var(--backgroundSize)}:host .plot-area.right-border{border-right:1px solid var(--wmcolor-linechart-gridline)}:host .line{position:absolute;width:100%;height:100%}:host .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before{-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);border-radius:3px}:host .line .icon:focus:before::-moz-focus-inner{border:0}:host .line .line-svg{height:100%;width:100%}:host .line.faded{opacity:0.3}:host .line.focused{z-index:1}:host .line.hidden{visibility:hidden}:host .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;border:1px solid var(--wmcolor-linechart-currentposition);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:var(--wmcolor-linechart-popover-background);position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x{margin-left:4px}:host .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive{color:var(--wmcolor-linechart-delta-text-positive)}:host .popover .popover-table .popover-row .delta.--negative{color:var(--wmcolor-linechart-delta-text-negative)}:host .highlight{position:absolute;height:100%;background-color:color-mix(in srgb, var(--wmcolor-linechart-highlight-background) 60%, transparent);left:var(--startPercentage);right:var(--endPercentage)}: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}';var b=t("wm_line_chart",function(){function t(t){var i=this;e(this,t);this.minTickWidth=120;this.popoverData=[];this.focusedDataPoint=[0,0];this.dataPointMatrix=[];this.xIntervals=[];this.displayedXIntervals=[];this.yIntervals=[];this.lineStyles=[{color:"#8b86ca",icon:"f536"},{color:"#2e1b46",icon:"f12f"},{color:"#0089e4",icon:"f763"},{color:"#088000",icon:"f4ce"},{color:"#ea8500",icon:"f70a"},{color:"#d54f41",icon:"f536"},{color:"#146ca9",icon:"f6ff"}];this.debouncedResize=a((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){this.displayedXIntervals=this.determineDisplayedXIntervals();return[2]}))}))}),100);this.label=undefined;this.description="";this.xAxisLabel=undefined;this.yAxisLabel=undefined;this.lineData=undefined;this.units="null,null";this.labelWidth="120px";this.highlightQualifier="highlighted";this.highlightStart=undefined;this.highlightEnd=undefined;this.visibilityToggles=false;this.showDeltas=false;this.yRange=undefined;this.parsedLineData={};this.displayedPopover=-1;this.focusedLine=-1;this.hiddenLines=[];this.isTabbing=false;this.intervalSkip=0;this.announcement=""}t.prototype.parseData=function(){var t=this;this.parsedLineData=JSON.parse(this.lineData);this.yIntervals=this.calcYIntervals().reverse();this.xIntervals=Object.keys(Object.values(this.parsedLineData)[0]);this.displayedXIntervals=this.determineDisplayedXIntervals();this.dataPointMatrix=Object.entries(this.parsedLineData).map((function(e){return t.buildLineDataPointDetails(e[0],e[1])}));this.popoverData=s(this.dataPointMatrix)};t.prototype.handleIntervalSkip=function(){this.parseData()};Object.defineProperty(t.prototype,"hasPartialInterval",{get:function(){return this.intervalSkip>0&&this.xIntervals.length%2===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parsedUnits",{get:function(){return l(this.units).map((function(t){return t==="null"?null:t}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"visibilityToggleEls",{get:function(){return this.legendEl.querySelectorAll("wm-button")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"lineEls",{get:function(){return this.plotAreaEl.querySelectorAll(".line")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstVisibleLineIdx",{get:function(){var t=0;while(this.hiddenLines.includes(t)){t++}return t<this.dataPointMatrix.length?t:-1},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.componentWillLoad=function(){this.parseData()};t.prototype.componentDidLoad=function(){var t=this;var e=new ResizeObserver((function(){return t.debouncedResize()}));e.observe(this.el)};t.prototype.handleVisibilityToggleKeydown=function(t,e){switch(t.key){case"Tab":if(!t.shiftKey&&this.firstVisibleLineIdx!==-1){t.preventDefault();this.announce(this.lineFocusMessage(this.firstVisibleLineIdx));this.focusDataPoint(this.firstVisibleLineIdx,0)}break;case"ArrowUp":case"ArrowLeft":t.preventDefault();var i=c(e,-1,this.dataPointMatrix.length-1);this.visibilityToggleEls[i].focus();break;case"ArrowDown":case"ArrowRight":t.preventDefault();var n=c(e,1,this.dataPointMatrix.length-1);this.visibilityToggleEls[n].focus();break}};t.prototype.handleDataPointKeydown=function(t){var e=this.focusedDataPoint,i=e[0],n=e[1];var r=this.lineEls[i].querySelectorAll(".point").length;var o=this.dataPointMatrix.length;switch(t.key){case"Tab":if(t.shiftKey&&this.visibilityToggles){t.preventDefault();this.visibilityToggleEls[0].focus()}break;case"ArrowUp":t.preventDefault();var a=i;do{a=c(a,-1,o-1)}while(this.hiddenLines.includes(a));this.announce(this.lineFocusMessage(a));this.focusDataPoint(a,n);break;case"ArrowDown":t.preventDefault();var s=i;do{s=c(s,1,o-1)}while(this.hiddenLines.includes(s));this.announce(this.lineFocusMessage(s));this.focusDataPoint(s,n);break;case"ArrowLeft":t.preventDefault();var l=c(n,-1,r-1);this.focusDataPoint(i,l);break;case"ArrowRight":t.preventDefault();var h=c(n,1,r-1);this.focusDataPoint(i,h);break}};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.announcement=t};t.prototype.lineFocusMessage=function(t){var e=this.dataPointMatrix[t][0].lineLabel;var i=this.dataPointMatrix[t].filter((function(t){return t.yValue!==null})).length;return"".concat(e,", line ").concat(t+1," of ").concat(this.dataPointMatrix.length," with ").concat(i," data points")};t.prototype.focusDataPoint=function(t,e){var i=this.lineEls[t];var n=i.querySelectorAll(".point")[e];var r=this.plotAreaEl.querySelectorAll(".point");r.forEach((function(t){return t.tabIndex=-1}));n.tabIndex=0;n.focus();this.focusedDataPoint=[t,e]};t.prototype.focusDataPointByEl=function(t){var e=parseInt(t.dataset.lineidx);var i=Array.from(t.parentElement.querySelectorAll(".point")).indexOf(t);var n=this.plotAreaEl.querySelectorAll(".point");n.forEach((function(t){return t.tabIndex=-1}));t.tabIndex=0;t.focus();this.focusedDataPoint=[e,i]};t.prototype.calcYIntervals=function(){var t=[];if(this.yRange){t=l(this.yRange).map((function(t){return parseInt(t)}))}else{var e=[];var i=Object.values(this.parsedLineData).flat();i.forEach((function(t){return e.push.apply(e,Object.values(t))}));var n=e.filter((function(t){return t!==null}));var r=Math.min.apply(Math,n);var o=Math.max.apply(Math,n);var a=u(o-r,4);var s=a;while(r%a!==0&&s>0){r--;s--}a=u(o-r,4);var c=r;while(c<=o+a){t.push(c);c+=a}}return t};t.prototype.determineDisplayedXIntervals=function(){var t=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?Math.round(this.plotAreaEl.clientWidth/this.minTickWidth):this.xIntervals.length;var e=h(this.xIntervals,t),i=e.skipInterval,n=e.skippedList;this.intervalSkip=i;return n};t.prototype.buildLineDataPointDetails=function(t,e){var i=this;var n=[];var r=Object.entries(e);var o;r.forEach((function(e,a){var s=e[0],l=e[1];var c=100/(r.length-1)*a;var h=l===null?null:100-p(l,i.yIntervals[i.yIntervals.length-1],i.yIntervals[0]);if(a===0){c+=i.plotAreaEl&&i.plotAreaEl.clientWidth>0?8/i.plotAreaEl.clientWidth*100:1}if(s===i.highlightStart&&!o){o=true}n.push({lineLabel:t,xValue:s,yValue:l,xPositionPercent:c,yPositionPercent:h,highlighted:o});if(s===i.highlightEnd&&o){o=false}}));return n};t.prototype.toggleLineVisibility=function(t){if(this.hiddenLines.includes(t)){this.hiddenLines=this.hiddenLines.filter((function(e){return e!==t}))}else{this.hiddenLines.push(t)}i(this.el)};t.prototype.resetDataPointFocus=function(){this.displayedPopover=-1;var t=this.plotAreaEl.querySelectorAll(".point");t.forEach((function(t){return t.tabIndex=-1}));if(this.firstVisibleLineIdx!==-1){var e=this.lineEls[this.firstVisibleLineIdx];var i=e.querySelectorAll(".point")[0];i.tabIndex=0;this.focusedDataPoint=[this.firstVisibleLineIdx,0]}};t.prototype.calcDelta=function(t,e){var i;if(t.yValue===null||e.yValue===null){i=v.noData}else if(t.yValue==e.yValue){i="0%"}else if(e.yValue==0){i="-"}else{var n=(t.yValue-e.yValue)/e.yValue*100;var r=Math.round(n*100)/100;i="".concat(r>0?"+":"").concat(r,"%")}return i};t.prototype.renderLegend=function(){var t=this;var e=Object.keys(this.parsedLineData);return n("div",{ref:function(e){return t.legendEl=e},class:"legend"},e.map((function(e,i){var r=t.hiddenLines.includes(i);var o=t.focusedLine!==-1&&t.focusedLine!==i;return n("div",{id:"legend-label-".concat(i),class:"legend-label ".concat(o?"faded":""),onMouseEnter:function(){return t.focusedLine=r?-1:i},onMouseLeave:function(){return t.focusedLine=-1}},t.renderIcon(i),e,t.visibilityToggles&&t.renderVisibilityToggle(e,i,r))})))};t.prototype.renderVisibilityToggle=function(t,e,i){var r=this;return n("wm-button",{id:"visibility-button-".concat(e),class:"visibility-toggle","label-for-identical-buttons":"".concat(e===0?"Toggle line visibility list with ".concat(this.dataPointMatrix.length," items"):""," ").concat(i?g.show:g.hide," ").concat(t," toggle ").concat(i?"pressed":""),"button-type":"navigational",tooltip:i?g.show:g.hide,tooltipPosition:"bottom",icon:i?"f209":"f208",onClick:function(){return r.toggleLineVisibility(e)},onKeyDown:function(t){return r.handleVisibilityToggleKeydown(t,e)},onFocus:function(){return r.displayedPopover=-1}})};t.prototype.renderIcon=function(t){var e=this.lineStyles[t],i=e.color,r=e.icon;var o={"--iconColor":i,"--icon":'"\\'.concat(r,'"'),"--translation":t===5?"rotate(180deg)":"unset"};return n("span",{class:"icon",style:o})};t.prototype.renderXIntervals=function(){var t=this;var e={"--columns":".5fr repeat(".concat(this.xIntervals.length-2,", 1fr) .5fr")};return n("div",{class:"x-intervals",style:e},this.xIntervals.map((function(e){return n("span",{class:"x-interval ".concat(t.displayedXIntervals.includes(e)?"":"hidden")},e)})))};t.prototype.renderYIntervals=function(){var t=this;return n("div",{ref:function(e){return t.yIntervalsEl=e},class:"y-intervals"},this.yIntervals.map((function(t){return n("span",{class:"y-interval"},d(t))})))};t.prototype.renderData=function(){var t=this;return this.dataPointMatrix.map((function(e,i){var r=t.focusedLine===i?"focused":"faded";var o=t.hiddenLines.includes(i);return n("div",{class:"line ".concat(t.focusedLine!==-1?r:""," ").concat(o?"hidden":"")},t.renderLines(i),t.renderPoints(i))}))};t.prototype.renderPoints=function(t){var e=this;var i=this.dataPointMatrix[t];return n("div",{class:"line-icons"},i.map((function(r,o){var a=r.lineLabel,s=r.xValue,l=r.yValue,c=r.xPositionPercent,h=r.yPositionPercent,p=r.highlighted;if(l!==null){var d=e.lineStyles[t],u=d.color,f=d.icon;var g=t===0&&o===0?0:undefined;var x={"--icon":'"\\'.concat(f,'"'),"--iconColor":u,"--xPosition":c+"%","--yPosition":h+"%","--translation":t===5?"translate(-50%, -50%) rotate(180deg)":"translate(-50%, -50%)"};var b="".concat(a," ").concat(p?e.highlightQualifier:""," ").concat(e.xAxisLabel," ").concat(s+(e.parsedUnits[0]?e.parsedUnits[0]:""),", ").concat(e.yAxisLabel,": ").concat(l+(e.parsedUnits[1]?e.parsedUnits[1]:""));if(e.showDeltas&&o>0){var y=i[o-1];var m=v.getChangeSince(y.xValue);b+=", ".concat(m," ").concat(e.calcDelta(r,y))}return n("span",{id:"".concat(a,"-").concat(o),role:"img","aria-label":b,tabIndex:g,class:"point icon",style:x,"data-lineidx":t,"data-xvalue":s,onKeyDown:function(t){return e.handleDataPointKeydown(t)},onFocus:function(){return e.displayedPopover=o},onClick:function(t){return e.focusDataPointByEl(t.target)},onMouseEnter:function(){return e.displayedPopover=o}})}})))};t.prototype.renderLines=function(t){var e=this;var i=this.dataPointMatrix[t];return n("svg",{class:"line-svg"},i.map((function(r,o){var a=r.yValue!==null&&o!==i.length-1&&i[o+1].yValue!==null;if(a){var s=e.lineStyles[t].color;var l=r.xPositionPercent,c=r.yPositionPercent;var h=i[o+1],p=h.xPositionPercent,d=h.yPositionPercent;return n("line",{x1:l+"%",y1:c+"%",x2:p+"%",y2:d+"%",stroke:s,"stroke-width":"2px"})}})))};t.prototype.renderHoverAreas=function(){var t=this;var e={"--columns":".5fr repeat(".concat(this.xIntervals.length-2,", 1fr) .5fr")};return n("div",{class:"hover-area-wrapper",style:e,onMouseLeave:function(){return t.displayedPopover=-1}},this.xIntervals.map((function(e,i){return n("div",{onMouseEnter:function(){return t.displayedPopover=i}})})))};t.prototype.renderPopover=function(){var t=this;var e=this.popoverData[this.displayedPopover];var i=e[0].xPositionPercent;var r=e.map((function(t){return t.yPositionPercent})).filter((function(t){return t!==null}));var o=r.reduce((function(t,e){return t+e}),0)/r.length;var a=this.plotAreaEl.querySelector('.point[data-xvalue="'.concat(this.dataPointMatrix[0][this.displayedPopover].xValue,'"]'));var s=this.el.getBoundingClientRect();var l=a.getBoundingClientRect();var c=s.right-l.right;var h=l.left-s.left;var p=c>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400);var d=h>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400);var u=8/this.plotAreaEl.clientWidth*100;var f={"--leftPosition":p?i+u+"%":"unset","--rightPosition":d?100-i+u+"%":"unset","--topPosition":o+"%",transform:"translateY(-50%)"};if(!d&&!p){var g="0px - ".concat(this.labelWidth," - 20px - ").concat(this.yIntervalsEl.clientWidth+"px"," + ").concat(this.el.scrollLeft+"px"," + 2px");f={"--leftPosition":"0%","--topPosition":"0%",maxWidth:Math.min(this.el.clientWidth-2,400)+"px",transform:"translateX(calc(".concat(g,"))")}}return n("div",{ref:function(e){return t.popoverEl=e},class:"popover",style:f},n("div",{class:"title"},e[0].xValue,this.parsedUnits[0]&&n("span",{class:"unit --x"},"(",this.parsedUnits[0],")")),this.showDeltas&&this.displayedPopover>0&&n("div",{class:"comparison-title"},v.getChangeSince(this.popoverData[this.displayedPopover-1][0].xValue)),this.renderPopoverTable())};t.prototype.renderPopoverTable=function(){var t=this;var e=this.popoverData[this.displayedPopover];return n("table",{class:"popover-table"},e.map((function(e,i){if(!t.hiddenLines.includes(i)){var r=e.lineLabel,o=e.yValue;var a=t.displayedPopover>0?t.popoverData[t.displayedPopover-1][i]:null;var s=o!==null?(new Intl.NumberFormat).format(o):null;return n("tr",{class:"popover-row"},n("td",null,t.renderIcon(i)),n("td",{class:"row-label"},r),n("td",{class:"row-value"},o===null?v.noData:s,o!==null&&t.parsedUnits[1]&&n("span",{class:"unit --y"},t.parsedUnits[1])),t.showDeltas&&a&&t.renderDeltas(e,a))}})))};t.prototype.renderDeltas=function(t,e){var i=this.calcDelta(t,e);var r=i.toString()[0]=="+"||i=="-"?"positive":i.toString()[0]=="-"?"negative":"";return e&&n("td",{class:"delta --".concat(r)},i)};t.prototype.renderHoverIndicator=function(){var t=this.dataPointMatrix[0][this.displayedPopover].xPositionPercent;var e={"--xPosition":t+"%"};return n("div",{class:"hover-indicator",style:e})};t.prototype.renderHighlight=function(){var t=this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightStart)].xPositionPercent;var e=this.highlightEnd?100-this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightEnd)].xPositionPercent:0;var i={"--startPercentage":t+"%","--endPercentage":e+"%"};return n("div",{class:"highlight",style:i})};t.prototype.render=function(){var t=this;return n(r,{onBlur:function(){return t.resetDataPointFocus()},onMouseLeave:function(){return t.displayedPopover=-1}},n("div",{class:"component-wrapper",role:"application","aria-roledescription":f.interactiveChart,"aria-label":this.label,"aria-describedby":"chart-description"},this.renderLegend(),n("div",{class:"chart-wrapper"},n("div",{class:"chart-label --y-axis",style:{"--labelWidth":this.labelWidth}},this.yAxisLabel,this.parsedUnits[1]&&" (".concat(this.parsedUnits[1],")")),this.renderYIntervals(),n("div",{ref:function(e){return t.plotAreaEl=e},class:"plot-area ".concat(this.hasPartialInterval?"":"right-border"),style:{"--backgroundSize":"".concat(this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent,"%")}},this.highlightStart&&this.renderHighlight(),this.renderData(),this.renderHoverAreas()),this.displayedPopover!==-1&&this.renderHoverIndicator(),this.displayedPopover!==-1&&this.renderPopover(),this.renderXIntervals(),n("div",{class:"chart-label --x-axis"},this.xAxisLabel,this.parsedUnits[0]&&" (".concat(this.parsedUnits[0],")"))),n("div",{id:"chart-description",class:"sr-only"},"".concat(v.instructions," ").concat(this.description)),n("div",{ref:function(e){return t.liveRegionEl=e},"aria-live":"polite",class:"sr-only"},this.announcement)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{lineData:["parseData"],intervalSkip:["handleIntervalSkip"]}},enumerable:false,configurable:true});return t}());b.style=x}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function a(t){try{l(n.next(t))}catch(t){o(t)}}function s(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?i(t.value):r(t.value).then(a,s)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(n=1,r&&(o=s[0]&2?r["return"]:s[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;if(r=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(s[0]===6&&i.label<o[1]){i.label=o[1];o=s;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(s);break}if(o[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(t){s=[6,t];r=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-30bf24f8.system.js","./p-5e55eb56.system.js","./p-ba31d982.system.js","./p-27efb4d0.system.js"],(function(t){"use strict";var e,i,n,r,o,a,s,l,c,h,p,d,u,v,f,g;return{setters:[function(t){e=t.r;i=t.f;n=t.h;r=t.H;o=t.g},function(t){a=t.d;s=t.A;l=t.u;c=t.B;h=t.C;p=t.D},function(t){d=t.m;u=t.n},function(t){v=t.l;f=t.c;g=t.g}],execute:function(){var x=':host{--wmcolor-linechart-currentposition:var(--wmcolor-lavender);--wmcolor-linechart-delta-text-negative:var(--wmcolor-text-negative);--wmcolor-linechart-delta-text-positive:var(--wmcolor-text-positive);--wmcolor-linechart-gridline:var(--wmcolor-chart-gridline);--wmcolor-linechart-highlight-background:var(--wmcolor-background-highlight);--wmcolor-linechart-popover-background:var(--wmcolor-chart-popover-background);display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .icon: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:var(--icon);padding:0 3px;z-index:1}:host .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);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:var(--icon);z-index:0}:host .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval{text-align:right}:host .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child{text-align:right}:host .x-intervals .x-interval.hidden{visibility:hidden}:host .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, var(--wmcolor-linechart-gridline) 1px, transparent 1px);border-bottom:1px solid var(--wmcolor-linechart-gridline);background-size:var(--backgroundSize)}:host .plot-area.right-border{border-right:1px solid var(--wmcolor-linechart-gridline)}:host .line{position:absolute;width:100%;height:100%}:host .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before{-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);border-radius:3px}:host .line .icon:focus:before::-moz-focus-inner{border:0}:host .line .line-svg{height:100%;width:100%}:host .line.faded{opacity:0.3}:host .line.focused{z-index:1}:host .line.hidden{visibility:hidden}:host .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;border:1px solid var(--wmcolor-linechart-currentposition);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:var(--wmcolor-linechart-popover-background);position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x{margin-left:4px}:host .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive{color:var(--wmcolor-linechart-delta-text-positive)}:host .popover .popover-table .popover-row .delta.--negative{color:var(--wmcolor-linechart-delta-text-negative)}:host .highlight{position:absolute;height:100%;background-color:color-mix(in srgb, var(--wmcolor-linechart-highlight-background) 60%, transparent);left:var(--startPercentage);right:var(--endPercentage)}: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}';var b=t("wm_line_chart",function(){function t(t){var i=this;e(this,t);this.minTickWidth=120;this.popoverData=[];this.focusedDataPoint=[0,0];this.dataPointMatrix=[];this.xIntervals=[];this.displayedXIntervals=[];this.yIntervals=[];this.lineStyles=[{color:"#8b86ca",icon:"f536"},{color:"#2e1b46",icon:"f12f"},{color:"#0089e4",icon:"f763"},{color:"#088000",icon:"f4ce"},{color:"#ea8500",icon:"f70a"},{color:"#d54f41",icon:"f536"},{color:"#146ca9",icon:"f6ff"}];this.debouncedResize=a((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){this.displayedXIntervals=this.determineDisplayedXIntervals();return[2]}))}))}),100);this.label=undefined;this.description="";this.xAxisLabel=undefined;this.yAxisLabel=undefined;this.lineData=undefined;this.units="null,null";this.labelWidth="120px";this.highlightQualifier="highlighted";this.highlightStart=undefined;this.highlightEnd=undefined;this.visibilityToggles=false;this.showDeltas=false;this.yRange=undefined;this.parsedLineData={};this.displayedPopover=-1;this.focusedLine=-1;this.hiddenLines=[];this.isTabbing=false;this.intervalSkip=0;this.announcement=""}t.prototype.parseData=function(){var t=this;this.parsedLineData=JSON.parse(this.lineData);this.yIntervals=this.calcYIntervals().reverse();this.xIntervals=Object.keys(Object.values(this.parsedLineData)[0]);this.displayedXIntervals=this.determineDisplayedXIntervals();this.dataPointMatrix=Object.entries(this.parsedLineData).map((function(e){return t.buildLineDataPointDetails(e[0],e[1])}));this.popoverData=s(this.dataPointMatrix)};t.prototype.handleIntervalSkip=function(){this.parseData()};Object.defineProperty(t.prototype,"hasPartialInterval",{get:function(){return this.intervalSkip>0&&this.xIntervals.length%2===0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"parsedUnits",{get:function(){return l(this.units).map((function(t){return t==="null"?null:t}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"visibilityToggleEls",{get:function(){return this.legendEl.querySelectorAll("wm-button")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"lineEls",{get:function(){return this.plotAreaEl.querySelectorAll(".line")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"firstVisibleLineIdx",{get:function(){var t=0;while(this.hiddenLines.includes(t)){t++}return t<this.dataPointMatrix.length?t:-1},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.componentWillLoad=function(){this.parseData()};t.prototype.componentDidLoad=function(){var t=this;var e=new ResizeObserver((function(){return t.debouncedResize()}));e.observe(this.el)};t.prototype.handleVisibilityToggleKeydown=function(t,e){switch(t.key){case"Tab":if(!t.shiftKey&&this.firstVisibleLineIdx!==-1){t.preventDefault();this.announce(this.lineFocusMessage(this.firstVisibleLineIdx));this.focusDataPoint(this.firstVisibleLineIdx,0)}break;case"ArrowUp":case"ArrowLeft":t.preventDefault();var i=c(e,-1,this.dataPointMatrix.length-1);this.visibilityToggleEls[i].focus();break;case"ArrowDown":case"ArrowRight":t.preventDefault();var n=c(e,1,this.dataPointMatrix.length-1);this.visibilityToggleEls[n].focus();break}};t.prototype.handleDataPointKeydown=function(t){var e=this.focusedDataPoint,i=e[0],n=e[1];var r=this.lineEls[i].querySelectorAll(".point").length;var o=this.dataPointMatrix.length;switch(t.key){case"Tab":if(t.shiftKey&&this.visibilityToggles){t.preventDefault();this.visibilityToggleEls[0].focus()}break;case"ArrowUp":t.preventDefault();var a=i;do{a=c(a,-1,o-1)}while(this.hiddenLines.includes(a));this.announce(this.lineFocusMessage(a));this.focusDataPoint(a,n);break;case"ArrowDown":t.preventDefault();var s=i;do{s=c(s,1,o-1)}while(this.hiddenLines.includes(s));this.announce(this.lineFocusMessage(s));this.focusDataPoint(s,n);break;case"ArrowLeft":t.preventDefault();var l=c(n,-1,r-1);this.focusDataPoint(i,l);break;case"ArrowRight":t.preventDefault();var h=c(n,1,r-1);this.focusDataPoint(i,h);break}};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.announcement=t};t.prototype.lineFocusMessage=function(t){var e=this.dataPointMatrix[t][0].lineLabel;var i=this.dataPointMatrix[t].filter((function(t){return t.yValue!==null})).length;return"".concat(e,", line ").concat(t+1," of ").concat(this.dataPointMatrix.length," with ").concat(i," data points")};t.prototype.focusDataPoint=function(t,e){var i=this.lineEls[t];var n=i.querySelectorAll(".point")[e];var r=this.plotAreaEl.querySelectorAll(".point");r.forEach((function(t){return t.tabIndex=-1}));n.tabIndex=0;n.focus();this.focusedDataPoint=[t,e]};t.prototype.focusDataPointByEl=function(t){var e=parseInt(t.dataset.lineidx);var i=Array.from(t.parentElement.querySelectorAll(".point")).indexOf(t);var n=this.plotAreaEl.querySelectorAll(".point");n.forEach((function(t){return t.tabIndex=-1}));t.tabIndex=0;t.focus();this.focusedDataPoint=[e,i]};t.prototype.calcYIntervals=function(){var t=[];if(this.yRange){t=l(this.yRange).map((function(t){return parseInt(t)}))}else{var e=[];var i=Object.values(this.parsedLineData).flat();i.forEach((function(t){return e.push.apply(e,Object.values(t))}));var n=e.filter((function(t){return t!==null}));var r=Math.min.apply(Math,n);var o=Math.max.apply(Math,n);var a=u(o-r,4);var s=a;while(r%a!==0&&s>0){r--;s--}a=u(o-r,4);var c=r;while(c<=o+a){t.push(c);c+=a}}return t};t.prototype.determineDisplayedXIntervals=function(){var t=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?Math.round(this.plotAreaEl.clientWidth/this.minTickWidth):this.xIntervals.length;var e=h(this.xIntervals,t),i=e.skipInterval,n=e.skippedList;this.intervalSkip=i;return n};t.prototype.buildLineDataPointDetails=function(t,e){var i=this;var n=[];var r=Object.entries(e);var o;r.forEach((function(e,a){var s=e[0],l=e[1];var c=100/(r.length-1)*a;var h=l===null?null:100-p(l,i.yIntervals[i.yIntervals.length-1],i.yIntervals[0]);if(a===0){c+=i.plotAreaEl&&i.plotAreaEl.clientWidth>0?8/i.plotAreaEl.clientWidth*100:1}if(s===i.highlightStart&&!o){o=true}n.push({lineLabel:t,xValue:s,yValue:l,xPositionPercent:c,yPositionPercent:h,highlighted:o});if(s===i.highlightEnd&&o){o=false}}));return n};t.prototype.toggleLineVisibility=function(t){if(this.hiddenLines.includes(t)){this.hiddenLines=this.hiddenLines.filter((function(e){return e!==t}))}else{this.hiddenLines.push(t)}i(this.el)};t.prototype.resetDataPointFocus=function(){this.displayedPopover=-1;var t=this.plotAreaEl.querySelectorAll(".point");t.forEach((function(t){return t.tabIndex=-1}));if(this.firstVisibleLineIdx!==-1){var e=this.lineEls[this.firstVisibleLineIdx];var i=e.querySelectorAll(".point")[0];i.tabIndex=0;this.focusedDataPoint=[this.firstVisibleLineIdx,0]}};t.prototype.calcDelta=function(t,e){var i;if(t.yValue===null||e.yValue===null){i=v.noData}else if(t.yValue==e.yValue){i="0%"}else if(e.yValue==0){i="-"}else{var n=(t.yValue-e.yValue)/e.yValue*100;var r=Math.round(n*100)/100;i="".concat(r>0?"+":"").concat(r,"%")}return i};t.prototype.renderLegend=function(){var t=this;var e=Object.keys(this.parsedLineData);return n("div",{ref:function(e){return t.legendEl=e},class:"legend"},e.map((function(e,i){var r=t.hiddenLines.includes(i);var o=t.focusedLine!==-1&&t.focusedLine!==i;return n("div",{id:"legend-label-".concat(i),class:"legend-label ".concat(o?"faded":""),onMouseEnter:function(){return t.focusedLine=r?-1:i},onMouseLeave:function(){return t.focusedLine=-1}},t.renderIcon(i),e,t.visibilityToggles&&t.renderVisibilityToggle(e,i,r))})))};t.prototype.renderVisibilityToggle=function(t,e,i){var r=this;return n("wm-button",{id:"visibility-button-".concat(e),class:"visibility-toggle","label-for-identical-buttons":"".concat(e===0?"Toggle line visibility list with ".concat(this.dataPointMatrix.length," items"):""," ").concat(i?g.show:g.hide," ").concat(t," toggle ").concat(i?"pressed":""),"button-type":"navigational",tooltip:i?g.show:g.hide,tooltipPosition:"bottom",icon:i?"f209":"f208",onClick:function(){return r.toggleLineVisibility(e)},onKeyDown:function(t){return r.handleVisibilityToggleKeydown(t,e)},onFocus:function(){return r.displayedPopover=-1}})};t.prototype.renderIcon=function(t){var e=this.lineStyles[t],i=e.color,r=e.icon;var o={"--iconColor":i,"--icon":'"\\'.concat(r,'"'),"--translation":t===5?"rotate(180deg)":"unset"};return n("span",{class:"icon",style:o})};t.prototype.renderXIntervals=function(){var t=this;var e={"--columns":".5fr repeat(".concat(this.xIntervals.length-2,", 1fr) .5fr")};return n("div",{class:"x-intervals",style:e},this.xIntervals.map((function(e){return n("span",{class:"x-interval ".concat(t.displayedXIntervals.includes(e)?"":"hidden")},e)})))};t.prototype.renderYIntervals=function(){var t=this;return n("div",{ref:function(e){return t.yIntervalsEl=e},class:"y-intervals"},this.yIntervals.map((function(t){return n("span",{class:"y-interval"},d(t))})))};t.prototype.renderData=function(){var t=this;return this.dataPointMatrix.map((function(e,i){var r=t.focusedLine===i?"focused":"faded";var o=t.hiddenLines.includes(i);return n("div",{class:"line ".concat(t.focusedLine!==-1?r:""," ").concat(o?"hidden":"")},t.renderLines(i),t.renderPoints(i))}))};t.prototype.renderPoints=function(t){var e=this;var i=this.dataPointMatrix[t];return n("div",{class:"line-icons"},i.map((function(r,o){var a=r.lineLabel,s=r.xValue,l=r.yValue,c=r.xPositionPercent,h=r.yPositionPercent,p=r.highlighted;if(l!==null){var d=e.lineStyles[t],u=d.color,f=d.icon;var g=t===0&&o===0?0:undefined;var x={"--icon":'"\\'.concat(f,'"'),"--iconColor":u,"--xPosition":c+"%","--yPosition":h+"%","--translation":t===5?"translate(-50%, -50%) rotate(180deg)":"translate(-50%, -50%)"};var b="".concat(a," ").concat(p?e.highlightQualifier:""," ").concat(e.xAxisLabel," ").concat(s+(e.parsedUnits[0]?e.parsedUnits[0]:""),", ").concat(e.yAxisLabel,": ").concat(l+(e.parsedUnits[1]?e.parsedUnits[1]:""));if(e.showDeltas&&o>0){var y=i[o-1];var m=v.getChangeSince(y.xValue);b+=", ".concat(m," ").concat(e.calcDelta(r,y))}return n("span",{id:"".concat(a,"-").concat(o),role:"img","aria-label":b,tabIndex:g,class:"point icon",style:x,"data-lineidx":t,"data-xvalue":s,onKeyDown:function(t){return e.handleDataPointKeydown(t)},onFocus:function(){return e.displayedPopover=o},onClick:function(t){return e.focusDataPointByEl(t.target)},onMouseEnter:function(){return e.displayedPopover=o}})}})))};t.prototype.renderLines=function(t){var e=this;var i=this.dataPointMatrix[t];return n("svg",{class:"line-svg"},i.map((function(r,o){var a=r.yValue!==null&&o!==i.length-1&&i[o+1].yValue!==null;if(a){var s=e.lineStyles[t].color;var l=r.xPositionPercent,c=r.yPositionPercent;var h=i[o+1],p=h.xPositionPercent,d=h.yPositionPercent;return n("line",{x1:l+"%",y1:c+"%",x2:p+"%",y2:d+"%",stroke:s,"stroke-width":"2px"})}})))};t.prototype.renderHoverAreas=function(){var t=this;var e={"--columns":".5fr repeat(".concat(this.xIntervals.length-2,", 1fr) .5fr")};return n("div",{class:"hover-area-wrapper",style:e,onMouseLeave:function(){return t.displayedPopover=-1}},this.xIntervals.map((function(e,i){return n("div",{onMouseEnter:function(){return t.displayedPopover=i}})})))};t.prototype.renderPopover=function(){var t=this;var e=this.popoverData[this.displayedPopover];var i=e[0].xPositionPercent;var r=e.map((function(t){return t.yPositionPercent})).filter((function(t){return t!==null}));var o=r.reduce((function(t,e){return t+e}),0)/r.length;var a=this.plotAreaEl.querySelector('.point[data-xvalue="'.concat(this.dataPointMatrix[0][this.displayedPopover].xValue,'"]'));var s=this.el.getBoundingClientRect();var l=a.getBoundingClientRect();var c=s.right-l.right;var h=l.left-s.left;var p=c>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400);var d=h>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400);var u=8/this.plotAreaEl.clientWidth*100;var f={"--leftPosition":p?i+u+"%":"unset","--rightPosition":d?100-i+u+"%":"unset","--topPosition":o+"%",transform:"translateY(-50%)"};if(!d&&!p){var g="0px - ".concat(this.labelWidth," - 20px - ").concat(this.yIntervalsEl.clientWidth+"px"," + ").concat(this.el.scrollLeft+"px"," + 2px");f={"--leftPosition":"0%","--topPosition":"0%",maxWidth:Math.min(this.el.clientWidth-2,400)+"px",transform:"translateX(calc(".concat(g,"))")}}return n("div",{ref:function(e){return t.popoverEl=e},class:"popover",style:f},n("div",{class:"title"},e[0].xValue,this.parsedUnits[0]&&n("span",{class:"unit --x"},"(",this.parsedUnits[0],")")),this.showDeltas&&this.displayedPopover>0&&n("div",{class:"comparison-title"},v.getChangeSince(this.popoverData[this.displayedPopover-1][0].xValue)),this.renderPopoverTable())};t.prototype.renderPopoverTable=function(){var t=this;var e=this.popoverData[this.displayedPopover];return n("table",{class:"popover-table"},e.map((function(e,i){if(!t.hiddenLines.includes(i)){var r=e.lineLabel,o=e.yValue;var a=t.displayedPopover>0?t.popoverData[t.displayedPopover-1][i]:null;var s=o!==null?(new Intl.NumberFormat).format(o):null;return n("tr",{class:"popover-row"},n("td",null,t.renderIcon(i)),n("td",{class:"row-label"},r),n("td",{class:"row-value"},o===null?v.noData:s,o!==null&&t.parsedUnits[1]&&n("span",{class:"unit --y"},t.parsedUnits[1])),t.showDeltas&&a&&t.renderDeltas(e,a))}})))};t.prototype.renderDeltas=function(t,e){var i=this.calcDelta(t,e);var r=i.toString()[0]=="+"||i=="-"?"positive":i.toString()[0]=="-"?"negative":"";return e&&n("td",{class:"delta --".concat(r)},i)};t.prototype.renderHoverIndicator=function(){var t=this.dataPointMatrix[0][this.displayedPopover].xPositionPercent;var e={"--xPosition":t+"%"};return n("div",{class:"hover-indicator",style:e})};t.prototype.renderHighlight=function(){var t=this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightStart)].xPositionPercent;var e=this.highlightEnd?100-this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightEnd)].xPositionPercent:0;var i={"--startPercentage":t+"%","--endPercentage":e+"%"};return n("div",{class:"highlight",style:i})};t.prototype.render=function(){var t=this;return n(r,{onBlur:function(){return t.resetDataPointFocus()},onMouseLeave:function(){return t.displayedPopover=-1}},n("div",{class:"component-wrapper",role:"application","aria-roledescription":f.interactiveChart,"aria-label":this.label,"aria-describedby":"chart-description"},this.renderLegend(),n("div",{class:"chart-wrapper"},n("div",{class:"chart-label --y-axis",style:{"--labelWidth":this.labelWidth}},this.yAxisLabel,this.parsedUnits[1]&&" (".concat(this.parsedUnits[1],")")),this.renderYIntervals(),n("div",{ref:function(e){return t.plotAreaEl=e},class:"plot-area ".concat(this.hasPartialInterval?"":"right-border"),style:{"--backgroundSize":"".concat(this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent,"%")}},this.highlightStart&&this.renderHighlight(),this.renderData(),this.renderHoverAreas()),this.displayedPopover!==-1&&this.renderHoverIndicator(),this.displayedPopover!==-1&&this.renderPopover(),this.renderXIntervals(),n("div",{class:"chart-label --x-axis"},this.xAxisLabel,this.parsedUnits[0]&&" (".concat(this.parsedUnits[0],")"))),n("div",{id:"chart-description",class:"sr-only"},"".concat(v.instructions," ").concat(this.description)),n("div",{ref:function(e){return t.liveRegionEl=e},"aria-live":"polite",class:"sr-only"},this.announcement)))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{lineData:["parseData"],intervalSkip:["handleIntervalSkip"]}},enumerable:false,configurable:true});return t}());b.style=x}}}));
@@ -1 +1 @@
1
- System.register(["./p-c467a1e1.system.js","./p-d4ebbe84.system.js"],(function(e){"use strict";var t,o,r,i,n,l,a,s,c,d,p;return{setters:[function(e){t=e.r;o=e.c;r=e.f;i=e.h;n=e.H;l=e.g},function(e){a=e.d;s=e.i;c=e.l;d=e.s;p=e.h}],execute:function(){var f=':host{--wmcolor-file-background-error:var(--wmcolor-background-error);--wmcolor-file-background:var(--wmcolor-background-readonly);--wmcolor-file-border-error:var(--wmcolor-border-error);--wmcolor-file-border:var(--wmcolor-border);--wmcolor-file-checkmark-icon:var(--wmcolor-positive);--wmcolor-file-progress:var(--wmcolor-progress);display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:var(--wmcolor-file-background);border:1px solid var(--wmcolor-file-border);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{display:inline-block;white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid var(--wmcolor-file-border-error);background-color:var(--wmcolor-file-background-error);height:3.75rem}.file-wrapper.checked .file: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:"\\f133";position:absolute;right:-44px;color:var(--wmcolor-file-checkmark-icon);font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem}.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}';var u=e("wm_file",function(){function e(e){var i=this;t(this,e);this.wmIntFilePreviewed=o(this,"wmIntFilePreviewed",7);this.wmIntFileDownloaded=o(this,"wmIntFileDownloaded",7);this.wmIntFileDeleted=o(this,"wmIntFileDeleted",7);this.wmFileClearErrorClicked=o(this,"wmFileClearErrorClicked",7);this.isWithinLegacyUploader=false;this.debouncedResize=a((function(){i.isCondensed=i.el.clientWidth<500;r(i.el)}),50);this.file=undefined;this.showInfo="time";this.errorMessage=undefined;this.isCondensed=false}Object.defineProperty(e.prototype,"fileData",{get:function(){var e=this.file?JSON.parse(this.file):null;if(e&&e.progress&&typeof e.progress==="string"&&e.progress.match(/^[0-9]+$/)){e.progress=parseInt(e.progress.toString())}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isUploading",{get:function(){return this.fileData&&this.fileData.hasOwnProperty("progress")&&this.fileData.progress<100},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewButtonTooltip",{get:function(){return s.formatMessage({id:"file.previewButtonTooltip",defaultMessage:"Preview",description:"Tooltip of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadButtonTooltip",{get:function(){return s.formatMessage({id:"file.downloadButtonTooltip",defaultMessage:"Download",description:"Tooltip of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteButtonTooltip",{get:function(){return s.formatMessage({id:"file.deleteButtonTooltip",defaultMessage:"Delete",description:"Tooltip of a button that triggers a file to be deleted"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return s.formatMessage({id:"file.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return s.formatMessage({id:"file.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return s.formatMessage({id:"file.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return s.formatMessage({id:"file.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return s.formatMessage({id:"file.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});e.prototype.generateClearButtonLabel=function(e){return s.formatMessage({id:"file.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:e})};e.prototype.componentWillLoad=function(){var e=this;var t=this.el.getRootNode().host;if(t&&t.nodeName==="WM-UPLOADER"){if(t.type||t.uploaderType){this.isWithinLegacyUploader=true}}var o=new ResizeObserver((function(){return e.debouncedResize()}));o.observe(this.el)};e.prototype.componentDidRender=function(){var e=this.el.shadowRoot.querySelector(".filename");var t=this.el.shadowRoot.querySelector(".left-group").getBoundingClientRect().left;var o=this.el.shadowRoot.querySelector(".right-group");var r=o?o.getBoundingClientRect().left:this.el.shadowRoot.querySelector(".file-wrapper").getBoundingClientRect().right-20;e.textContent=c(e,e.dataset.filename,r-t,7)};e.prototype.previewFile=function(e){this.wmIntFilePreviewed.emit(e.id)};e.prototype.downloadFile=function(e){this.wmIntFileDownloaded.emit(e.id)};e.prototype.deleteFile=function(e){this.wmIntFileDeleted.emit(e.id)};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){d("bottom",e.target,t)}};e.prototype.renderFileName=function(e,t){var o=this;return i("div",{class:"left-group"},i("div",{class:"name-wrapper"},i("span",{class:"sr-only"},e),i("span",{"aria-hidden":"true",class:"filename","data-filename":e,onMouseEnter:function(t){return o.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return p()}}),t&&i("span",{class:"sr-only"},"uploading")))};e.prototype.renderFileInfo=function(e,t){var o="";if(t==="time"&&e.lastUpdated){o=e.lastUpdated}else if(t==="size"&&e.size){o=e.size}return i("div",{class:"file-info"},o)};e.prototype.renderActionMenu=function(e){var t=this;var o="download delete";var r=e.fileActions||o;var n=i("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var l=i("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var a=i("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return i("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},r.includes("preview")&&n,r.includes("download")&&l,r.includes("delete")&&a)};e.prototype.renderFileActionButtons=function(e){var t=this;var o="download delete";var r=e.fileActions||o;var n=i("wm-button",{class:"preview-button","button-type":"icononly",tooltip:this.previewButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var l=i("wm-button",{class:"download-button","button-type":"icononly",tooltip:this.downloadButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var a=i("wm-button",{class:"delete-button","button-type":"icononly",tooltip:this.deleteButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return i("div",{class:"file-controls"},r.includes("preview")&&n,r.includes("download")&&l,r.includes("delete")&&a)};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return i("div",{class:"file-wrapper"},i("div",{class:"file --progress"},i("div",{class:"progress",style:{background:"linear-gradient(to right, var(--wmcolor-file-progress) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isUploading)))};e.prototype.renderFileControls=function(e){var t=e.fileActions&&e.fileActions.split(" ").length===1;var o=this.isCondensed&&!t;return o?this.renderActionMenu(e):this.renderFileActionButtons(e)};e.prototype.renderFile=function(e){var t=this;var o=e.type?"".concat(e.name,".").concat(e.type):e.name;var r=!this.isWithinLegacyUploader&&e.progress===100;return i("div",{class:"file-wrapper ".concat(r?"checked":"")},i("div",{class:"file ".concat(this.errorMessage?"--error":"")},this.renderFileName(o,this.isUploading),!this.errorMessage&&i("div",{class:"right-group ".concat(this.isCondensed?"condensed":"")},this.showInfo!=="none"&&this.renderFileInfo(e,this.showInfo),e.fileActions!==""&&this.renderFileControls(e)),this.errorMessage&&i("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":this.generateClearButtonLabel(e.name),onClick:function(){return t.wmFileClearErrorClicked.emit({name:e.name})}},this.clearButtonText)),this.errorMessage&&i("div",{class:"error-message"},this.errorMessage))};e.prototype.render=function(){return i(n,{role:"listitem"},this.isUploading?this.renderFileInProgress(this.fileData):this.renderFile(this.fileData))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});return e}());u.style=f}}}));
1
+ System.register(["./p-30bf24f8.system.js","./p-5e55eb56.system.js"],(function(e){"use strict";var t,o,r,i,n,l,a,s,c,d,p;return{setters:[function(e){t=e.r;o=e.c;r=e.f;i=e.h;n=e.H;l=e.g},function(e){a=e.d;s=e.i;c=e.l;d=e.s;p=e.h}],execute:function(){var f=':host{--wmcolor-file-background-error:var(--wmcolor-background-error);--wmcolor-file-background:var(--wmcolor-background-readonly);--wmcolor-file-border-error:var(--wmcolor-border-error);--wmcolor-file-border:var(--wmcolor-border);--wmcolor-file-checkmark-icon:var(--wmcolor-positive);--wmcolor-file-progress:var(--wmcolor-progress);display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:var(--wmcolor-file-background);border:1px solid var(--wmcolor-file-border);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{display:inline-block;white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid var(--wmcolor-file-border-error);background-color:var(--wmcolor-file-background-error);height:3.75rem}.file-wrapper.checked .file: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:"\\f133";position:absolute;right:-44px;color:var(--wmcolor-file-checkmark-icon);font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-top:0.25rem}.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}';var u=e("wm_file",function(){function e(e){var i=this;t(this,e);this.wmIntFilePreviewed=o(this,"wmIntFilePreviewed",7);this.wmIntFileDownloaded=o(this,"wmIntFileDownloaded",7);this.wmIntFileDeleted=o(this,"wmIntFileDeleted",7);this.wmFileClearErrorClicked=o(this,"wmFileClearErrorClicked",7);this.isWithinLegacyUploader=false;this.debouncedResize=a((function(){i.isCondensed=i.el.clientWidth<500;r(i.el)}),50);this.file=undefined;this.showInfo="time";this.errorMessage=undefined;this.isCondensed=false}Object.defineProperty(e.prototype,"fileData",{get:function(){var e=this.file?JSON.parse(this.file):null;if(e&&e.progress&&typeof e.progress==="string"&&e.progress.match(/^[0-9]+$/)){e.progress=parseInt(e.progress.toString())}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isUploading",{get:function(){return this.fileData&&this.fileData.hasOwnProperty("progress")&&this.fileData.progress<100},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewButtonTooltip",{get:function(){return s.formatMessage({id:"file.previewButtonTooltip",defaultMessage:"Preview",description:"Tooltip of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadButtonTooltip",{get:function(){return s.formatMessage({id:"file.downloadButtonTooltip",defaultMessage:"Download",description:"Tooltip of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteButtonTooltip",{get:function(){return s.formatMessage({id:"file.deleteButtonTooltip",defaultMessage:"Delete",description:"Tooltip of a button that triggers a file to be deleted"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return s.formatMessage({id:"file.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return s.formatMessage({id:"file.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return s.formatMessage({id:"file.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return s.formatMessage({id:"file.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return s.formatMessage({id:"file.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});e.prototype.generateClearButtonLabel=function(e){return s.formatMessage({id:"file.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:e})};e.prototype.componentWillLoad=function(){var e=this;var t=this.el.getRootNode().host;if(t&&t.nodeName==="WM-UPLOADER"){if(t.type||t.uploaderType){this.isWithinLegacyUploader=true}}var o=new ResizeObserver((function(){return e.debouncedResize()}));o.observe(this.el)};e.prototype.componentDidRender=function(){var e=this.el.shadowRoot.querySelector(".filename");var t=this.el.shadowRoot.querySelector(".left-group").getBoundingClientRect().left;var o=this.el.shadowRoot.querySelector(".right-group");var r=o?o.getBoundingClientRect().left:this.el.shadowRoot.querySelector(".file-wrapper").getBoundingClientRect().right-20;e.textContent=c(e,e.dataset.filename,r-t,7)};e.prototype.previewFile=function(e){this.wmIntFilePreviewed.emit(e.id)};e.prototype.downloadFile=function(e){this.wmIntFileDownloaded.emit(e.id)};e.prototype.deleteFile=function(e){this.wmIntFileDeleted.emit(e.id)};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){d("bottom",e.target,t)}};e.prototype.renderFileName=function(e,t){var o=this;return i("div",{class:"left-group"},i("div",{class:"name-wrapper"},i("span",{class:"sr-only"},e),i("span",{"aria-hidden":"true",class:"filename","data-filename":e,onMouseEnter:function(t){return o.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return p()}}),t&&i("span",{class:"sr-only"},"uploading")))};e.prototype.renderFileInfo=function(e,t){var o="";if(t==="time"&&e.lastUpdated){o=e.lastUpdated}else if(t==="size"&&e.size){o=e.size}return i("div",{class:"file-info"},o)};e.prototype.renderActionMenu=function(e){var t=this;var o="download delete";var r=e.fileActions||o;var n=i("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var l=i("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var a=i("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return i("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},r.includes("preview")&&n,r.includes("download")&&l,r.includes("delete")&&a)};e.prototype.renderFileActionButtons=function(e){var t=this;var o="download delete";var r=e.fileActions||o;var n=i("wm-button",{class:"preview-button","button-type":"icononly",tooltip:this.previewButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var l=i("wm-button",{class:"download-button","button-type":"icononly",tooltip:this.downloadButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var a=i("wm-button",{class:"delete-button","button-type":"icononly",tooltip:this.deleteButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return i("div",{class:"file-controls"},r.includes("preview")&&n,r.includes("download")&&l,r.includes("delete")&&a)};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return i("div",{class:"file-wrapper"},i("div",{class:"file --progress"},i("div",{class:"progress",style:{background:"linear-gradient(to right, var(--wmcolor-file-progress) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isUploading)))};e.prototype.renderFileControls=function(e){var t=e.fileActions&&e.fileActions.split(" ").length===1;var o=this.isCondensed&&!t;return o?this.renderActionMenu(e):this.renderFileActionButtons(e)};e.prototype.renderFile=function(e){var t=this;var o=e.type?"".concat(e.name,".").concat(e.type):e.name;var r=!this.isWithinLegacyUploader&&e.progress===100;return i("div",{class:"file-wrapper ".concat(r?"checked":"")},i("div",{class:"file ".concat(this.errorMessage?"--error":"")},this.renderFileName(o,this.isUploading),!this.errorMessage&&i("div",{class:"right-group ".concat(this.isCondensed?"condensed":"")},this.showInfo!=="none"&&this.renderFileInfo(e,this.showInfo),e.fileActions!==""&&this.renderFileControls(e)),this.errorMessage&&i("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":this.generateClearButtonLabel(e.name),onClick:function(){return t.wmFileClearErrorClicked.emit({name:e.name})}},this.clearButtonText)),this.errorMessage&&i("div",{class:"error-message"},this.errorMessage))};e.prototype.render=function(){return i(n,{role:"listitem"},this.isUploading?this.renderFileInProgress(this.fileData):this.renderFile(this.fileData))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return l(this)},enumerable:false,configurable:true});return e}());u.style=f}}}));