@watermarkinsights/ripple 5.20.0-alpha.1 → 5.20.0-alpha.11

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 (178) hide show
  1. package/dist/cjs/{app-globals-e741af80.js → app-globals-6817b91e.js} +1 -1
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/priv-option-list.cjs.entry.js +2 -4
  4. package/dist/cjs/ripple.cjs.js +2 -2
  5. package/dist/cjs/wm-option_2.cjs.entry.js +175 -95
  6. package/dist/cjs/wm-tab-item_3.cjs.entry.js +73 -109
  7. package/dist/cjs/wm-tag-input.cjs.entry.js +2 -2
  8. package/dist/cjs/wm-textarea.cjs.entry.js +1 -1
  9. package/dist/cjs/wm-timepicker.cjs.entry.js +2 -2
  10. package/dist/cjs/wm-toggletip.cjs.entry.js +3 -3
  11. package/dist/cjs/wm-uploader.cjs.entry.js +2 -2
  12. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +2 -4
  13. package/dist/collection/components/selects/wm-select/wm-select.css +67 -55
  14. package/dist/collection/components/selects/wm-select/wm-select.js +186 -110
  15. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +4 -3
  16. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +2 -13
  17. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +19 -7
  18. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +75 -109
  19. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +1 -1
  20. package/dist/collection/components/wm-tag-input/wm-tag-input.js +2 -2
  21. package/dist/collection/components/wm-textarea/wm-textarea.js +1 -1
  22. package/dist/collection/components/wm-timepicker/wm-timepicker.js +2 -2
  23. package/dist/collection/components/wm-toggletip/wm-toggletip.js +3 -3
  24. package/dist/collection/components/wm-uploader/wm-uploader.js +2 -2
  25. package/dist/esm/{app-globals-8edefb94.js → app-globals-875a52fe.js} +1 -1
  26. package/dist/esm/{chartFunctions-3a54f8ac.js → chartFunctions-613e9c87.js} +1 -1
  27. package/dist/esm/{functions-669184a6.js → functions-38e392cb.js} +1 -1
  28. package/dist/esm/{intl-7906e2d7.js → intl-0b8f342e.js} +1 -1
  29. package/dist/esm/loader.js +2 -2
  30. package/dist/esm/priv-calendar.entry.js +1 -1
  31. package/dist/esm/priv-chart-popover.entry.js +1 -1
  32. package/dist/esm/priv-option-list.entry.js +4 -6
  33. package/dist/esm/ripple.js +2 -2
  34. package/dist/esm/wm-action-menu_2.entry.js +1 -1
  35. package/dist/esm/wm-button.entry.js +1 -1
  36. package/dist/esm/wm-chart.entry.js +3 -3
  37. package/dist/esm/wm-date-range.entry.js +1 -1
  38. package/dist/esm/wm-datepicker.entry.js +1 -1
  39. package/dist/esm/wm-file.entry.js +1 -1
  40. package/dist/esm/wm-flyout.entry.js +2 -2
  41. package/dist/esm/wm-input.entry.js +2 -2
  42. package/dist/esm/wm-line-chart.entry.js +3 -3
  43. package/dist/esm/wm-modal-pss_3.entry.js +2 -2
  44. package/dist/esm/wm-modal_3.entry.js +2 -2
  45. package/dist/esm/wm-navigation_3.entry.js +2 -2
  46. package/dist/esm/wm-navigator.entry.js +1 -1
  47. package/dist/esm/wm-nested-select.entry.js +2 -2
  48. package/dist/esm/wm-optgroup.entry.js +1 -1
  49. package/dist/esm/wm-option_2.entry.js +177 -97
  50. package/dist/esm/wm-pagination.entry.js +2 -2
  51. package/dist/esm/wm-progress-indicator_3.entry.js +2 -2
  52. package/dist/esm/wm-search.entry.js +2 -2
  53. package/dist/esm/wm-snackbar.entry.js +2 -2
  54. package/dist/esm/wm-tab-item_3.entry.js +74 -110
  55. package/dist/esm/wm-tag-input.entry.js +4 -4
  56. package/dist/esm/wm-tag-option.entry.js +1 -1
  57. package/dist/esm/wm-textarea.entry.js +3 -3
  58. package/dist/esm/wm-timepicker.entry.js +3 -3
  59. package/dist/esm/wm-toggletip.entry.js +4 -4
  60. package/dist/esm/wm-uploader.entry.js +4 -4
  61. package/dist/esm-es5/app-globals-875a52fe.js +1 -0
  62. package/dist/esm-es5/{chartFunctions-3a54f8ac.js → chartFunctions-613e9c87.js} +1 -1
  63. package/dist/esm-es5/{functions-669184a6.js → functions-38e392cb.js} +1 -1
  64. package/dist/esm-es5/{intl-7906e2d7.js → intl-0b8f342e.js} +1 -1
  65. package/dist/esm-es5/loader.js +1 -1
  66. package/dist/esm-es5/priv-calendar.entry.js +1 -1
  67. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  68. package/dist/esm-es5/priv-option-list.entry.js +1 -1
  69. package/dist/esm-es5/ripple.js +1 -1
  70. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  71. package/dist/esm-es5/wm-button.entry.js +1 -1
  72. package/dist/esm-es5/wm-chart.entry.js +1 -1
  73. package/dist/esm-es5/wm-date-range.entry.js +1 -1
  74. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  75. package/dist/esm-es5/wm-file.entry.js +1 -1
  76. package/dist/esm-es5/wm-flyout.entry.js +1 -1
  77. package/dist/esm-es5/wm-input.entry.js +1 -1
  78. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  79. package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -1
  80. package/dist/esm-es5/wm-modal_3.entry.js +1 -1
  81. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  82. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  83. package/dist/esm-es5/wm-nested-select.entry.js +1 -1
  84. package/dist/esm-es5/wm-optgroup.entry.js +1 -1
  85. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  86. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  87. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  88. package/dist/esm-es5/wm-search.entry.js +1 -1
  89. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  90. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  91. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  92. package/dist/esm-es5/wm-tag-option.entry.js +1 -1
  93. package/dist/esm-es5/wm-textarea.entry.js +1 -1
  94. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  95. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  96. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  97. package/dist/ripple/{p-6d32911c.system.entry.js → p-00eaa361.system.entry.js} +1 -1
  98. package/dist/ripple/{p-c85dae6b.entry.js → p-0825151e.entry.js} +1 -1
  99. package/dist/ripple/{p-c70fa14f.entry.js → p-0bce3f83.entry.js} +1 -1
  100. package/dist/ripple/{p-69b38da5.entry.js → p-118093e1.entry.js} +1 -1
  101. package/dist/ripple/{p-ba6d438c.system.entry.js → p-17964357.system.entry.js} +1 -1
  102. package/dist/ripple/p-19ee7c75.js +1 -0
  103. package/dist/ripple/{p-bd37b0f9.system.entry.js → p-1a89139d.system.entry.js} +1 -1
  104. package/dist/ripple/{p-03759d86.system.entry.js → p-1fcf0ea8.system.entry.js} +1 -1
  105. package/dist/ripple/{p-bdac9bec.entry.js → p-2508b801.entry.js} +1 -1
  106. package/dist/ripple/{p-c34346d5.entry.js → p-26ffcd83.entry.js} +1 -1
  107. package/dist/ripple/{p-55cdfcb4.system.entry.js → p-2b7259cb.system.entry.js} +1 -1
  108. package/dist/ripple/{p-ff6b7376.system.entry.js → p-2db6573e.system.entry.js} +1 -1
  109. package/dist/ripple/{p-1efa25b5.system.entry.js → p-3133ce3c.system.entry.js} +1 -1
  110. package/dist/ripple/{p-9ac6957b.entry.js → p-31bac55d.entry.js} +1 -1
  111. package/dist/ripple/{p-24e17026.entry.js → p-3612ee73.entry.js} +1 -1
  112. package/dist/ripple/{p-21c100d8.entry.js → p-39a4934f.entry.js} +1 -1
  113. package/dist/ripple/{p-54759960.entry.js → p-41664372.entry.js} +1 -1
  114. package/dist/ripple/{p-c8dfc321.system.entry.js → p-44cc05f6.system.entry.js} +1 -1
  115. package/dist/ripple/{p-c73882de.system.entry.js → p-4602304a.system.entry.js} +1 -1
  116. package/dist/ripple/{p-bb364d6b.entry.js → p-4b8f7d1e.entry.js} +1 -1
  117. package/dist/ripple/{p-b55883ee.entry.js → p-4d0abf7a.entry.js} +1 -1
  118. package/dist/ripple/{p-e2239af2.entry.js → p-4df8346a.entry.js} +1 -1
  119. package/dist/ripple/{p-23c44c11.system.entry.js → p-507ea41f.system.entry.js} +1 -1
  120. package/dist/ripple/{p-26ab5004.system.entry.js → p-5405df80.system.entry.js} +1 -1
  121. package/dist/ripple/{p-9499fa62.entry.js → p-56b6d9f6.entry.js} +1 -1
  122. package/dist/ripple/{p-4d5de385.system.entry.js → p-56e376b2.system.entry.js} +1 -1
  123. package/dist/ripple/{p-88a7ccee.system.js → p-608971f2.system.js} +1 -1
  124. package/dist/ripple/{p-6ec4129b.entry.js → p-60e16c79.entry.js} +1 -1
  125. package/dist/ripple/{p-95f19440.system.js → p-65abcbb4.system.js} +1 -1
  126. package/dist/ripple/{p-65d3f9c4.system.entry.js → p-667fdcbb.system.entry.js} +1 -1
  127. package/dist/ripple/{p-68e90b50.system.entry.js → p-6a70dc0b.system.entry.js} +1 -1
  128. package/dist/ripple/p-6b9e6233.entry.js +1 -0
  129. package/dist/ripple/{p-7394f4e9.system.entry.js → p-7134a305.system.entry.js} +1 -1
  130. package/dist/ripple/{p-b6eef7d1.entry.js → p-72e1fdb5.entry.js} +1 -1
  131. package/dist/ripple/{p-047e510d.entry.js → p-7c3bf608.entry.js} +1 -1
  132. package/dist/ripple/{p-176dcfc0.system.js → p-7edd25f7.system.js} +1 -1
  133. package/dist/ripple/{p-ebfa5876.entry.js → p-86a61a2a.entry.js} +1 -1
  134. package/dist/ripple/{p-8f4b4e29.system.entry.js → p-8d1e0f23.system.entry.js} +1 -1
  135. package/dist/ripple/{p-009a6e5a.entry.js → p-8e2f3a45.entry.js} +1 -1
  136. package/dist/ripple/{p-a0ef456d.entry.js → p-8ec6ec53.entry.js} +1 -1
  137. package/dist/ripple/{p-71cc21a4.entry.js → p-908057b2.entry.js} +1 -1
  138. package/dist/ripple/{p-dbc3a44d.entry.js → p-9202d9e9.entry.js} +1 -1
  139. package/dist/ripple/{p-0ae9b6d3.js → p-92c8361f.js} +1 -1
  140. package/dist/ripple/{p-ad10664f.entry.js → p-957f13fb.entry.js} +1 -1
  141. package/dist/ripple/{p-1ad6c15b.entry.js → p-9609d8e7.entry.js} +1 -1
  142. package/dist/ripple/{p-3c9972a6.system.entry.js → p-960d2cf0.system.entry.js} +1 -1
  143. package/dist/ripple/{p-22d4c7e0.system.entry.js → p-96f86eb4.system.entry.js} +1 -1
  144. package/dist/ripple/p-99302224.system.js +1 -0
  145. package/dist/ripple/{p-ea10c498.entry.js → p-9e89655f.entry.js} +1 -1
  146. package/dist/ripple/{p-f8fd7172.system.entry.js → p-a14dee02.system.entry.js} +1 -1
  147. package/dist/ripple/{p-222624ae.entry.js → p-a5c5c64c.entry.js} +1 -1
  148. package/dist/ripple/{p-dfa30c3d.entry.js → p-a7cde3fc.entry.js} +1 -1
  149. package/dist/ripple/{p-acb4d87c.system.entry.js → p-abcdd7be.system.entry.js} +1 -1
  150. package/dist/ripple/{p-335a45e6.system.entry.js → p-b0da7ad4.system.entry.js} +1 -1
  151. package/dist/ripple/{p-6a40014e.system.entry.js → p-b1fb99e4.system.entry.js} +1 -1
  152. package/dist/ripple/{p-91669f66.js → p-b511ebfd.js} +1 -1
  153. package/dist/ripple/p-b921ee01.entry.js +1 -0
  154. package/dist/ripple/{p-036fd03b.system.entry.js → p-bde7e77b.system.entry.js} +1 -1
  155. package/dist/ripple/{p-c0f4f1ea.system.entry.js → p-c7f3ef7f.system.entry.js} +1 -1
  156. package/dist/ripple/{p-1806e50b.js → p-d815809f.js} +1 -1
  157. package/dist/ripple/{p-fb61a10e.system.entry.js → p-e5c34af5.system.entry.js} +1 -1
  158. package/dist/ripple/{p-e1a15515.system.entry.js → p-e660d0b8.system.entry.js} +1 -1
  159. package/dist/ripple/{p-66489ded.entry.js → p-ecd1c2ba.entry.js} +1 -1
  160. package/dist/ripple/{p-5bf2eb50.system.entry.js → p-f4390a0a.system.entry.js} +1 -1
  161. package/dist/ripple/{p-ae2520e4.entry.js → p-f91fc18d.entry.js} +1 -1
  162. package/dist/ripple/p-f9830a37.system.js +1 -0
  163. package/dist/ripple/{p-1841c319.system.entry.js → p-f9bbb123.system.entry.js} +1 -1
  164. package/dist/ripple/p-f9c88d5b.system.entry.js +1 -0
  165. package/dist/ripple/{p-25c17efe.system.entry.js → p-fbad04d7.system.entry.js} +1 -1
  166. package/dist/ripple/ripple.esm.js +1 -1
  167. package/dist/ripple/ripple.js +1 -1
  168. package/dist/types/components/selects/wm-select/wm-select.d.ts +16 -9
  169. package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +10 -10
  170. package/dist/types/components.d.ts +0 -2
  171. package/package.json +2 -2
  172. package/dist/esm-es5/app-globals-8edefb94.js +0 -1
  173. package/dist/ripple/p-74786c48.system.entry.js +0 -1
  174. package/dist/ripple/p-7b185f34.system.js +0 -1
  175. package/dist/ripple/p-9e1ea6e2.entry.js +0 -1
  176. package/dist/ripple/p-b9db60d3.js +0 -1
  177. package/dist/ripple/p-c650cd07.system.js +0 -1
  178. package/dist/ripple/p-ca11a1be.entry.js +0 -1
