@watermarkinsights/ripple 5.22.1-alpha.1 → 5.22.1-alpha.3
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-79f7a9d2.js → app-globals-1b409c3d.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ripple.cjs.js +1 -1
- package/dist/cjs/wm-option_2.cjs.entry.js +44 -31
- package/dist/collection/components/selects/wm-select/wm-select.js +44 -31
- package/dist/esm/{app-globals-92ac4d9e.js → app-globals-3d8c2720.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ripple.js +1 -1
- package/dist/esm/wm-option_2.entry.js +44 -31
- package/dist/esm-es5/{app-globals-92ac4d9e.js → app-globals-3d8c2720.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-option_2.entry.js +1 -1
- package/dist/ripple/{p-3ca4f099.entry.js → p-1359799f.entry.js} +1 -1
- package/dist/ripple/{p-72174027.system.js → p-2ff07c1a.system.js} +1 -1
- package/dist/ripple/{p-e2db753b.system.js → p-9b93c8ea.system.js} +1 -1
- package/dist/ripple/{p-2f50c2f8.js → p-a9af51c7.js} +1 -1
- package/dist/ripple/{p-a95e0c57.system.entry.js → p-f9328247.system.entry.js} +1 -1
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/selects/wm-select/wm-select.d.ts +3 -1
- package/package.json +2 -2
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-788526f5.js');
|
|
6
|
-
const appGlobals = require('./app-globals-
|
|
6
|
+
const appGlobals = require('./app-globals-1b409c3d.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
package/dist/cjs/ripple.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-788526f5.js');
|
|
6
|
-
const appGlobals = require('./app-globals-
|
|
6
|
+
const appGlobals = require('./app-globals-1b409c3d.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
9
|
Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -192,6 +192,7 @@ const Select = class {
|
|
|
192
192
|
//////////////////////////////////////
|
|
193
193
|
// for multiselect button text
|
|
194
194
|
this.overflowCount = 0;
|
|
195
|
+
this.displayedOptions = [];
|
|
195
196
|
this.previousDisplayedOptions = [];
|
|
196
197
|
this.debouncedReposition = functions.debounce(() => {
|
|
197
198
|
this.dropdownPosition();
|
|
@@ -454,45 +455,57 @@ const Select = class {
|
|
|
454
455
|
}
|
|
455
456
|
this.announcement = message;
|
|
456
457
|
}
|
|
457
|
-
|
|
458
|
+
handleOverflow() {
|
|
459
|
+
// handle overflow + counter for multiselect
|
|
460
|
+
// this is a fixed measurement accounting for the max width of a 3 character overflow counter
|
|
461
|
+
const overflowCounterWidth = 38;
|
|
462
|
+
const computedStyle = window.getComputedStyle(this.buttonEl);
|
|
463
|
+
// there seems to be no quick way to get an elements width without padding, except for subtracting padding manually
|
|
464
|
+
const paddingLeft = parseInt(computedStyle.getPropertyValue("padding-left").slice(0, -2));
|
|
465
|
+
const paddingRight = parseInt(computedStyle.getPropertyValue("padding-right").slice(0, -2));
|
|
466
|
+
const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;
|
|
467
|
+
this.overflowCount = 0;
|
|
468
|
+
this.measurementAreaEl.textContent = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
469
|
+
let optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
470
|
+
while (optionsTotalWidth > availableSpace && this.displayedOptions.length > 1) {
|
|
471
|
+
this.overflowCount++;
|
|
472
|
+
this.displayedOptions.pop();
|
|
473
|
+
this.measurementAreaEl.textContent = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
474
|
+
optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
475
|
+
}
|
|
476
|
+
}
|
|
477
|
+
setButtonText() {
|
|
458
478
|
if (!this.multiple) {
|
|
459
|
-
const selEl = this.childOptions.filter((x) => x.selected)[0]
|
|
460
|
-
return selEl.textContent;
|
|
479
|
+
const selEl = this.childOptions.filter((x) => x.selected)[0];
|
|
480
|
+
return selEl ? selEl.textContent : "";
|
|
461
481
|
}
|
|
462
482
|
else {
|
|
463
|
-
|
|
464
|
-
|
|
483
|
+
this.displayedOptions = this.childOptions.filter((x) => x.selected);
|
|
484
|
+
const hasChanged = this.displayedOptions !== this.previousDisplayedOptions;
|
|
485
|
+
const noDisplayedOptions = this.displayedOptions.length < 1;
|
|
486
|
+
if (!this.buttonEl) {
|
|
487
|
+
index.forceUpdate(this.el);
|
|
488
|
+
return "";
|
|
489
|
+
}
|
|
490
|
+
else if (noDisplayedOptions) {
|
|
465
491
|
return this.placeholder;
|
|
466
492
|
}
|
|
467
|
-
else if (
|
|
468
|
-
|
|
469
|
-
//
|
|
470
|
-
const overflowCounterWidth = 38;
|
|
471
|
-
const computedStyle = window.getComputedStyle(this.buttonEl);
|
|
472
|
-
// there seems to be no quick way to get an elements width without padding, except for subtracting padding manually
|
|
473
|
-
const paddingLeft = parseInt(computedStyle.getPropertyValue("padding-left").slice(0, -2));
|
|
474
|
-
const paddingRight = parseInt(computedStyle.getPropertyValue("padding-right").slice(0, -2));
|
|
475
|
-
const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;
|
|
476
|
-
this.overflowCount = 0;
|
|
477
|
-
this.measurementAreaEl.textContent = displayedOptions.map((x) => x.textContent).join(", ");
|
|
478
|
-
let optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
479
|
-
while (optionsTotalWidth > availableSpace && displayedOptions.length > 1) {
|
|
480
|
-
this.overflowCount++;
|
|
481
|
-
displayedOptions.pop();
|
|
482
|
-
this.measurementAreaEl.textContent = displayedOptions.map((x) => x.textContent).join(", ");
|
|
483
|
-
optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
484
|
-
}
|
|
493
|
+
else if (hasChanged) {
|
|
494
|
+
this.handleOverflow();
|
|
495
|
+
// we need to calc overflowcount as we only want to display allSelected message if there is an overflow...
|
|
485
496
|
if (this.overflowCount > 0 && this.allSelected) {
|
|
497
|
+
// ...but it should be reset so it isn't displayed in that case
|
|
486
498
|
this.overflowCount = 0;
|
|
487
499
|
this.buttonText = this.allSelectedMessage;
|
|
488
500
|
}
|
|
489
501
|
else {
|
|
490
|
-
|
|
491
|
-
this.buttonText = options.join(", ");
|
|
502
|
+
this.buttonText = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
492
503
|
}
|
|
493
504
|
}
|
|
494
|
-
this.previousDisplayedOptions = displayedOptions;
|
|
495
|
-
|
|
505
|
+
this.previousDisplayedOptions = this.displayedOptions;
|
|
506
|
+
// the reason for setting a global variable and returning it
|
|
507
|
+
// is that we need the stored value when displayedOptions haven't changed.
|
|
508
|
+
return this.buttonText; // multiselect value
|
|
496
509
|
}
|
|
497
510
|
}
|
|
498
511
|
renderOverflowCount() {
|
|
@@ -502,14 +515,14 @@ const Select = class {
|
|
|
502
515
|
}
|
|
503
516
|
render() {
|
|
504
517
|
const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
|
|
505
|
-
return (index.h(index.Host, { key: '
|
|
518
|
+
return (index.h(index.Host, { key: 'a9b76bd87b0e9a3264695746cf8f5c8e91d331c8', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: 'f4f46f5db1feb4c8e154c89c5d6f6d94ecc00e88', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '460e0a75845de26c016d8e7f4eb975c726f9aa3b', class: "label-wrapper" }, index.h("label", { key: 'ffbcd7301f69a8696f0135e2c742d71a0ab03492', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label),
|
|
506
519
|
// we can't use aria-required because the listbox is in a sub-component and it is not announced
|
|
507
|
-
this.requiredField && (index.h("span", { key: '
|
|
520
|
+
this.requiredField && (index.h("span", { key: '45c1248438954a9b1c078e2bae2aeb20717742ba', class: "required" }, index.h("span", { key: '6a20b3925737ab51fe4ec04d781fce957c09778e', class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { key: 'f03585760652f5a1e0a06680d1d31ef5cc4d4d99', "aria-hidden": "true" }, "*")))), index.h("div", { key: 'd99cb285408dd1192e8655ab8ffb6d57361acc04', class: "button-wrapper" }, index.h("button", { key: '5368e2962e9ff2686145a2bd93f6bc349af91ea0', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, index.h("span", { key: 'd3b5766d8e2476e3753bcf5c9b87280d45cb90bf', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, index.h("span", { key: 'd6896018577a376a6a33280c3f082c462e0a59a1', class: "button-text" }, this.setButtonText()), showSubinfo && index.h("span", { key: '08864b9a36c5bcbd2fd09159cfff486475354e9e', class: "subinfo" }, this.selectedOptions[0].subinfo)), index.h("div", { key: '8f689d493982521150f322ab4f02f12523191143', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '7efb458a3d5bf364e19a62741189f59639300e50', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: 'ef62108b2ca9b10157b39d9e31db14fbde24ec80',
|
|
508
521
|
// is-open is for the CSS transition in modern browsers
|
|
509
522
|
// hidden is to wait for position calculations in Firefox
|
|
510
523
|
class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "upward" : ""}`, id: "dropdown", popover: "auto", ref: (el) => (this.dropdownEl = el),
|
|
511
524
|
// @ts-ignore -- don't tell typescript but we're in the future
|
|
512
|
-
onToggle: (ev) => this.handleToggle(ev) }, index.h("priv-option-list", { key: '
|
|
525
|
+
onToggle: (ev) => this.handleToggle(ev) }, index.h("priv-option-list", { key: '6aa561516558f5913e82cc8ded2b648a8d0ef46e', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
|
|
513
526
|
this.dropdownEl.hidePopover();
|
|
514
527
|
}, onOptionListAllSelected: () => {
|
|
515
528
|
this.returnFocus = true;
|
|
@@ -517,7 +530,7 @@ const Select = class {
|
|
|
517
530
|
}, onOptionListAllDeselected: () => {
|
|
518
531
|
this.returnFocus = true;
|
|
519
532
|
this.wmSelectAllDeselected.emit();
|
|
520
|
-
} }, index.h("slot", { key: '
|
|
533
|
+
} }, index.h("slot", { key: '21bcbe1b9aec665219abe6147d8124349066cbeb' }))), index.h("div", { key: 'f3bbe02b3b4960120d8165cf03eac32bcc1c57b0', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), index.h("div", { key: '2c49de8a7a55216dc7c29dcffdb0af1fa0ca51be', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
|
|
521
534
|
}
|
|
522
535
|
static get delegatesFocus() { return true; }
|
|
523
536
|
get el() { return index.getElement(this); }
|
|
@@ -10,6 +10,7 @@ export class Select {
|
|
|
10
10
|
//////////////////////////////////////
|
|
11
11
|
// for multiselect button text
|
|
12
12
|
this.overflowCount = 0;
|
|
13
|
+
this.displayedOptions = [];
|
|
13
14
|
this.previousDisplayedOptions = [];
|
|
14
15
|
this.debouncedReposition = debounce(() => {
|
|
15
16
|
this.dropdownPosition();
|
|
@@ -272,45 +273,57 @@ export class Select {
|
|
|
272
273
|
}
|
|
273
274
|
this.announcement = message;
|
|
274
275
|
}
|
|
275
|
-
|
|
276
|
+
handleOverflow() {
|
|
277
|
+
// handle overflow + counter for multiselect
|
|
278
|
+
// this is a fixed measurement accounting for the max width of a 3 character overflow counter
|
|
279
|
+
const overflowCounterWidth = 38;
|
|
280
|
+
const computedStyle = window.getComputedStyle(this.buttonEl);
|
|
281
|
+
// there seems to be no quick way to get an elements width without padding, except for subtracting padding manually
|
|
282
|
+
const paddingLeft = parseInt(computedStyle.getPropertyValue("padding-left").slice(0, -2));
|
|
283
|
+
const paddingRight = parseInt(computedStyle.getPropertyValue("padding-right").slice(0, -2));
|
|
284
|
+
const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;
|
|
285
|
+
this.overflowCount = 0;
|
|
286
|
+
this.measurementAreaEl.textContent = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
287
|
+
let optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
288
|
+
while (optionsTotalWidth > availableSpace && this.displayedOptions.length > 1) {
|
|
289
|
+
this.overflowCount++;
|
|
290
|
+
this.displayedOptions.pop();
|
|
291
|
+
this.measurementAreaEl.textContent = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
292
|
+
optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
setButtonText() {
|
|
276
296
|
if (!this.multiple) {
|
|
277
|
-
const selEl = this.childOptions.filter((x) => x.selected)[0]
|
|
278
|
-
return selEl.textContent;
|
|
297
|
+
const selEl = this.childOptions.filter((x) => x.selected)[0];
|
|
298
|
+
return selEl ? selEl.textContent : "";
|
|
279
299
|
}
|
|
280
300
|
else {
|
|
281
|
-
|
|
282
|
-
|
|
301
|
+
this.displayedOptions = this.childOptions.filter((x) => x.selected);
|
|
302
|
+
const hasChanged = this.displayedOptions !== this.previousDisplayedOptions;
|
|
303
|
+
const noDisplayedOptions = this.displayedOptions.length < 1;
|
|
304
|
+
if (!this.buttonEl) {
|
|
305
|
+
forceUpdate(this.el);
|
|
306
|
+
return "";
|
|
307
|
+
}
|
|
308
|
+
else if (noDisplayedOptions) {
|
|
283
309
|
return this.placeholder;
|
|
284
310
|
}
|
|
285
|
-
else if (
|
|
286
|
-
|
|
287
|
-
//
|
|
288
|
-
const overflowCounterWidth = 38;
|
|
289
|
-
const computedStyle = window.getComputedStyle(this.buttonEl);
|
|
290
|
-
// there seems to be no quick way to get an elements width without padding, except for subtracting padding manually
|
|
291
|
-
const paddingLeft = parseInt(computedStyle.getPropertyValue("padding-left").slice(0, -2));
|
|
292
|
-
const paddingRight = parseInt(computedStyle.getPropertyValue("padding-right").slice(0, -2));
|
|
293
|
-
const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;
|
|
294
|
-
this.overflowCount = 0;
|
|
295
|
-
this.measurementAreaEl.textContent = displayedOptions.map((x) => x.textContent).join(", ");
|
|
296
|
-
let optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
297
|
-
while (optionsTotalWidth > availableSpace && displayedOptions.length > 1) {
|
|
298
|
-
this.overflowCount++;
|
|
299
|
-
displayedOptions.pop();
|
|
300
|
-
this.measurementAreaEl.textContent = displayedOptions.map((x) => x.textContent).join(", ");
|
|
301
|
-
optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
302
|
-
}
|
|
311
|
+
else if (hasChanged) {
|
|
312
|
+
this.handleOverflow();
|
|
313
|
+
// we need to calc overflowcount as we only want to display allSelected message if there is an overflow...
|
|
303
314
|
if (this.overflowCount > 0 && this.allSelected) {
|
|
315
|
+
// ...but it should be reset so it isn't displayed in that case
|
|
304
316
|
this.overflowCount = 0;
|
|
305
317
|
this.buttonText = this.allSelectedMessage;
|
|
306
318
|
}
|
|
307
319
|
else {
|
|
308
|
-
|
|
309
|
-
this.buttonText = options.join(", ");
|
|
320
|
+
this.buttonText = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
310
321
|
}
|
|
311
322
|
}
|
|
312
|
-
this.previousDisplayedOptions = displayedOptions;
|
|
313
|
-
|
|
323
|
+
this.previousDisplayedOptions = this.displayedOptions;
|
|
324
|
+
// the reason for setting a global variable and returning it
|
|
325
|
+
// is that we need the stored value when displayedOptions haven't changed.
|
|
326
|
+
return this.buttonText; // multiselect value
|
|
314
327
|
}
|
|
315
328
|
}
|
|
316
329
|
renderOverflowCount() {
|
|
@@ -320,14 +333,14 @@ export class Select {
|
|
|
320
333
|
}
|
|
321
334
|
render() {
|
|
322
335
|
const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
|
|
323
|
-
return (h(Host, { key: '
|
|
336
|
+
return (h(Host, { key: 'a9b76bd87b0e9a3264695746cf8f5c8e91d331c8', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: 'f4f46f5db1feb4c8e154c89c5d6f6d94ecc00e88', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '460e0a75845de26c016d8e7f4eb975c726f9aa3b', class: "label-wrapper" }, h("label", { key: 'ffbcd7301f69a8696f0135e2c742d71a0ab03492', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label),
|
|
324
337
|
// we can't use aria-required because the listbox is in a sub-component and it is not announced
|
|
325
|
-
this.requiredField && (h("span", { key: '
|
|
338
|
+
this.requiredField && (h("span", { key: '45c1248438954a9b1c078e2bae2aeb20717742ba', class: "required" }, h("span", { key: '6a20b3925737ab51fe4ec04d781fce957c09778e', class: "sr-only" }, globalMessages.requiredField), h("span", { key: 'f03585760652f5a1e0a06680d1d31ef5cc4d4d99', "aria-hidden": "true" }, "*")))), h("div", { key: 'd99cb285408dd1192e8655ab8ffb6d57361acc04', class: "button-wrapper" }, h("button", { key: '5368e2962e9ff2686145a2bd93f6bc349af91ea0', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, h("span", { key: 'd3b5766d8e2476e3753bcf5c9b87280d45cb90bf', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: 'd6896018577a376a6a33280c3f082c462e0a59a1', class: "button-text" }, this.setButtonText()), showSubinfo && h("span", { key: '08864b9a36c5bcbd2fd09159cfff486475354e9e', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: '8f689d493982521150f322ab4f02f12523191143', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '7efb458a3d5bf364e19a62741189f59639300e50', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'ef62108b2ca9b10157b39d9e31db14fbde24ec80',
|
|
326
339
|
// is-open is for the CSS transition in modern browsers
|
|
327
340
|
// hidden is to wait for position calculations in Firefox
|
|
328
341
|
class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "upward" : ""}`, id: "dropdown", popover: "auto", ref: (el) => (this.dropdownEl = el),
|
|
329
342
|
// @ts-ignore -- don't tell typescript but we're in the future
|
|
330
|
-
onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '
|
|
343
|
+
onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '6aa561516558f5913e82cc8ded2b648a8d0ef46e', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
|
|
331
344
|
this.dropdownEl.hidePopover();
|
|
332
345
|
}, onOptionListAllSelected: () => {
|
|
333
346
|
this.returnFocus = true;
|
|
@@ -335,7 +348,7 @@ export class Select {
|
|
|
335
348
|
}, onOptionListAllDeselected: () => {
|
|
336
349
|
this.returnFocus = true;
|
|
337
350
|
this.wmSelectAllDeselected.emit();
|
|
338
|
-
} }, h("slot", { key: '
|
|
351
|
+
} }, h("slot", { key: '21bcbe1b9aec665219abe6147d8124349066cbeb' }))), h("div", { key: 'f3bbe02b3b4960120d8165cf03eac32bcc1c57b0', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: '2c49de8a7a55216dc7c29dcffdb0af1fa0ca51be', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
|
|
339
352
|
}
|
|
340
353
|
static get is() { return "wm-select"; }
|
|
341
354
|
static get encapsulation() { return "shadow"; }
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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-3d8c2720.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
package/dist/esm/ripple.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as promiseResolve, 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-3d8c2720.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
6
|
Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -188,6 +188,7 @@ const Select = class {
|
|
|
188
188
|
//////////////////////////////////////
|
|
189
189
|
// for multiselect button text
|
|
190
190
|
this.overflowCount = 0;
|
|
191
|
+
this.displayedOptions = [];
|
|
191
192
|
this.previousDisplayedOptions = [];
|
|
192
193
|
this.debouncedReposition = debounce(() => {
|
|
193
194
|
this.dropdownPosition();
|
|
@@ -450,45 +451,57 @@ const Select = class {
|
|
|
450
451
|
}
|
|
451
452
|
this.announcement = message;
|
|
452
453
|
}
|
|
453
|
-
|
|
454
|
+
handleOverflow() {
|
|
455
|
+
// handle overflow + counter for multiselect
|
|
456
|
+
// this is a fixed measurement accounting for the max width of a 3 character overflow counter
|
|
457
|
+
const overflowCounterWidth = 38;
|
|
458
|
+
const computedStyle = window.getComputedStyle(this.buttonEl);
|
|
459
|
+
// there seems to be no quick way to get an elements width without padding, except for subtracting padding manually
|
|
460
|
+
const paddingLeft = parseInt(computedStyle.getPropertyValue("padding-left").slice(0, -2));
|
|
461
|
+
const paddingRight = parseInt(computedStyle.getPropertyValue("padding-right").slice(0, -2));
|
|
462
|
+
const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;
|
|
463
|
+
this.overflowCount = 0;
|
|
464
|
+
this.measurementAreaEl.textContent = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
465
|
+
let optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
466
|
+
while (optionsTotalWidth > availableSpace && this.displayedOptions.length > 1) {
|
|
467
|
+
this.overflowCount++;
|
|
468
|
+
this.displayedOptions.pop();
|
|
469
|
+
this.measurementAreaEl.textContent = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
470
|
+
optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
471
|
+
}
|
|
472
|
+
}
|
|
473
|
+
setButtonText() {
|
|
454
474
|
if (!this.multiple) {
|
|
455
|
-
const selEl = this.childOptions.filter((x) => x.selected)[0]
|
|
456
|
-
return selEl.textContent;
|
|
475
|
+
const selEl = this.childOptions.filter((x) => x.selected)[0];
|
|
476
|
+
return selEl ? selEl.textContent : "";
|
|
457
477
|
}
|
|
458
478
|
else {
|
|
459
|
-
|
|
460
|
-
|
|
479
|
+
this.displayedOptions = this.childOptions.filter((x) => x.selected);
|
|
480
|
+
const hasChanged = this.displayedOptions !== this.previousDisplayedOptions;
|
|
481
|
+
const noDisplayedOptions = this.displayedOptions.length < 1;
|
|
482
|
+
if (!this.buttonEl) {
|
|
483
|
+
forceUpdate(this.el);
|
|
484
|
+
return "";
|
|
485
|
+
}
|
|
486
|
+
else if (noDisplayedOptions) {
|
|
461
487
|
return this.placeholder;
|
|
462
488
|
}
|
|
463
|
-
else if (
|
|
464
|
-
|
|
465
|
-
//
|
|
466
|
-
const overflowCounterWidth = 38;
|
|
467
|
-
const computedStyle = window.getComputedStyle(this.buttonEl);
|
|
468
|
-
// there seems to be no quick way to get an elements width without padding, except for subtracting padding manually
|
|
469
|
-
const paddingLeft = parseInt(computedStyle.getPropertyValue("padding-left").slice(0, -2));
|
|
470
|
-
const paddingRight = parseInt(computedStyle.getPropertyValue("padding-right").slice(0, -2));
|
|
471
|
-
const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;
|
|
472
|
-
this.overflowCount = 0;
|
|
473
|
-
this.measurementAreaEl.textContent = displayedOptions.map((x) => x.textContent).join(", ");
|
|
474
|
-
let optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
475
|
-
while (optionsTotalWidth > availableSpace && displayedOptions.length > 1) {
|
|
476
|
-
this.overflowCount++;
|
|
477
|
-
displayedOptions.pop();
|
|
478
|
-
this.measurementAreaEl.textContent = displayedOptions.map((x) => x.textContent).join(", ");
|
|
479
|
-
optionsTotalWidth = this.measurementAreaEl.clientWidth;
|
|
480
|
-
}
|
|
489
|
+
else if (hasChanged) {
|
|
490
|
+
this.handleOverflow();
|
|
491
|
+
// we need to calc overflowcount as we only want to display allSelected message if there is an overflow...
|
|
481
492
|
if (this.overflowCount > 0 && this.allSelected) {
|
|
493
|
+
// ...but it should be reset so it isn't displayed in that case
|
|
482
494
|
this.overflowCount = 0;
|
|
483
495
|
this.buttonText = this.allSelectedMessage;
|
|
484
496
|
}
|
|
485
497
|
else {
|
|
486
|
-
|
|
487
|
-
this.buttonText = options.join(", ");
|
|
498
|
+
this.buttonText = this.displayedOptions.map((x) => x.textContent).join(", ");
|
|
488
499
|
}
|
|
489
500
|
}
|
|
490
|
-
this.previousDisplayedOptions = displayedOptions;
|
|
491
|
-
|
|
501
|
+
this.previousDisplayedOptions = this.displayedOptions;
|
|
502
|
+
// the reason for setting a global variable and returning it
|
|
503
|
+
// is that we need the stored value when displayedOptions haven't changed.
|
|
504
|
+
return this.buttonText; // multiselect value
|
|
492
505
|
}
|
|
493
506
|
}
|
|
494
507
|
renderOverflowCount() {
|
|
@@ -498,14 +511,14 @@ const Select = class {
|
|
|
498
511
|
}
|
|
499
512
|
render() {
|
|
500
513
|
const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
|
|
501
|
-
return (h(Host, { key: '
|
|
514
|
+
return (h(Host, { key: 'a9b76bd87b0e9a3264695746cf8f5c8e91d331c8', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: 'f4f46f5db1feb4c8e154c89c5d6f6d94ecc00e88', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '460e0a75845de26c016d8e7f4eb975c726f9aa3b', class: "label-wrapper" }, h("label", { key: 'ffbcd7301f69a8696f0135e2c742d71a0ab03492', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label),
|
|
502
515
|
// we can't use aria-required because the listbox is in a sub-component and it is not announced
|
|
503
|
-
this.requiredField && (h("span", { key: '
|
|
516
|
+
this.requiredField && (h("span", { key: '45c1248438954a9b1c078e2bae2aeb20717742ba', class: "required" }, h("span", { key: '6a20b3925737ab51fe4ec04d781fce957c09778e', class: "sr-only" }, globalMessages.requiredField), h("span", { key: 'f03585760652f5a1e0a06680d1d31ef5cc4d4d99', "aria-hidden": "true" }, "*")))), h("div", { key: 'd99cb285408dd1192e8655ab8ffb6d57361acc04', class: "button-wrapper" }, h("button", { key: '5368e2962e9ff2686145a2bd93f6bc349af91ea0', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, h("span", { key: 'd3b5766d8e2476e3753bcf5c9b87280d45cb90bf', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: 'd6896018577a376a6a33280c3f082c462e0a59a1', class: "button-text" }, this.setButtonText()), showSubinfo && h("span", { key: '08864b9a36c5bcbd2fd09159cfff486475354e9e', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: '8f689d493982521150f322ab4f02f12523191143', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '7efb458a3d5bf364e19a62741189f59639300e50', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'ef62108b2ca9b10157b39d9e31db14fbde24ec80',
|
|
504
517
|
// is-open is for the CSS transition in modern browsers
|
|
505
518
|
// hidden is to wait for position calculations in Firefox
|
|
506
519
|
class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "upward" : ""}`, id: "dropdown", popover: "auto", ref: (el) => (this.dropdownEl = el),
|
|
507
520
|
// @ts-ignore -- don't tell typescript but we're in the future
|
|
508
|
-
onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '
|
|
521
|
+
onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '6aa561516558f5913e82cc8ded2b648a8d0ef46e', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
|
|
509
522
|
this.dropdownEl.hidePopover();
|
|
510
523
|
}, onOptionListAllSelected: () => {
|
|
511
524
|
this.returnFocus = true;
|
|
@@ -513,7 +526,7 @@ const Select = class {
|
|
|
513
526
|
}, onOptionListAllDeselected: () => {
|
|
514
527
|
this.returnFocus = true;
|
|
515
528
|
this.wmSelectAllDeselected.emit();
|
|
516
|
-
} }, h("slot", { key: '
|
|
529
|
+
} }, h("slot", { key: '21bcbe1b9aec665219abe6147d8124349066cbeb' }))), h("div", { key: 'f3bbe02b3b4960120d8165cf03eac32bcc1c57b0', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: '2c49de8a7a55216dc7c29dcffdb0af1fa0ca51be', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
|
|
517
530
|
}
|
|
518
531
|
static get delegatesFocus() { return true; }
|
|
519
532
|
get el() { return getElement(this); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./index-130e07bb.js";var version="5.22.1-alpha.
|
|
1
|
+
import"./index-130e07bb.js";var version="5.22.1-alpha.3";if(window.navigator.plugins.length>0){console.log("%cRipple component library %c%s","color: #575195; font-weight: bold","font-weight: bold",version)}function wmComponentKeys(n){if(n.key=="Tab"){var o=new Event("wmUserIsTabbing");window.dispatchEvent(o);document.querySelector("body").classList.add("wmcl-user-is-tabbing")}if(n.key=="ArrowLeft"||n.key=="ArrowUp"||n.key=="ArrowRight"||n.key=="ArrowDown"){var o=new Event("wmUserIsKeying");window.dispatchEvent(o);document.querySelector("body").classList.add("wmcl-user-is-keying")}}function wmComponentMouseDownOnce(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n);document.querySelector("body").classList.remove("wmcl-user-is-tabbing");document.querySelector("body").classList.remove("wmcl-user-is-keying")}window.addEventListener("keydown",wmComponentKeys);window.addEventListener("mousedown",wmComponentMouseDownOnce);document.addEventListener("DOMContentLoaded",(function(){var n=document.createElement("div");n.id="wm-tooltip-container";var o=document.createElement("div");o.id="wm-tooltip";o.classList.add("wm-tooltip");o.setAttribute("popover","manual");o.setAttribute("aria-hidden","true");var t=document.createElement("style");t.textContent="\n.wm-tooltip {\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n line-height: normal;\n font-family: inherit;\n font-size: 0.875rem;\n text-transform: none;\n font-weight: normal;\n background: var(--wmcolor-tooltip-background);\n color: var(--wmcolor-tooltip-text);\n z-index: 999999;\n max-width: var(--wmTooltipMaxWidth, 13.75rem);\n margin-right: 1.5rem;\n padding: 0.375rem;\n transition-property: opacity;\n transition-delay: 0s;\n opacity: 0;\n inset: unset;\n top: 0;\n left: 0;\n transform: translateZ(0);\n will-change: transform;\n transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));\n border: none;\n}\n\n.wm-tooltip:popover-open {\n opacity: 0;\n}\n\n.wm-tooltip.show {\n transition-delay: 500ms;\n opacity: 1;\n}\n";document.head.appendChild(t);n.appendChild(o);document.querySelector("body").appendChild(n)}));var globalFn=function(){};var globalScripts=globalFn;export{globalScripts as g};
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(e,a,t,i){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,l){function o(e){try{d(i.next(e))}catch(e){l(e)}}function r(e){try{d(i["throw"](e))}catch(e){l(e)}}function d(e){e.done?t(e.value):n(e.value).then(o,r)}d((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},i,n,l,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(e){return function(a){return d([e,a])}}function d(r){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(t=0)),t)try{if(i=1,n&&(l=r[0]&2?n["return"]:r[0]?n["throw"]||((l=n["return"])&&l.call(n),0):n.next)&&!(l=l.call(n,r[1])).done)return l;if(n=0,l)r=[r[0]&2,l.value];switch(r[0]){case 0:case 1:l=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;n=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(l=t.trys,l=l.length>0&&l[l.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!l||r[1]>l[0]&&r[1]<l[3])){t.label=r[1];break}if(r[0]===6&&t.label<l[1]){t.label=l[1];l=r;break}if(l&&t.label<l[2]){t.label=l[2];t.ops.push(r);break}if(l[2])t.ops.pop();t.trys.pop();continue}r=a.call(e,t)}catch(e){r=[6,e];n=0}finally{i=l=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-130e07bb.js";export{s as setNonce}from"./index-130e07bb.js";import{g as globalScripts}from"./app-globals-92ac4d9e.js";var defineCustomElements=function(e,a){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,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],"isGroupExpanded":[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","handleFileDelete"],[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"]}]]]]'),a)]}}))}))};export{defineCustomElements};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,a,t,i){function n(e){return e instanceof t?e:new t((function(a){a(e)}))}return new(t||(t=Promise))((function(t,l){function o(e){try{d(i.next(e))}catch(e){l(e)}}function r(e){try{d(i["throw"](e))}catch(e){l(e)}}function d(e){e.done?t(e.value):n(e.value).then(o,r)}d((i=i.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var t={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},i,n,l,o;return o={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function r(e){return function(a){return d([e,a])}}function d(r){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,r[0]&&(t=0)),t)try{if(i=1,n&&(l=r[0]&2?n["return"]:r[0]?n["throw"]||((l=n["return"])&&l.call(n),0):n.next)&&!(l=l.call(n,r[1])).done)return l;if(n=0,l)r=[r[0]&2,l.value];switch(r[0]){case 0:case 1:l=r;break;case 4:t.label++;return{value:r[1],done:false};case 5:t.label++;n=r[1];r=[0];continue;case 7:r=t.ops.pop();t.trys.pop();continue;default:if(!(l=t.trys,l=l.length>0&&l[l.length-1])&&(r[0]===6||r[0]===2)){t=0;continue}if(r[0]===3&&(!l||r[1]>l[0]&&r[1]<l[3])){t.label=r[1];break}if(r[0]===6&&t.label<l[1]){t.label=l[1];l=r;break}if(l&&t.label<l[2]){t.label=l[2];t.ops.push(r);break}if(l[2])t.ops.pop();t.trys.pop();continue}r=a.call(e,t)}catch(e){r=[6,e];n=0}finally{i=l=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-130e07bb.js";export{s as setNonce}from"./index-130e07bb.js";import{g as globalScripts}from"./app-globals-3d8c2720.js";var defineCustomElements=function(e,a){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,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],"isGroupExpanded":[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","handleFileDelete"],[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"]}]]]]'),a)]}}))}))};export{defineCustomElements};
|