@watermarkinsights/ripple 5.20.0-alpha.0 → 5.20.0-alpha.1
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.
- package/dist/cjs/{app-globals-b26975cf.js → app-globals-e741af80.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/ripple.cjs.js +2 -2
- package/dist/cjs/wm-tab-item_3.cjs.entry.js +188 -61
- package/dist/cjs/wm-tag-input.cjs.entry.js +2 -2
- package/dist/cjs/wm-textarea.cjs.entry.js +1 -1
- package/dist/cjs/wm-timepicker.cjs.entry.js +2 -2
- package/dist/cjs/wm-toggletip.cjs.entry.js +3 -3
- package/dist/cjs/wm-uploader.cjs.entry.js +2 -2
- package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +27 -19
- package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +24 -22
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +43 -9
- package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +187 -72
- package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +1 -1
- package/dist/collection/components/wm-tag-input/wm-tag-input.js +2 -2
- package/dist/collection/components/wm-textarea/wm-textarea.js +1 -1
- package/dist/collection/components/wm-timepicker/wm-timepicker.js +2 -2
- package/dist/collection/components/wm-toggletip/wm-toggletip.js +3 -3
- package/dist/collection/components/wm-uploader/wm-uploader.js +2 -2
- package/dist/esm/{app-globals-0290058e.js → app-globals-8edefb94.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/ripple.js +2 -2
- package/dist/esm/wm-tab-item_3.entry.js +190 -63
- package/dist/esm/wm-tag-input.entry.js +2 -2
- package/dist/esm/wm-textarea.entry.js +1 -1
- package/dist/esm/wm-timepicker.entry.js +2 -2
- package/dist/esm/wm-toggletip.entry.js +3 -3
- package/dist/esm/wm-uploader.entry.js +2 -2
- package/dist/esm-es5/{app-globals-0290058e.js → app-globals-8edefb94.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
- package/dist/esm-es5/wm-tag-input.entry.js +1 -1
- package/dist/esm-es5/wm-textarea.entry.js +1 -1
- package/dist/esm-es5/wm-timepicker.entry.js +1 -1
- package/dist/esm-es5/wm-toggletip.entry.js +1 -1
- package/dist/esm-es5/wm-uploader.entry.js +1 -1
- package/dist/ripple/{p-b1282d28.system.entry.js → p-23c44c11.system.entry.js} +1 -1
- package/dist/ripple/{p-c1d6740e.entry.js → p-24e17026.entry.js} +1 -1
- package/dist/ripple/{p-0c20a096.system.entry.js → p-335a45e6.system.entry.js} +1 -1
- package/dist/ripple/{p-96a7c1b9.system.entry.js → p-4d5de385.system.entry.js} +1 -1
- package/dist/ripple/p-74786c48.system.entry.js +1 -0
- package/dist/ripple/p-7b185f34.system.js +1 -0
- package/dist/ripple/{p-8c73dadf.system.entry.js → p-8f4b4e29.system.entry.js} +1 -1
- package/dist/ripple/{p-7d708fab.entry.js → p-9499fa62.entry.js} +1 -1
- package/dist/ripple/{p-059efd2a.entry.js → p-b6eef7d1.entry.js} +1 -1
- package/dist/ripple/{p-fbc46f7e.js → p-b9db60d3.js} +1 -1
- package/dist/ripple/{p-4b0b66e0.system.entry.js → p-ba6d438c.system.entry.js} +1 -1
- package/dist/ripple/{p-d784f4b4.entry.js → p-c34346d5.entry.js} +1 -1
- package/dist/ripple/{p-324f341f.system.js → p-c650cd07.system.js} +1 -1
- package/dist/ripple/p-ca11a1be.entry.js +1 -0
- package/dist/ripple/{p-328b9560.entry.js → p-e2239af2.entry.js} +1 -1
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +3 -1
- package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +14 -19
- package/dist/types/components.d.ts +2 -21
- package/package.json +2 -2
- package/dist/ripple/p-1eb2ec31.system.entry.js +0 -1
- package/dist/ripple/p-ec9f782e.entry.js +0 -1
- package/dist/ripple/p-f7ed42b0.system.js +0 -1
|
@@ -1,33 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { debounce, intl } from "../../../global/functions";
|
|
3
3
|
export class TabList {
|
|
4
4
|
constructor() {
|
|
5
|
-
this.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
});
|
|
10
|
-
this.debouncedSetLayout = debounce(() => {
|
|
11
|
-
if (!this.listWidth) {
|
|
12
|
-
this.setListWidth();
|
|
13
|
-
}
|
|
14
|
-
forceUpdate(this.el);
|
|
15
|
-
}, 10);
|
|
5
|
+
this.debouncedUpdateContainerFades = debounce(() => {
|
|
6
|
+
this.updateContainerFades();
|
|
7
|
+
this.updateArrowVisibility();
|
|
8
|
+
}, 16);
|
|
16
9
|
this.customBackground = undefined;
|
|
17
10
|
this.customPadding = undefined;
|
|
18
11
|
this.selectedTab = undefined;
|
|
19
12
|
}
|
|
20
|
-
/**
|
|
21
|
-
* Set to true when the tab list exceeds the parent width. Component will render the menu layout.
|
|
22
|
-
*/
|
|
23
|
-
get menuLayout() {
|
|
24
|
-
if (this.listWidth) {
|
|
25
|
-
return this.el.offsetWidth < this.listWidth - 24; // to take into account the negative margin on the ul
|
|
26
|
-
}
|
|
27
|
-
else {
|
|
28
|
-
return false; // in case listWidth couldn't get computed, we render regular tabs
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
13
|
get tabItems() {
|
|
32
14
|
return Array.from(this.el.querySelectorAll("wm-tab-item"));
|
|
33
15
|
}
|
|
@@ -45,10 +27,6 @@ export class TabList {
|
|
|
45
27
|
getPanel(tabId) {
|
|
46
28
|
return this.panels.find((p) => p.tabId === tabId);
|
|
47
29
|
}
|
|
48
|
-
setListWidth() {
|
|
49
|
-
let newCalc = this.tabItems.reduce((sum, tab) => sum + tab.offsetWidth, 0);
|
|
50
|
-
this.listWidth = newCalc && newCalc > 0 ? newCalc : this.listWidth; // the function may return 0. In this case keep the previous value
|
|
51
|
-
}
|
|
52
30
|
setSelected(id) {
|
|
53
31
|
this.tabItems.map((tab) => (tab.selected = tab.tabId === id));
|
|
54
32
|
const singlePanel = this.panels.length === 1 && this.tabItems.length > 1;
|
|
@@ -62,28 +40,27 @@ export class TabList {
|
|
|
62
40
|
else {
|
|
63
41
|
this.panels.map((panel) => (panel.active = panel.tabId === id));
|
|
64
42
|
}
|
|
65
|
-
|
|
66
|
-
showItems() {
|
|
67
|
-
this.tabItems.map((t) => (t.show = true));
|
|
68
|
-
}
|
|
69
|
-
hideItems() {
|
|
70
|
-
this.tabItems.map((t) => (t.show = false));
|
|
43
|
+
this.handleTabFocused(this.selectedTabItem);
|
|
71
44
|
}
|
|
72
45
|
componentWillLoad() {
|
|
73
46
|
this.el.focus = () => {
|
|
74
47
|
// in addition to delegatesFocus, we need to highjack the focus method to send focus to the selected tab-item
|
|
75
|
-
this.selectedTabItem && this.selectedTabItem.focus();
|
|
48
|
+
this.selectedTabItem && this.selectedTabItem.focus({ preventScroll: true });
|
|
76
49
|
};
|
|
77
|
-
const resizeObserver = new ResizeObserver(() => this.debouncedSetLayout());
|
|
78
|
-
resizeObserver.observe(this.el);
|
|
79
50
|
}
|
|
80
51
|
componentDidLoad() {
|
|
81
52
|
const selectedTab = this.selectedTab || this.tabItems[0].tabId;
|
|
82
53
|
this.setSelected(selectedTab);
|
|
54
|
+
this.handleTabFocused(this.selectedTabItem);
|
|
55
|
+
this.updateArrowVisibility();
|
|
56
|
+
this.tabContainerEl.addEventListener("scroll", this.debouncedUpdateContainerFades);
|
|
83
57
|
}
|
|
84
58
|
tabItemLoaded(ev) {
|
|
85
59
|
this.setAriaOnPanelAndTab(ev.target);
|
|
86
60
|
}
|
|
61
|
+
wmTabFocused(ev) {
|
|
62
|
+
this.handleTabFocused(ev.detail.tabItem);
|
|
63
|
+
}
|
|
87
64
|
setAriaOnPanelAndTab(tab) {
|
|
88
65
|
const panel = this.getPanel(tab.tabId);
|
|
89
66
|
// If there's no panel, check for case where content is conditionally rendered in one panel, in which case attributes on all tabs should point to this single panel.
|
|
@@ -135,32 +112,182 @@ export class TabList {
|
|
|
135
112
|
index = 0;
|
|
136
113
|
}
|
|
137
114
|
const tabToFocus = this.tabItems[index];
|
|
138
|
-
this.getLinkEl(tabToFocus).focus();
|
|
115
|
+
this.getLinkEl(tabToFocus).focus({ preventScroll: true });
|
|
116
|
+
}
|
|
117
|
+
handleTabFocused(tabItem, alignment = "auto") {
|
|
118
|
+
// Calculate and apply scroll position
|
|
119
|
+
const targetScrollLeft = this.calculateScrollPositionForTab(tabItem, alignment);
|
|
120
|
+
this.tabContainerEl.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
|
|
121
|
+
// Update container fade effects based on scroll position
|
|
122
|
+
this.updateContainerFades();
|
|
123
|
+
}
|
|
124
|
+
calculateScrollPositionForTab(tabItem, alignment = "auto") {
|
|
125
|
+
const containerRect = this.tabContainerEl.getBoundingClientRect();
|
|
126
|
+
const containerScrollLeft = this.tabContainerEl.scrollLeft;
|
|
127
|
+
// Get tab's position relative to viewport, then calculate position within scroll container
|
|
128
|
+
const tabRect = tabItem.getBoundingClientRect();
|
|
129
|
+
const tabLeft = containerScrollLeft + (tabRect.left - containerRect.left);
|
|
130
|
+
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)
|
|
134
|
+
if (alignment === "left") {
|
|
135
|
+
return tabLeft; // Snap to left edge
|
|
136
|
+
}
|
|
137
|
+
if (alignment === "right") {
|
|
138
|
+
return Math.max(0, tabRight - containerRect.width); // Snap to right edge
|
|
139
|
+
}
|
|
140
|
+
// Auto alignment: determine scroll target based on tab position
|
|
141
|
+
if (tabItem === firstTab) {
|
|
142
|
+
return 0;
|
|
143
|
+
}
|
|
144
|
+
if (tabItem === lastTab) {
|
|
145
|
+
return Math.max(0, this.tabContainerEl.scrollWidth - containerRect.width);
|
|
146
|
+
}
|
|
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
|
+
if (tabLeft < containerScrollLeft) {
|
|
165
|
+
return tabLeft; // Left side cut off, align left
|
|
166
|
+
}
|
|
167
|
+
return tabRight - containerRect.width; // Right side cut off, align right
|
|
168
|
+
}
|
|
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;
|
|
178
|
+
const tolerance = 1; // 1px tolerance for floating-point precision
|
|
179
|
+
// 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
|
|
183
|
+
const focusedTab = this.tabItems.find((tab) => tab.matches(":focus-within"));
|
|
184
|
+
if (focusedTab) {
|
|
185
|
+
const containerRect = this.tabContainerEl.getBoundingClientRect();
|
|
186
|
+
const tabRect = focusedTab.getBoundingClientRect();
|
|
187
|
+
// Check if focused tab is at or overlapping left edge
|
|
188
|
+
const isAtOrOverlappingLeft = tabRect.left <= containerRect.left + tolerance;
|
|
189
|
+
// Check if focused tab is at or overlapping right edge
|
|
190
|
+
const isAtOrOverlappingRight = tabRect.right >= containerRect.right - tolerance;
|
|
191
|
+
if (isAtOrOverlappingLeft) {
|
|
192
|
+
hasContentOnLeft = false; // Don't fade left if focused tab is at/beyond left edge
|
|
193
|
+
}
|
|
194
|
+
if (isAtOrOverlappingRight) {
|
|
195
|
+
hasContentOnRight = false; // Don't fade right if focused tab is at/beyond right edge
|
|
196
|
+
}
|
|
197
|
+
}
|
|
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
|
+
}
|
|
139
211
|
}
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
212
|
+
updateArrowVisibility() {
|
|
213
|
+
const leftArrowEl = this.el.shadowRoot.querySelector(".left-arrow");
|
|
214
|
+
const rightArrowEl = this.el.shadowRoot.querySelector(".right-arrow");
|
|
215
|
+
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 });
|
|
232
|
+
}
|
|
144
233
|
}
|
|
145
234
|
else {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
235
|
+
// Hide both arrows if content fits
|
|
236
|
+
leftArrowEl.classList.remove("visible");
|
|
237
|
+
rightArrowEl.classList.remove("visible");
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
handleLeftArrowClick() {
|
|
241
|
+
// Find the first tab that's partially or completely obscured on the left
|
|
242
|
+
const containerRect = this.tabContainerEl.getBoundingClientRect();
|
|
243
|
+
const containerLeft = containerRect.left;
|
|
244
|
+
let tabToFocus = null;
|
|
245
|
+
const reversedTabItems = this.tabItems.reverse();
|
|
246
|
+
reversedTabItems.forEach((tab) => {
|
|
247
|
+
if (!tabToFocus) {
|
|
248
|
+
const tabRect = tab.getBoundingClientRect();
|
|
249
|
+
if (tabRect.left < containerLeft - 1) {
|
|
250
|
+
tabToFocus = tab;
|
|
251
|
+
}
|
|
152
252
|
}
|
|
153
|
-
|
|
253
|
+
});
|
|
254
|
+
if (tabToFocus) {
|
|
255
|
+
this.handleTabFocused(tabToFocus, "right"); // Snap to right edge for page-scroll behavior
|
|
154
256
|
}
|
|
155
257
|
}
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
258
|
+
handleRightArrowClick() {
|
|
259
|
+
// Find the first tab that's partially or completely obscured on the right
|
|
260
|
+
const containerRect = this.tabContainerEl.getBoundingClientRect();
|
|
261
|
+
const containerRight = containerRect.right;
|
|
262
|
+
let tabToFocus = null;
|
|
263
|
+
this.tabItems.forEach((tab) => {
|
|
264
|
+
if (!tabToFocus) {
|
|
265
|
+
const tabRect = tab.getBoundingClientRect();
|
|
266
|
+
if (tabRect.right > containerRight + 1) {
|
|
267
|
+
tabToFocus = tab;
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
});
|
|
271
|
+
if (tabToFocus) {
|
|
272
|
+
this.handleTabFocused(tabToFocus, "left"); // Snap to left edge for page-scroll behavior
|
|
273
|
+
}
|
|
161
274
|
}
|
|
162
275
|
render() {
|
|
163
|
-
|
|
276
|
+
let margins = {};
|
|
277
|
+
if (this.customPadding) {
|
|
278
|
+
margins = {
|
|
279
|
+
"margin-left": "-" + this.customPadding,
|
|
280
|
+
};
|
|
281
|
+
}
|
|
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({
|
|
283
|
+
id: "tabs.showPreviousTabs",
|
|
284
|
+
defaultMessage: "Show previous tabs",
|
|
285
|
+
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({
|
|
287
|
+
id: "tabs.showNextTabs",
|
|
288
|
+
defaultMessage: "Show next tabs",
|
|
289
|
+
description: "Tooltip for button scrolling tab group.",
|
|
290
|
+
}), onClick: () => this.handleRightArrowClick() }))));
|
|
164
291
|
}
|
|
165
292
|
static get is() { return "wm-tab-list"; }
|
|
166
293
|
static get encapsulation() { return "shadow"; }
|
|
@@ -230,24 +357,6 @@ export class TabList {
|
|
|
230
357
|
}
|
|
231
358
|
};
|
|
232
359
|
}
|
|
233
|
-
static get events() {
|
|
234
|
-
return [{
|
|
235
|
-
"method": "wmTabSelected",
|
|
236
|
-
"name": "wmTabSelected",
|
|
237
|
-
"bubbles": true,
|
|
238
|
-
"cancelable": true,
|
|
239
|
-
"composed": true,
|
|
240
|
-
"docs": {
|
|
241
|
-
"tags": [],
|
|
242
|
-
"text": "Emitted by wm-select options when tabs have the menu format"
|
|
243
|
-
},
|
|
244
|
-
"complexType": {
|
|
245
|
-
"original": "{ tabId: string }",
|
|
246
|
-
"resolved": "{ tabId: string; }",
|
|
247
|
-
"references": {}
|
|
248
|
-
}
|
|
249
|
-
}];
|
|
250
|
-
}
|
|
251
360
|
static get elementRef() { return "el"; }
|
|
252
361
|
static get watchers() {
|
|
253
362
|
return [{
|
|
@@ -262,6 +371,12 @@ export class TabList {
|
|
|
262
371
|
"target": undefined,
|
|
263
372
|
"capture": false,
|
|
264
373
|
"passive": false
|
|
374
|
+
}, {
|
|
375
|
+
"name": "wmIntTabFocused",
|
|
376
|
+
"method": "wmTabFocused",
|
|
377
|
+
"target": undefined,
|
|
378
|
+
"capture": false,
|
|
379
|
+
"passive": false
|
|
265
380
|
}, {
|
|
266
381
|
"name": "keydownOnTabItem",
|
|
267
382
|
"method": "handleKeydown",
|
|
@@ -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: '
|
|
15
|
+
return h(Host, { key: '2cb45ef238df77bae4b1207574ea2246c7b1947f', 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: '
|
|
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) => {
|
|
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: '
|
|
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()));
|
|
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: '
|
|
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))));
|
|
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: '
|
|
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()),
|
|
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: '
|
|
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) }))));
|
|
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: '
|
|
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(),
|
|
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: '
|
|
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",
|
|
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: '
|
|
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" })));
|
|
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: '
|
|
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
|
|
317
317
|
,
|
|
318
|
-
"aria-atomic": "true" }), h("div", { key: '
|
|
318
|
+
"aria-atomic": "true" }), h("div", { key: '2d1de4f0798576c5955f1c182b741215428ada2c', 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"; }
|
package/dist/esm/loader.js
CHANGED
|
@@ -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-
|
|
3
|
+
import { g as globalScripts } from './app-globals-8edefb94.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-tab-item_3\",[[17,\"wm-tab-list\",{\"customBackground\":[1,\"custom-background\"],\"customPadding\":[1,\"custom-padding\"],\"selectedTab\":[1,\"selected-tab\"]},[[0,\"tabItemLoaded\",\"tabItemLoaded\"],[0,\"keydownOnTabItem\",\"handleKeydown\"]],{\"selectedTab\":[\"setSelected\"]}],[17,\"wm-tab-item\",{\"selected\":[4],\"show\":[4],\"tabId\":[1,\"tab-id\"]}],[0,\"wm-tab-panel\",{\"active\":[1028],\"tabId\":[1025,\"tab-id\"]}]]],[\"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\"]]]]],[\"priv-chart-popover\",[[0,\"priv-chart-popover\",{\"open\":[1028],\"sliceDetails\":[16]},[[4,\"click\",\"handleClickOnDocument\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"handleOpenChange\"],\"sliceDetails\":[\"handleDetailsChange\"]}]]],[\"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-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-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-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\"]]]]]]"), 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],\"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);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|