@@ -2,13 +2,16 @@ import { h, Host } from "@stencil/core";
2
2
  import { debounce, intl } from "../../../global/functions";
3
3
  export class TabList {
4
4
  constructor() {
5
- this.debouncedUpdateContainerFades = debounce(() => {
6
- this.updateContainerFades();
5
+ this.debouncedUpdateContainerState = debounce(() => {
6
+ this.updateContainerFade();
7
7
  this.updateArrowVisibility();
8
8
  }, 16);
9
9
  this.customBackground = undefined;
10
- this.customPadding = undefined;
11
10
  this.selectedTab = undefined;
11
+ this.announcement = "";
12
+ this.containerFadeLeft = false;
13
+ this.containerFadeRight = false;
14
+ this.scrollArrowsVisible = false;
12
15
  }
13
16
  get tabItems() {
14
17
  return Array.from(this.el.querySelectorAll("wm-tab-item"));
@@ -53,7 +56,9 @@ export class TabList {
53
56
  this.setSelected(selectedTab);
54
57
  this.handleTabFocused(this.selectedTabItem);
55
58
  this.updateArrowVisibility();
56
- this.tabContainerEl.addEventListener("scroll", this.debouncedUpdateContainerFades);
59
+ this.tabContainerEl.addEventListener("scroll", this.debouncedUpdateContainerState);
60
+ const resizeObserver = new ResizeObserver(() => this.debouncedUpdateContainerState());
61
+ resizeObserver.observe(this.el);
57
62
  }
58
63
  tabItemLoaded(ev) {
59
64
  this.setAriaOnPanelAndTab(ev.target);
@@ -118,126 +123,86 @@ export class TabList {
118
123
  // Calculate and apply scroll position
119
124
  const targetScrollLeft = this.calculateScrollPositionForTab(tabItem, alignment);
120
125
  this.tabContainerEl.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
121
- // Update container fade effects based on scroll position
122
- this.updateContainerFades();
123
126
  }
124
127
  calculateScrollPositionForTab(tabItem, alignment = "auto") {
125
128
  const containerRect = this.tabContainerEl.getBoundingClientRect();
126
129
  const containerScrollLeft = this.tabContainerEl.scrollLeft;
127
- // Get tab's position relative to viewport, then calculate position within scroll container
128
130
  const tabRect = tabItem.getBoundingClientRect();
129
131
  const tabLeft = containerScrollLeft + (tabRect.left - containerRect.left);
130
132
  const tabRight = tabLeft + tabRect.width;
131
- const firstTab = this.tabItems[0];
132
- const lastTab = this.tabItems[this.tabItems.length - 1];
133
- // If explicit alignment is requested, use it (for arrow click navigation)
133
+ // Explicit alignment
134
134
  if (alignment === "left") {
135
135
  return tabLeft; // Snap to left edge
136
136
  }
137
137
  if (alignment === "right") {
138
138
  return Math.max(0, tabRight - containerRect.width); // Snap to right edge
139
139
  }
140
- // Auto alignment: determine scroll target based on tab position
140
+ // Auto alignment
141
+ const firstTab = this.tabItems[0];
142
+ const lastTab = this.tabItems[this.tabItems.length - 1];
141
143
  if (tabItem === firstTab) {
142
144
  return 0;
143
145
  }
144
146
  if (tabItem === lastTab) {
145
147
  return Math.max(0, this.tabContainerEl.scrollWidth - containerRect.width);
146
148
  }
147
- // Middle tabs: determine if scrolling is needed and which direction
148
- const containerRightEdge = containerScrollLeft + containerRect.width;
149
- const tolerance = 1; // 1px tolerance for floating-point precision
150
- // Check if tab is completely before viewport (left side)
151
- if (tabRight <= containerScrollLeft + tolerance) {
152
- return tabLeft; // Align to left edge
153
- }
154
- // Check if tab is completely after viewport (right side)
155
- if (tabLeft >= containerRightEdge - tolerance) {
156
- return tabRight - containerRect.width; // Align to right edge
157
- }
158
- // Tab is at least partially visible
159
- const isFullyVisible = tabLeft >= containerScrollLeft && tabRight <= containerRightEdge;
160
- if (isFullyVisible) {
161
- return containerScrollLeft; // Don't scroll
162
- }
163
- // Partially visible: align to the edge that's cut off
164
149
  if (tabLeft < containerScrollLeft) {
165
- return tabLeft; // Left side cut off, align left
150
+ return tabLeft; // Left edge cut off, align left
151
+ }
152
+ if (tabRight > containerScrollLeft + containerRect.width) {
153
+ return tabRight - containerRect.width; // Right edge cut off, align right
166
154
  }
167
- return tabRight - containerRect.width; // Right side cut off, align right
155
+ return containerScrollLeft; // Fully visible, no scroll needed
168
156
  }
169
- /**
170
- * Updates fade effects on the container based on scroll position.
171
- * Adds classes to show left/right fades when content is scrolled out of view.
172
- * Disables fades on edges where the focused tab is aligned to avoid obscuring focus ring.
173
- */
174
- updateContainerFades() {
175
- const scrollLeft = this.tabContainerEl.scrollLeft;
176
- const scrollWidth = this.tabContainerEl.scrollWidth;
177
- const containerWidth = this.tabContainerEl.clientWidth;
157
+ updateContainerFade() {
178
158
  const tolerance = 1; // 1px tolerance for floating-point precision
179
159
  // Check if there's content scrolled out of view on each side
180
- let hasContentOnLeft = scrollLeft > tolerance;
181
- let hasContentOnRight = scrollLeft + containerWidth < scrollWidth - tolerance;
182
- // Check if focused tab is at or overlapping an edge - if so, disable fade on that edge
160
+ let shouldFadeLeft = this.tabContainerEl.scrollLeft > tolerance;
161
+ let shouldFadeRight = this.tabContainerEl.scrollLeft + this.tabContainerEl.clientWidth < this.tabContainerEl.scrollWidth - tolerance;
183
162
  const focusedTab = this.tabItems.find((tab) => tab.matches(":focus-within"));
184
163
  if (focusedTab) {
185
164
  const containerRect = this.tabContainerEl.getBoundingClientRect();
186
165
  const tabRect = focusedTab.getBoundingClientRect();
187
- // Check if focused tab is at or overlapping left edge
188
166
  const isAtOrOverlappingLeft = tabRect.left <= containerRect.left + tolerance;
189
- // Check if focused tab is at or overlapping right edge
190
167
  const isAtOrOverlappingRight = tabRect.right >= containerRect.right - tolerance;
191
168
  if (isAtOrOverlappingLeft) {
192
- hasContentOnLeft = false; // Don't fade left if focused tab is at/beyond left edge
169
+ shouldFadeLeft = false; // Don't fade left if focused tab is at/beyond left edge
193
170
  }
194
171
  if (isAtOrOverlappingRight) {
195
- hasContentOnRight = false; // Don't fade right if focused tab is at/beyond right edge
172
+ shouldFadeRight = false; // Don't fade right if focused tab is at/beyond right edge
196
173
  }
197
174
  }
198
- // Apply classes to container
199
- if (hasContentOnLeft) {
200
- this.tabContainerEl.classList.add("fade-left");
201
- }
202
- else {
203
- this.tabContainerEl.classList.remove("fade-left");
204
- }
205
- if (hasContentOnRight) {
206
- this.tabContainerEl.classList.add("fade-right");
207
- }
208
- else {
209
- this.tabContainerEl.classList.remove("fade-right");
210
- }
175
+ this.containerFadeLeft = shouldFadeLeft;
176
+ this.containerFadeRight = shouldFadeRight;
211
177
  }
212
178
  updateArrowVisibility() {
213
179
  const leftArrowEl = this.el.shadowRoot.querySelector(".left-arrow");
214
180
  const rightArrowEl = this.el.shadowRoot.querySelector(".right-arrow");
215
181
  const isScrollable = this.tabContainerEl.scrollWidth > this.tabContainerEl.clientWidth;
216
- if (isScrollable) {
217
- // Show both arrows and set disabled state based on scroll position
218
- leftArrowEl.classList.add("visible");
219
- rightArrowEl.classList.add("visible");
220
- const tolerance = 1; // 1px tolerance for floating-point precision
221
- const canScrollLeft = this.tabContainerEl.scrollLeft > tolerance;
222
- const canScrollRight = this.tabContainerEl.scrollLeft + this.tabContainerEl.clientWidth < this.tabContainerEl.scrollWidth - tolerance;
223
- const leftArrowFocused = this.el.shadowRoot.activeElement === leftArrowEl;
224
- const rightArrowFocused = this.el.shadowRoot.activeElement === rightArrowEl;
225
- leftArrowEl.disabled = !canScrollLeft;
226
- rightArrowEl.disabled = !canScrollRight;
227
- if (leftArrowFocused && leftArrowEl.disabled) {
228
- this.tabItems[0].focus({ preventScroll: true });
229
- }
230
- else if (rightArrowFocused && rightArrowEl.disabled) {
231
- this.tabItems[this.tabItems.length - 1].focus({ preventScroll: true });
182
+ this.scrollArrowsVisible = isScrollable;
183
+ requestAnimationFrame(() => {
184
+ // Let arrows render before checking if they should be disabled
185
+ if (this.scrollArrowsVisible) {
186
+ const tolerance = 1; // 1px tolerance for floating-point precision
187
+ const canScrollLeft = this.tabContainerEl.scrollLeft > tolerance;
188
+ const canScrollRight = this.tabContainerEl.scrollLeft + this.tabContainerEl.clientWidth <
189
+ this.tabContainerEl.scrollWidth - tolerance;
190
+ leftArrowEl.classList.toggle("disabled", !canScrollLeft);
191
+ rightArrowEl.classList.toggle("disabled", !canScrollRight);
232
192
  }
233
- }
234
- else {
235
- // Hide both arrows if content fits
236
- leftArrowEl.classList.remove("visible");
237
- rightArrowEl.classList.remove("visible");
238
- }
193
+ });
239
194
  }
240
- handleLeftArrowClick() {
195
+ handleLeftArrowClick(ev) {
196
+ const buttonEl = ev.target;
197
+ if (buttonEl.classList.contains("disabled")) {
198
+ // If the arrow is disabled, take no action and announce reason
199
+ this.announce(intl.formatMessage({
200
+ id: "tabs.cannotScrollLeft",
201
+ defaultMessage: "No more tabs to the left",
202
+ description: "Announcement for button scrolling tab group.",
203
+ }));
204
+ return;
205
+ }
241
206
  // Find the first tab that's partially or completely obscured on the left
242
207
  const containerRect = this.tabContainerEl.getBoundingClientRect();
243
208
  const containerLeft = containerRect.left;
@@ -255,7 +220,16 @@ export class TabList {
255
220
  this.handleTabFocused(tabToFocus, "right"); // Snap to right edge for page-scroll behavior
256
221
  }
257
222
  }
258
- handleRightArrowClick() {
223
+ handleRightArrowClick(ev) {
224
+ const buttonEl = ev.target;
225
+ if (buttonEl.classList.contains("disabled")) {
226
+ this.announce(intl.formatMessage({
227
+ id: "tabs.cannotScrollRight",
228
+ defaultMessage: "No more tabs to the right",
229
+ description: "Announcement for button scrolling tab group.",
230
+ }));
231
+ return;
232
+ }
259
233
  // Find the first tab that's partially or completely obscured on the right
260
234
  const containerRect = this.tabContainerEl.getBoundingClientRect();
261
235
  const containerRight = containerRect.right;
@@ -272,22 +246,23 @@ export class TabList {
272
246
  this.handleTabFocused(tabToFocus, "left"); // Snap to left edge for page-scroll behavior
273
247
  }
274
248
  }
275
- render() {
276
- let margins = {};
277
- if (this.customPadding) {
278
- margins = {
279
- "margin-left": "-" + this.customPadding,
280
- };
249
+ announce(message) {
250
+ // \u00A0 is a non-breaking space character, which causes the message to be read as a new one
251
+ if (this.liveRegionEl.textContent === message) {
252
+ message += "\u00A0";
281
253
  }
282
- return (h(Host, { key: 'b2757d684e2de9a0c37e39a16adba7933497e5ad' }, h("div", { key: 'bebc718c9cf90387d1aa081ff559ac8ded3c1862', class: "component-wrapper" }, h("wm-button", { key: '25d51d95e3f181ca9a3f1eca892151a6c4679838', class: "left-arrow", "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "chevron-left", tooltip: intl.formatMessage({
254
+ this.announcement = message;
255
+ }
256
+ render() {
257
+ return (h(Host, { key: '3ca0e37138d368c09ec188b8023ec1bc9cda9428' }, h("div", { key: '3c7ead3f44a7c03980eefde2a36e64d7c62da7b9', class: "component-wrapper" }, h("wm-button", { key: '979ea44451d40012037b169201d9b7f84f432e2f', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
283
258
  id: "tabs.showPreviousTabs",
284
259
  defaultMessage: "Show previous tabs",
285
260
  description: "Tooltip for button scrolling tab group.",
286
- }), onClick: () => this.handleLeftArrowClick() }), h("ul", { key: 'e7179a83c597cfb8e18d97ca03f951a9000c3213', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""}`, style: margins, role: "tablist", tabIndex: -1 }, h("slot", { key: '9569251578be9691fb6c03c94dfeb2fe1a0aa04d' })), h("wm-button", { key: '996fe7e8bf119336b2b11b20219d7b00a9059ef7', class: "right-arrow", "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "chevron-right", tooltip: intl.formatMessage({
261
+ }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: '993e39f11a24760262c017d40ca1691cb8e8a093', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: '0e6176cd6fc3c360016dd98cc6c1d3443bead0d3' })), h("wm-button", { key: '40b09e7e81013467eff14d8fe5855ded630888d7', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
287
262
  id: "tabs.showNextTabs",
288
263
  defaultMessage: "Show next tabs",
289
264
  description: "Tooltip for button scrolling tab group.",
290
- }), onClick: () => this.handleRightArrowClick() }))));
265
+ }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: 'bc41b920586e762674761ba973ed91a041d2022e', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
291
266
  }
292
267
  static get is() { return "wm-tab-list"; }
293
268
  static get encapsulation() { return "shadow"; }
@@ -321,23 +296,6 @@ export class TabList {
321
296
  "attribute": "custom-background",
322
297
  "reflect": false
323
298
  },
324
- "customPadding": {
325
- "type": "string",
326
- "mutable": false,
327
- "complexType": {
328
- "original": "string",
329
- "resolved": "string | undefined",
330
- "references": {}
331
- },
332
- "required": false,
333
- "optional": true,
334
- "docs": {
335
- "tags": [],
336
- "text": ""
337
- },
338
- "attribute": "custom-padding",
339
- "reflect": false
340
- },
341
299
  "selectedTab": {
342
300
  "type": "string",
343
301
  "mutable": false,
@@ -357,6 +315,14 @@ export class TabList {
357
315
  }
358
316
  };
359
317
  }
318
+ static get states() {
319
+ return {
320
+ "announcement": {},
321
+ "containerFadeLeft": {},
322
+ "containerFadeRight": {},
323
+ "scrollArrowsVisible": {}
324
+ };
325
+ }
360
326
  static get elementRef() { return "el"; }
361
327
  static get watchers() {
362
328
  return [{
@@ -12,7 +12,7 @@ export class TabPanel {
12
12
  this.tabPanelLoaded.emit({ tabId: this.tabId });
13
13
  }
14
14
  render() {
15
- return h(Host, { key: '2cb45ef238df77bae4b1207574ea2246c7b1947f', role: "tabpanel", class: { "tab-hidden": !this.active } });
15
+ return h(Host, { key: 'de7b52323f4628b61114793939ad10a3d96a8465', role: "tabpanel", class: { "tab-hidden": !this.active } });
16
16
  }
17
17
  static get is() { return "wm-tab-panel"; }
18
18
  static get originalStyleUrls() {
@@ -927,10 +927,10 @@ export class TagInput {
927
927
  }
928
928
  }
929
929
  render() {
930
- return (h("div", { key: 'f619bb843bdd10d0b951e9da5da4de945d3fe396', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'eecfce0ecabff49e128c044e323f8250e48c7946', class: "label-wrapper" }, h("label", { key: '080f21a334fb82a6488fb7ba799aa97d0cbe7c55', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: 'd1ee9ee1ce70d2a4bfdd23b6ae509b03acd992aa', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '0e432095a2f0a434460026b83a21cc23bdb7b9a5', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '28607d2bb8883ff21375f6b576bfc2565a5f4a6e', class: "upper-row" }, h("div", { key: '1280356e15ebc52c968ad2e1729e9ab1cff6d728', class: "svg-icon svg-search" }), h("div", { key: 'c803a0d4aa130018d92edb9fc0fdebeef14c7b12', class: `tags-and-input-wrapper` }, h("ul", { key: 'bf23f84d10a03c5ba5db56b609d8d0aacd698a0a', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
930
+ return (h("div", { key: '4fe42ced37f66d1da1f80d351d2058f2fa04caed', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'feac40a76d0300a640d353789188567b6bce88bd', class: "label-wrapper" }, h("label", { key: '8daeb0009a81b3372686cdcaf7823ca66574ea4c', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: 'a09c606545f86da661d38d30bc2207ee138c903d', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '9bb84f04fdb72fd60348a7c47f45a7c6d0eb1e1c', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'e67ffb9ecd84146e6feec21602eaa00f76b262b8', class: "upper-row" }, h("div", { key: 'f91652753a955980cd5079030b161abc19df0581', class: "svg-icon svg-search" }), h("div", { key: '6845759499b0f5165c145730c416a6036afb7ed3', class: `tags-and-input-wrapper` }, h("ul", { key: '4f785e55658d3f900b05a2de2a69f162339b46bf', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
931
931
  this.focusedTagIndex = undefined;
932
932
  this.handleBlur(ev);
933
- }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '9b96f3d46ad73a96abaa0b0cd66d10e38a3dd173', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '0db7af5bd7706d639ac6699a115b5ba45c3a744e', id: "info", class: "info-text" }, this.info)), h("div", { key: 'ca7e60ed4237a43016507d753042a98d8eb0b56f', id: "error" }, this.errorMessage), h("div", { key: 'bd892fb1aab39e18f31d9dc5fcf7296bac8866ef', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
933
+ }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: 'f6c8abfeba27ff6c8a3e769c90ef8a005ff9a661', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: 'f8633a6fe6a65ac8a3b17f4a9fb8ba1fabe1d827', id: "info", class: "info-text" }, this.info)), h("div", { key: '09279e977b383947404bb3c47dd41a6461e9e259', id: "error" }, this.errorMessage), h("div", { key: 'c9622856c1e7f6fcc9f162563245e561f962252f', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
934
934
  }
935
935
  static get is() { return "wm-tag-input"; }
936
936
  static get encapsulation() { return "shadow"; }
@@ -71,7 +71,7 @@ export class Textarea {
71
71
  this.announcement = message;
72
72
  }
73
73
  render() {
74
- return (h("div", { key: '53bf016c0ab72f8726008c4233527f364c635f41', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '691995e62aae4051a54125247947358f2677a5e2', class: "label-wrapper" }, h("label", { key: 'fab8e9b942bd1affaeea4f180c3b4c9e27b1ddd9', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '0d35cd920126b13a614faffd20276c9a4bc59acd', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("span", { key: '0e33d69604dc3db5993cbcf2e2ec6f2800067cfb', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'a18c90a4c7f9712b9cf6b6405ad111fa3611b660', class: "inner-wrapper" }, h("div", { key: '20cf3663c3f6493942d0200affc106ca07f28bd8', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '43275a292a56669c4e92d323489f90b8daa13f8d', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: '2f5e7884dc10b4d324beac35e3f94809aafc1b14', id: "info", class: "info" }, this.info)), h("div", { key: '5e21a007c7b9c6603b92b35931518f45f6838666', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '8977e8b27c76b086aeac3ad8b325d65e3a0c61fd', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
74
+ return (h("div", { key: '7f63d4224b5570bac29bf622adbd24c12a987fce', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '4b0b469d325eec11069f363f5e7bd44d67a10a46', class: "label-wrapper" }, h("label", { key: '9f7494233096cd6bd246a0994d3e9e04f4ded813', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '558c487419c9906646191d3f57e3826f0e0474ec', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("span", { key: '5efa5cc6d810b34ecb81da1ac013827961b9400f', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'caa5d6620b159c6cf24b763afd546c5ab958d625', class: "inner-wrapper" }, h("div", { key: '160d74581d77259428c48c0ade43038280820e10', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '00698ddec17a31ed6cd4ffc27e126bfeaa6aa185', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: 'bf3461f07b38d3ef97143cf3cf1b6d1f2351e079', id: "info", class: "info" }, this.info)), h("div", { key: '39a86570c355661e0136b1bd4855d68fec298514', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '274ebbb587acc31f4d9ffda5d1ba01f279a9053c', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
75
75
  }
76
76
  static get is() { return "wm-textarea"; }
77
77
  static get encapsulation() { return "shadow"; }
@@ -281,13 +281,13 @@ export class Timepicker {
281
281
  return this.times.map((time, index) => (h("li", { id: `option${index + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
282
282
  }
283
283
  render() {
284
- return (h(Host, { key: '1bc0e3c55453f573f958f434f08d6c0928ca315c', onBlur: () => this.close(false) }, h("div", { key: '56b51917022bb7ca450007c624d93bd6de4dd16c', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: 'fac1dae254a4a9a3c03a2edb6dbbccc810cf77d3', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '48519de32da0a22f89e1c260061c21dddd4152b7', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '0233b207923d7197b278a57aacfbe8791d1af0ea', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'dd4d6ad315f27742ce8993c9f5345be4f9744bfa' }, h("div", { key: '75b5a580fc22d5665321c9b7452d1e5c4423fe59', class: "inner-wrapper" }, h("input", { key: '3779ff4140aa2814becebd5ca7592517ac4bd52e', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { key: '160a3d7a30e79788320035d2bb0c7c49500ee3af', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
284
+ return (h(Host, { key: '85faaac7eaff466eef31897a1d02e29d7ec7b223', onBlur: () => this.close(false) }, h("div", { key: '82f88250e7090d6517e7ecd25a4423ff0b7638d7', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '114df6b8a382f59b8b6ea238c29051c1ddf568a0', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: 'd26dcc57be0e23f599d64df50520056cf88c9bf9', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '2b47dbd56c50265a5128a1c77e312b5745db6e2e', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: '46df6ba5efc5d779fb301b2e799f19e6acd6a48f' }, h("div", { key: '13c58fb83da101c3ffba9f7647ad3202898db08a', class: "inner-wrapper" }, h("input", { key: 'dc442e2553f0c070355744ad614b2543eac29c62', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { key: '298e10e7a3edb327d37d7450e3780aeb483934c6', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
285
285
  // This addresses an issue in Safari, where clicking buttons does not focus them
286
286
  // if the button does not receive focus when clicked, Timepicker incorrectly emits a blur event
287
287
  onMouseDown: (ev) => {
288
288
  ev.preventDefault();
289
289
  this.buttonEl.focus();
290
- } }, h("span", { key: '15601dcb4eaf6a2481983c9bea235f322c1ceaa2', class: "svg-icon svg-time" })), h("ul", { key: '92cee000b94cd36a160ca75afc9cdb6ec4ecf7ea', class: `options ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: '74d38c280568661ed4caaee63a804d9c535f7ce4', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '65b86599f1b7afb766bb8f3367b8f5039202220d', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
290
+ } }, h("span", { key: 'f5269ee6b6266dd404f11b5c6cc943082dd539f7', class: "svg-icon svg-time" })), h("ul", { key: '219ad64e4a20f478927adff1af541ecc0b8ca688', class: `options ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: '709e44a44ed4f99a7cbdbc4dacd461f73615324c', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '0b9919a2c9701b6b76b76b780fd35a240eb2adf6', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
291
291
  }
292
292
  static get is() { return "wm-timepicker"; }
293
293
  static get encapsulation() { return "shadow"; }
@@ -229,11 +229,11 @@ export class Toggletip {
229
229
  }
230
230
  }
231
231
  render() {
232
- return (h(Host, { key: 'e67e9c6a38b5e0514a5e23e67e52462e0a418f5f', class: `size-${this.targetSize}` }, h("button", { key: '38c604092c47bb70b8cd751c81a19550bf971c38', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
232
+ return (h(Host, { key: '19824ec52b7d5a97250fdf7099041c47a9c10667', class: `size-${this.targetSize}` }, h("button", { key: '8442fd803719d93d0354dec15c8f17085f22d955', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
233
233
  // In order to position the tooltip identically to the toggletip, its presence is determined by these four events
234
- onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: '9e0e76a3309eacad13cf2ed9374f9e51edf0d7ac', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
234
+ onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: 'dfd429b739ef31459a4957a8cfd36c0279e83e24', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
235
235
  // @ts-ignore - despite what Typescript says, this is a valid event for popover elements
236
- onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: '11e378047dcef3677934b6303997fabb97d6177b', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
236
+ onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), h("div", { key: 'af70f189b7f510fc3ae813edfd958050b11e636c', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
237
237
  }
238
238
  static get is() { return "wm-toggletip"; }
239
239
  static get encapsulation() { return "shadow"; }
@@ -313,9 +313,9 @@ export class Uploader {
313
313
  return (h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, h("span", { class: "upload-arrow" }), h("span", null, "Drop to Upload")))));
314
314
  }
315
315
  render() {
316
- return (h(Host, { key: 'a738eaf93c6eec61166b6fc124bd140d0ac3d1de', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '4fc10439e41bcdce383905fb180b719fd8a48344', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
316
+ return (h(Host, { key: 'f6796cb24519a9cce643c24c69abeb9d33c8632f', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: 'ffe55bea4476877b4df8f3c2df3edcb7ac9ab673', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
317
317
  ,
318
- "aria-atomic": "true" }), h("div", { key: '2d1de4f0798576c5955f1c182b741215428ada2c', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
318
+ "aria-atomic": "true" }), h("div", { key: 'b38debdfda642c215bbb570082dfdeef24da8a8f', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
319
319
  }
320
320
  static get is() { return "wm-uploader"; }
321
321
  static get encapsulation() { return "shadow"; }
@@ -1,6 +1,6 @@
1
1
  import './index-130e07bb.js';
2
2
 
3
- const version = "5.20.0-alpha.1";
3
+ const version = "5.20.0-alpha.11";
4
4
 
5
5
  // PRINT RIPPLE VERSION IN CONSOLE
6
6
  // test envs return 0 for plugin.length
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-130e07bb.js';
2
- import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-669184a6.js';
2
+ import { i as intl, c as checkForActiveElInShadow, e as safeMultiplyFloat, f as getPosition } from './functions-38e392cb.js';
3
3
 
4
4
  const colors = {
5
5
  salmon: "#ff5f4e",
@@ -10585,4 +10585,4 @@ const weekdays = [
10585
10585
  intl.formatMessage({ id: "date.saturday", defaultMessage: "Saturday" }),
10586
10586
  ];
10587
10587
 
10588
- export { findPrev as A, getTextDir as B, isElOrChild as C, throttle as D, getContextMeasurements as E, dateFind as F, calendar_months as G, findParentWithHiddenOverflow as H, transposeMatrix as I, wrapAround as J, getSmallestSkipInterval as K, calcPercentageInRange as L, makeISO as M, getMonthLength as N, weekdays as O, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, findAllScrollableParents as j, dateToISO as k, shouldOpenUp as l, hasRoomRight as m, truncateText as n, getLastFocusableDescendant as o, csvToArray as p, snakeCaseToCamelCase as q, getNewIndexToFocus as r, showTooltip as s, toBool as t, getCumulativeScrollOffset as u, shouldOpenDown as v, shouldShiftRight as w, shouldShiftLeft as x, measureText as y, findNext as z };
10588
+ export { findPrev as A, getTextDir as B, throttle as C, getContextMeasurements as D, dateFind as E, calendar_months as F, findParentWithHiddenOverflow as G, transposeMatrix as H, wrapAround as I, getSmallestSkipInterval as J, calcPercentageInRange as K, isElOrChild as L, makeISO as M, getMonthLength as N, weekdays as O, handleDisabledAttribute as a, triggerFormSubmit as b, checkForActiveElInShadow as c, debounce as d, safeMultiplyFloat as e, getPosition as f, generateId as g, hideTooltip as h, intl as i, findAllScrollableParents as j, dateToISO as k, shouldOpenUp as l, hasRoomRight as m, truncateText as n, getLastFocusableDescendant as o, csvToArray as p, snakeCaseToCamelCase as q, getNewIndexToFocus as r, showTooltip as s, toBool as t, getCumulativeScrollOffset as u, shouldOpenDown as v, shouldShiftRight as w, shouldShiftLeft as x, measureText as y, findNext as z };
@@ -1,4 +1,4 @@
1
- import { i as intl } from './functions-669184a6.js';
1
+ import { i as intl } from './functions-38e392cb.js';
2
2
 
3
3
  const globalMessages = {
4
4
  characterLimitReached: intl.formatMessage({
@@ -1,11 +1,11 @@
1
1
  import { b as bootstrapLazy } from './index-130e07bb.js';
2
2
  export { s as setNonce } from './index-130e07bb.js';
3
- import { g as globalScripts } from './app-globals-8edefb94.js';
3
+ import { g as globalScripts } from './app-globals-875a52fe.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy(JSON.parse("[[\"wm-file\",[[17,\"wm-file\",{\"name\":[1],\"type\":[1],\"fileActions\":[1,\"file-actions\"],\"lastUpdated\":[1,\"last-updated\"],\"progress\":[514],\"size\":[1],\"uploadedBy\":[1,\"uploaded-by\"],\"errorMessage\":[1,\"error-message\"],\"showInfo\":[1025,\"show-info\"]}]]],[\"wm-navigator\",[[17,\"wm-navigator\",{\"userName\":[1,\"user-name\"],\"email\":[1],\"authType\":[2,\"auth-type\"],\"connectionName\":[1,\"connection-name\"],\"logoutUrl\":[1,\"logout-url\"],\"products\":[1],\"loadFromUserinfo\":[4,\"load-from-userinfo\"],\"isOpen\":[32],\"itemIndexToFocus\":[32]},[[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]],{\"products\":[\"parseData\"]}]]],[\"wm-optgroup\",[[17,\"wm-optgroup\",{\"label\":[1],\"isExpanded\":[1028,\"is-expanded\"],\"multiple\":[1028],\"disabled\":[4],\"emitDeselection\":[64],\"handleChildChange\":[64]},[[0,\"wmKeyLeftPressed\",\"handleOptionKeyLeft\"]],{\"isExpanded\":[\"isExpandedChanged\"]}]]],[\"wm-chart\",[[17,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"labelWidth\":[1,\"label-width\"],\"subinfo\":[1],\"valueFormat\":[1,\"value-format\"],\"showGrid\":[4,\"show-grid\"],\"showLegend\":[4,\"show-legend\"],\"showBarLegend\":[4,\"show-bar-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[17,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidIso\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"cellTriggered\",\"handleCellTriggered\"],[9,\"resize\",\"handleWindowResize\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"updateValue\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-search\",[[17,\"wm-search\",{\"searchType\":[1025,\"search-type\"],\"disabled\":[516],\"placeholder\":[1],\"label\":[1],\"numResults\":[1026,\"num-results\"],\"value\":[1537],\"highlightedId\":[1,\"highlighted-id\"],\"highlightedName\":[1,\"highlighted-name\"],\"isTabbing\":[32],\"highlightedNum\":[32],\"previousBlurredValue\":[32],\"parentModal\":[32],\"announcement\":[32],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"numResults\":[\"handleNumResultsUpdate\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-file-list\",[[17,\"wm-file-list\",{\"showInfo\":[1,\"show-info\"]}]]],[\"wm-tag-input\",[[17,\"wm-tag-input\",{\"label\":[1],\"errorMessage\":[1,\"error-message\"],\"info\":[1],\"labelPosition\":[1,\"label-position\"],\"maxTags\":[2,\"max-tags\"],\"placeholder\":[1025],\"requiredField\":[4,\"required-field\"],\"tagInputType\":[1,\"tag-input-type\"],\"helpText\":[1,\"help-text\"],\"addNew\":[4,\"add-new\"],\"characterLimit\":[2,\"character-limit\"],\"colHeaders\":[1,\"col-headers\"],\"colWidths\":[1,\"col-widths\"],\"colWrap\":[1,\"col-wrap\"],\"isKeying\":[32],\"isExpanded\":[32],\"liveRegionMessage\":[32],\"focusedOption\":[32],\"focusedColumn\":[32],\"focusedTagIndex\":[32],\"tagsList\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"privTagOptionSelected\",\"handleTagOptionSelected\"],[0,\"privTagOptionDeselected\",\"handleTagOptionDeselected\"],[4,\"click\",\"handleClick\"],[11,\"scroll\",\"dismissTooltip\"],[0,\"blur\",\"handleBlur\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-tag-option\",[[0,\"wm-tag-option\",{\"selected\":[1540],\"locked\":[4],\"col1\":[1],\"col2\":[1],\"col3\":[1],\"col4\":[1],\"emitSelectedEvent\":[64],\"emitDeselectedEvent\":[64]},null,{\"selected\":[\"handleSelected\"]}]]],[\"wm-toggletip\",[[17,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"targetSize\":[1,\"target-size\"],\"toggletipType\":[1,\"toggletip-type\"],\"isHidden\":[32]},[[9,\"resize\",\"handleResize\"],[0,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-option_2\",[[17,\"wm-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isExpanded\":[32],\"announcement\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"wmOptionBlurred\",\"handleOptionBlur\"],[6,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKey\"]],{\"errorMessage\":[\"announceError\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4],\"searchTerm\":[32]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]],{\"selected\":[\"syncAriaSelected\"],\"disabled\":[\"syncAriaDisabled\",\"updateDisabledOnClick\"]}]]],[\"wm-button\",[[17,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconFlip\":[1,\"icon-flip\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"isSubmit\":[4,\"is-submit\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[11,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]],{\"buttonType\":[\"validateType\"],\"icon\":[\"updateIcon\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-modal-pss_3\",[[0,\"wm-modal-pss-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]}],[0,\"wm-modal-pss-header\",{\"heading\":[1],\"subheading\":[1]}],[0,\"wm-modal-pss\",{\"open\":[1540],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]],{\"open\":[\"toggleModal\"]}]]],[\"wm-modal_3\",[[0,\"wm-modal-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]}],[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]}],[4,\"wm-modal\",{\"open\":[1540],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"uid\":[1537],\"returnFocusEl\":[32],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},null,{\"open\":[\"toggleModal\"]}]]],[\"wm-navigation_3\",[[17,\"wm-navigation\",{\"open\":[1540]},[[0,\"keydown\",\"closeOnEscape\"],[9,\"resize\",\"handleWindowResize\"],[8,\"wmNavigationHamburgerClicked\",\"handleHamburgerClicked\"],[0,\"wmNavigationItemClicked\",\"handleClickOnItem\"]],{\"open\":[\"handleStateChange\"]}],[17,\"wm-navigation-hamburger\",{\"navId\":[1,\"nav-id\"],\"isTabbing\":[32],\"open\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"wmNavigationStateChanged\",\"handleNavigationStateChanged\"]]],[17,\"wm-navigation-item\",{\"href\":[1],\"text\":[1],\"active\":[4]}]]],[\"wm-progress-indicator_3\",[[17,\"wm-progress-indicator\",{\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"showLegend\":[4,\"show-legend\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"isTabbing\":[32],\"mode\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmProgressSliceUpdated\",\"handleSliceUpdate\"]],{\"mode\":[\"handleModeUpdate\"]}],[17,\"wm-progress-monitor\",{\"breakpoint\":[8],\"groupLegend\":[1,\"group-legend\"],\"barLabelsWidth\":[1,\"bar-labels-width\"]}],[1,\"wm-progress-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-tab-item_3\",[[17,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmIntTabFocused\",\"wmTabFocused\"],[0,\"keydownOnTabItem\",\"handleKeydown\"]],{\"selectedTab\":[\"setSelected\"]}],[17,\"wm-tab-item\",{\"selected\":[4],\"tabId\":[1,\"tab-id\"]}],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]}]]],[\"wm-date-range\",[[17,\"wm-date-range\",{\"dateFormat\":[1,\"date-format\"],\"disabled\":[4],\"errorMessage\":[513,\"error-message\"],\"invalidStart\":[4,\"invalid-start\"],\"invalidEnd\":[4,\"invalid-end\"],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"preselected\":[1],\"requiredField\":[4,\"required-field\"],\"valueStart\":[1025,\"value-start\"],\"valueEnd\":[1025,\"value-end\"],\"availSpace\":[32],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidISO\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"popupBlurred\",\"handlePopupBlurred\"],[0,\"cellTriggered\",\"handleCellTriggered\"],[0,\"outOfCal\",\"handleOutOfCal\"],[0,\"cellHovered\",\"handleCellHovered\"],[9,\"resize\",\"setAvailSpace\"]],{\"disabled\":[\"handleDisabled\"],\"valueStart\":[\"updateValueStart\"],\"valueEnd\":[\"updateValueEnd\"],\"errorMessage\":[\"handleErrorMessage\"]}]]],[\"wm-flyout\",[[1,\"wm-flyout\",{\"eyebrow\":[1],\"heading\":[1],\"subheading\":[1],\"flyoutWidth\":[1,\"flyout-width\"],\"primaryText\":[1,\"primary-text\"],\"secondaryText\":[1,\"secondary-text\"],\"infoText\":[1,\"info-text\"],\"breadcrumb\":[1],\"elementToFocus\":[1,\"element-to-focus\"],\"open\":[516],\"returnFocusEl\":[32],\"isBreadcrumbsOverflowing\":[32],\"focusHeading\":[64]},null,{\"open\":[\"handleOpenChange\"],\"flyoutWidth\":[\"setFlyoutWidth\"]}]]],[\"wm-line-chart\",[[1,\"wm-line-chart\",{\"label\":[1],\"description\":[1],\"xAxisLabel\":[1,\"x-axis-label\"],\"yAxisLabel\":[1,\"y-axis-label\"],\"lineData\":[513,\"line-data\"],\"units\":[1],\"labelWidth\":[1,\"label-width\"],\"highlightQualifier\":[1,\"highlight-qualifier\"],\"highlightStart\":[1,\"highlight-start\"],\"highlightEnd\":[1,\"highlight-end\"],\"visibilityToggles\":[4,\"visibility-toggles\"],\"showDeltas\":[4,\"show-deltas\"],\"yRange\":[1,\"y-range\"],\"parsedLineData\":[32],\"popoverIndex\":[32],\"focusedLine\":[32],\"hiddenLines\":[32],\"isTabbing\":[32],\"intervalSkip\":[32],\"announcement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"lineData\":[\"parseData\"],\"intervalSkip\":[\"handleIntervalSkip\"]}]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-input\",[[17,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"inputWidth\":[1,\"input-width\"],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"symbolBefore\":[1,\"symbol-before\"],\"symbolAfter\":[1,\"symbol-after\"],\"textAfter\":[1,\"text-after\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"isSubmit\":[4,\"is-submit\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-nested-select\",[[17,\"wm-nested-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"constrainedMaxHeight\":[1025,\"constrained-max-height\"],\"isExpanded\":[32],\"showClearSelectionButton\":[32],\"announcement\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"keydown\",\"handleKeyDown\"],[6,\"click\",\"handleClick\"],[0,\"optgroupExpanded\",\"handleOptgroupExpanded\"],[0,\"optgroupHidden\",\"handleOptgroupHidden\"]]]]],[\"wm-pagination\",[[17,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeSize\":[4,\"is-large-size\"],\"srAnnouncement\":[32]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"]}]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537],\"isTabbing\":[32],\"announcement\":[32]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]],{\"notifications\":[\"updateSnacks\"]}]]],[\"wm-textarea\",[[1,\"wm-textarea\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"inputWidth\":[1,\"input-width\"],\"inputHeight\":[1,\"input-height\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-timepicker\",[[17,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1025],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"isValidTime\":[64],\"reformatTime\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"handleValueChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-uploader\",[[17,\"wm-uploader\",{\"label\":[1],\"uploaderType\":[1,\"uploader-type\"],\"dropArea\":[1,\"drop-area\"],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[1,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"errorMessage\":[1,\"error-message\"],\"requiredField\":[4,\"required-field\"],\"showInfo\":[1,\"show-info\"],\"isTabbing\":[32],\"notif\":[32],\"isCondensed\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmFileErrorCleared\",\"handleFileErrorCleared\"],[0,\"wmFileDelete\",\"storeDeletedId\"],[5,\"dragenter\",\"handleDocumentDragEnter\"],[5,\"mouseout\",\"handleDocumentMouseOut\"],[5,\"dragleave\",\"handleDocumentDragLeave\"],[4,\"visibilitychange\",\"handleDocumentVisibilityChange\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-navigator-button\",[[17,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-action-menu_2\",[[17,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"darkMode\":[4,\"dark-mode\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"icon\":[1025],\"description\":[1]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]],{\"disabled\":[\"setOnClick\"]}]]],[\"priv-option-list\",[[4,\"priv-option-list\",{\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"optgroupLabel\":[1,\"optgroup-label\"],\"maxHeight\":[1,\"max-height\"],\"upwardsHeightLimit\":[2,\"upwards-height-limit\"],\"announcement\":[32],\"searchTerm\":[32],\"handleChildChange\":[64],\"clearSearch\":[64],\"focusOption\":[64],\"handleInitialFocus\":[64],\"unfocusAll\":[64],\"updateOptionVisibility\":[64]},[[0,\"wmLetterPressed\",\"findAndFocusOption\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstOption\"],[0,\"wmEndKeyPressed\",\"moveToLastOption\"],[0,\"intCloneClicked\",\"handleOptionCloneSelection\"]]]]],[\"priv-calendar\",[[0,\"priv-calendar\",{\"disabled\":[4],\"view\":[1025],\"focusDate\":[1025,\"focus-date\"],\"startDate\":[1,\"start-date\"],\"endDate\":[1,\"end-date\"],\"hoverDate\":[1,\"hover-date\"],\"focusFirstFocusable\":[64],\"focusLastFocusable\":[64],\"focusCell\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"focusDate\":[\"handleFocusDate\"]}]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"open\":[1028],\"sliceDetails\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"handleOpenChange\"],\"sliceDetails\":[\"handleDetailsChange\"]}]]]]"), options);
8
+ return bootstrapLazy(JSON.parse("[[\"wm-file\",[[17,\"wm-file\",{\"name\":[1],\"type\":[1],\"fileActions\":[1,\"file-actions\"],\"lastUpdated\":[1,\"last-updated\"],\"progress\":[514],\"size\":[1],\"uploadedBy\":[1,\"uploaded-by\"],\"errorMessage\":[1,\"error-message\"],\"showInfo\":[1025,\"show-info\"]}]]],[\"wm-navigator\",[[17,\"wm-navigator\",{\"userName\":[1,\"user-name\"],\"email\":[1],\"authType\":[2,\"auth-type\"],\"connectionName\":[1,\"connection-name\"],\"logoutUrl\":[1,\"logout-url\"],\"products\":[1],\"loadFromUserinfo\":[4,\"load-from-userinfo\"],\"isOpen\":[32],\"itemIndexToFocus\":[32]},[[0,\"keydown\",\"handleKeys\"],[0,\"keydownOnNavItem\",\"handleKeydown\"],[4,\"click\",\"handleClick\"],[0,\"buttonActivated\",\"handleButtonClick\"]],{\"products\":[\"parseData\"]}]]],[\"wm-optgroup\",[[17,\"wm-optgroup\",{\"label\":[1],\"isExpanded\":[1028,\"is-expanded\"],\"multiple\":[1028],\"disabled\":[4],\"emitDeselection\":[64],\"handleChildChange\":[64]},[[0,\"wmKeyLeftPressed\",\"handleOptionKeyLeft\"]],{\"isExpanded\":[\"isExpandedChanged\"]}]]],[\"wm-chart\",[[17,\"wm-chart\",{\"chartType\":[1,\"chart-type\"],\"label\":[1],\"labelWidth\":[1,\"label-width\"],\"subinfo\":[1],\"valueFormat\":[1,\"value-format\"],\"showGrid\":[4,\"show-grid\"],\"showLegend\":[4,\"show-legend\"],\"showBarLegend\":[4,\"show-bar-legend\"],\"notStartedColor\":[4,\"not-started-color\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"labelPosition\":[1,\"label-position\"],\"isTabbing\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmChartSliceUpdated\",\"handleSliceUpdate\"]]]]],[\"wm-datepicker\",[[17,\"wm-datepicker\",{\"value\":[1025],\"disabled\":[4],\"dateFormat\":[1,\"date-format\"],\"errorMessage\":[513,\"error-message\"],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidIso\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"cellTriggered\",\"handleCellTriggered\"],[9,\"resize\",\"handleWindowResize\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"updateValue\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-search\",[[17,\"wm-search\",{\"searchType\":[1025,\"search-type\"],\"disabled\":[516],\"placeholder\":[1],\"label\":[1],\"numResults\":[1026,\"num-results\"],\"value\":[1537],\"highlightedId\":[1,\"highlighted-id\"],\"highlightedName\":[1,\"highlighted-name\"],\"isTabbing\":[32],\"highlightedNum\":[32],\"previousBlurredValue\":[32],\"parentModal\":[32],\"announcement\":[32],\"updateValue\":[64]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"numResults\":[\"handleNumResultsUpdate\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-file-list\",[[17,\"wm-file-list\",{\"showInfo\":[1,\"show-info\"]}]]],[\"wm-tag-input\",[[17,\"wm-tag-input\",{\"label\":[1],\"errorMessage\":[1,\"error-message\"],\"info\":[1],\"labelPosition\":[1,\"label-position\"],\"maxTags\":[2,\"max-tags\"],\"placeholder\":[1025],\"requiredField\":[4,\"required-field\"],\"tagInputType\":[1,\"tag-input-type\"],\"helpText\":[1,\"help-text\"],\"addNew\":[4,\"add-new\"],\"characterLimit\":[2,\"character-limit\"],\"colHeaders\":[1,\"col-headers\"],\"colWidths\":[1,\"col-widths\"],\"colWrap\":[1,\"col-wrap\"],\"isKeying\":[32],\"isExpanded\":[32],\"liveRegionMessage\":[32],\"focusedOption\":[32],\"focusedColumn\":[32],\"focusedTagIndex\":[32],\"tagsList\":[32]},[[8,\"wmUserIsKeying\",\"toggleKeyingOn\"],[8,\"wmUserIsTabbing\",\"toggleKeyingOn\"],[8,\"wmUserIsNotKeying\",\"toggleKeyingOff\"],[8,\"wmUserIsNotTabbing\",\"toggleKeyingOff\"],[0,\"privTagOptionSelected\",\"handleTagOptionSelected\"],[0,\"privTagOptionDeselected\",\"handleTagOptionDeselected\"],[4,\"click\",\"handleClick\"],[11,\"scroll\",\"dismissTooltip\"],[0,\"blur\",\"handleBlur\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-tag-option\",[[0,\"wm-tag-option\",{\"selected\":[1540],\"locked\":[4],\"col1\":[1],\"col2\":[1],\"col3\":[1],\"col4\":[1],\"emitSelectedEvent\":[64],\"emitDeselectedEvent\":[64]},null,{\"selected\":[\"handleSelected\"]}]]],[\"wm-toggletip\",[[17,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"targetSize\":[1,\"target-size\"],\"toggletipType\":[1,\"toggletip-type\"],\"isHidden\":[32]},[[9,\"resize\",\"handleResize\"],[0,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-option_2\",[[17,\"wm-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"isExpanded\":[32],\"isHidden\":[32],\"openUp\":[32],\"announcement\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closeDropdownOnEscape\"],[0,\"keydown\",\"handleKey\"],[9,\"resize\",\"handleResize\"]],{\"errorMessage\":[\"announceError\"],\"disabled\":[\"handleDisabledChange\"]}],[1,\"wm-option\",{\"value\":[1],\"subinfo\":[1025],\"disabled\":[516],\"selected\":[516],\"focused\":[4],\"searchTerm\":[32]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleSelection\"],[0,\"blur\",\"handleBlur\"]],{\"selected\":[\"syncAriaSelected\"],\"disabled\":[\"syncAriaDisabled\",\"updateDisabledOnClick\"]}]]],[\"wm-button\",[[17,\"wm-button\",{\"disabled\":[516],\"buttonType\":[1025,\"button-type\"],\"icon\":[1537],\"iconSize\":[1,\"icon-size\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconFlip\":[1,\"icon-flip\"],\"tooltip\":[1537],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"permanentlyDelete\":[4,\"permanently-delete\"],\"textWrap\":[4,\"text-wrap\"],\"customBackground\":[1,\"custom-background\"],\"isSubmit\":[4,\"is-submit\"],\"isTabbing\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[11,\"scroll\",\"handleScroll\"],[0,\"keydown\",\"handleKeydown\"]],{\"buttonType\":[\"validateType\"],\"icon\":[\"updateIcon\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"wm-modal-pss_3\",[[0,\"wm-modal-pss-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]}],[0,\"wm-modal-pss-header\",{\"heading\":[1],\"subheading\":[1]}],[0,\"wm-modal-pss\",{\"open\":[1540],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"uid\":[1537],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"closeModalOnEscape\"]],{\"open\":[\"toggleModal\"]}]]],[\"wm-modal_3\",[[0,\"wm-modal-footer\",{\"secondaryText\":[1,\"secondary-text\"],\"primaryText\":[1,\"primary-text\"],\"infoText\":[1,\"info-text\"],\"primaryActionDisabled\":[4,\"primary-action-disabled\"],\"deleteStyle\":[4,\"delete-style\"]}],[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]}],[4,\"wm-modal\",{\"open\":[1540],\"elementToFocus\":[1025,\"element-to-focus\"],\"modalType\":[513,\"modal-type\"],\"uid\":[1537],\"returnFocusEl\":[32],\"emitCloseEvent\":[64],\"emitPrimaryEvent\":[64],\"emitSecondaryEvent\":[64]},null,{\"open\":[\"toggleModal\"]}]]],[\"wm-navigation_3\",[[17,\"wm-navigation\",{\"open\":[1540]},[[0,\"keydown\",\"closeOnEscape\"],[9,\"resize\",\"handleWindowResize\"],[8,\"wmNavigationHamburgerClicked\",\"handleHamburgerClicked\"],[0,\"wmNavigationItemClicked\",\"handleClickOnItem\"]],{\"open\":[\"handleStateChange\"]}],[17,\"wm-navigation-hamburger\",{\"navId\":[1,\"nav-id\"],\"isTabbing\":[32],\"open\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[4,\"wmNavigationStateChanged\",\"handleNavigationStateChanged\"]]],[17,\"wm-navigation-item\",{\"href\":[1],\"text\":[1],\"active\":[4]}]]],[\"wm-progress-indicator_3\",[[17,\"wm-progress-indicator\",{\"label\":[1],\"subinfo\":[1],\"completionMessage\":[1,\"completion-message\"],\"showLegend\":[4,\"show-legend\"],\"printMode\":[4,\"print-mode\"],\"printModeFormat\":[1,\"print-mode-format\"],\"isTabbing\":[32],\"mode\":[32],\"userIsNavigating\":[32],\"focusedSliceId\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"keydown\",\"handleKeydown\"],[0,\"wmProgressSliceUpdated\",\"handleSliceUpdate\"]],{\"mode\":[\"handleModeUpdate\"]}],[17,\"wm-progress-monitor\",{\"breakpoint\":[8],\"groupLegend\":[1,\"group-legend\"],\"barLabelsWidth\":[1,\"bar-labels-width\"]}],[1,\"wm-progress-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-tab-item_3\",[[17,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"selectedTab\":[1,\"selected-tab\"],\"announcement\":[32],\"containerFadeLeft\":[32],\"containerFadeRight\":[32],\"scrollArrowsVisible\":[32]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"wmIntTabFocused\",\"wmTabFocused\"],[0,\"keydownOnTabItem\",\"handleKeydown\"]],{\"selectedTab\":[\"setSelected\"]}],[17,\"wm-tab-item\",{\"selected\":[4],\"tabId\":[1,\"tab-id\"]}],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]}]]],[\"wm-date-range\",[[17,\"wm-date-range\",{\"dateFormat\":[1,\"date-format\"],\"disabled\":[4],\"errorMessage\":[513,\"error-message\"],\"invalidStart\":[4,\"invalid-start\"],\"invalidEnd\":[4,\"invalid-end\"],\"labelStart\":[1,\"label-start\"],\"labelEnd\":[1,\"label-end\"],\"preselected\":[1],\"requiredField\":[4,\"required-field\"],\"valueStart\":[1025,\"value-start\"],\"valueEnd\":[1025,\"value-end\"],\"availSpace\":[32],\"isExpanded\":[32],\"reformatDate\":[64],\"isValidISO\":[64]},[[0,\"keydown\",\"handleKey\"],[4,\"click\",\"blurHandler\"],[8,\"blur\",\"handleBlurOnWindow\"],[0,\"popupBlurred\",\"handlePopupBlurred\"],[0,\"cellTriggered\",\"handleCellTriggered\"],[0,\"outOfCal\",\"handleOutOfCal\"],[0,\"cellHovered\",\"handleCellHovered\"],[9,\"resize\",\"setAvailSpace\"]],{\"disabled\":[\"handleDisabled\"],\"valueStart\":[\"updateValueStart\"],\"valueEnd\":[\"updateValueEnd\"],\"errorMessage\":[\"handleErrorMessage\"]}]]],[\"wm-flyout\",[[1,\"wm-flyout\",{\"eyebrow\":[1],\"heading\":[1],\"subheading\":[1],\"flyoutWidth\":[1,\"flyout-width\"],\"primaryText\":[1,\"primary-text\"],\"secondaryText\":[1,\"secondary-text\"],\"infoText\":[1,\"info-text\"],\"breadcrumb\":[1],\"elementToFocus\":[1,\"element-to-focus\"],\"open\":[516],\"returnFocusEl\":[32],\"isBreadcrumbsOverflowing\":[32],\"focusHeading\":[64]},null,{\"open\":[\"handleOpenChange\"],\"flyoutWidth\":[\"setFlyoutWidth\"]}]]],[\"wm-line-chart\",[[1,\"wm-line-chart\",{\"label\":[1],\"description\":[1],\"xAxisLabel\":[1,\"x-axis-label\"],\"yAxisLabel\":[1,\"y-axis-label\"],\"lineData\":[513,\"line-data\"],\"units\":[1],\"labelWidth\":[1,\"label-width\"],\"highlightQualifier\":[1,\"highlight-qualifier\"],\"highlightStart\":[1,\"highlight-start\"],\"highlightEnd\":[1,\"highlight-end\"],\"visibilityToggles\":[4,\"visibility-toggles\"],\"showDeltas\":[4,\"show-deltas\"],\"yRange\":[1,\"y-range\"],\"parsedLineData\":[32],\"popoverIndex\":[32],\"focusedLine\":[32],\"hiddenLines\":[32],\"isTabbing\":[32],\"intervalSkip\":[32],\"announcement\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"]],{\"lineData\":[\"parseData\"],\"intervalSkip\":[\"handleIntervalSkip\"]}]]],[\"wm-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-input\",[[17,\"wm-input\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"inputWidth\":[1,\"input-width\"],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"symbolBefore\":[1,\"symbol-before\"],\"symbolAfter\":[1,\"symbol-after\"],\"textAfter\":[1,\"text-after\"],\"type\":[1],\"step\":[2],\"min\":[2],\"max\":[2],\"isSubmit\":[4,\"is-submit\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-nested-select\",[[17,\"wm-nested-select\",{\"disabled\":[516],\"maxHeight\":[1,\"max-height\"],\"label\":[1025],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1025,\"error-message\"],\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"allSelectedMessage\":[1,\"all-selected-message\"],\"constrainedMaxHeight\":[1025,\"constrained-max-height\"],\"isExpanded\":[32],\"showClearSelectionButton\":[32],\"announcement\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[0,\"keydown\",\"handleKeyDown\"],[6,\"click\",\"handleClick\"],[0,\"optgroupExpanded\",\"handleOptgroupExpanded\"],[0,\"optgroupHidden\",\"handleOptgroupHidden\"]]]]],[\"wm-pagination\",[[17,\"wm-pagination\",{\"currentPage\":[2,\"current-page\"],\"totalItems\":[2,\"total-items\"],\"itemsPerPage\":[2,\"items-per-page\"],\"value\":[2],\"isLargeSize\":[4,\"is-large-size\"],\"srAnnouncement\":[32]},null,{\"totalItems\":[\"calculateTotalPages\"],\"itemsPerPage\":[\"calculateTotalPages\"]}]]],[\"wm-snackbar\",[[1,\"wm-snackbar\",{\"notifications\":[1537],\"isTabbing\":[32],\"announcement\":[32]},[[4,\"keydown\",\"checkForTabbing\"],[5,\"mouseover\",\"handleMouse\"]],{\"notifications\":[\"updateSnacks\"]}]]],[\"wm-textarea\",[[1,\"wm-textarea\",{\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1025],\"disabled\":[4],\"info\":[1],\"placeholder\":[1],\"requiredField\":[4,\"required-field\"],\"errorMessage\":[1,\"error-message\"],\"characterLimit\":[2,\"character-limit\"],\"inputWidth\":[1,\"input-width\"],\"inputHeight\":[1,\"input-height\"],\"announcement\":[32]},null,{\"disabled\":[\"handleDisabledChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-timepicker\",[[17,\"wm-timepicker\",{\"disabled\":[4],\"value\":[1025],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"requiredField\":[4,\"required-field\"],\"preselected\":[1],\"isExpanded\":[32],\"isValidTime\":[64],\"reformatTime\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"handleValueChange\"],\"errorMessage\":[\"announceError\"]}]]],[\"wm-uploader\",[[17,\"wm-uploader\",{\"label\":[1],\"uploaderType\":[1,\"uploader-type\"],\"dropArea\":[1,\"drop-area\"],\"buttonText\":[1,\"button-text\"],\"icon\":[1],\"fileTypes\":[1,\"file-types\"],\"maxSize\":[1,\"max-size\"],\"maxFiles\":[2,\"max-files\"],\"errorMessage\":[1,\"error-message\"],\"requiredField\":[4,\"required-field\"],\"showInfo\":[1,\"show-info\"],\"isTabbing\":[32],\"notif\":[32],\"isCondensed\":[32]},[[8,\"wmUserIsTabbing\",\"toggleTabbingOn\"],[8,\"wmUserIsNotTabbing\",\"toggleTabbingOff\"],[0,\"wmFileErrorCleared\",\"handleFileErrorCleared\"],[0,\"wmFileDelete\",\"storeDeletedId\"],[5,\"dragenter\",\"handleDocumentDragEnter\"],[5,\"mouseout\",\"handleDocumentMouseOut\"],[5,\"dragleave\",\"handleDocumentDragLeave\"],[4,\"visibilitychange\",\"handleDocumentVisibilityChange\"]],{\"errorMessage\":[\"announceError\"]}]]],[\"wm-wrapper\",[[0,\"wm-wrapper\"]]],[\"priv-navigator-button\",[[17,\"priv-navigator-button\",{\"expanded\":[1028],\"altText\":[1,\"alt-text\"]}]]],[\"priv-navigator-item\",[[1,\"priv-navigator-item\",{\"selected\":[1028],\"focused\":[1028],\"link\":[1025]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"wm-action-menu_2\",[[17,\"wm-action-menu\",{\"tooltipPosition\":[1,\"tooltip-position\"],\"actionMenuType\":[1,\"action-menu-type\"],\"buttonText\":[1,\"button-text\"],\"disabled\":[516],\"tooltip\":[1],\"labelForIdenticalButtons\":[1,\"label-for-identical-buttons\"],\"darkMode\":[4,\"dark-mode\"],\"isExpanded\":[32]},[[0,\"wmMenuitemClicked\",\"handleClickedItem\"],[0,\"wmKeyUpPressed\",\"handleKeyUp\"],[0,\"wmKeyDownPressed\",\"handleKeyDown\"],[0,\"wmHomeKeyPressed\",\"handleHomeKey\"],[0,\"wmEndKeyPressed\",\"handleEndKey\"],[0,\"wmTabKeyPressed\",\"handleTabKey\"],[0,\"wmEscKeyPressed\",\"handleEscKey\"],[0,\"keydown\",\"handleKey\"],[0,\"wmMenuitemBlurred\",\"handleMenuitemBlur\"],[0,\"wmLetterPressed\",\"findAndFocusItem\"]]],[1,\"wm-menuitem\",{\"disabled\":[4],\"icon\":[1025],\"description\":[1]},[[0,\"keydown\",\"handleKeydown\"],[0,\"click\",\"handleClick\"],[0,\"blur\",\"handleBlur\"]],{\"disabled\":[\"setOnClick\"]}]]],[\"priv-option-list\",[[4,\"priv-option-list\",{\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"optgroupLabel\":[1,\"optgroup-label\"],\"maxHeight\":[1,\"max-height\"],\"upwardsHeightLimit\":[2,\"upwards-height-limit\"],\"announcement\":[32],\"searchTerm\":[32],\"handleChildChange\":[64],\"clearSearch\":[64],\"focusOption\":[64],\"handleInitialFocus\":[64],\"unfocusAll\":[64],\"updateOptionVisibility\":[64]},[[0,\"wmLetterPressed\",\"findAndFocusOption\"],[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmKeyUpPressed\",\"handleChildUp\"],[0,\"wmKeyDownPressed\",\"handleChildDown\"],[0,\"wmHomeKeyPressed\",\"moveToFirstOption\"],[0,\"wmEndKeyPressed\",\"moveToLastOption\"],[0,\"intCloneClicked\",\"handleOptionCloneSelection\"]]]]],[\"priv-calendar\",[[0,\"priv-calendar\",{\"disabled\":[4],\"view\":[1025],\"focusDate\":[1025,\"focus-date\"],\"startDate\":[1,\"start-date\"],\"endDate\":[1,\"end-date\"],\"hoverDate\":[1,\"hover-date\"],\"focusFirstFocusable\":[64],\"focusLastFocusable\":[64],\"focusCell\":[64]},[[0,\"keydown\",\"handleKey\"]],{\"focusDate\":[\"handleFocusDate\"]}]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"open\":[1028],\"sliceDetails\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"handleOpenChange\"],\"sliceDetails\":[\"handleDetailsChange\"]}]]]]"), options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };