@watermarkinsights/ripple 5.32.0-alpha.2 → 5.32.0-alpha.4

package/dist/cjs/wm-textarea.cjs.entry.js

@@ -81,7 +81,7 @@ const Textarea = class {
         this.announcement = message;
     }
     render() {
-        return (index.h("div", { key: 'eb4d219f171a22824422c743631b0543fcb3e88d', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '1f3c97d11cdebc8e027557a45b7e24e3aa5a8786', class: "label-wrapper" }, index.h("label", { key: '4779c1ccdca666484405938d66ed4211ba8276da', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label, this.characterLimit && (index.h("span", { key: '4b99f85729a23f39589e9b4910daaa09d6e229af', class: "sr-only" }, " ", intl.globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: '824e6c762505edae20fcce0fa3c790633d929f0d', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: '92814c32245d9ae69d3b8631236c3c7ddcc8552f', class: "inner-wrapper" }, index.h("div", { key: 'b838697433aa0fbfa7814d87f00cf06a41d1f489', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, index.h("textarea", { key: 'b2998ed48399e44f8eec90a47a7fbd2c3523884c', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (index.h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (index.h("div", { key: '9328ab50ac29585c0337fa3070685d57ff587754', id: "info", class: "info" }, this.info)), index.h("div", { key: '340b8b46519c2c1a50ed2eb85d9f1f198f5d8be9', id: "error", class: "error-message" }, this.errorMessage), index.h("div", { key: '26bf56597d4ac27be5127861021dace5ff1ca548', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (index.h("div", { key: 'dcedd229ad3e262c92cc369d5f0a597f0d67f529', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: 'f2b0db3d98b06af6330366071d097eda6438a331', class: "label-wrapper" }, index.h("label", { key: '6307eb9dc125d860a3059fedf4f6a404fcb0ae22', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label, this.characterLimit && (index.h("span", { key: 'b32122dda37e3adab27b8333e6c2d2ff5207004a', class: "sr-only" }, " ", intl.globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (index.h("span", { key: '864be330760cd3d6396462fc8e191b731a4906ee', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: 'cb04bd7ee99a025ede0781d8011467373f2517c5', class: "inner-wrapper" }, index.h("div", { key: 'eca53f48452099cecf60a3f853f6a021d6d1277e', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, index.h("textarea", { key: 'd855cdf9c8a55c46404c322b329efbe0344059b1', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (index.h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (index.h("div", { key: '549bd207bd19b5b0de6e0d4bf5d208249e1833f7', id: "info", class: "info" }, this.info)), index.h("div", { key: '0bd0a4f5b22e1775c5aad031b9433db7cd77c13e', id: "error", class: "error-message" }, this.errorMessage), index.h("div", { key: 'f7b51879d3d30fbe33e43d2a7f84db0a9d1385b4', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/wm-timepicker.cjs.entry.js

@@ -304,13 +304,13 @@ const Timepicker = class {
         return this.times.map((time, index$1) => (index.h("li", { id: `option${index$1 + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
     }
     render() {
-        return (index.h(index.Host, { key: '016a1f00b245ba172f3f169dd2a5fe5506efefd3', onBlur: () => this.close(false) }, index.h("div", { key: 'e831d564c3f40c550c64232315c70abe9f18d2b5', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, index.h("div", { key: 'afcbacb671fe9e6cf92c16ab8152c2ff42114fba', class: "label-wrapper" }, this.labelPosition !== "none" && (index.h("label", { key: '607dc37f7571ea67e5cf7163cc3d58d7e4fdd2b2', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (index.h("div", { key: 'fd5a00ab8125419c3a046cc7d1dacc3ea84595d5', "aria-hidden": "true", class: "required" }, "*"))), index.h("div", { key: 'cd371331471f604571197a0f5b560f84533dbdc5' }, index.h("div", { key: 'e99fb3f0ad4432f42292c4263c5953d54bd43b20', class: "inner-wrapper" }, index.h("input", { key: '4d98f9bdd05127f9f62849f06c18ebbe363f4d09', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), index.h("button", { key: '0f239c4fbaa9882c1e7195fbf21e28b304f08d85', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
+        return (index.h(index.Host, { key: '465a66ad7ca35812ed08210a1314e9045ce9d132', onBlur: () => this.close(false) }, index.h("div", { key: 'd47ce73ca7efcfd7f23b0db03b4a451a2dac4446', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, index.h("div", { key: '9f28f2d4604301c40a1546c972e8063c6d8d3866', class: "label-wrapper" }, this.labelPosition !== "none" && (index.h("label", { key: '302946f368394139d04de0837cc0f5a9dc9f5d01', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (index.h("div", { key: 'a13ad11e096383e3f54fe4e9c058a72f4f1f23d8', "aria-hidden": "true", class: "required" }, "*"))), index.h("div", { key: 'e2505ced2cd45326f1d66de36aceebf177a1a159' }, index.h("div", { key: '838fa98f05e0fa033f10fec973eba5cbb64cfb84', class: "inner-wrapper" }, index.h("input", { key: '6e11818266217669281b105b38a746cee3add730', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), index.h("button", { key: '4be47c23c8929847bd36289b103d14a52893e8ff', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
             // This addresses an issue in Safari, where clicking buttons does not focus them
             // if the button does not receive focus when clicked, Timepicker incorrectly emits a blur event
             onMouseDown: (ev) => {
                 ev.preventDefault();
                 this.buttonEl.focus();
-            } }, index.h("span", { key: '526bb1be8422122744f54b89eac5b165ba21093d', class: "svg-icon svg-time" })), index.h("ul", { key: '463c60e7e63ebb96b6235b6e70c684f8e16bf286', class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), index.h("div", { key: '953f663fc062c4ed512d34b86b462c879de715c9', id: "error", class: "error" }, this.errorMessage)), index.h("div", { key: 'f213fc5946d1dff54582211ec45b9ab970f95c40', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, index.h("span", { key: '584530b0cd9714d70fbfcaa4ea8e2eece6b35492', class: "svg-icon svg-time" })), index.h("ul", { key: 'de8dece352fe83eb8107d5f98af3f6e9a4085e88', class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), index.h("div", { key: '951d548bdc145d5902b8ec30dbf5342207408bec', id: "error", class: "error" }, this.errorMessage)), index.h("div", { key: '820b447b0fa475bce5ed5a5d661e19d8ed9203d8', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-toggletip.cjs.entry.js

@@ -238,11 +238,11 @@ const Toggletip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f345461d843619f11ea783e6918968e4e5867720', class: `size-${this.targetSize}` }, index.h("button", { key: '8439741b61569e3ca58016982679f8157f28e0c2', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => !this.isOpen && this.open(),
+        return (index.h(index.Host, { key: 'e54ccaf2ac1e22ddc9c98f9d5ac5d83186c4e93e', class: `size-${this.targetSize}` }, index.h("button", { key: 'ba74011ce4d673e7fdd3efcd18fe7e8ed4022bd0', ref: (el) => (this.buttonEl = el), class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => !this.isOpen && this.open(),
             // In order to position the tooltip identically to the toggletip, its presence is determined by these four events
-            onMouseEnter: () => !this.isOpen && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => !this.isOpen && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), index.h("div", { key: '38c98942ca1bd5101e3155a3c48a2571a7523388', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
+            onMouseEnter: () => !this.isOpen && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => !this.isOpen && functions.showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), index.h("div", { key: 'f2cddb9107e8c79807413900a78ea3fc1f0c5755', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
             // @ts-ignore - despite what Typescript says, this is a valid event for popover elements
-            onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), index.h("div", { key: '2869c2962e8f77e62b923dd05995f9cf7133ad75', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+            onToggle: (ev) => this.handlePopoverToggle(ev) }, this.tooltip), index.h("div", { key: 'e11bbe1e3ab9d7d6a14eca63ef32ffd938158fa0', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-uploader.cjs.entry.js

@@ -326,9 +326,9 @@ const Uploader = class {
         return (index.h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (index.h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, index.h("span", { class: "upload-arrow" }), index.h("span", null, "Drop to Upload")))));
     }
     render() {
-        return (index.h(index.Host, { key: '05add4c4caf9470fbc0ba58055850489aaa19561', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), index.h("div", { key: '9890e737b7adf96339895bd033d9c733442385a6', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
+        return (index.h(index.Host, { key: '372294b839ec0468f4ac6141e6b65ceeabac43e8', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), index.h("div", { key: '310355238822ac6a1bd1fd8d2f2e362bb60428c2', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
             ,
-            "aria-atomic": "true" }), index.h("div", { key: 'e5f6c761d81c2349e0889cde728f716cbd30bd55', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), index.h("div", { key: '43b23555fe86c07b1083bc91962cb32d18ea0057', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

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

@@ -1058,19 +1058,6 @@
   overflow: hidden;
   flex: 1;
 }
-.displayedoption .overflowcontrol.hassubinfo {
-  display: flex;
-}
-.displayedoption .overflowcontrol.hassubinfo .button-text {
-  flex: 1;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  min-width: 0;
-}
-.displayedoption .overflowcontrol.hassubinfo .subinfo {
-  flex: none;
-  font-style: italic;
-}
 .displayedoption .overflow-counter {
   font-weight: bold;
   margin-left: 0.5rem;

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

@@ -419,17 +419,16 @@ export class Select {
         }
     }
     render() {
-        const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
         const showRequired = this.labelPosition !== "none" && this.requiredField;
-        return (h(Host, { key: 'ced255b4952cb355e64a37c53d744f66dbb607fe', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '7c29004c77f5982d459b476099108b9b152db617', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'fd4d15e1018687905a1849b2cce19f7b761467ec', class: "label-wrapper" }, h("label", { key: 'bfb1e40ea7b2c8045bf2d150ce19760ce02b34c6', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
+        return (h(Host, { key: 'f70c523818ecb070061c5750ddd793b4375ca7d7', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '2f648b5082ffa541ed1c3d72ef1b5ebb161ea15c', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '83e582f81d749205d72ef33851bb60e471e4b859', class: "label-wrapper" }, h("label", { key: '21c8583c1f5510ed2f93094ef0d22898e298728c', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced;
         // instead the sr-only text is included in the button's aria-labelledby below
-        showRequired && (h("span", { key: '6738406a9664e94ff9c14ada164510515b7883c1', class: "required" }, h("span", { key: '9f80585f26399f3671ce0ec9d31d18865deb383c', class: "sr-only", id: "required" }, globalMessages.requiredField), h("span", { key: '7265acc26874688ee8fd9cd39d9ba5dd6a13bbf1', "aria-hidden": "true" }, "*")))), h("div", { key: 'b4a0e36333f41f5b95da51423a5283e1a1311ad0', class: "button-wrapper" }, h("button", { key: 'ae8b2f9b05dba3bfc4c22887f779b3f764b8ac80', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": showRequired ? "label required selectbtn" : "label selectbtn", "aria-describedby": "info error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, h("span", { key: 'cc6aa528875619ffa66466c898c1615606f7e77a', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: 'c0d399e401e2addd03956f97c17c025b30b59cb7', class: "button-text" }, this.setButtonText()), showSubinfo && h("span", { key: '2f59d1b2831538f79f20a7dbde8d5e51d1de481f', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: '807823299998d2a579081796b616be0e1914303b', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '8e02c61601f988efb3bb4946805465e29b52fd0d', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '30e094628dd40cf00a7f596daa78ab08441cd474',
+        showRequired && (h("span", { key: '6510b0db8f404b00c5a95b0996aac71917c1ab77', class: "required" }, h("span", { key: 'e39f5c4d7f7b432d4c3b9ff9177cf0dc0a416bb7', class: "sr-only", id: "required" }, globalMessages.requiredField), h("span", { key: '8b3c8e2c934e1faca6db74eaa9b953dad40f3570', "aria-hidden": "true" }, "*")))), h("div", { key: '74a055700ee1622c263206b45a52d19f57648807', class: "button-wrapper" }, h("button", { key: '84cb7ca0dfcb742b34fbf107e59a4859709ba7d1', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": showRequired ? "label required selectbtn" : "label selectbtn", "aria-describedby": "info error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, h("span", { key: '03b78ab8e7ea097f344e5d1947387cce6b5f4d27', class: "overflowcontrol" }, h("span", { key: '675ce4e5931d8822e62d8c7eabfda07759ee8720', class: "button-text" }, this.setButtonText())), h("div", { key: '5da2f36c2438cb96a721c6f6e9412ef95a40ef03', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '3e9f1140bee3f6825a5b3b10958f446d1b3adb41', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '17f3c905ba01331b738e322b02cbb0f9789bff7b',
             // is-open is for the CSS transition in modern browsers
             // hidden is to wait for position calculations in Firefox
             class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "upward" : ""}`, id: "dropdown", popover: "auto", ref: (el) => (this.dropdownEl = el),
             // @ts-ignore -- don't tell typescript but we're in the future
-            onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: 'f677d7abe768197d9a8b4062c58b3ff4771116a9', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
+            onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '99d213da0ba3cd67dfa3da56ed16bbcad18e4cb6', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
                 this.dropdownEl.hidePopover();
             }, onOptionListAllSelected: () => {
                 this.returnFocus = true;
@@ -437,7 +436,7 @@ export class Select {
             }, onOptionListAllDeselected: () => {
                 this.returnFocus = true;
                 this.wmSelectAllDeselected.emit();
-            } }, h("slot", { key: '4fba591bed450efbf8d242d9520399bb23613d61' }))), this.info && (h("div", { key: 'fe092e92f1f7bd54c205a314070bac19b47d7303', class: "info" }, this.info)), h("div", { key: 'efa10dc248cb71f8efe4570c7e872e939ca3e95d', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: 'ebd8421a2140d1f15e7c12a026cc3587a0b6f222', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+            } }, h("slot", { key: '989c9f0a96cc70227c497c0cb00cd0104cd71015' }))), this.info && (h("div", { key: '6010d7c070a7a1f85459ac9fdb7929990819eaf6', class: "info" }, this.info)), h("div", { key: '916b8ae4bdfbf3deb3ffae1529d52d1883864d75', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: 'b7ddb630ef80213df3d001e31dd3b7a7acaeaf2c', 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"; }

package/dist/collection/components/wm-action-menu/wm-action-menu.js

@@ -497,7 +497,7 @@ export class ActionMenu {
         }
     }
     render() {
-        return (h(Host, { key: '6ca277097a12dc23fac1bea780e681120248cd09', onBlur: () => this.close(false) }, h("div", { key: '0de3b92a6f695e00316d7da6976c9f7dfd8f01b3', class: getTextDir() }, h("button", { key: 'b05a67adf34b65b38806bc633be8a620ebc55126', ref: (el) => (this.menubtnEl = el), id: "menubtn", class: `wm-button -${this.internalButtonType}${this.darkMode ? " dark" : ""}${this.isTabbing ? " user-is-tabbing" : ""}`, disabled: this.disabled, "aria-label": this.internalButtonType === "icononly"
+        return (h(Host, { key: '774dc2e1e827752250eb90498f1876654c73c6cc', onBlur: () => this.close(false) }, h("div", { key: '03ad944d9cff5bd5fef00098fb6251d2ca89388e', class: getTextDir() }, h("button", { key: '773d631e6807e439ae1f7bc8bdee1f8695b5d5bb', ref: (el) => (this.menubtnEl = el), id: "menubtn", class: `wm-button -${this.internalButtonType}${this.darkMode ? " dark" : ""}${this.isTabbing ? " user-is-tabbing" : ""}`, disabled: this.disabled, "aria-label": this.internalButtonType === "icononly"
                 ? this.labelForIdenticalButtons || this.tooltip
                 : this.labelForIdenticalButtons || undefined, "aria-expanded": this.isExpanded ? "true" : "false", "aria-haspopup": "menu", popoverTarget: "menu", popoverTargetAction: "toggle", onMouseEnter: () => this.actionMenuType === "icon" &&
                 showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing &&
@@ -505,9 +505,9 @@ export class ActionMenu {
                 showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onBlur: (ev) => {
                 hideTooltip();
                 this.handleButtonBlur(ev);
-            } }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && h("span", { key: '78d4ada117aef42539cc2281944ffd638c018211', class: "button-text" }, this.buttonText), (this.actionMenuType === "selector" || this.actionMenuType === "selector-primary") && (h("div", { key: 'a6d15691ee26adc51ba5c7c9216093f71b7e91e9', class: "selector-icon svg-icon svg-expand-more" }))), h("div", { key: '9d9c96e707b8b3bcc69c5721f7c660f07ff6987e', class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "open-up" : ""} ${this.horizontalPosition}`, id: "menu", popover: "auto", tabindex: -1, role: "menu", style: { "--dropdown-max-width": this.maxWidth }, ref: (el) => (this.dropdownEl = el),
+            } }, this.resolvedIcon && this.renderIcon(), this.actionMenuType !== "icon" && h("span", { key: 'f8ee72d108992588520c332120f966fe124847d0', class: "button-text" }, this.buttonText), (this.actionMenuType === "selector" || this.actionMenuType === "selector-primary") && (h("div", { key: '4e147e6d505ada32055b87f8b9970b908d36738d', class: "selector-icon svg-icon svg-expand-more" }))), h("div", { key: '7664e096caf8898607414e47d52518ebd90344e1', class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "open-up" : ""} ${this.horizontalPosition}`, id: "menu", popover: "auto", tabindex: -1, role: "menu", style: { "--dropdown-max-width": this.maxWidth }, ref: (el) => (this.dropdownEl = el),
             // @ts-ignore -- don't tell typescript but we're in the future
-            onToggle: (ev) => this.handleToggle(ev) }, h("slot", { key: 'c6090a226147baec7cf75e9e44b915213dd7372f' })))));
+            onToggle: (ev) => this.handleToggle(ev) }, h("slot", { key: '6e76f40a983c31fd74686ead691b5c1e767155eb' })))));
     }
     static get is() { return "wm-action-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-button/wm-button.js

@@ -379,7 +379,7 @@ export class Button {
         }
     }
     render() {
-        return (h(Host, { key: '2d96447b9cf2f78362c6b0e1466c7533c2d1abfa', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: 'acb109eb78ab924c4bdc064ab8ef33f4f6226b6a', id: this.id, class: `${this.buttonClasses}`, disabled: this.isDisabled, ref: (el) => (this.buttonEl = el), "aria-label": this.getAriaLabel(), "aria-expanded": this.isAriaExpanded !== undefined ? this.isAriaExpanded.toString() : undefined, "aria-hasPopup": this.ariaPopup ? "menu" : null, onMouseEnter: (ev) => this.handleMouseEnter(ev), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.handleFocus(ev), onBlur: () => hideTooltip(), onClick: () => hideTooltip() }, this.icon && this.renderIcon(), !this.buttonType.startsWith("navigational") && !this.buttonType.startsWith("icononly") && (h("span", { key: '5779c82ef2674b11ad3b0fb6689e9dc7407ef930', class: "button-text" }, h("slot", { key: '0e5f09c558c1dbe365570ec25e47706557421295' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'a864033fdfe5d406bd315878565bad55b9e696ae', class: "selector-icon svg-icon svg-expand-more" })))));
+        return (h(Host, { key: 'd196d0b439d6b73e37fc0f83e3867854bb47a22b', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: '443dd1798281e68af26f2e5148bf25c61e498156', id: this.id, class: `${this.buttonClasses}`, disabled: this.isDisabled, ref: (el) => (this.buttonEl = el), "aria-label": this.getAriaLabel(), "aria-expanded": this.isAriaExpanded !== undefined ? this.isAriaExpanded.toString() : undefined, "aria-hasPopup": this.ariaPopup ? "menu" : null, onMouseEnter: (ev) => this.handleMouseEnter(ev), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.handleFocus(ev), onBlur: () => hideTooltip(), onClick: () => hideTooltip() }, this.icon && this.renderIcon(), !this.buttonType.startsWith("navigational") && !this.buttonType.startsWith("icononly") && (h("span", { key: 'acca27d3cc39be5845259b78958f1e130de2e508', class: "button-text" }, h("slot", { key: '7bb49f66e9e0716b85c86ac161df77727c9a92de' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: '101efe505a3883988ca0c5352301f44b2ee5d177', class: "selector-icon svg-icon svg-expand-more" })))));
     }
     static get is() { return "wm-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-file/wm-file.js

@@ -230,7 +230,7 @@ export class File {
         return (h("div", { class: `file-wrapper` }, h("div", { class: `file ${this.errorMessage ? "--error" : ""}  ${this.isCondensed ? "condensed" : ""} ${this.isExtraCondensed ? "extra-condensed" : ""}` }, this.renderFileName(), showRightGroup && (h("div", { class: "right-group" }, !this.isExtraCondensed && this.renderFileInfo(), this.fileActions !== "" && this.renderFileControls())), this.errorMessage && (h("div", { class: "right-group" }, h("wm-button", { "permanently-delete": true, "button-type": "textonly", "label-for-identical-buttons": this.generateClearButtonLabel(this.name), onClick: () => this.wmFileErrorCleared.emit() }, this.clearButtonText))), this.progress == 100 && h("span", { class: "svg-icon svg-success" })), this.errorMessage && h("div", { class: "error-message" }, this.errorMessage)));
     }
     render() {
-        return h(Host, { key: '4235708fe3cacf57e43fd0f64e886ed00b5fc94c', role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
+        return h(Host, { key: '1df873c1f1b95a6999b7deb8fdc2e70480e27b46', role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
     }
     static get is() { return "wm-file"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-file-list/wm-file-list.js

@@ -71,7 +71,7 @@ export class FileList {
         this.showInfo = "last-updated";
     }
     render() {
-        return (h("div", { key: 'c8830f63658b3e7ca29c4137bf68ece3f7c32bd1', role: "list", class: "list-wrapper" }, h("slot", { key: '73017b161ffc1ec2a96f3ce91a7fc0f497bd3b49' })));
+        return (h("div", { key: '5e5b063af0d4845668a274a97571f52bfb8482aa', role: "list", class: "list-wrapper" }, h("slot", { key: '5e53878852fd55bdd22c922a4c7cecac79ccbb32' })));
     }
     static get is() { return "wm-file-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-flyout/wm-flyout.js

@@ -284,7 +284,7 @@ export class Flyout {
         }
     }
     render() {
-        return (h(Host, { key: '3480e2236f2efe3dc8b3a1978cc0cae70898bfb2' }, h("dialog", { key: '621b9809547a8508f9bc7e0664cafd434894695c', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '382614b0b65bd5020ec25f326853573b4029d555', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: '3a880f538fc5b88df8bc67379a6135f9b6717943', class: "flyout-content" }, h("slot", { key: '3dfb1293760a9e1b155f96fc0381d3088eea8916' })), this.renderFooter(), h("div", { key: '5f16dd2f1a172c45db7a1d95abc9e2495821af50', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
+        return (h(Host, { key: '4b2a99c0d7e332b796909685860f7beea502fe4e' }, h("dialog", { key: '88d733e51cadc2258893e6524b0834c16224ac58', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '8f31242bf3d6d3e9323bf5502b454d2d9a1b42a5', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: 'b3880a2be67ca335752543f95dae9e0efd632e36', class: "flyout-content" }, h("slot", { key: '4703caea7c7075d20b56dfec49ef9c039395a4d5' })), this.renderFooter(), h("div", { key: '64281374edc41d209c1c67959f539a79c6d9c47b', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
     }
     static get is() { return "wm-flyout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-input/wm-input.js

@@ -199,7 +199,7 @@ export class Input {
             : `info error`;
     }
     render() {
-        return (h("div", { key: 'f029cb482e12e2106647ce317bdaea70ccbc5deb', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: '0730cb26065750f4e1e84dab1b799399855f4558', class: "label-wrapper" }, h("label", { key: '9b872282962f7686ce34858d6402409636a4533d', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '9455bc28a96b71082c3b0fadc58127407df8eeb2', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'd4894b2ed26c65893ae093ad96aae7affd6dd31e', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '19a2693dec4ad1ac01cfb00460a5c5f0609607b7', class: "inner-wrapper" }, h("div", { key: '11acb3166e172b531db731f1f68dedb73c7af24c', class: "text-after-wrapper" }, h("div", { key: '232c94414b26198402c83d1e9d9cc76ddf668aeb', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '0d04dff7f1e7a57b447cee21ad8162b52eb9402f', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: '268f601a76ae701036bc1749c19b401e1206ee6b', ref: (el) => (this.inputEl = el), id: "inputfield", disabled: this.isDisabled, "aria-describedby": this.descriptors(), onInput: (ev) => this.handleInput(ev), onKeyDown: (ev) => this.handleKeyDown(ev), onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, maxLength: this.characterLimit || undefined, type: this.type, step: this.step, max: this.max, min: this.min, value: this.el.value }), this.symbolAfter && (h("span", { key: '9bea655ebf141ff85838d4bbf57011670f466ea8', class: "symbol", id: "symbol-after" }, this.symbolAfter)), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: "character-count" }, this.charCount, "/", this.characterLimit)) : ("")), this.textAfter && (h("span", { key: '95be3668a4d55c3c27ac2f8cfc422d8ec794012e', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: 'dfee1b0ae9b42403e58dfc67dd2f4aaf535c7f0f', id: "info", class: "info" }, this.info)), h("div", { key: '2918e12db2c5c0371bb0145fe2d7a30b321767fc', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '7e317a16d0fc0e475e52541085f7a86c2f29280d', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: 'c95455fb6668414ec09dbf301323f11fc7270e47', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: 'de0ada2ec3c43c411924417df348ebe34a477e8e', class: "label-wrapper" }, h("label", { key: '04884ea505a88026aa311a38e30cbdf049b390c3', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '1eedd2faffbfcc670ad3b87298465ab16328a1d3', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '51224587e46ef0132891dee01536d5cf07ea54f6', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'ed40b31ab7ab588f6165cc0af2ec52bb8d86509b', class: "inner-wrapper" }, h("div", { key: '67a06543806995e8b95db4186a4ea053d4d33b45', class: "text-after-wrapper" }, h("div", { key: '78ad09bd7849f5f7c422d36a6f01e156c9c6db5e', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '19a85ba9d2d9d17d634ac78179dbd90b378b2b7b', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: 'f8a4b6d837abf040d9ca1237297836d066cd3f71', ref: (el) => (this.inputEl = el), id: "inputfield", disabled: this.isDisabled, "aria-describedby": this.descriptors(), onInput: (ev) => this.handleInput(ev), onKeyDown: (ev) => this.handleKeyDown(ev), onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, maxLength: this.characterLimit || undefined, type: this.type, step: this.step, max: this.max, min: this.min, value: this.el.value }), this.symbolAfter && (h("span", { key: '105dec7aa348f910b25db38b86eec650c943ef40', class: "symbol", id: "symbol-after" }, this.symbolAfter)), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: "character-count" }, this.charCount, "/", this.characterLimit)) : ("")), this.textAfter && (h("span", { key: '2ea643f3a9bc736bb33200d5cf87600e14aa2f18', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: '07e341cfc2b91a6bcf4880158aa735fd06ea51ea', id: "info", class: "info" }, this.info)), h("div", { key: '41f5fe8184dd6d15e868a9212c61f2a70dcdb9a9', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '860193d77a6576a5aec0c133f43bffe72a853e57', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-menuitem/wm-menuitem.js

@@ -134,7 +134,7 @@ export class Menuitem {
         }
     }
     render() {
-        return (h(Host, { key: 'df065a5c3a79129c2b9cefde231628216664b1b2', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '5c60b57b2bb589b21f557c22a169274afa7230e0', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '487d728c09e1a5d06f49e12f7fc05c25bf5a5ae5', class: "main-text" }, this.icon && this.renderIcon(), this.el.textContent), this.description ? h("div", { class: "description" }, this.description) : "")));
+        return (h(Host, { key: '4451d9cfcf568a7565adc1c4ef505f7807824a09', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: 'c3abb271eae3acb4e272897ec6a98f63b5f2f32a', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '954f25744b081d8250ae32b2959a8c720b9bd73e', class: "main-text" }, this.icon && this.renderIcon(), this.el.textContent), this.description ? h("div", { class: "description" }, this.description) : "")));
     }
     static get is() { return "wm-menuitem"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-modal/wm-modal-footer.js

@@ -64,7 +64,7 @@ export class ModalFooter {
         }
     }
     render() {
-        return (h("div", { key: '9a16f00bdebb569aeed87a3b2b73d35af8c0a4bf', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '0a2ba72826a1dc91e46ee4074c2cc112683c1254', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '345faea938db4b562c62fc522cae7841c1fb4e7e', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '46b1506ffca5d53e2658b605c34c3a2cb276666d', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: '65ce625134906a1b346fe5ae429530468a3cb681', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
+        return (h("div", { key: '01d9675f5ae7e80960cb1c3d966a7f662f24bd7d', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '066e6efe2c39d9873db4a9796e0666985583e99e', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '37ca1d537a4871193488abcbd625172db21da0b1', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '1f8fa5963369b94c7e3dee94339772e155667913', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: '2eb0f06c4f1849b6e08eed2fa2a85952ae9cdc5f', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
     }
     static get is() { return "wm-modal-footer"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-modal/wm-modal-header.js

@@ -44,7 +44,7 @@ export class ModalHeader {
         parentModal.emitCloseEvent();
     }
     render() {
-        return (h(Host, { key: '7c9fd190efac76681c9a6ed9f6d10a3804d8af1c' }, h("div", { key: 'e42f9acad1959adad33bde5a2704e011a28e9b64', class: "wm-wrapper" }, h("div", { key: 'bd28712f251564d5ef3e054589015ca78b901ccd' }, h("h2", { key: '4d96710920f024b5329d739c46828e1179639d05', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'b9708984ef35708bb21114c19e9aae81c078729a', class: "subtitle" }, this.subheading))), h("wm-button", { key: '7d068016adb5873599da0f5e992dae0e0d370099', "button-type": "navigational", icon: "#close", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+        return (h(Host, { key: '9aa6f7ffd57907e412fb42f3ecc5fcb65ea37a48' }, h("div", { key: 'a404673f2172d71e1de498265d59abc37ecca16c', class: "wm-wrapper" }, h("div", { key: 'fdfd2a2d4b31effdd4742f520f2d00f6eb028b6b' }, h("h2", { key: 'b748ccfe42ccd233a918578251527fe78b112e41', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'a09334a14fc61bc8756122e62741ed0d5e445820', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'a89ca51890891a0534e97174fd841e13eb9dec68', "button-type": "navigational", icon: "#close", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     static get is() { return "wm-modal-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-modal/wm-modal.js

@@ -222,11 +222,11 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: 'dd607f6c4ee356688f4f9ea164a2659d6cc6d2c1', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: 'b9aabc158532745be3d646a234826c554e0e9c13', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (h("dialog", { key: '332ceaa72a6cc1a73474d1c99c40498770a6ad27', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '5016b11040de160c30d756c6e1b08ce1253e70a8', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
                 const focusedFromCloseButton = ev.relatedTarget && ev.relatedTarget == this.closeButtonEl;
                 // no related target means we're coming from outside the page (browser chrome), and first element should be focused instead
                 focusedFromCloseButton ? this.focusLastElement.emit() : this.focusFirstElement.emit();
-            } }), !this.hasBrowserPopoverSupport && h("div", { key: '9b0b3f500a85ee46e9dda69faad6707312a40ae5', class: "wm-tooltip" }), h("slot", { key: '7ae0b5fdc1c03e0e7c078dcdecafc01976da1afa' }), h("div", { key: '842538086c834f6f339625d4a90bf142f9812b84', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && h("div", { key: '903aac303f565e079e3453ac147e7148406da60a', class: "wm-tooltip" }), h("slot", { key: '5dfc482e5022d8da796fd2a24d5050861de5de22' }), h("div", { key: 'bab4f67544710ec4613160a60d948b8b6cee4bf2', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }

package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js

@@ -31,7 +31,7 @@ export class ModalPssFooter {
         parentModal.emitSecondaryEvent();
     }
     render() {
-        return (h("div", { key: 'f592a059ae4aaad7571752f92087f7b9719a951f', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: 'f543fc5dac24255f0708d18e8470979af6574e17', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '6a14d3340b463dd09830d51c1a60a1fd94bcc92e', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '67df9f0e567f5a92f164ef646921b2dd9bd87fec', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '18f10246fec291061df3c6d22e11593dbf3faaf5', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
+        return (h("div", { key: '1fb457cc2cff44efb8abaa10575737b01ce70b20', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '62f807be71bdbac9c20569adf0a014de28d9df12', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '93437b4c93b2dc035f8d7d9b5533bed6093c6a5f', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '1887d3cba0c762475837694f18c5804cb855d178', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: 'fe845d00a730f19f5f522b14a36dd397328d57d0', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
     }
     static get is() { return "wm-modal-pss-footer"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js

@@ -29,7 +29,7 @@ export class ModalPssHeader {
     //   this.headingElement.focus();
     // }
     render() {
-        return (h(Host, { key: 'a037746103bf701d915b0c5d5b9c39cbc747a3d0' }, h("div", { key: '74d6b2b03eb350dca3aeb12a39ba40fa133e4b86', class: "wm-wrapper" }, h("div", { key: '7ed4dd3ddbd37280a260b5bd187d53b16c4595dd' }, h("h2", { key: '7c2cf37829985cc2f1308c6541a9d51d16d96321', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '3ea6d08a5bc628cf81fee42d99194f0a8baaf75e', class: "subtitle" }, this.subheading))), h("wm-button", { key: '9ff2985d762a9be75b65f5d8a91d54321fd95cf2', "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+        return (h(Host, { key: 'a3498139a3ec2cff1e40daeffaca7634cf5a484b' }, h("div", { key: '2380923b35880883b85ffce8ee58c887d23fe886', class: "wm-wrapper" }, h("div", { key: '7978d304ec86bd8df64c9d1e639216e5ff1edba4' }, h("h2", { key: 'e462040e5af094836cc38ec064faef408402fabf', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '1d5baad88628e7830c20983f40cf8de50b5b5f06', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'e55d981a3e1dc49d3079b8b15661bdde227ff5e8', "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     static get is() { return "wm-modal-pss-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-modal-pss/wm-modal-pss.js

@@ -119,9 +119,9 @@ export class ModalPss {
         }
     }
     render() {
-        return (h(Host, { key: 'b3635bc8cde0f9a320a51a1aa96537a7c9f47529', class: `${this.open ? "" : "hide "}${"wm-" + this.modalType}`, role: "dialog", "aria-describedby": `wm-modal-heading-text-${this.uid}`, "aria-modal": "true", tabindex: this.open ? 0 : null, onFocus: () => {
+        return (h(Host, { key: '5670d26d529d69cacf36c8755b5d328fb40c8938', class: `${this.open ? "" : "hide "}${"wm-" + this.modalType}`, role: "dialog", "aria-describedby": `wm-modal-heading-text-${this.uid}`, "aria-modal": "true", tabindex: this.open ? 0 : null, onFocus: () => {
                 this.focusLastElement.emit();
-            } }, h("div", { key: 'ddeaa0e69de0bb03a944551463d89d16ac2e1f37', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: 'b7a246888e73b7e04cd4c378ea9582d159d99d1e', class: "sr-only", tabIndex: 0, onFocus: () => {
+            } }, h("div", { key: 'ca8956c8d821b6d12c501d8867a08d683a4bbb6a', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: 'fc2c63dc1264a0a29b3b049f76d363c1b2e6c8dc', class: "sr-only", tabIndex: 0, onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }

package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js

@@ -59,7 +59,7 @@ export class NavigationHamburger {
         this.wmNavigationHamburgerClicked.emit();
     }
     render() {
-        return (h(Host, { key: '5d1beb47f712da876a5e6f166379c5ecbc190af1', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '4ea1b9448e8ef8182c4d9ad361bad8fc443ba8af', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: '1dc4ccebf80908aaf8dec0a7f0368b5bc035971c', class: "svg-icon svg-menu" }))));
+        return (h(Host, { key: '966bcd988f8ee460899519969a759ffb16459baa', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: 'b1e5c3cd46106943102bf5509a9251953b164c56', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: 'a50f398cbdde9271cab48e6bc4eb9013fe8b4ba4', class: "svg-icon svg-menu" }))));
     }
     static get is() { return "wm-navigation-hamburger"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigation/wm-navigation-item.js

@@ -33,7 +33,7 @@ export class NavigationItem {
         this.active = undefined;
     }
     render() {
-        return (h(Host, { key: '665a361e913c5d5de049e448cb765dd66c5623e5', role: "listitem" }, h("a", { key: '17a4be1e44536ebb7aac8b58210013707cf8bad4', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '0e85384f0c29f72734a359302813c58a2dc202b3', class: "icon", "aria-hidden": "true" }, h("slot", { key: '67182d94f0d811d944075a0f26a490ea2e050715' })), h("div", { key: 'af5417bf3424da1df90cf208d332e58c60208394', class: "text" }, this.text))));
+        return (h(Host, { key: '5c37c39e27b4602bcc53f2a1e118fb427b7a9a1a', role: "listitem" }, h("a", { key: 'ba3e7216ba1a5e7cb8d61dff61b353eeaaddee34', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '9a35a2bd7f3474a182e187f8fe4b35904cb00862', class: "icon", "aria-hidden": "true" }, h("slot", { key: 'fb6858dafb750fcee200e57757dd86bbfc05cd23' })), h("div", { key: '6b2c933f73fd07746c3f3bcb656f9fc9563e88cd', class: "text" }, this.text))));
     }
     static get is() { return "wm-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigation/wm-navigation.js

@@ -143,9 +143,9 @@ export class Navigation {
             } }));
     }
     render() {
-        return (h(Host, { key: '8cb63fea2d7ac7e289acc8cb5794c8d05accc04c', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: 'ac43c2473770b7432879ecb2f41a230e33e47b66', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '21e340e569e54067f6f635cd727ba574146eecdf', class: "tray" }, h("div", { key: '8d34ce5075c8f20d3de1d744df3dc939dcd3ce0c', class: "toggle-wrapper" }, h("wm-button", { key: 'de889f09b05c7241f640f325baefece78effc65a', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
+        return (h(Host, { key: '38f20313b339a81259115b164fee7a43f1c4efe5', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '8630d032614a02068dbcf650d304f6569e00df50', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '1657807eea4bb2687b5d18c4cb96448110cfa740', class: "tray" }, h("div", { key: '92ff3381acb3f959c3f63ca4d20b3e2e51cb81f7', class: "toggle-wrapper" }, h("wm-button", { key: 'e20e007c8d77d69ad529cd6d3cc4fafbdb1fc2f1', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
                 this.open = !this.open;
-            } })), h("ul", { key: 'da2c93f95f2b7bcabf16b754eb4a58b04b0e31d5', class: "navlist" }, h("slot", { key: '371cf565bae21d8e6918dc7cf62ba14b262d0283' }))), this.isCollapsible && (h("div", { key: '85237dab461ca52da501fccf7e34fff75d3e6c92', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: 'e5ec6a2303ff3def1ddd4f3d5199c93a01895793', class: "navlist" }, h("slot", { key: 'b29379969f84e1cea3a3918ba97168420b1c4cbe' }))), this.isCollapsible && (h("div", { key: '176f724b791b7792caa5b5b519e79f48ccee2f6b', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
     }
     static get is() { return "wm-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js

@@ -13,7 +13,7 @@ export class PrivNavigatorButton {
     }
     render() {
         const { handleClick, altText } = this;
-        return (h("button", { key: '399d205cb7229b4cc43e6d31bfc54bf837eb1b13', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: 'dc162bf12e5dec1ceb7cf071b55d4d9da4deabe7', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
     }
     static get is() { return "priv-navigator-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js

@@ -20,7 +20,7 @@ export class PrivNavigatorItem {
     render() {
         const selectedClass = this.selected ? "selected" : "";
         const focusedClass = this.focused ? "focused" : "";
-        return (h("div", { key: 'e386ff9f538756eca49ea719ce22080831160e41', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'd56193023c05741935a5ad0a4770d76799dd3a18' })));
+        return (h("div", { key: '90260a3dbfafec72c507d40e29a5f1d5e02149be', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'c91b33f6c5fc8e563b69c1661b1c6f41d5c53225' })));
     }
     static get is() { return "priv-navigator-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-pagination/wm-pagination.js

@@ -257,7 +257,7 @@ export class Pagination {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (h("nav", { key: 'e301a9a346d7a6885027326af173a5a6cfbdca1f', "aria-label": `${this.label || this.defaultLabel}. ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '25fa0b35838d2dbd51d6e0716aeee38e8301294b', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: 'e4cd1aaac24994ddfaf2f17c9b65906a87e122c9', "aria-label": `${this.label || this.defaultLabel}. ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '8a2a91b65c5ac452a6722ca1bd7aeb6dbe181e34', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
     }
     static get is() { return "wm-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-search/wm-search.js

@@ -275,10 +275,10 @@ export class Search {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, { key: 'c0febdd688ee45668d2b3ba7967b0638691a79af' }, h("div", { key: '19ffc4058c251ce78d73e9d2c7fb5822287e557d', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: 'c20b0676387be90dee092f49ceabf2b710e032f6', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: '023e8d4ad2cfb0a18b65282f87cc0fec9b913c5f' }, h("div", { key: '3a14eb3e9c8c85ab9af43bcaeb90da730d04f137', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '54cbfb27d20ff7dda56242bb7f9a6c7dc9f25ca4', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
                 id: "search.typeToFilterResults",
                 defaultMessage: "Type to filter the results",
-            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '3670d562d836b1541aac89679535e5b4b4f4d7ef', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: 'a18efbe6ebbff2c54c9bb6c02bcc35fd40d75e18', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
+            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: 'd8f8f6213436012cf56f85908fdaa7aba2376589', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: 'bce6c5604a62c958cc14022a76337e26588371d6', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
     }
     static get is() { return "wm-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-snackbar/wm-snackbar.js

@@ -223,11 +223,11 @@ export class Snackbar {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link), notification.newWindow && h("div", { class: "svg-icon svg-open-in-new" }))), (!notification.link && notification.action) && (h("button", { id: `action-${notification.id}`, class: "link", onClick: () => this.snackLinkClicked(notification), onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, notification.action))), h("button", { id: `close-button-${notification.id}`, "aria-label": this.closeSnackMessage, class: "closesnack", tabindex: notification.link || notification.action ? 0 : -1, onClick: () => this.snackDismissed(notification), onMouseEnter: (ev) => showTooltip("bottom", ev.target, globalMessages.close), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.isTabbing && showTooltip("bottom", ev.target, globalMessages.close), onBlur: () => hideTooltip() }, h("div", { class: "svg-icon svg-close" }))), h("div", { class: "sr-only", tabindex: notification.link || notification.action ? 0 : -1, onFocus: () => (notification.link || notification.action) && this.snackDismissed(notification) })))));
     }
     render() {
-        return (h(Host, { key: 'f78ea7809df466e6a34f1b1fafaa6729fb9a8dcf' }, h("div", { key: '27ecea571e660d3de9280d56594e2bef26b451a7', ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: 'afb35d5164a516dfc0779c6d47235f7a7be9bfef' }, h("div", { key: '29cc98f74021f525335d22f9f006193589058f1a', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { key: 'ba10259a8a04a8006a22bdec6317871c6f8fa569', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+            } }, this.renderSnackbars()), h("div", { key: '929cdb9b492d6c46c2aa42136323d245ca06a678', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get is() { return "wm-snackbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js

@@ -44,9 +44,9 @@ export class TabItem {
     }
     render() {
         const isDark = this.parentTabList && this.parentTabList.customBackground == "dark";
-        return (h(Host, { key: '3618b1f157b1ba203f0a7c6d833bc1cffc1cdb29', role: "presentation" }, h("li", { key: 'e39008c432e624d081f809e194972ef1b22faf8e', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'aaa29b9cb2d05b63c01d70fbd4d46270619068f1', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
+        return (h(Host, { key: '9b2c81ae3b8a49d8a2312ce8afabf91ed3a61270', role: "presentation" }, h("li", { key: '98bd65233197fe27c70917cea04822061fef7bc1', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'd934f50fe2249a9eac53eb9a463c3d9499c80aab', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
                 this.wmIntTabFocused.emit({ tabItem: this.el });
-            } }, h("slot", { key: '9aa2edb5576a2a552e447cc0f006669875c85114' })))));
+            } }, h("slot", { key: 'eb88263021603812bb5099797af6b88a0376f0a9' })))));
     }
     static get is() { return "wm-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js

@@ -348,15 +348,15 @@ export class TabList {
         this.announcement = message;
     }
     render() {
-        return (h(Host, { key: '993fd37ad7196da597d0dc6c434b8c21300d8514' }, h("div", { key: 'bd81750389b2df6a8b9aa53908937460cbb50ab1', class: "component-wrapper" }, h("wm-button", { key: 'd1ce3d5c58d9ff54c139456e5aa5eb92bacb3f1d', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
+        return (h(Host, { key: 'd0b6d80bbd54a24350c20ad9e533c58b24345ce6' }, h("div", { key: '227a0f09c94c1d1d92e304025cf36aa7a554c136', class: "component-wrapper" }, h("wm-button", { key: '72e4babc4d0271216f6a3701f53b21ecc529febd', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
                 id: "tabs.showPreviousTabs",
                 defaultMessage: "Show previous tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: 'c46aa8946e82fdc7e3a28c45f9eec8c468ba7439', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: '5a7fc1409af3fb2aa19428bbfca0d5a4e52316ba' })), h("wm-button", { key: '6c689fd91c790e9d0cab08082b185385cfbce67b', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
+            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: '61d2e656214b07b626626bdc88b0b48cb79185f5', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: '9f1496b08826ae1c94dd92d51d87491b2e274469' })), h("wm-button", { key: 'abb198c17acf9f527db63ffccef60eeb1cf0bf85', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
                 id: "tabs.showNextTabs",
                 defaultMessage: "Show next tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: 'dfc8bc859e7928f0b65f44419d9f649d14c763f4', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '20f9f8508420ee3e31e9c4e0f15f6dded4276e3b', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-tab-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js

@@ -30,7 +30,7 @@ export class TabPanel {
         this.tabPanelLoaded.emit({ tabId: this.tabId });
     }
     render() {
-        return h(Host, { key: '64fa712a43e184155bb8b43a644bc5c13c7669ce', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
+        return h(Host, { key: '535d01af4e179754500b4de5f684d38658571a8c', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
     }
     static get is() { return "wm-tab-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/wm-tag-input/wm-tag-input.js

@@ -361,6 +361,7 @@ export class TagInput {
         this.tagsList = [...lockedTags, ...regularTags];
     }
     componentDidLoad() {
+        this.handleLayoutChange();
         // Set up observer to announce changes in selected tags, or removed user-added tags
         const observerAnnouncer = new MutationObserver((optionListMutations) => optionListMutations.forEach((mutationRecord) => this.handleChangeAnnouncement(mutationRecord)));
         observerAnnouncer.observe(this.el, {
@@ -1050,10 +1051,10 @@ export class TagInput {
         }
     }
     render() {
-        return (h("div", { key: '640a70ccebab0056bc389299d01d84e3cd8f10ae', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'ac971e515ca1e9db1d240909f902b34e9e984c7e', class: "label-wrapper" }, h("label", { key: '46fe662e59425fbd3b85be57d211c5990a715e60', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '638047c3443ff5991bdb4eac506ed8e9e5f3eb8e', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '0e2d1f9a7b4c4427caf8d1a095a758b868316135', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '092ee2d218336d52c4126d6c986950da99aab8e5', class: "upper-row" }, h("div", { key: 'da6c1eadfd1125716a2fdf2a4b9dbabb201d30c2', class: "svg-icon svg-search" }), h("div", { key: '953c175c6ddccb4f1a745edbf4fb67a78bdf4b73', class: `tags-and-input-wrapper` }, h("ul", { key: '47750731e93832464c2cf2715307a962ca06a8b9', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-labelledby": "sr-instructions", tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
+        return (h("div", { key: '98021c788751a158eaf7c9719f5a6cdbce179e5f', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '5be1c5b7258830ba9f4ed48aac32c0cf08b7191a', class: "label-wrapper" }, h("label", { key: 'bcd2f7c977c282e4347671531cd91963469ea243', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '987909d0fda0916c7ad77a5b6b2fbe364918fdf7', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '74d2d1eb3cffb3084c575a07d9784592e3c83b0b', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '7859920825578196f0d5680106b96be1f5f34ed2', class: "upper-row" }, h("div", { key: '117dc1c1083a00856b321011eb3b50839213f836', class: "svg-icon svg-search" }), h("div", { key: '461bba7d72ada741ee7fd0be8de693d2b7f0de35', class: `tags-and-input-wrapper` }, h("ul", { key: 'd8ca1a36892f5af26a6916aa328ec237626961d7', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-labelledby": "sr-instructions", tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
                 this.focusedTagIndex = undefined;
                 this.handleBlur(ev);
-            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("div", { key: 'c570397e9cbdc1233d3727d23a8838444baa3259', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: 'c7d60ecb6dbef20d1f001e8838a4b44fe87e99e6', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '73f39cc351095ce6f135406d772129d2bb7fc876', id: "info", class: "info-text" }, this.info)), h("div", { key: '83717816d5d9885550ada0b2711460f472b2db72', id: "error" }, this.errorMessage), h("div", { key: 'b357dd0b58cfd2c62af27717d32f1b9eba1ed092', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("div", { key: 'c7da0972ff25cc19d03e6e1fb1b9097439f1f723', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '9d8ee83e7ff75dece20f57e96f987187f8ea4379', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '61485889ea39dd305b051fc76a38726dea4ecba4', id: "info", class: "info-text" }, this.info)), h("div", { key: 'd6d2837acc24ff0334231bbc94ddaf482b4eb058', id: "error" }, this.errorMessage), h("div", { key: 'b1d420a77815803987916019cf32744eb3b54191', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get is() { return "wm-tag-input"; }
     static get encapsulation() { return "shadow"; }