@watermarkinsights/ripple 5.7.0-1 → 5.7.0-3

package/dist/collection/components/selects/priv-option-list/priv-option-list.js

@@ -37,7 +37,6 @@ export class PrivOptionList {
         this.search = false;
         this.selectAll = false;
         this.searchPlaceholder = undefined;
-        this.maxHeight = undefined;
         this.optgroupLabel = undefined;
         this.announcement = "";
         this.searchTerm = "";
@@ -52,6 +51,9 @@ export class PrivOptionList {
         // this includes both slotted wm-options and internally created wm-options
         return this.cloneOptions.concat(this.childOptions);
     }
+    get isInNestedSelect() {
+        return !!this.optgroupLabel;
+    }
     get visibleOptionEls() {
         return this.allOptionEls.filter((option) => !option.classList.contains("hidden") && !option.classList.contains("filtered-out"));
     }
@@ -139,17 +141,10 @@ export class PrivOptionList {
         if (this.multiple) {
             this.updateOptionVisibility();
         }
-        // Dev can overwrite the max-height rule set in the Sass file
-        if (this.maxHeight) {
-            // this.listboxEl.style.maxHeight = this.maxHeight;
-            this.listboxEl.style.maxHeight = this.maxHeight;
-        }
     }
-    async handleChildChange(_) {
-        if (this.multiple) {
-            // on update of wm-options selected state, rerender to update clones state
-            forceUpdate(this.el);
-        }
+    async handleChildChange() {
+        // on update of wm-options selected state, rerender to update clones state
+        forceUpdate(this.el);
     }
     async clearSearch() {
         if (this.search) {
@@ -253,8 +248,7 @@ export class PrivOptionList {
                 this.moveUp(ev.target);
                 break;
             case "ArrowLeft":
-                // if an optgroupLabel was passed, we are within a Nested Select
-                if (!!this.optgroupLabel) {
+                if (this.isInNestedSelect && el != this.searchFieldEl) {
                     ev.preventDefault();
                     this.wmKeyLeftPressed.emit();
                 }
@@ -303,8 +297,7 @@ export class PrivOptionList {
         if (this.searchFieldEl) {
             focusableEls.unshift(this.searchFieldEl);
         }
-        // if an optgroupLabel was passed, we are is within a Nested Select
-        if (!!this.optgroupLabel) {
+        if (this.isInNestedSelect) {
             focusableEls.unshift(this.returnBtnEl);
         }
         const prevEl = focusableEls[focusableEls.indexOf(el) - 1] || focusableEls[focusableEls.length - 1];
@@ -320,8 +313,7 @@ export class PrivOptionList {
         if (this.searchFieldEl) {
             focusableEls.unshift(this.searchFieldEl);
         }
-        // if an optgroupLabel was passed, we are is within a Nested Select
-        if (!!this.optgroupLabel) {
+        if (this.isInNestedSelect) {
             focusableEls.unshift(this.returnBtnEl);
         }
         const nextEl = focusableEls[focusableEls.indexOf(el) + 1] || focusableEls[0];
@@ -387,7 +379,7 @@ export class PrivOptionList {
         });
     }
     render() {
-        return (h("div", { class: "list-wrapper" }, !!this.optgroupLabel && this.renderReturnBtn(), this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton(), h("div", { id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-labelledby": "label", ref: (el) => (this.listboxEl = el) }, this.searchTerm && this.filteredOptions.length === 0 && this.renderSearchFailedMessage(), this.multiple && this.renderCloneOptions(), h("slot", null)), h("div", { id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        return (h("div", { class: "list-wrapper" }, this.isInNestedSelect && this.renderReturnBtn(), this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton(), h("div", { id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-labelledby": "label", ref: (el) => (this.listboxEl = el) }, this.searchTerm && this.filteredOptions.length === 0 && this.renderSearchFailedMessage(), this.multiple && this.renderCloneOptions(), h("slot", null)), h("div", { id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get is() { return "priv-option-list"; }
     static get originalStyleUrls() {
@@ -473,23 +465,6 @@ export class PrivOptionList {
                 "attribute": "search-placeholder",
                 "reflect": false
             },
-            "maxHeight": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "max-height",
-                "reflect": false
-            },
             "optgroupLabel": {
                 "type": "string",
                 "mutable": false,
@@ -617,19 +592,12 @@ export class PrivOptionList {
         return {
             "handleChildChange": {
                 "complexType": {
-                    "signature": "(_: MutationRecord) => Promise<void>",
-                    "parameters": [{
-                            "tags": [],
-                            "text": ""
-                        }],
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "MutationRecord": {
-                            "location": "global",
-                            "id": "global::MutationRecord"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css

@@ -282,6 +282,8 @@
   z-index: 100;
   width: 100%;
   font-size: 0.875rem;
+  max-height: var(--max-height);
+  overflow: auto;
 }
 .dropdown.upwards {
   top: unset;
@@ -308,6 +310,8 @@
 }
 .menu.hidden {
   position: absolute;
+  max-height: 100%;
+  overflow: hidden;
 }
 .menu .menuitem {
   display: flex;
@@ -397,6 +401,8 @@
   transform: translateX(100%);
   position: absolute;
   top: 0px;
+  max-height: 100%;
+  overflow-y: hidden;
 }
 
 .measurement-area {

package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js

@@ -1,9 +1,10 @@
 import { h, Host, forceUpdate } from "@stencil/core";
-import { getTextDir, intl, isElOrChild, shouldOpenUp, toBool } from "../../../global/functions";
+import { getContextMeasurements, getTextDir, intl, isElOrChild, shouldOpenUp, toBool } from "../../../global/functions";
 import { globalMessages } from "../../../global/intl";
 export class NestedSelect {
     constructor() {
         this.openUp = false;
+        this.constrainedMaxHeight = "";
         this.overflowCount = 0;
         this.displayedOptions = [];
         this.clearSelectionMessage = this.multiple
@@ -18,7 +19,7 @@ export class NestedSelect {
                 description: "Button text to clear selection. Use imperative",
             });
         this.disabled = false;
-        this.maxHeight = undefined;
+        this.maxHeight = "200px";
         this.label = undefined;
         this.labelPosition = "top";
         this.requiredField = false;
@@ -67,7 +68,7 @@ export class NestedSelect {
         return this.childOptions.every((option) => option.selected);
     }
     componentWillLoad() {
-        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildChange(mutationRecord)));
+        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((_mutationRecord) => this.handleChildChange()));
         mutationObserver.observe(this.el, {
             childList: true,
             attributes: true,
@@ -75,16 +76,14 @@ export class NestedSelect {
             attributeFilter: ["selected"],
         });
     }
-    componentDidLoad() {
-        if (this.maxHeight) {
-            this.dropdownEl.style.maxHeight = this.maxHeight;
-        }
-    }
-    handleChildChange(_) {
+    handleChildChange() {
         // on update of children or children selected state, reset button text and rerender
         this.setButtonText();
         forceUpdate(this.el);
-        // this.optionListEl.handleChildChange(_);
+        if (this.multiple) {
+            // update state of clone options
+            this.optgroupEls.forEach((optgroupEl) => optgroupEl.handleChildChange());
+        }
     }
     setButtonText() {
         this.displayedOptions = this.childOptions.filter((x) => x.selected);
@@ -143,6 +142,13 @@ export class NestedSelect {
             this.dropdownEl.classList.add("open");
             const elHeight = this.el.clientHeight;
             this.openUp = shouldOpenUp(this.el, this.dropdownEl.clientHeight, elHeight, 0);
+            this.constrainedMaxHeight = "";
+            if (this.openUp) {
+                const spaceAbove = getContextMeasurements(this.el).spaceAbove;
+                if (parseInt(getComputedStyle(this.dropdownEl).getPropertyValue("max-height").replace("px", "")) > spaceAbove) {
+                    this.constrainedMaxHeight = spaceAbove.toString() + "px";
+                }
+            }
             window.requestAnimationFrame(() => {
                 this.focusFirstMenuitem();
             });
@@ -282,7 +288,7 @@ export class NestedSelect {
         };
         return (h(Host, { onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, h("label", { class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
         // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)
-        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: `displayedoption ${this.isExpanded ? "expanded" : ""}`, ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), h("span", { class: "overflowcontrol" }, h("span", { class: "button-text" }, this.renderButtonText())), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { ref: (el) => (this.menuEl = el), class: "menu" }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
+        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: `displayedoption ${this.isExpanded ? "expanded" : ""}`, ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), h("span", { class: "overflowcontrol" }, h("span", { class: "button-text" }, this.renderButtonText())), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el), style: { "--max-height": this.constrainedMaxHeight ? this.constrainedMaxHeight : this.maxHeight } }, h("div", { ref: (el) => (this.menuEl = el), class: "menu" }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
             return (h("button", { class: `menuitem group-btn ${optgroupEl.disabled ? "disabled" : ""}`, role: "menuitem", "data-label": optgroupEl.label, tabindex: -1, "aria-disabled": optgroupEl.disabled, onClick: () => {
                     if (!optgroupEl.disabled) {
                         optgroupEl.isExpanded = !optgroupEl.isExpanded;
@@ -329,17 +335,18 @@ export class NestedSelect {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string | undefined",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "attribute": "max-height",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"200px\""
             },
             "label": {
                 "type": "string",

package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js

@@ -29,12 +29,18 @@ export class Optgroup {
             window.setTimeout(() => {
                 // wait for slide out animation to complete before hiding
                 this.el.classList.remove("visible");
+                if (this.parentNestedSelect.multiple) {
+                    this.optionListEl.updateOptionVisibility();
+                }
             }, 250);
         }
     }
     async emitDeselection() {
         this.wmOptgroupAllDeselected.emit();
     }
+    async handleChildChange() {
+        this.optionListEl.handleChildChange();
+    }
     handleOptionKeyLeft() {
         this.isExpanded = false;
     }
@@ -213,6 +219,23 @@ export class Optgroup {
                     "text": "",
                     "tags": []
                 }
+            },
+            "handleChildChange": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/components/selects/wm-select/wm-select.css

@@ -260,6 +260,8 @@
   z-index: 100;
   width: 100%;
   font-size: 0.875rem;
+  max-height: var(--max-height);
+  overflow: auto;
 }
 .wrapper .button-wrapper > .dropdown.upwards {
   top: unset;
@@ -297,11 +299,6 @@
   margin-top: 0.25rem;
 }
 
-.options-wrapper {
-  max-height: 12.5rem;
-  overflow: auto;
-}
-
 .measurement-area {
   position: absolute;
   visibility: hidden;

package/dist/collection/components/selects/wm-select/wm-select.js

@@ -10,7 +10,7 @@ export class Select {
         this.overflowCount = 0;
         this.displayedOptions = [];
         this.disabled = false;
-        this.maxHeight = undefined;
+        this.maxHeight = "200px";
         this.label = undefined;
         this.labelPosition = "top";
         this.requiredField = false;
@@ -107,7 +107,7 @@ export class Select {
             console.error("wm-select should have one initial option selected");
         }
         handleDisabledAttribute(this.el, this.isDisabled);
-        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildChange(mutationRecord)));
+        const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((_mutationRecord) => this.handleChildChange()));
         mutationObserver.observe(this.el, {
             childList: true,
             attributes: true,
@@ -115,21 +115,19 @@ export class Select {
             attributeFilter: ["selected"],
         });
     }
-    handleChildChange(_) {
+    handleChildChange() {
         // on update of children or children selected state, reset button text and rerender
         this.setButtonText();
-        this.optionListEl.handleChildChange(_);
         forceUpdate(this.el);
+        if (this.multiple) {
+            // update state of clone options
+            this.optionListEl.handleChildChange();
+        }
     }
     componentDidLoad() {
         this.wmSelectDidLoad.emit();
         this.dropdownEl.classList.add("hidden");
         forceUpdate(this.el);
-        // Dev can overwrite the max-height rule set in the Sass file
-        if (this.maxHeight) {
-            // this.listboxEl.style.maxHeight = this.maxHeight;
-            this.dropdownEl.style.maxHeight = this.maxHeight;
-        }
         this.setButtonText();
     }
     open(optionToSelect) {
@@ -244,7 +242,7 @@ export class Select {
         };
         return (h(Host, { onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, h("label", { class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
         // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)
-        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), h("span", { class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { class: "subinfo" }, this.selectedOptions[0].subinfo)), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => this.close(), onOptionListAllSelected: () => this.wmSelectAllSelected.emit(), onOptionListAllDeselected: () => this.wmSelectAllDeselected.emit() }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { class: "button-wrapper" }, h("button", Object.assign({}, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev), onFocus: () => this.close() }), h("span", { class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { class: "subinfo" }, this.selectedOptions[0].subinfo)), this.renderOverflowCount(), h("div", { ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { class: `dropdown ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el), style: { "--max-height": this.maxHeight } }, h("priv-option-list", { ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => this.close(), onOptionListAllSelected: () => this.wmSelectAllSelected.emit(), onOptionListAllDeselected: () => this.wmSelectAllDeselected.emit() }, h("slot", null))), h("div", { id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
     }
     static get is() { return "wm-select"; }
     static get encapsulation() { return "shadow"; }
@@ -284,17 +282,18 @@ export class Select {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string | undefined",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "attribute": "max-height",
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"200px\""
             },
             "label": {
                 "type": "string",

package/dist/esm/{global-dcf80bdb.js → global-fb856536.js}

@@ -1,4 +1,4 @@
-const version = "5.7.0-1";
+const version = "5.7.0-3";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
 import { b as bootstrapLazy } from './index-558b5a82.js';
 export { s as setNonce } from './index-558b5a82.js';
-import './global-dcf80bdb.js';
+import './global-fb856536.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;
-  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]},[[0,\"wmKeyLeftPressed\",\"handleOptionKeyLeft\"]],{\"isExpanded\":[\"isExpandedChanged\"]}]]],[\"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-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-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-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\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"updateValue\"],\"errorMessage\":[\"announceError\"]}]]],[\"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-modal-footer\",[[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\"]}]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]}]]],[\"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-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-file-list\",[[17,\"wm-file-list\",{\"showInfo\":[1,\"show-info\"]}]]],[\"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-modal\",[[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-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\"],\"isExpanded\":[32],\"showClearSelectionButton\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[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-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-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-toggletip\",[[17,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipPosition\":[1537,\"tooltip-position\"],\"targetSize\":[1,\"target-size\"],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-uploader\",[[17,\"wm-uploader\",{\"label\":[1],\"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\"]],{\"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\"]]]]],[\"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\"]}]]],[\"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\"]}]]],[\"priv-option-list\",[[4,\"priv-option-list\",{\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"maxHeight\":[1,\"max-height\"],\"optgroupLabel\":[1,\"optgroup-label\"],\"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\"]]]]],[\"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-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\"]}]]]]"), options);
+  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-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-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-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-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\"]],{\"disabled\":[\"handleDisabledChange\"],\"value\":[\"updateValue\"],\"errorMessage\":[\"announceError\"]}]]],[\"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-modal-footer\",[[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\"]}]]],[\"wm-modal-header\",[[0,\"wm-modal-header\",{\"heading\":[1],\"subheading\":[1]}]]],[\"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-chart-slice\",[[0,\"wm-chart-slice\",{\"legend\":[1],\"amount\":[1],\"popoverTitle\":[1,\"popover-title\"],\"popoverText\":[1,\"popover-text\"],\"popoverButtonText\":[1,\"popover-button-text\"]}]]],[\"wm-file-list\",[[17,\"wm-file-list\",{\"showInfo\":[1,\"show-info\"]}]]],[\"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-modal\",[[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-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\"],\"isExpanded\":[32],\"showClearSelectionButton\":[32]},[[0,\"wmOptionSelected\",\"handleOptionSelection\"],[0,\"wmEnterKeyPressed\",\"handleChildEnter\"],[0,\"wmEscKeyPressed\",\"closePopupOnEscape\"],[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-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-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-toggletip\",[[17,\"wm-toggletip\",{\"label\":[1],\"tooltip\":[1025],\"tooltipPosition\":[1537,\"tooltip-position\"],\"targetSize\":[1,\"target-size\"],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"],[4,\"click\",\"handleClick\"]]]]],[\"wm-uploader\",[[17,\"wm-uploader\",{\"label\":[1],\"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\"]],{\"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\"]]]]],[\"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\"]}]]],[\"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\"]}]]],[\"priv-option-list\",[[4,\"priv-option-list\",{\"multiple\":[4],\"search\":[4],\"selectAll\":[4,\"select-all\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"optgroupLabel\":[1,\"optgroup-label\"],\"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\"]]]]],[\"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-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\"]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/priv-option-list.entry.js

@@ -47,7 +47,6 @@ const PrivOptionList = class {
         this.search = false;
         this.selectAll = false;
         this.searchPlaceholder = undefined;
-        this.maxHeight = undefined;
         this.optgroupLabel = undefined;
         this.announcement = "";
         this.searchTerm = "";
@@ -62,6 +61,9 @@ const PrivOptionList = class {
         // this includes both slotted wm-options and internally created wm-options
         return this.cloneOptions.concat(this.childOptions);
     }
+    get isInNestedSelect() {
+        return !!this.optgroupLabel;
+    }
     get visibleOptionEls() {
         return this.allOptionEls.filter((option) => !option.classList.contains("hidden") && !option.classList.contains("filtered-out"));
     }
@@ -149,17 +151,10 @@ const PrivOptionList = class {
         if (this.multiple) {
             this.updateOptionVisibility();
         }
-        // Dev can overwrite the max-height rule set in the Sass file
-        if (this.maxHeight) {
-            // this.listboxEl.style.maxHeight = this.maxHeight;
-            this.listboxEl.style.maxHeight = this.maxHeight;
-        }
     }
-    async handleChildChange(_) {
-        if (this.multiple) {
-            // on update of wm-options selected state, rerender to update clones state
-            forceUpdate(this.el);
-        }
+    async handleChildChange() {
+        // on update of wm-options selected state, rerender to update clones state
+        forceUpdate(this.el);
     }
     async clearSearch() {
         if (this.search) {
@@ -263,8 +258,7 @@ const PrivOptionList = class {
                 this.moveUp(ev.target);
                 break;
             case "ArrowLeft":
-                // if an optgroupLabel was passed, we are within a Nested Select
-                if (!!this.optgroupLabel) {
+                if (this.isInNestedSelect && el != this.searchFieldEl) {
                     ev.preventDefault();
                     this.wmKeyLeftPressed.emit();
                 }
@@ -313,8 +307,7 @@ const PrivOptionList = class {
         if (this.searchFieldEl) {
             focusableEls.unshift(this.searchFieldEl);
         }
-        // if an optgroupLabel was passed, we are is within a Nested Select
-        if (!!this.optgroupLabel) {
+        if (this.isInNestedSelect) {
             focusableEls.unshift(this.returnBtnEl);
         }
         const prevEl = focusableEls[focusableEls.indexOf(el) - 1] || focusableEls[focusableEls.length - 1];
@@ -330,8 +323,7 @@ const PrivOptionList = class {
         if (this.searchFieldEl) {
             focusableEls.unshift(this.searchFieldEl);
         }
-        // if an optgroupLabel was passed, we are is within a Nested Select
-        if (!!this.optgroupLabel) {
+        if (this.isInNestedSelect) {
             focusableEls.unshift(this.returnBtnEl);
         }
         const nextEl = focusableEls[focusableEls.indexOf(el) + 1] || focusableEls[0];
@@ -397,7 +389,7 @@ const PrivOptionList = class {
         });
     }
     render() {
-        return (h("div", { class: "list-wrapper" }, !!this.optgroupLabel && this.renderReturnBtn(), this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton(), h("div", { id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-labelledby": "label", ref: (el) => (this.listboxEl = el) }, this.searchTerm && this.filteredOptions.length === 0 && this.renderSearchFailedMessage(), this.multiple && this.renderCloneOptions(), h("slot", null)), h("div", { id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        return (h("div", { class: "list-wrapper" }, this.isInNestedSelect && this.renderReturnBtn(), this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton(), h("div", { id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-labelledby": "label", ref: (el) => (this.listboxEl = el) }, this.searchTerm && this.filteredOptions.length === 0 && this.renderSearchFailedMessage(), this.multiple && this.renderCloneOptions(), h("slot", null)), h("div", { id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     get el() { return getElement(this); }
 };