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

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

@@ -112,7 +112,7 @@ export class Textarea {
         this.announcement = message;
     }
     render() {
-        return (h("div", { key: 'eb4d219f171a22824422c743631b0543fcb3e88d', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '1f3c97d11cdebc8e027557a45b7e24e3aa5a8786', class: "label-wrapper" }, h("label", { key: '4779c1ccdca666484405938d66ed4211ba8276da', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '4b99f85729a23f39589e9b4910daaa09d6e229af', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("span", { key: '824e6c762505edae20fcce0fa3c790633d929f0d', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '92814c32245d9ae69d3b8631236c3c7ddcc8552f', class: "inner-wrapper" }, h("div", { key: 'b838697433aa0fbfa7814d87f00cf06a41d1f489', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, 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" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: '9328ab50ac29585c0337fa3070685d57ff587754', id: "info", class: "info" }, this.info)), h("div", { key: '340b8b46519c2c1a50ed2eb85d9f1f198f5d8be9', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '26bf56597d4ac27be5127861021dace5ff1ca548', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: 'dcedd229ad3e262c92cc369d5f0a597f0d67f529', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f2b0db3d98b06af6330366071d097eda6438a331', class: "label-wrapper" }, h("label", { key: '6307eb9dc125d860a3059fedf4f6a404fcb0ae22', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: 'b32122dda37e3adab27b8333e6c2d2ff5207004a', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("span", { key: '864be330760cd3d6396462fc8e191b731a4906ee', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'cb04bd7ee99a025ede0781d8011467373f2517c5', class: "inner-wrapper" }, h("div", { key: 'eca53f48452099cecf60a3f853f6a021d6d1277e', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, 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" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: '549bd207bd19b5b0de6e0d4bf5d208249e1833f7', id: "info", class: "info" }, this.info)), h("div", { key: '0bd0a4f5b22e1775c5aad031b9433db7cd77c13e', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'f7b51879d3d30fbe33e43d2a7f84db0a9d1385b4', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -390,13 +390,13 @@ export class Timepicker {
         return this.times.map((time, index) => (h("li", { id: `option${index + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
     }
     render() {
-        return (h(Host, { key: '016a1f00b245ba172f3f169dd2a5fe5506efefd3', onBlur: () => this.close(false) }, h("div", { key: 'e831d564c3f40c550c64232315c70abe9f18d2b5', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: 'afcbacb671fe9e6cf92c16ab8152c2ff42114fba', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '607dc37f7571ea67e5cf7163cc3d58d7e4fdd2b2', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'fd5a00ab8125419c3a046cc7d1dacc3ea84595d5', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'cd371331471f604571197a0f5b560f84533dbdc5' }, h("div", { key: 'e99fb3f0ad4432f42292c4263c5953d54bd43b20', class: "inner-wrapper" }, 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") }), 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 (h(Host, { key: '465a66ad7ca35812ed08210a1314e9045ce9d132', onBlur: () => this.close(false) }, h("div", { key: 'd47ce73ca7efcfd7f23b0db03b4a451a2dac4446', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '9f28f2d4604301c40a1546c972e8063c6d8d3866', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '302946f368394139d04de0837cc0f5a9dc9f5d01', id: "label", class: "label", htmlFor: "time-input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'a13ad11e096383e3f54fe4e9c058a72f4f1f23d8', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: 'e2505ced2cd45326f1d66de36aceebf177a1a159' }, h("div", { key: '838fa98f05e0fa033f10fec973eba5cbb64cfb84', class: "inner-wrapper" }, 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") }), 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();
-            } }, h("span", { key: '526bb1be8422122744f54b89eac5b165ba21093d', class: "svg-icon svg-time" })), 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())), h("div", { key: '953f663fc062c4ed512d34b86b462c879de715c9', id: "error", class: "error" }, this.errorMessage)), h("div", { key: 'f213fc5946d1dff54582211ec45b9ab970f95c40', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, h("span", { key: '584530b0cd9714d70fbfcaa4ea8e2eece6b35492', class: "svg-icon svg-time" })), 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())), h("div", { key: '951d548bdc145d5902b8ec30dbf5342207408bec', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '820b447b0fa475bce5ed5a5d661e19d8ed9203d8', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
     }
     static get is() { return "wm-timepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -278,11 +278,11 @@ export class Toggletip {
         }
     }
     render() {
-        return (h(Host, { key: 'f345461d843619f11ea783e6918968e4e5867720', class: `size-${this.targetSize}` }, 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 (h(Host, { key: 'e54ccaf2ac1e22ddc9c98f9d5ac5d83186c4e93e', class: `size-${this.targetSize}` }, 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 && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: '38c98942ca1bd5101e3155a3c48a2571a7523388', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip",
+            onMouseEnter: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => !this.isOpen && showTooltip(this.toggletipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }, this.renderIcon()), h("div", { key: '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), 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), h("div", { key: 'e11bbe1e3ab9d7d6a14eca63ef32ffd938158fa0', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-toggletip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -388,9 +388,9 @@ export class Uploader {
         return (h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, h("span", { class: "upload-arrow" }), h("span", null, "Drop to Upload")))));
     }
     render() {
-        return (h(Host, { key: '05add4c4caf9470fbc0ba58055850489aaa19561', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), 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 (h(Host, { key: '372294b839ec0468f4ac6141e6b65ceeabac43e8', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), 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" }), h("div", { key: 'e5f6c761d81c2349e0889cde728f716cbd30bd55', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), h("div", { key: '43b23555fe86c07b1083bc91962cb32d18ea0057', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-uploader"; }
     static get encapsulation() { return "shadow"; }

package/dist/docs/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-08-18T14:15:54",
+  "timestamp": "2026-08-19T20:52:47",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",

package/dist/esm/{app-globals-c7b000c8.js → app-globals-a3bef2e4.js}

@@ -1,6 +1,6 @@
 import './index-3425d80d.js';
 
-const version = "5.32.0-alpha.2";
+const version = "5.32.0-alpha.4";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { b as bootstrapLazy } from './index-3425d80d.js';
 export { s as setNonce } from './index-3425d80d.js';
-import { g as globalScripts } from './app-globals-c7b000c8.js';
+import { g as globalScripts } from './app-globals-a3bef2e4.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/priv-navigator-button.entry.js

@@ -15,7 +15,7 @@ const PrivNavigatorButton = class {
     }
     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 delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/priv-navigator-item.entry.js

@@ -22,7 +22,7 @@ const PrivNavigatorItem = class {
     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' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ripple.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-3425d80d.js';
 export { s as setNonce } from './index-3425d80d.js';
-import { g as globalScripts } from './app-globals-c7b000c8.js';
+import { g as globalScripts } from './app-globals-a3bef2e4.js';
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com

package/dist/esm/wm-action-menu_2.entry.js

@@ -379,7 +379,7 @@ const ActionMenu = class {
         }
     }
     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 &&
@@ -387,9 +387,9 @@ const ActionMenu = class {
                 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 delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -507,7 +507,7 @@ const Menuitem = class {
         }
     }
     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) : "")));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/wm-button.entry.js

@@ -261,7 +261,7 @@ const Button = class {
         }
     }
     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 delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-file-list.entry.js

@@ -9,7 +9,7 @@ const FileList = class {
         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 delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-file.entry.js

@@ -196,7 +196,7 @@ const File = class {
         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 delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-flyout.entry.js

@@ -161,7 +161,7 @@ const Flyout = class {
         }
     }
     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" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/wm-input.entry.js

@@ -113,7 +113,7 @@ const Input = class {
             : `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 delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-modal-pss_3.entry.js

@@ -125,9 +125,9 @@ const ModalPss = class {
         }
     }
     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();
             } })));
     }
@@ -170,7 +170,7 @@ const ModalPssFooter = class {
         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))));
     }
     get el() { return getElement(this); }
 };
@@ -205,7 +205,7 @@ const ModalPssHeader = class {
     //   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() }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/wm-modal_3.entry.js

@@ -140,11 +140,11 @@ const Modal = class {
         }
     }
     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();
             } })));
     }
@@ -191,7 +191,7 @@ const ModalFooter = class {
         }
     }
     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))));
     }
     get el() { return getElement(this); }
 };
@@ -223,7 +223,7 @@ const ModalHeader = class {
         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() }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/wm-navigation_3.entry.js

@@ -102,9 +102,9 @@ const Navigation = class {
             } }));
     }
     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 delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -153,7 +153,7 @@ const NavigationHamburger = class {
         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 delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -172,7 +172,7 @@ const NavigationItem = class {
         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 delegatesFocus() { return true; }
     get el() { return getElement(this); }