@watermarkinsights/ripple 5.6.0-5 → 5.6.0-7

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 (173) hide show
  1. package/dist/cjs/{chartFunctions-fb38580b.js → chartFunctions-995023b1.js} +1 -1
  2. package/dist/cjs/{functions-a70fcff7.js → functions-e24249e6.js} +3 -3
  3. package/dist/cjs/{global-b5ca9a90.js → global-8b5f83e4.js} +1 -1
  4. package/dist/cjs/{intl-4a3a3a94.js → intl-5aeba788.js} +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/priv-calendar.cjs.entry.js +1 -1
  7. package/dist/cjs/priv-chart-popover.cjs.entry.js +2 -2
  8. package/dist/cjs/priv-option-list.cjs.entry.js +1 -1
  9. package/dist/cjs/ripple.cjs.js +1 -1
  10. package/dist/cjs/wm-action-menu_2.cjs.entry.js +1 -1
  11. package/dist/cjs/wm-button.cjs.entry.js +1 -1
  12. package/dist/cjs/wm-chart.cjs.entry.js +3 -3
  13. package/dist/cjs/wm-date-range.cjs.entry.js +1 -1
  14. package/dist/cjs/wm-datepicker.cjs.entry.js +1 -1
  15. package/dist/cjs/wm-file.cjs.entry.js +1 -1
  16. package/dist/cjs/wm-input.cjs.entry.js +2 -2
  17. package/dist/cjs/wm-line-chart.cjs.entry.js +3 -3
  18. package/dist/cjs/wm-modal-header.cjs.entry.js +2 -2
  19. package/dist/cjs/wm-modal.cjs.entry.js +1 -1
  20. package/dist/cjs/wm-navigation_3.cjs.entry.js +2 -2
  21. package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
  22. package/dist/cjs/wm-nested-select.cjs.entry.js +2 -2
  23. package/dist/cjs/wm-option_2.cjs.entry.js +2 -2
  24. package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
  25. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +2 -2
  26. package/dist/cjs/wm-search.cjs.entry.js +2 -2
  27. package/dist/cjs/wm-snackbar.cjs.entry.js +2 -2
  28. package/dist/cjs/wm-tab-item_3.cjs.entry.js +1 -1
  29. package/dist/cjs/wm-tag-input.cjs.entry.js +2 -2
  30. package/dist/cjs/wm-tag-option.cjs.entry.js +1 -1
  31. package/dist/cjs/wm-textarea.cjs.entry.js +2 -2
  32. package/dist/cjs/wm-timepicker.cjs.entry.js +1 -1
  33. package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
  34. package/dist/cjs/wm-uploader.cjs.entry.js +2 -2
  35. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +2 -2
  36. package/dist/collection/global/functions.js +2 -2
  37. package/dist/esm/{chartFunctions-c07590f5.js → chartFunctions-dfcb1edf.js} +1 -1
  38. package/dist/esm/{functions-dea8b0f6.js → functions-b791a892.js} +3 -3
  39. package/dist/esm/{global-a101ad14.js → global-5c6da026.js} +1 -1
  40. package/dist/esm/{intl-417d8b33.js → intl-f2f7ce8b.js} +1 -1
  41. package/dist/esm/loader.js +1 -1
  42. package/dist/esm/priv-calendar.entry.js +1 -1
  43. package/dist/esm/priv-chart-popover.entry.js +2 -2
  44. package/dist/esm/priv-option-list.entry.js +1 -1
  45. package/dist/esm/ripple.js +1 -1
  46. package/dist/esm/wm-action-menu_2.entry.js +1 -1
  47. package/dist/esm/wm-button.entry.js +1 -1
  48. package/dist/esm/wm-chart.entry.js +3 -3
  49. package/dist/esm/wm-date-range.entry.js +1 -1
  50. package/dist/esm/wm-datepicker.entry.js +1 -1
  51. package/dist/esm/wm-file.entry.js +1 -1
  52. package/dist/esm/wm-input.entry.js +2 -2
  53. package/dist/esm/wm-line-chart.entry.js +3 -3
  54. package/dist/esm/wm-modal-header.entry.js +2 -2
  55. package/dist/esm/wm-modal.entry.js +1 -1
  56. package/dist/esm/wm-navigation_3.entry.js +2 -2
  57. package/dist/esm/wm-navigator.entry.js +1 -1
  58. package/dist/esm/wm-nested-select.entry.js +2 -2
  59. package/dist/esm/wm-option_2.entry.js +2 -2
  60. package/dist/esm/wm-pagination.entry.js +1 -1
  61. package/dist/esm/wm-progress-indicator_3.entry.js +2 -2
  62. package/dist/esm/wm-search.entry.js +2 -2
  63. package/dist/esm/wm-snackbar.entry.js +2 -2
  64. package/dist/esm/wm-tab-item_3.entry.js +1 -1
  65. package/dist/esm/wm-tag-input.entry.js +2 -2
  66. package/dist/esm/wm-tag-option.entry.js +1 -1
  67. package/dist/esm/wm-textarea.entry.js +2 -2
  68. package/dist/esm/wm-timepicker.entry.js +1 -1
  69. package/dist/esm/wm-toggletip.entry.js +1 -1
  70. package/dist/esm/wm-uploader.entry.js +2 -2
  71. package/dist/esm-es5/{chartFunctions-c07590f5.js → chartFunctions-dfcb1edf.js} +1 -1
  72. package/dist/esm-es5/{functions-dea8b0f6.js → functions-b791a892.js} +1 -1
  73. package/dist/esm-es5/{global-a101ad14.js → global-5c6da026.js} +1 -1
  74. package/dist/esm-es5/{intl-417d8b33.js → intl-f2f7ce8b.js} +1 -1
  75. package/dist/esm-es5/loader.js +1 -1
  76. package/dist/esm-es5/priv-calendar.entry.js +1 -1
  77. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  78. package/dist/esm-es5/priv-option-list.entry.js +1 -1
  79. package/dist/esm-es5/ripple.js +1 -1
  80. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  81. package/dist/esm-es5/wm-button.entry.js +1 -1
  82. package/dist/esm-es5/wm-chart.entry.js +1 -1
  83. package/dist/esm-es5/wm-date-range.entry.js +1 -1
  84. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  85. package/dist/esm-es5/wm-file.entry.js +1 -1
  86. package/dist/esm-es5/wm-input.entry.js +1 -1
  87. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  88. package/dist/esm-es5/wm-modal-header.entry.js +1 -1
  89. package/dist/esm-es5/wm-modal.entry.js +1 -1
  90. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  91. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  92. package/dist/esm-es5/wm-nested-select.entry.js +1 -1
  93. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  94. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  95. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  96. package/dist/esm-es5/wm-search.entry.js +1 -1
  97. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  98. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  99. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  100. package/dist/esm-es5/wm-tag-option.entry.js +1 -1
  101. package/dist/esm-es5/wm-textarea.entry.js +1 -1
  102. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  103. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  104. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  105. package/dist/ripple/{p-fb3d5a64.system.entry.js → p-0b1c6965.system.entry.js} +1 -1
  106. package/dist/ripple/{p-37687638.system.entry.js → p-104c0e9b.system.entry.js} +1 -1
  107. package/dist/ripple/{p-2c7bb996.system.entry.js → p-1389302e.system.entry.js} +1 -1
  108. package/dist/ripple/{p-eeebc2c7.entry.js → p-13f51c06.entry.js} +1 -1
  109. package/dist/ripple/{p-03a28fd8.entry.js → p-149a22bf.entry.js} +1 -1
  110. package/dist/ripple/{p-bb884a44.js → p-16f65bf4.js} +1 -1
  111. package/dist/ripple/{p-b8963e4d.system.entry.js → p-17c8aac1.system.entry.js} +1 -1
  112. package/dist/ripple/{p-350223f1.entry.js → p-1e625a5e.entry.js} +1 -1
  113. package/dist/ripple/{p-2ed54dbc.entry.js → p-215793a4.entry.js} +1 -1
  114. package/dist/ripple/{p-d32bf479.js → p-21d372ed.js} +1 -1
  115. package/dist/ripple/{p-9e9c9d20.entry.js → p-236af552.entry.js} +1 -1
  116. package/dist/ripple/{p-6a6bfac8.entry.js → p-2e79fa49.entry.js} +1 -1
  117. package/dist/ripple/{p-c4df2809.entry.js → p-2fb58947.entry.js} +1 -1
  118. package/dist/ripple/{p-e004b92b.system.entry.js → p-30b905eb.system.entry.js} +1 -1
  119. package/dist/ripple/{p-8c02e3a3.entry.js → p-3d50db36.entry.js} +1 -1
  120. package/dist/ripple/{p-24c56217.system.entry.js → p-3deaf4d9.system.entry.js} +1 -1
  121. package/dist/ripple/{p-4df006b1.system.entry.js → p-3e415c49.system.entry.js} +1 -1
  122. package/dist/ripple/{p-c10f3273.entry.js → p-41550baa.entry.js} +1 -1
  123. package/dist/ripple/{p-f69a16d4.system.entry.js → p-4564a101.system.entry.js} +1 -1
  124. package/dist/ripple/{p-ace05e0b.entry.js → p-45f9ad09.entry.js} +1 -1
  125. package/dist/ripple/{p-4e1065d1.system.entry.js → p-465d44f0.system.entry.js} +1 -1
  126. package/dist/ripple/{p-e9395ac5.entry.js → p-4ca5ed96.entry.js} +1 -1
  127. package/dist/ripple/{p-182f1286.system.entry.js → p-50388b6f.system.entry.js} +1 -1
  128. package/dist/ripple/{p-37f39cd9.system.entry.js → p-505eca1c.system.entry.js} +1 -1
  129. package/dist/ripple/{p-503702ef.entry.js → p-5284791c.entry.js} +1 -1
  130. package/dist/ripple/{p-6dd5fd2e.entry.js → p-5300b15d.entry.js} +1 -1
  131. package/dist/ripple/{p-bb193b30.system.js → p-5a8e86e9.system.js} +1 -1
  132. package/dist/ripple/{p-eded3ca5.system.entry.js → p-5a9e3108.system.entry.js} +1 -1
  133. package/dist/ripple/{p-3920fb10.js → p-61262e66.js} +1 -1
  134. package/dist/ripple/{p-230cd6ec.system.entry.js → p-6cc07645.system.entry.js} +1 -1
  135. package/dist/ripple/{p-e42eeb59.system.entry.js → p-6d129ef8.system.entry.js} +1 -1
  136. package/dist/ripple/{p-8c7d5cd9.entry.js → p-72165bd2.entry.js} +1 -1
  137. package/dist/ripple/{p-c999c1f7.system.entry.js → p-725230dd.system.entry.js} +1 -1
  138. package/dist/ripple/{p-d9122935.system.entry.js → p-749597da.system.entry.js} +1 -1
  139. package/dist/ripple/{p-c28863e7.system.js → p-81c2df85.system.js} +1 -1
  140. package/dist/ripple/{p-cd7cef47.system.js → p-828adbf1.system.js} +1 -1
  141. package/dist/ripple/{p-1aead401.entry.js → p-83be63f6.entry.js} +1 -1
  142. package/dist/ripple/{p-abf6cfe2.entry.js → p-84ba5b74.entry.js} +1 -1
  143. package/dist/ripple/{p-3bdac9a4.entry.js → p-8835adfb.entry.js} +1 -1
  144. package/dist/ripple/{p-94db7841.entry.js → p-885c3527.entry.js} +1 -1
  145. package/dist/ripple/{p-71ed7e56.system.entry.js → p-a0ecb6d7.system.entry.js} +1 -1
  146. package/dist/ripple/{p-d52545c7.system.entry.js → p-a3c01e10.system.entry.js} +1 -1
  147. package/dist/ripple/{p-e8648c36.system.js → p-aa4a7527.system.js} +1 -1
  148. package/dist/ripple/{p-de283385.system.js → p-ae82b3d2.system.js} +1 -1
  149. package/dist/ripple/{p-daf03315.entry.js → p-aea13873.entry.js} +1 -1
  150. package/dist/ripple/{p-c93275bd.system.entry.js → p-b01f9998.system.entry.js} +1 -1
  151. package/dist/ripple/{p-de35505c.entry.js → p-b9dbf1f4.entry.js} +1 -1
  152. package/dist/ripple/{p-1ae47d48.entry.js → p-c1e3c2fb.entry.js} +1 -1
  153. package/dist/ripple/{p-91b21054.system.entry.js → p-c2e00d4a.system.entry.js} +1 -1
  154. package/dist/ripple/{p-c51398ba.entry.js → p-c47fab48.entry.js} +1 -1
  155. package/dist/ripple/{p-5052c9dd.system.entry.js → p-c853e185.system.entry.js} +1 -1
  156. package/dist/ripple/{p-b918e97a.system.entry.js → p-ca971eac.system.entry.js} +1 -1
  157. package/dist/ripple/{p-87d0933f.system.entry.js → p-cad0c5f9.system.entry.js} +1 -1
  158. package/dist/ripple/{p-709965dc.system.entry.js → p-db9657eb.system.entry.js} +1 -1
  159. package/dist/ripple/{p-38c177d4.entry.js → p-df157138.entry.js} +1 -1
  160. package/dist/ripple/{p-f8c6fa96.system.entry.js → p-e081fdc2.system.entry.js} +1 -1
  161. package/dist/ripple/{p-0289e88d.entry.js → p-e687176d.entry.js} +1 -1
  162. package/dist/ripple/{p-b0a02b42.system.entry.js → p-ed1f6b8d.system.entry.js} +1 -1
  163. package/dist/ripple/{p-e8c12272.js → p-eddbcb21.js} +1 -1
  164. package/dist/ripple/{p-10fffb96.entry.js → p-f2101a0d.entry.js} +1 -1
  165. package/dist/ripple/{p-588d678d.entry.js → p-f24572f5.entry.js} +1 -1
  166. package/dist/ripple/{p-c7dfcc99.system.entry.js → p-f40e1468.system.entry.js} +1 -1
  167. package/dist/ripple/{p-61a19aa5.entry.js → p-f90e4094.entry.js} +1 -1
  168. package/dist/ripple/{p-cb690d83.system.entry.js → p-fa4f1030.system.entry.js} +1 -1
  169. package/dist/ripple/{p-e26a6bd0.entry.js → p-ff1ed90f.entry.js} +1 -1
  170. package/dist/ripple/ripple.esm.js +1 -1
  171. package/dist/ripple/ripple.js +1 -1
  172. package/dist/types/global/functions.d.ts +1 -1
  173. package/package.json +1 -1
@@ -1 +1 @@
1
- import{r as t,c as i,h as o,H as e,g as s}from"./p-568c595f.js";import{d as n,q as r,k as a,y as h}from"./p-bb884a44.js";import{g as m}from"./p-2732bddd.js";const c=class{constructor(o){t(this,o),this.wmActionMenuLoaded=i(this,"wmActionMenuLoaded",7),this.menuLoaded=i(this,"menuLoaded",7),this.openUp=!1,this.keysSoFar="",this.searchIndex=0,this.debouncedClearKeysSoFar=n((()=>{this.keysSoFar=""}),500),this.isExpanded=!1,this.tooltipPosition=void 0,this.actionMenuType="icon",this.buttonText=void 0,this.disabled=!1,this.tooltip=void 0,this.labelForIdenticalButtons=void 0,this.darkMode=void 0}get horizontalPosition(){return this.el&&this.itemsEl&&r(this.el,this.itemsEl.clientWidth)?"right":"left"}get childItems(){return Array.from(this.el.querySelectorAll("wm-menuitem"))}get internalButtonType(){return"icon"===this.actionMenuType||"text"===this.actionMenuType?this.actionMenuType+"only":this.actionMenuType}handleClickedItem(){this.close()}handleKeyUp(t){this.moveUp(t.target)}handleKeyDown(t){this.moveDown(t.detail)}handleHomeKey(){this.focusFirstItem()}handleEndKey(){this.focusLastItem()}handleTabKey(){this.isExpanded&&this.close()}handleEscKey(){this.close(),this.wmButtonEl.focus()}handleKey(t){switch(t.key){case"ArrowDown":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusFirstItem())));break;case"ArrowUp":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusLastItem())))}}handleMenuitemBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}componentDidLoad(){"icon"===this.actionMenuType||this.buttonText||console.error("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'"),"icon"!==this.actionMenuType||this.tooltip||console.error("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'"),this.wmActionMenuLoaded.emit(),this.menuLoaded.emit()}moveUp(t){const i=this.childItems.indexOf(t);0===i?this.focusLastItem():this.childItems[i-1].focus()}moveDown(t){const i=this.childItems.indexOf(t);i===this.childItems.length-1?this.focusFirstItem():this.childItems[i+1].focus()}open(){this.disabled||(this.openUp=a(this.el,this.itemsEl.clientHeight),this.isExpanded=!0,this.itemsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>this.focusFirstItem())))}close(t=!0){this.isExpanded=!1,window.setTimeout((()=>{this.itemsEl.classList.add("hidden")}),150),window.setTimeout((()=>{!t||"BODY"!==document.activeElement.tagName&&"WM-MENUITEM"!==document.activeElement.tagName||this.wmButtonEl.focus()}),250)}focusFirstItem(){this.childItems[0].focus()}focusLastItem(){this.childItems[this.childItems.length-1].focus()}findAndFocusItem(t){if(this.keysSoFar||" "!=t.detail){const i=t.detail.toLowerCase();this.focusFirstItem(),this.keysSoFar||this.childItems.forEach(((t,i)=>{t===document.activeElement&&(this.searchIndex=i)})),this.keysSoFar+=i;let o=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);o||(o=this.findMatchInRange(this.childItems,0,this.searchIndex)),o&&o.focus(),this.debouncedClearKeysSoFar()}else t.target.click()}findMatchInRange(t,i,o){for(var e=i;e<o;e++){var s=t[e].textContent;if(s&&0===s.toLowerCase().indexOf(this.keysSoFar))return t[e]}return null}render(){return o(e,{onBlur:()=>this.close(!1)},o("div",{class:h()},o("wm-button",{"button-type":this.internalButtonType,tooltip:this.tooltip,"custom-background":this.darkMode?"dark":void 0,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:"icon"===this.actionMenuType?"f1d9":"",iconSize:"icon"===this.actionMenuType?"24px":void 0,id:"menubtn",onClick:()=>this.isExpanded?this.close():this.open(),onBlur:t=>this.handleButtonBlur(t),disabled:this.disabled,ref:t=>this.wmButtonEl=t,"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":"menu"},this.buttonText),o("div",{class:`dropdown ${this.openUp?"open-up":""} ${this.horizontalPosition} ${this.isExpanded?"open":""} hidden`,id:"menu",tabindex:-1,role:"menu",ref:t=>this.itemsEl=t},o("slot",null))))}static get delegatesFocus(){return!0}get el(){return s(this)}};c.style=":host{--wmcolor-actionmenu-background:var(--wmcolor-background);--wmcolor-actionmenu-text:var(--wmcolor-interactive);--wmcolor-actionmenu-text-disabled:var(--wmcolor-option-text-disabled);position:relative;display:inline-block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;color:var(--wmcolor-actionmenu-text);font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:var(--wmcolor-actionmenu-background);z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";const d=class{constructor(o){t(this,o),this.wmMenuitemClicked=i(this,"wmMenuitemClicked",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmPageDownItems=i(this,"wmPageDownItems",7),this.wmPageUpItems=i(this,"wmPageUpItems",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmMenuitemBlurred=i(this,"wmMenuitemBlurred",7),this.descriptionCharLimit=100,this.disabled=!1,this.icon=void 0,this.description=void 0}handleKeydown(t){const i=t.altKey||t.ctrlKey||t.metaKey,o=/^.$/.test(t.key)&&!i;switch(t.key){case"ArrowUp":t.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault(),this.disabled||this.el.click();break;case"Escape":t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault(),this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:o&&(t.preventDefault(),this.wmLetterPressed.emit(t.key))}}handleClick(){this.disabled||this.wmMenuitemClicked.emit()}handleBlur(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})}setOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.icon&&(this.icon=m(this.icon)),this.description&&(this.description.length>this.descriptionCharLimit&&console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`),this.icon&&console.error("wm-menuitems with descriptions do not support the use of icons")),this.setOnClick()}componentDidLoad(){this.icon&&(this.iconEl.classList.add("mdi"),this.iconEl.innerHTML=`&#x${this.icon};`)}render(){return o(e,{tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},o("div",{class:"wrapper","aria-disabled":this.disabled?"true":null},o("span",{ref:t=>this.iconEl=t}),this.el.textContent,this.description?o("div",{class:"description"},this.description):""))}get el(){return s(this)}static get watchers(){return{disabled:["setOnClick"]}}};d.style=':host{--wmcolor-actionmenu-item-background-hover:var(--wmcolor-option-background-hover);--wmcolor-actionmenu-item-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-actionmenu-item-background:var(--wmcolor-option-background);--wmcolor-actionmenu-item-border:var(--wmcolor-option-border);--wmcolor-actionmenu-item-text-description:var(--wmcolor-option-text);--wmcolor-actionmenu-item-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-actionmenu-item-text:var(--wmcolor-interactive);contain:content;font-family:inherit}:host .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:var(--wmcolor-actionmenu-item-background);font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid var(--wmcolor-actionmenu-item-border);color:var(--wmcolor-actionmenu-item-text);font-weight:700}:host .wrapper:hover{background:var(--wmcolor-actionmenu-item-background-hover);outline:none}:host .wrapper .description{color:var(--wmcolor-actionmenu-item-text-description);font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper:not(:last-child){border-bottom:2px solid var(--wmcolor-actionmenu-item-border)}:host ::slotted{font-family:inherit}:host .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none;font-size:1.12rem}:host(:focus-visible){outline:none}:host(:focus-visible) .wrapper{outline:none;background:var(--wmcolor-actionmenu-item-background-hover)}:host([aria-disabled=true]){pointer-events:none}:host([aria-disabled=true]) .wrapper{background:var(--wmcolor-actionmenu-item-background-disabled);color:var(--wmcolor-actionmenu-text-disabled)}:host([aria-disabled=true]) .description{color:var(--wmcolor-actionmenu-text-disabled)}';export{c as wm_action_menu,d as wm_menuitem}
1
+ import{r as t,c as i,h as o,H as e,g as s}from"./p-568c595f.js";import{d as n,q as r,k as a,y as h}from"./p-16f65bf4.js";import{g as m}from"./p-2732bddd.js";const c=class{constructor(o){t(this,o),this.wmActionMenuLoaded=i(this,"wmActionMenuLoaded",7),this.menuLoaded=i(this,"menuLoaded",7),this.openUp=!1,this.keysSoFar="",this.searchIndex=0,this.debouncedClearKeysSoFar=n((()=>{this.keysSoFar=""}),500),this.isExpanded=!1,this.tooltipPosition=void 0,this.actionMenuType="icon",this.buttonText=void 0,this.disabled=!1,this.tooltip=void 0,this.labelForIdenticalButtons=void 0,this.darkMode=void 0}get horizontalPosition(){return this.el&&this.itemsEl&&r(this.el,this.itemsEl.clientWidth)?"right":"left"}get childItems(){return Array.from(this.el.querySelectorAll("wm-menuitem"))}get internalButtonType(){return"icon"===this.actionMenuType||"text"===this.actionMenuType?this.actionMenuType+"only":this.actionMenuType}handleClickedItem(){this.close()}handleKeyUp(t){this.moveUp(t.target)}handleKeyDown(t){this.moveDown(t.detail)}handleHomeKey(){this.focusFirstItem()}handleEndKey(){this.focusLastItem()}handleTabKey(){this.isExpanded&&this.close()}handleEscKey(){this.close(),this.wmButtonEl.focus()}handleKey(t){switch(t.key){case"ArrowDown":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusFirstItem())));break;case"ArrowUp":this.isExpanded||(t.preventDefault(),this.open(),window.requestAnimationFrame((()=>this.focusLastItem())))}}handleMenuitemBlur(t){if(t.detail.relatedTarget!==this.el&&!this.el.contains(t.detail.relatedTarget)){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget,this.el.dispatchEvent(i)}}handleButtonBlur(t){(t.relatedTarget===this.el||this.el.contains(t.relatedTarget))&&t.stopPropagation()}componentDidLoad(){"icon"===this.actionMenuType||this.buttonText||console.error("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'"),"icon"!==this.actionMenuType||this.tooltip||console.error("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'"),this.wmActionMenuLoaded.emit(),this.menuLoaded.emit()}moveUp(t){const i=this.childItems.indexOf(t);0===i?this.focusLastItem():this.childItems[i-1].focus()}moveDown(t){const i=this.childItems.indexOf(t);i===this.childItems.length-1?this.focusFirstItem():this.childItems[i+1].focus()}open(){this.disabled||(this.openUp=a(this.el,this.itemsEl.clientHeight),this.isExpanded=!0,this.itemsEl.classList.remove("hidden"),window.requestAnimationFrame((()=>this.focusFirstItem())))}close(t=!0){this.isExpanded=!1,window.setTimeout((()=>{this.itemsEl.classList.add("hidden")}),150),window.setTimeout((()=>{!t||"BODY"!==document.activeElement.tagName&&"WM-MENUITEM"!==document.activeElement.tagName||this.wmButtonEl.focus()}),250)}focusFirstItem(){this.childItems[0].focus()}focusLastItem(){this.childItems[this.childItems.length-1].focus()}findAndFocusItem(t){if(this.keysSoFar||" "!=t.detail){const i=t.detail.toLowerCase();this.focusFirstItem(),this.keysSoFar||this.childItems.forEach(((t,i)=>{t===document.activeElement&&(this.searchIndex=i)})),this.keysSoFar+=i;let o=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);o||(o=this.findMatchInRange(this.childItems,0,this.searchIndex)),o&&o.focus(),this.debouncedClearKeysSoFar()}else t.target.click()}findMatchInRange(t,i,o){for(var e=i;e<o;e++){var s=t[e].textContent;if(s&&0===s.toLowerCase().indexOf(this.keysSoFar))return t[e]}return null}render(){return o(e,{onBlur:()=>this.close(!1)},o("div",{class:h()},o("wm-button",{"button-type":this.internalButtonType,tooltip:this.tooltip,"custom-background":this.darkMode?"dark":void 0,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:"icon"===this.actionMenuType?"f1d9":"",iconSize:"icon"===this.actionMenuType?"24px":void 0,id:"menubtn",onClick:()=>this.isExpanded?this.close():this.open(),onBlur:t=>this.handleButtonBlur(t),disabled:this.disabled,ref:t=>this.wmButtonEl=t,"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":"menu"},this.buttonText),o("div",{class:`dropdown ${this.openUp?"open-up":""} ${this.horizontalPosition} ${this.isExpanded?"open":""} hidden`,id:"menu",tabindex:-1,role:"menu",ref:t=>this.itemsEl=t},o("slot",null))))}static get delegatesFocus(){return!0}get el(){return s(this)}};c.style=":host{--wmcolor-actionmenu-background:var(--wmcolor-background);--wmcolor-actionmenu-text:var(--wmcolor-interactive);--wmcolor-actionmenu-text-disabled:var(--wmcolor-option-text-disabled);position:relative;display:inline-block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;color:var(--wmcolor-actionmenu-text);font-family:inherit}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:var(--wmcolor-actionmenu-background);z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";const d=class{constructor(o){t(this,o),this.wmMenuitemClicked=i(this,"wmMenuitemClicked",7),this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7),this.wmPageDownItems=i(this,"wmPageDownItems",7),this.wmPageUpItems=i(this,"wmPageUpItems",7),this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7),this.wmLetterPressed=i(this,"wmLetterPressed",7),this.wmMenuitemBlurred=i(this,"wmMenuitemBlurred",7),this.descriptionCharLimit=100,this.disabled=!1,this.icon=void 0,this.description=void 0}handleKeydown(t){const i=t.altKey||t.ctrlKey||t.metaKey,o=/^.$/.test(t.key)&&!i;switch(t.key){case"ArrowUp":t.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault(),this.disabled||this.el.click();break;case"Escape":t.preventDefault(),t.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault(),this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:o&&(t.preventDefault(),this.wmLetterPressed.emit(t.key))}}handleClick(){this.disabled||this.wmMenuitemClicked.emit()}handleBlur(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})}setOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}componentWillLoad(){this.icon&&(this.icon=m(this.icon)),this.description&&(this.description.length>this.descriptionCharLimit&&console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`),this.icon&&console.error("wm-menuitems with descriptions do not support the use of icons")),this.setOnClick()}componentDidLoad(){this.icon&&(this.iconEl.classList.add("mdi"),this.iconEl.innerHTML=`&#x${this.icon};`)}render(){return o(e,{tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},o("div",{class:"wrapper","aria-disabled":this.disabled?"true":null},o("span",{ref:t=>this.iconEl=t}),this.el.textContent,this.description?o("div",{class:"description"},this.description):""))}get el(){return s(this)}static get watchers(){return{disabled:["setOnClick"]}}};d.style=':host{--wmcolor-actionmenu-item-background-hover:var(--wmcolor-option-background-hover);--wmcolor-actionmenu-item-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-actionmenu-item-background:var(--wmcolor-option-background);--wmcolor-actionmenu-item-border:var(--wmcolor-option-border);--wmcolor-actionmenu-item-text-description:var(--wmcolor-option-text);--wmcolor-actionmenu-item-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-actionmenu-item-text:var(--wmcolor-interactive);contain:content;font-family:inherit}:host .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:var(--wmcolor-actionmenu-item-background);font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid var(--wmcolor-actionmenu-item-border);color:var(--wmcolor-actionmenu-item-text);font-weight:700}:host .wrapper:hover{background:var(--wmcolor-actionmenu-item-background-hover);outline:none}:host .wrapper .description{color:var(--wmcolor-actionmenu-item-text-description);font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper:not(:last-child){border-bottom:2px solid var(--wmcolor-actionmenu-item-border)}:host ::slotted{font-family:inherit}:host .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none;font-size:1.12rem}:host(:focus-visible){outline:none}:host(:focus-visible) .wrapper{outline:none;background:var(--wmcolor-actionmenu-item-background-hover)}:host([aria-disabled=true]){pointer-events:none}:host([aria-disabled=true]) .wrapper{background:var(--wmcolor-actionmenu-item-background-disabled);color:var(--wmcolor-actionmenu-text-disabled)}:host([aria-disabled=true]) .description{color:var(--wmcolor-actionmenu-text-disabled)}';export{c as wm_action_menu,d as wm_menuitem}