@watermarkinsights/ripple 5.30.0 → 5.31.0-alpha.1

package/dist/esm/priv-chart-popover-old.entry.js

@@ -125,11 +125,11 @@ const ChartPopoverOld = class {
         const titleAffordance = this.sliceDetails &&
             this.sliceDetails.title &&
             (this.sliceDetails.title[0] === "-" ? "negative" : this.sliceDetails.title[0] === "+" ? "positive" : "");
-        return (h(Host, { key: 'c5c7427fd813574e1634fd1635f864eb641236ec', class: `${((_a = this.sliceDetails) === null || _a === void 0 ? void 0 : _a.buttonText) && this.open ? "has-interactive" : ""}` }, !!this.open && this.sliceDetails ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: `title ${titleAffordance}` }, this.sliceDetails.title), h("p", { class: "text" }, this.sliceDetails.text), this.sliceDetails.buttonText ? (
+        return (h(Host, { key: 'ffd6a3d344b02332b04e67a101b0c0aebc4bf829', class: `${((_a = this.sliceDetails) === null || _a === void 0 ? void 0 : _a.buttonText) && this.open ? "has-interactive" : ""}` }, !!this.open && this.sliceDetails ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: `title ${titleAffordance}` }, this.sliceDetails.title), h("p", { class: "text" }, this.sliceDetails.text), this.sliceDetails.buttonText ? (
         // @ts-ignore
         h("button", { tabindex: "-1",
             // @ts-ignore
-            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.sliceDetails.buttonText))) : (""))) : (""), h("div", { key: '194d04ee3cfcba53718a385abbce61b15836845c', ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
+            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.sliceDetails.buttonText))) : (""))) : (""), h("div", { key: '41246afef9c521d8db48d7d272835c6829d5a148', ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/priv-chart-popover_2.entry.js

@@ -114,9 +114,9 @@ const ChartPopover = class {
     }
     render() {
         const titleAffordance = this.header && (this.header[0] === "-" ? "negative" : this.header[0] === "+" ? "positive" : "");
-        return (h(Host, { key: 'ccf8d6d35d85b8c902d1350aa74d75b479c43b3c', class: this.isKeying ? "user-is-keying" : "" }, h("div", { key: '1340158d01632a92f6ef8c0a5637bc28e5ce7ea5', ref: (el) => (this.popoverEl = el), popover: "manual", "aria-hidden": "true", class: "popover" }, h("h1", { key: 'afb65849a7b7ff30b78f8e78f74bc57824f6acd5', class: `title ${titleAffordance}` }, this.header), h("p", { key: '2f523aae12190a62184136fec74b50fed7436f4a', class: "text" }, this.text), this.buttonText ? (h("button", { tabindex: "-1",
+        return (h(Host, { key: 'a863ab9a9d4b922fe67492a7139fa64d527f178c', class: this.isKeying ? "user-is-keying" : "" }, h("div", { key: '0679e51c1459d5456c0ac037c966a382c33bfd85', ref: (el) => (this.popoverEl = el), popover: "manual", "aria-hidden": "true", class: "popover" }, h("h1", { key: '69fb1bd19cb22af5a05dcd7ace7d846947d5f18b', class: `title ${titleAffordance}` }, this.header), h("p", { key: '235905a6ad8b3cf5c7114aeb75d326ff442b7dc2', class: "text" }, this.text), this.buttonText ? (h("button", { tabindex: "-1",
             // @ts-ignore
-            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.buttonText))) : ("")), h("div", { key: '15568d7b0bb0dbc6884bf9baaea4b9ae715d33cf', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
+            focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.buttonText))) : ("")), h("div", { key: '6c336c7d464df02267b4da0e3060d7f69cc12177', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.announcement)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -189,7 +189,7 @@ const ChartLegend = class {
         return this.processedData.map((item, idx) => (h("div", { class: "legend-item", key: item.barLegend, onClick: () => this.handleLegendItemClick(idx), onMouseEnter: () => this.handleLegendItemMouseEnter(idx), onMouseLeave: () => this.handleLegendItemMouseLeave() }, h("div", { class: this.getSwatchClassMap(item), style: { "--color": `var(--${item.color})` } }), h("div", { class: "label" }, item.barLegend), item.printValue && h("span", { class: `print-value` }, "(", item.printValue, ")"))));
     }
     render() {
-        return (h(Host, { key: '1ba232432e51488144a4320c075db67690e5990b' }, h("div", { key: '088cd589e2cd04d168e59bc74b963326fd4fbeff', class: `legend-container --${this.orientation} ${this.printMode ? "print-mode" : ""}`, "aria-hidden": "true" }, this.renderLegendItems())));
+        return (h(Host, { key: '96690631fc06cb059813cf67adfb96a87a89ea03' }, h("div", { key: '68afe8f3ed1452d9e031ba8d0c2dbcbe6d57af78', class: `legend-container --${this.orientation} ${this.printMode ? "print-mode" : ""}`, "aria-hidden": "true" }, this.renderLegendItems())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -15,7 +15,7 @@ const PrivNavigatorButton = class {
     }
     render() {
         const { handleClick, altText } = this;
-        return (h("button", { key: 'adfd184468176b7b9c025b5e4db3c86a1e857b4b', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: '2f94dbb64a96096e852ec572f16264600c7fca8f', "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: 'b79461e5967f3e75c8bb4d4c5e9e66d6b870c84b', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '35f83b67f08a1d8fdc3aeaeba1acdef45e85fca1' })));
+        return (h("div", { key: '427929b24dd60459f8269a3d3ee746ac876ff31f', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '9c67b8bd2282efc3ca77d8805dd3278d3e0b3c4a' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -378,7 +378,7 @@ const PrivOptionList = class {
         return (h("div", { class: "non-options-wrapper" }, this.isInNestedSelect && this.renderReturnBtn(), this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton()));
     }
     render() {
-        return (h("div", { key: 'd1dc259bbc48591f82a0e44017349513b7e22f60', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: '5ef4cd1533f03e47175ed6112996ba73a138aacd', id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-label": this.optgroupLabel, ref: (el) => (this.listboxEl = el), style: { "--max-height": this.effectiveMaxHeight } }, this.searchTerm && this.filteredOptions.length === 0 && this.renderSearchFailedMessage(), this.multiple && this.renderCloneOptions(), h("slot", { key: '53014694e7dc51fbfc4fe6da9abbf0749764b4a1' })), h("div", { key: 'f3e1bb6596bd0e656eb045c5a62dad39ee266985', id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        return (h("div", { key: 'edfca7bcea21613113e9498ce7f9aa5fc7546ce2', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: '443fbc27fa3f25984f5eaada522a990b6941a5dd', id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-label": this.optgroupLabel, ref: (el) => (this.listboxEl = el), style: { "--max-height": this.effectiveMaxHeight } }, this.searchTerm && this.filteredOptions.length === 0 && this.renderSearchFailedMessage(), this.multiple && this.renderCloneOptions(), h("slot", { key: '7f6fb3e4667fcd951e98b7e5466416de817a8e55' })), h("div", { key: '8753468e7a2dd5bd17bd1cfdf72d7eac0b4faf6e', id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     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-0d90343d.js';
+import { g as globalScripts } from './app-globals-466ed44b.js';
 
 /*
  Stencil Client Patch Browser v4.21.0 | MIT Licensed | https://stenciljs.com

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

@@ -343,7 +343,7 @@ const ActionMenu = class {
         return null;
     }
     render() {
-        return (h(Host, { key: '089e41398162bb653228788b4317049cde90677a', onBlur: () => this.close(false) }, h("div", { key: '8bf71c94ed904f5c4308b30aaba78910622918ec', class: getTextDir() }, h("button", { key: 'e907d5dbb4c76d9c1dcc4099b3f79faec27f4bdd', 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: '19a7b9bbd017ed6100d605c56d497f99084bdadc', onBlur: () => this.close(false) }, h("div", { key: '02352c77a57c3811d5bc66be6eeed8ebdf413aa9', class: getTextDir() }, h("button", { key: '070cea3ac5da73352e952b87d342d4b98716346b', 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 &&
@@ -351,9 +351,9 @@ const ActionMenu = class {
                 showTooltip(this.tooltipPosition || this.horizontalPosition, this.menubtnEl, this.tooltip), onBlur: (ev) => {
                 hideTooltip();
                 this.handleButtonBlur(ev);
-            } }, this.actionMenuType === "icon" && (h("span", { key: 'bd615c986c40863c73a2ec9f060fc5b596e7d64f', class: "svg-icon svg-more-options", style: { "--icon-size": "24px" } })), this.actionMenuType !== "icon" && h("span", { key: '27ad43a2bc951784d313f08b210c1092f2adda55', class: "button-text" }, this.buttonText), (this.actionMenuType === "selector" || this.actionMenuType === "selector-primary") && (h("div", { key: '54184d0f5faa1bd80eddc76127d4173f3dacb7ca', class: "selector-icon svg-icon svg-expand-more" }))), h("div", { key: '7f34d1d1527b5b65f512fe636aa243ef06c2ae61', class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "open-up" : ""} ${this.horizontalPosition}`, id: "menu", popover: "auto", tabindex: -1, role: "menu", ref: (el) => (this.dropdownEl = el),
+            } }, this.actionMenuType === "icon" && (h("span", { key: '24f876ff7aba8a8f0628c768fd7a3cae4c6b13c1', class: "svg-icon svg-more-options", style: { "--icon-size": "24px" } })), this.actionMenuType !== "icon" && h("span", { key: 'dfe646329373fe5839fba003ec15f3345982097e', class: "button-text" }, this.buttonText), (this.actionMenuType === "selector" || this.actionMenuType === "selector-primary") && (h("div", { key: '8872e66a185503cd1f6fc298e3fb2e28e67d1ae6', class: "selector-icon svg-icon svg-expand-more" }))), h("div", { key: 'a6b8ecffdf3c9886e0b01d4783b22403b2d7c724', class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "open-up" : ""} ${this.horizontalPosition}`, id: "menu", popover: "auto", tabindex: -1, role: "menu", 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: 'de4af1e89a98621b4093089e70f7b0c02b759cb2' })))));
+            onToggle: (ev) => this.handleToggle(ev) }, h("slot", { key: '3d0b49daa3f5c2c62edb3582a0de2f53888ff2e8' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -377,6 +377,7 @@ const Menuitem = class {
         this.wmTabKeyPressed = createEvent(this, "wmTabKeyPressed", 7);
         this.wmLetterPressed = createEvent(this, "wmLetterPressed", 7);
         this.wmMenuitemBlurred = createEvent(this, "wmMenuitemBlurred", 7);
+        this.onClickFunc = null;
         this.descriptionCharLimit = 100;
         this.disabled = false;
         this.icon = undefined;
@@ -470,7 +471,7 @@ const Menuitem = class {
         }
     }
     render() {
-        return (h(Host, { key: '3576abf0e512b2088c08a13a9b0da7be22fc4604', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '5ee18f1dc5bc3ce1498db2038d6e21ed9abeb951', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '1eb8c3e8db9dee82803e458dce83ea26314d454f', class: "main-text" }, this.icon && this.renderIcon(), this.el.textContent), this.description ? h("div", { class: "description" }, this.description) : "")));
+        return (h(Host, { key: 'ae1d93489feffb5016582d3f1707ce6465b1dcc7', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '8e06a217bb068a4d612290badbe92e4971483e43', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '185d673501208073456b6e943c52fd9b14f91023', 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: 'bfc5c1c1b69619258f1a15003de34a9884f5b09e', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: '647328418473ec98db1fff54403a5915a8354668', 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: '1f27aeed2c3e7f87d326c6da318f08be083c873e', class: "button-text" }, h("slot", { key: '6cce46f476c7d20aa3c48fa1e87edd495398d5c3' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: '305255c0423d2971932f3f8ccc2170075aa4dd53', class: "selector-icon svg-icon svg-expand-more" })))));
+        return (h(Host, { key: '76a5421d00532673476644aae829a5e4c1705b1f', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: '576012f5b0262fb6ca7dd435e869c4276cc0da06', 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: '2c6548c3708dc18fec38d43dbf75583a0e254cf0', class: "button-text" }, h("slot", { key: '07f076ee9011eb1294315b29cdbb350e8e55270f' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: '0332bc4f94a44c5b973cee95da7065a05803d0b7', class: "selector-icon svg-icon svg-expand-more" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-chart-bar.entry.js

@@ -431,7 +431,7 @@ const ChartBar = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const rowCount = (this.isGrouped ? this.processedData.size : (_a = this.processedData.get(null)) === null || _a === void 0 ? void 0 : _a.length) || 1; // processedData keys are the group names, ungrouped data belongs under a key of null
-        return (h(Host, { key: '6c4e5d5a990eb6b719cf6414bcb08961b265d6f7' }, h("div", { key: '348d77ac265b2ad0abac5aadaf117286b4c8b408', class: "popover-wrapper" }, h("priv-chart-popover", { key: 'bf6ecf7270d6a5862a65c2820c057946171bf380', ref: (el) => (this.popoverEl = el), onIntChartPopoverToggled: (ev) => this.handlePopoverToggled(ev) })), h("div", { key: 'eb2120d0c22302d55ce91c0242cc021586005e41', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${((_b = this.printMode) !== null && _b !== void 0 ? _b : (_c = this.config) === null || _c === void 0 ? void 0 : _c.printMode) ? "print-mode" : ""}`, tabindex: "0", role: "application", onKeyDown: (ev) => this.handleChartKeyDown(ev), onBlur: (ev) => this.handleComponentBlur(ev), "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions", "aria-label": (_d = this.config) === null || _d === void 0 ? void 0 : _d.label }, ((_f = (_e = this.config) === null || _e === void 0 ? void 0 : _e.showLabel) !== null && _f !== void 0 ? _f : true) && (h("label", { key: 'c3c5df95bbe6c59785e3812a3e4a41c1c2c30243', id: "label", class: "label" }, h("span", { key: '9c0cbdc44cf7e261b84a2cb466124b3b3f526bff', class: "label-text" }, (_g = this.config) === null || _g === void 0 ? void 0 : _g.label), this.subinfoText ? h("span", { class: "subinfo" }, this.subinfoText) : "")), this.showLegend === "top" && this.renderLegend("horizontal"), h("div", { key: '2054415ba5137a232b43acdc2776adeb038aa968', class: "chart-wrapper" }, h("div", { key: 'b0238719a9e7d271f1c04d1a22acb9784a9283e3', class: "chart-left-side" }, this.showLegend === "left" && this.renderLegend("vertical"), h("div", { key: 'fc31958261bd6901ec8a37b6d4327058fbc0cc08', class: "left-axis-label" }, h("span", { key: '9d1f9c6976084919bf9c3bc52e4fc05af9d70398', class: "axis-label-text" }, (_h = this.config) === null || _h === void 0 ? void 0 : _h.categoryAxisLabel))), h("div", { key: 'cd8f097b5350c41c0db3e0427cebf71b9f77da03', class: "chart-center" }, h("div", { key: 'cfb29fb64d81c566c97820a1da2a3988a4e3cea7', class: "chart-area", style: { "--row-count": rowCount.toString() } }, this.processedData && (this.isGrouped ? this.renderGroupLegends() : this.renderBarLegends()), h("div", { key: '073309f0b2b5218e0bc4e21c58a9272e40ac376f', class: `bar-area ${this.isKeying ? "user-is-keying" : ""} ${this.isGrouped ? "grouped" : ""}`, ref: (el) => (this.barAreaEl = el) }, this.gridVisible && this.renderGrid(), ((_j = this.config) === null || _j === void 0 ? void 0 : _j.gridMax) != undefined && (this.isGrouped ? this.renderGroupedBars() : this.renderBars()))), h("div", { key: '4e455f2332f393cb1ea2ccc75209434f90c3ef74', class: "bottom-axis-label" }, h("span", { key: 'db1ef4194c3d544c28270892a2c0b85524685e89', class: "axis-label-text" }, (_k = this.config) === null || _k === void 0 ? void 0 : _k.valueAxisLabel)), this.gridVisible && this.renderXAxis()), h("div", { key: '8451642ab2169b7255b82620b9751538c3ecbeda', class: "chart-right-side" }, this.showLegend === "right" && this.renderLegend("vertical"))), this.showLegend === "bottom" && this.renderLegend("horizontal"), renderInstructionsText())));
+        return (h(Host, { key: 'fee905a779328fdabd70ead14d0be757809a20b7' }, h("div", { key: '259b8520be79541071c4e9d322d52253b1f31905', class: "popover-wrapper" }, h("priv-chart-popover", { key: '4e67366a3e3328621228faf7b7006cc28ea5d6c6', ref: (el) => (this.popoverEl = el), onIntChartPopoverToggled: (ev) => this.handlePopoverToggled(ev) })), h("div", { key: '040f5c7d13fa72d062fa82069f9da9f11aefa01c', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${((_b = this.printMode) !== null && _b !== void 0 ? _b : (_c = this.config) === null || _c === void 0 ? void 0 : _c.printMode) ? "print-mode" : ""}`, tabindex: "0", role: "application", onKeyDown: (ev) => this.handleChartKeyDown(ev), onBlur: (ev) => this.handleComponentBlur(ev), "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions", "aria-label": (_d = this.config) === null || _d === void 0 ? void 0 : _d.label }, ((_f = (_e = this.config) === null || _e === void 0 ? void 0 : _e.showLabel) !== null && _f !== void 0 ? _f : true) && (h("label", { key: '913ee009cdccb63eb97d7b089e47b3a95afbd033', id: "label", class: "label" }, h("span", { key: 'df61bc316cd501e9747b88705da29c4dff1e8409', class: "label-text" }, (_g = this.config) === null || _g === void 0 ? void 0 : _g.label), this.subinfoText ? h("span", { class: "subinfo" }, this.subinfoText) : "")), this.showLegend === "top" && this.renderLegend("horizontal"), h("div", { key: '7e62e9b642f8c9c82a85a0444718688b559df321', class: "chart-wrapper" }, h("div", { key: '253dec169ae191463f5bae1762927903e28865b9', class: "chart-left-side" }, this.showLegend === "left" && this.renderLegend("vertical"), h("div", { key: 'a334e424f2e6d84f2573958392d998918b108282', class: "left-axis-label" }, h("span", { key: '3e5ce3a0e0de6c6681e8128285f9cb68d380c455', class: "axis-label-text" }, (_h = this.config) === null || _h === void 0 ? void 0 : _h.categoryAxisLabel))), h("div", { key: '6a8569d3747e99acad477eeaa3d23a8e2cd9e86d', class: "chart-center" }, h("div", { key: '9fdd5de7923748a3ece1c878b67345c09ade7b16', class: "chart-area", style: { "--row-count": rowCount.toString() } }, this.processedData && (this.isGrouped ? this.renderGroupLegends() : this.renderBarLegends()), h("div", { key: '384233d4f76764d9e58d4512398b58c2e08da6fa', class: `bar-area ${this.isKeying ? "user-is-keying" : ""} ${this.isGrouped ? "grouped" : ""}`, ref: (el) => (this.barAreaEl = el) }, this.gridVisible && this.renderGrid(), ((_j = this.config) === null || _j === void 0 ? void 0 : _j.gridMax) != undefined && (this.isGrouped ? this.renderGroupedBars() : this.renderBars()))), h("div", { key: '029ce6b851112ba6f3a0bf02f52003fe33ce3236', class: "bottom-axis-label" }, h("span", { key: 'e8e23fbf1446d7e3c6639233ee1bdd95d39be38f', class: "axis-label-text" }, (_k = this.config) === null || _k === void 0 ? void 0 : _k.valueAxisLabel)), this.gridVisible && this.renderXAxis()), h("div", { key: '0019f06abd0b37f496960c499d10a12ca616a6bb', class: "chart-right-side" }, this.showLegend === "right" && this.renderLegend("vertical"))), this.showLegend === "bottom" && this.renderLegend("horizontal"), renderInstructionsText())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-chart-column.entry.js

@@ -610,7 +610,7 @@ const ChartColumn = class {
     // #endregion rendering
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h(Host, { key: 'affae5b48baddd602d0b7a3e52dac3adbc935b4c' }, h("div", { key: 'ff850beabb9e006382b815679306826db3f7a72a', class: "popover-wrapper" }, h("priv-chart-popover", { key: 'cd5baae81ffc528fd522bcce99c3d77102dd77fd', ref: (el) => (this.popoverEl = el), onIntChartPopoverToggled: (ev) => this.handlePopoverToggled(ev) })), h("div", { key: '458977566490ece052ae601d6c567c0a55c194fe', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${((_a = this.printMode) !== null && _a !== void 0 ? _a : (_b = this.config) === null || _b === void 0 ? void 0 : _b.printMode) ? "print-mode" : ""}`, style: this.isPlotWidthLimited ? { "--forced-width": `${this.printWidthPx}px` } : undefined, tabindex: "0", role: "application", onKeyDown: (ev) => this.handleChartKeyDown(ev), onBlur: (ev) => this.handleComponentBlur(ev), "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions", "aria-label": (_c = this.config) === null || _c === void 0 ? void 0 : _c.label }, ((_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.showLabel) !== null && _e !== void 0 ? _e : true) && (h("label", { key: 'e29c77421f36511d78823c09c915025dd365db41', id: "label", class: "label" }, h("span", { key: 'f6ce8537edf910e0d88fbe97e24e38ae6b8f7f0e', class: "label-text" }, (_f = this.config) === null || _f === void 0 ? void 0 : _f.label), this.subinfoText ? h("span", { class: "subinfo" }, this.subinfoText) : "")), this.showLegend === "top" && this.renderLegend("horizontal"), h("div", { key: '2656655cdcae22b906c3129c1a9d6de52263015b', class: "chart-wrapper" }, h("div", { key: 'd141e1d15be6d548c065e7e1872f6b8482d63f19', class: "chart-left-side" }, this.showLegend === "left" && this.renderLegend("vertical")), this.data && this.renderPlotContainers(), h("div", { key: '6e28c0075fc0359dc29a2c275789f57ee7698da7', class: "chart-right-side" }, this.showLegend === "right" && this.renderLegend("vertical"))), this.showLegend === "bottom" && this.renderLegend("horizontal"), renderInstructionsText())));
+        return (h(Host, { key: 'b51ad062997d2af1ef9aa4cc77e69b00417052cc' }, h("div", { key: 'e69ca509ec69daf49c384a013cb65929a468dc8b', class: "popover-wrapper" }, h("priv-chart-popover", { key: '335e7e4681ce4227e03a83ddd4dd2c1a599fd9b0', ref: (el) => (this.popoverEl = el), onIntChartPopoverToggled: (ev) => this.handlePopoverToggled(ev) })), h("div", { key: '2198b8cdb1b1293c4dfb8a18673ec1f941ab252d', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${((_a = this.printMode) !== null && _a !== void 0 ? _a : (_b = this.config) === null || _b === void 0 ? void 0 : _b.printMode) ? "print-mode" : ""}`, style: this.isPlotWidthLimited ? { "--forced-width": `${this.printWidthPx}px` } : undefined, tabindex: "0", role: "application", onKeyDown: (ev) => this.handleChartKeyDown(ev), onBlur: (ev) => this.handleComponentBlur(ev), "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions", "aria-label": (_c = this.config) === null || _c === void 0 ? void 0 : _c.label }, ((_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.showLabel) !== null && _e !== void 0 ? _e : true) && (h("label", { key: '6a31a705fc24b21eb74df46a440c4e5a70c9d4f4', id: "label", class: "label" }, h("span", { key: 'c4b0ab318e570dcc7dfeaab05e4f4e00329de72c', class: "label-text" }, (_f = this.config) === null || _f === void 0 ? void 0 : _f.label), this.subinfoText ? h("span", { class: "subinfo" }, this.subinfoText) : "")), this.showLegend === "top" && this.renderLegend("horizontal"), h("div", { key: 'e1542b6b9f1e157f1a6e0a02c01a9b66d3954952', class: "chart-wrapper" }, h("div", { key: 'dd07a9a03778b3d3665d553e4b581766efbb117d', class: "chart-left-side" }, this.showLegend === "left" && this.renderLegend("vertical")), this.data && this.renderPlotContainers(), h("div", { key: '959c73972b14fb2e31a0273364983a61d89405ed', class: "chart-right-side" }, this.showLegend === "right" && this.renderLegend("vertical"))), this.showLegend === "bottom" && this.renderLegend("horizontal"), renderInstructionsText())));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -149,7 +149,7 @@ const Chart = class {
         }
     }
     render() {
-        return (h(Host, { key: '64a6dc03c5a44de1cb06d0ddfa90cf88cf1c467c', onBlur: () => exitChart.call(this) }, h("div", { key: '31b4a39ce530c5e3552b1896feaa081f2e368d1b', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.currentChartType} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""} ${this.labelPosition === "left" && this.currentChartType === "bar4" ? "left-label" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: 0, "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions" }, h("label", { key: 'a62e78dd0eb3f50da81cc09137ea5bc7115b7cf4', id: `label-${this.uid}`, class: `label --${this.labelPosition}`, htmlFor: `graphic-${this.uid}` }, h("span", { key: '9a7219c06f7ef4a1a59f9b23a15574c65942e6c6', class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.isBar && renderLegend.call(this, this.currentChartType), this.renderChart(), this.isDoughnut && renderLegend.call(this, this.currentChartType), h("priv-chart-popover-old", { key: 'c561e46795723255b0919e321c4a60f5b58dc021', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.isBar && !this.printMode && renderHiddenValuesMessage()), renderInstructionsText()));
+        return (h(Host, { key: 'e0a972bc5e47bead2080f995f6ac7622a9508f4e', onBlur: () => exitChart.call(this) }, h("div", { key: 'a9d2e2b8309229208e9432e7756432f8c4ed0585', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.currentChartType} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""} ${this.labelPosition === "left" && this.currentChartType === "bar4" ? "left-label" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: 0, "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions" }, h("label", { key: '5a2acae3749eed0ce29ce20a43eff4a1324790bb', id: `label-${this.uid}`, class: `label --${this.labelPosition}`, htmlFor: `graphic-${this.uid}` }, h("span", { key: '780eb58732f4ec691ca6623dc4e2e6fb05395faf', class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.isBar && renderLegend.call(this, this.currentChartType), this.renderChart(), this.isDoughnut && renderLegend.call(this, this.currentChartType), h("priv-chart-popover-old", { key: '266e79755e835272f69e3f6a9d057fe1dab46837', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.isBar && !this.printMode && renderHiddenValuesMessage()), renderInstructionsText()));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/esm/wm-date-range.entry.js

@@ -284,8 +284,8 @@ const DateRange = class {
             this.endCalEl.startDate = undefined;
             this.endCalEl.endDate = undefined;
             this.endCalEl.hoverDate = undefined;
-            this.startCalEl.view = "day";
-            this.endCalEl.view = "day";
+            this.startCalEl.view = "month";
+            this.endCalEl.view = "month";
             this.isExpanded = false;
         }
     }
@@ -338,7 +338,7 @@ const DateRange = class {
             const oldYear = dateFind.year.asInt(this.oldFocusVal);
             const newMonth = dateFind.month.asInt(newFocusVal);
             const oldMonth = dateFind.month.asInt(this.oldFocusVal);
-            if (cal.view === "day") {
+            if (cal.view === "month") {
                 if (newYear != oldYear || newMonth != oldMonth) {
                     this.liveRegionEl.innerHTML = intl.formatMessage({
                         id: "date.viewingMonth",
@@ -451,6 +451,16 @@ const DateRange = class {
         this.startCalEl.hoverDate = this.startCalEl.startDate === ev.detail ? undefined : ev.detail;
         this.endCalEl.hoverDate = this.endCalEl.startDate === ev.detail ? undefined : ev.detail;
     }
+    /**
+     * @description Converts a date string between `"US"` (mm/dd/yyyy), `"INT"` (dd/mm/yyyy),
+     * and `"ISO"` (YYYY-MM-DD). Direct US ↔ INT conversion is not supported — route through
+     * ISO as an intermediate step.
+     * @param inputFormat - Format of the input date string (`"US"`, `"INT"`, or `"ISO"`).
+     * @param outputFormat - Desired output format (`"US"`, `"INT"`, or `"ISO"`).
+     * @param date - The date string to reformat.
+     * @returns The reformatted date string, an empty string if `date` is omitted, or the original
+     * string unchanged if it cannot be parsed.
+     */
     async reformatDate(inputFormat, outputFormat, date) {
         return this._reformatDate(inputFormat, outputFormat, date);
     }
@@ -488,6 +498,12 @@ const DateRange = class {
             }
         }
     }
+    /**
+     * @description Validates whether a string is a well-formed, calendar-correct ISO date
+     * (YYYY-MM-DD). Accounts for invalid day-of-month values and leap years.
+     * @param input - The string to validate.
+     * @returns `true` if the string is a valid ISO date, `false` otherwise.
+     */
     async isValidISO(input) {
         return this._isValidISO(input);
     }
@@ -537,25 +553,25 @@ const DateRange = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '9840d0cb5b3aff858d939fbe2d67dc1d51535c05', "aria-busy": "false" }, h("div", { key: '71e3eb8f71812140abc538cbfec3111c2e2b9cba', ref: (d) => (this.wrapperEl = d), class: "wrapper" }, h("div", { key: '094295f1471f1ba0eaea5c65617447efc5dca770', class: "range-wrapper cal", ref: (el) => (this.anchorEl = el) }, h("div", { key: '00bcfac555be41fe8b2f885e2a0335c8d41efd28', class: "label-wrapper", id: "start-label-wrapper" }, h("label", { key: '1f23a2bb3163e550f9929be4dbd6335bf5bf6579', id: "startlabel", htmlFor: "start-date-input", class: "label" }, this.labelStart, this.requiredField && (h("span", { key: '40dc9394b28b616e1dbfdb028f504474e8576fce', "aria-hidden": "true", class: "required" }, "*")))), h("div", { key: '75addeddb3c54576c90fb9c6c662e525934f6166', class: "label-wrapper", id: "end-label-wrapper" }, h("label", { key: '3015302e413b2bd033dffb9edacc1ecb7c06fb68', id: "endlabel", htmlFor: "end-date-input", class: "label" }, this.labelEnd, this.requiredField && (h("span", { key: '6f27560f7730e1efc19c8f9f7b1845f7a4fc5489', "aria-hidden": "true", class: "required" }, "*")))), h("input", { key: 'a350aea0fa321f076f7b0258e6717b349f551813', disabled: this._disabled, type: "text", id: "start-date-input", class: `date-input input ${this.invalidStart ? "invalid" : ""}`, name: "start-date", placeholder: this.dateFormat, value: this.valueStart, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleStartInput(ev), onBlur: () => this.handleStartInputBlur(), ref: (input) => (this.startInputEl = input), "aria-describedby": "date-format-hint error", "aria-label": this.labelStart, "aria-required": this.requiredField ? "true" : null }), h("div", { key: 'f3d74eae497160213ac05d99467ab254d30167b1', id: "hyphen" }, "\u00A0-\u00A0"), h("input", { key: '4e77331018a0ce06846adae9ce01f0acd556dcd8', disabled: this._disabled, type: "text", id: "end-date-input", class: `date-input input ${this.invalidEnd ? "invalid" : ""}`, name: "end-date", placeholder: this.dateFormat, value: this.valueEnd, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleEndInput(ev), onBlur: () => this.handleEndInputBlur(), ref: (input) => (this.endInputEl = input), "aria-describedby": "date-format-hint error", "aria-label": this.labelEnd, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '47f502431bd898d5baab11e483990585e49b648e', class: "toggle-wrapper", id: "toggle-wrapper" }, this.canOpen && (h("button", { key: 'b7dc42e4733418c6da7ecb5eae5a896ad0d92f4d', disabled: this.disabled, "aria-describedby": "start-date-input end-date-input", "aria-label": intl.formatMessage({
+        return (h(Host, { key: '576f553f284eef57b1b80d2770ebaaaa486b2a65', "aria-busy": "false" }, h("div", { key: 'd1b8749f84940f811277ea0d4cbdf6548f552a21', ref: (d) => (this.wrapperEl = d), class: "wrapper" }, h("div", { key: '4879d908500055bbcf9435445a3c3352e08c8239', class: "range-wrapper cal", ref: (el) => (this.anchorEl = el) }, h("div", { key: '7659bcc76e110904961a006f57148c8eaf8ad81e', class: "label-wrapper", id: "start-label-wrapper" }, h("label", { key: '824d8f9ec6bd3ea6ec29e2670f30b4c2d83955a3', id: "startlabel", htmlFor: "start-date-input", class: "label" }, this.labelStart, this.requiredField && (h("span", { key: '8553c682f6a1be43f6a76a97d22ba67447c90c6d', "aria-hidden": "true", class: "required" }, "*")))), h("div", { key: 'f8d28e4e6759cb11622d9386873d6419f4de3fdc', class: "label-wrapper", id: "end-label-wrapper" }, h("label", { key: '4c3d0bbf5a58a4a0c567041fe51002f897f29592', id: "endlabel", htmlFor: "end-date-input", class: "label" }, this.labelEnd, this.requiredField && (h("span", { key: 'aabf372102b5cb425108c3b95caeebe35a7e890d', "aria-hidden": "true", class: "required" }, "*")))), h("input", { key: 'e0f084896c043648d79cae89a1aa192395bf61de', disabled: this._disabled, type: "text", id: "start-date-input", class: `date-input input ${this.invalidStart ? "invalid" : ""}`, name: "start-date", placeholder: this.dateFormat, value: this.valueStart, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleStartInput(ev), onBlur: () => this.handleStartInputBlur(), ref: (input) => (this.startInputEl = input), "aria-describedby": "date-format-hint error", "aria-label": this.labelStart, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '8dc7e190cfe901e308d2a665f93d7d89f2fea731', id: "hyphen" }, "\u00A0-\u00A0"), h("input", { key: 'e354bfaa40907bd99b6d0e152869f170b5f90f4f', disabled: this._disabled, type: "text", id: "end-date-input", class: `date-input input ${this.invalidEnd ? "invalid" : ""}`, name: "end-date", placeholder: this.dateFormat, value: this.valueEnd, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleEndInput(ev), onBlur: () => this.handleEndInputBlur(), ref: (input) => (this.endInputEl = input), "aria-describedby": "date-format-hint error", "aria-label": this.labelEnd, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '75e537ec719c5aaabff86531fa5abf8b72a2d3ef', class: "toggle-wrapper", id: "toggle-wrapper" }, this.canOpen && (h("button", { key: '5b65696c08716602b4db77a21c329e5b1b53adf9', disabled: this.disabled, "aria-describedby": "start-date-input end-date-input", "aria-label": intl.formatMessage({
                 id: "date.selectRange",
                 defaultMessage: "Select range",
                 description: "Button text for screen readers.",
-            }), ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle", popoverTarget: "popup-wrapper", popoverTargetAction: "toggle" }, h("span", { key: '8fcd8c7cbaff39440838c15354de40ea79230dfd', class: "svg-icon svg-date" }), h("span", { key: '392288ecb5e6617395b306d9e7993ef41c9f27d2', class: "calendar", title: intl.formatMessage({
+            }), ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle", popoverTarget: "popup-wrapper", popoverTargetAction: "toggle" }, h("span", { key: '0cc4cbf6dfd6da128d9a33a72e3e89dab812c72a', class: "svg-icon svg-date" }), h("span", { key: '9fe596dc14752fa2f505aa6c1ab893ffa1f14b1b', class: "calendar", title: intl.formatMessage({
                 id: "date.calendarView",
                 defaultMessage: "Calendar View",
                 description: "Calendar button",
-            }) })))), h("div", { key: 'a88e17a38bbee302551a7abc458f9a387afe1d89', class: `popup-wrapper popup-range ${this.startCalEl && this.startCalEl.view}-view ${this.isExpanded ? "is-open" : ""} ${!this.hasAnchor && !this.isExpanded ? "hidden" : ""} ${(_b = (_a = this.fit) === null || _a === void 0 ? void 0 : _a.vertical) !== null && _b !== void 0 ? _b : ""} ${(_d = (_c = this.fit) === null || _c === void 0 ? void 0 : _c.horizontal) !== null && _d !== void 0 ? _d : ""}`, id: "popup-wrapper", ref: (el) => (this.popupEl = el), popover: "auto",
+            }) })))), h("div", { key: '1b7934722e2b0187ae6424141cc1e08cb5dda8d0', class: `popup-wrapper popup-range ${this.startCalEl && this.startCalEl.view}-view ${this.isExpanded ? "is-open" : ""} ${!this.hasAnchor && !this.isExpanded ? "hidden" : ""} ${(_b = (_a = this.fit) === null || _a === void 0 ? void 0 : _a.vertical) !== null && _b !== void 0 ? _b : ""} ${(_d = (_c = this.fit) === null || _c === void 0 ? void 0 : _c.horizontal) !== null && _d !== void 0 ? _d : ""}`, id: "popup-wrapper", ref: (el) => (this.popupEl = el), popover: "auto",
             // @ts-ignore -- onToggle is a valid ToggleEvent listener for popover elements
-            onToggle: (ev) => this.handleToggle(ev) }, h("div", { key: '968c8f59c78dc1358295d5f5a7db69952f31da35', class: "trapfocus", tabIndex: this.isExpanded ? 0 : undefined, onFocus: () => this.endCalEl.focusLastFocusable() }), h("priv-calendar", { key: '73c5f5df127cb560aeaf7131ce4ba6e167857693', ref: (el) => (this.startCalEl = el), onDateFocus: (ev) => this.handleDateFocus(ev) }), h("priv-calendar", { key: 'f3177d31c0bcf97d010e16ee4f8ee43568fd28b2', ref: (el) => (this.endCalEl = el), onDateFocus: (ev) => this.handleDateFocus(ev) }), h("div", { key: '278ae43445deae7239390b01f0a01c16f3fc0f17', class: "trapfocus", tabIndex: this.isExpanded ? 0 : undefined, onFocus: () => this.startCalEl.focusFirstFocusable() }))), h("div", { key: '2528c193f264b94886be679235595c69d081800c' }, h("div", { key: '4e9a81c12822d560cb0b949b2da38b6f26204c32', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '82603d1a7ed918904df6649f76549a41a644d2ed', id: "month-title", class: "sr-only" }, intl.formatMessage({
+            onToggle: (ev) => this.handleToggle(ev) }, h("div", { key: 'cde40c3cdaee6e1641f7062debb2c301850d8967', class: "trapfocus", tabIndex: this.isExpanded ? 0 : undefined, onFocus: () => this.endCalEl.focusLastFocusable() }), h("priv-calendar", { key: 'c2f18d3d19fd9fded7c3bda37a521843870aae91', ref: (el) => (this.startCalEl = el), onDateFocus: (ev) => this.handleDateFocus(ev) }), h("priv-calendar", { key: '2f99a6e4dadfe42b53fe207871af112bf2780c56', ref: (el) => (this.endCalEl = el), onDateFocus: (ev) => this.handleDateFocus(ev) }), h("div", { key: 'df0c41dd0779a7586e666f5b530d7f7d449a54bb', class: "trapfocus", tabIndex: this.isExpanded ? 0 : undefined, onFocus: () => this.startCalEl.focusFirstFocusable() }))), h("div", { key: '7f3971b1af72d54ccc07f52531c1d17fecb6d7ab' }, h("div", { key: '0bed6cb1cf5f5ada1c926623d8b6dacb5dc34287', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '237bf9699d0305031f0f0bd04c9d8027c84dc1ed', id: "month-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectMonth",
             defaultMessage: "Activate to select a month.",
             description: "Calendar button",
-        })), h("div", { key: '0c98b239ffa8a8f6f27a9eee4e302f8daddc4c89', id: "year-title", class: "sr-only" }, intl.formatMessage({
+        })), h("div", { key: 'ce586f8192676950d0221ce709b79dba29a956c8', id: "year-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectYear",
             defaultMessage: "Activate to select a year.",
             description: "Calendar button",
-        }))), h("div", { key: '13e1dc0b81ffedda3b7f6316ee07d2dc9a8712b9', id: "error", class: "error" }, this.errorMessage), h("span", { key: '5b8d811a975b5dec9e0e9e2c81bd56d5360f178a', id: "date-format-hint", class: "sr-only" }, this.dateFormat), h("div", { key: '0746adc5f997c314567c5f942de26216a449ce57', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }))));
+        }))), h("div", { key: '913aaac21cc36b8172a1b28b45d9d2c9432e623f', id: "error", class: "error" }, this.errorMessage), h("span", { key: '066481609119ee85db50856e30b7c2f188bab078', id: "date-format-hint", class: "sr-only" }, this.dateFormat), h("div", { key: '77f64053567c3c2a4e2038205a9787a1cfa846b8', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -106,12 +106,17 @@ const DatePicker = class {
     }
     get calendarDate() {
         let calendarDate = dateToISO(new Date());
-        const dateFormatUnits = { "mm/dd/yyyy": "US", "dd/mm/yyyy": "INT", "yyyy/mm/dd": "ISO" };
+        const dateFormatUnits = {
+            "mm/dd/yyyy": "US",
+            "dd/mm/yyyy": "INT",
+            "yyyy/mm/dd": "ISO",
+        };
+        const inputFormat = dateFormatUnits[this.dateFormat];
         if (this.value &&
-            dateFormatUnits[this.dateFormat] &&
-            this.isValidIsoInternal(this.reformatDateInternal(dateFormatUnits[this.dateFormat], "ISO", this.value))) {
+            inputFormat &&
+            this.isValidIsoInternal(this.reformatDateInternal(inputFormat, "ISO", this.value))) {
             // if component has value, and value can be parsed to valid ISO
-            calendarDate = this.reformatDateInternal(dateFormatUnits[this.dateFormat], "ISO", this.value);
+            calendarDate = this.reformatDateInternal(inputFormat, "ISO", this.value);
         }
         else if (this.preselected) {
             calendarDate = this.preselected;
@@ -198,7 +203,7 @@ const DatePicker = class {
             }
             this.fit = null;
             this.isExpanded = false;
-            this.calEl.view = "day";
+            this.calEl.view = "month";
         }
     }
     closePopup(returnFocus = false) {
@@ -252,6 +257,18 @@ const DatePicker = class {
         this.el.dispatchEvent(changeEvent);
         this.closePopup(true);
     }
+    /**
+     * @description Converts a date string between the supported format tokens: `"US"` (mm/dd/yyyy),
+     * `"INT"` (dd/mm/yyyy), and `"ISO"` (YYYY-MM-DD). Direct US ↔ INT conversion is not supported —
+     * route through ISO as an intermediate step.
+     * @param inputFormat - Format of the input date string.
+     * @param outputFormat - Desired output format.
+     * @param date - The date string to reformat.
+     * @returns The reformatted date string, an empty string if `date` is omitted or falsy, or the
+     * original string unchanged if it cannot be parsed.
+     * @example reformatDate("US", "ISO", "06/20/1969") // → "1969-06-20"
+     * @example reformatDate("ISO", "US", "1969-06-20") // → "06/20/1969"
+     */
     async reformatDate(inputFormat, outputFormat, date) {
         return this.reformatDateInternal(inputFormat, outputFormat, date);
     }
@@ -287,6 +304,15 @@ const DatePicker = class {
             }
         }
     }
+    /**
+     * @description Validates whether a string is a well-formed, calendar-correct ISO date
+     * (YYYY-MM-DD). Accounts for invalid day-of-month values and leap years.
+     * @param input - The string to validate.
+     * @returns `true` if the string is a valid ISO date, `false` otherwise.
+     * @example isValidIso("1969-06-20") // → true
+     * @example isValidIso("1969-06-33") // → false (day 33 does not exist)
+     * @example isValidIso("2023-02-29") // → false (2023 is not a leap year)
+     */
     async isValidIso(input) {
         return this.isValidIsoInternal(input);
     }
@@ -336,25 +362,25 @@ const DatePicker = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '1ae084fab8bf53b87d769a314f7e6173492d35bc', "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'ff4180135e424dfdf985819781117277925cfd4e', ref: (d) => (this.dpWrapperEl = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '62df8d9f5634d50508a7a0f47d3d9d6f3d0ad16f', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '3430b1340a0ba7355d4dc22a5bd02a800ffafa5f', id: "datepickerLabel", htmlFor: "date-input", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '625126eee314eb1ac24f82e2a7bc0e48abe8ad5d', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: '39a8bc38fa6aad0a5cafd5fb3af8880229918384' }, h("div", { key: '861923fb1569879e5d8a2f593c6023f295d57e5e', class: "single-wrapper input", ref: (el) => (this.anchorEl = el) }, h("input", { key: 'aa8bf537a6c1e1d50157107a0392b90e984e6ca6', disabled: this.isDisabled, type: "text", id: "single-date-input", class: "date-input", name: "date", placeholder: this.dateFormat, value: this.value, onFocus: () => this.handleInputFocus(), onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleInputBlur(), onChange: () => this.handleInputChange(), ref: (input) => (this.inputEl = input), "aria-describedby": "date-format-hint error", "aria-label": this.label, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '7c26eb7e1a11ea1ee314ccbe9e1855f5cdd3b5ec', class: "container", id: "wm-container" }, this.canOpen && (h("button", { key: '734718b3ee64ab44fcf44f0ff34f2985f57ccf66', disabled: this.disabled, "aria-label": intl.formatMessage({
+        return (h(Host, { key: 'ec737a3904688317e61939e4ed997c0e4d6fa49d', "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'ba2baa4d174b1fdb229169cd80ee8f60c308254e', ref: (d) => (this.dpWrapperEl = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '4e196f3d7e9dc1ebc0fdd8d63cd4f9bb2888c3ed', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: 'ad751fc53a81f7ea7edc88ded9a632cab9fabac1', id: "datepickerLabel", htmlFor: "date-input", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '4226a64b138aa35272fffce46265f82503afc25d', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: '175045b72db00588c9b8031cfbf22a2f77759e77' }, h("div", { key: '126b7c096ec657766deedb6bab0107f067c8cdd9', class: "single-wrapper input", ref: (el) => (this.anchorEl = el) }, h("input", { key: '36560f575003ffc14e2e363c24e682f8e5805f41', disabled: this.isDisabled, type: "text", id: "single-date-input", class: "date-input", name: "date", placeholder: this.dateFormat, value: this.value, onFocus: () => this.handleInputFocus(), onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleInputBlur(), onChange: () => this.handleInputChange(), ref: (input) => (this.inputEl = input), "aria-describedby": "date-format-hint error", "aria-label": this.label, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '097142daa1f08d9a135d2ed25c1161434448e3d7', class: "container", id: "wm-container" }, this.canOpen && (h("button", { key: 'ad64f7af5d81e3035b791808e9c9c35a537a86a9', disabled: this.disabled, "aria-label": intl.formatMessage({
                 id: "date.selectDate",
                 defaultMessage: "Select date",
                 description: "Button text for screen readers.",
-            }), "aria-describedby": "single-date-input", ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle", popoverTarget: "popup-wrapper", popoverTargetAction: "toggle" }, h("span", { key: 'eea61f1c8f02f89cca36f8d51f1028f1bb1f5801', class: "svg-icon svg-date" }), h("span", { key: '7910f167d9343f53b8d1df37845179d3580483f1', class: "calendar", title: intl.formatMessage({
+            }), "aria-describedby": "single-date-input", ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle", popoverTarget: "popup-wrapper", popoverTargetAction: "toggle" }, h("span", { key: 'f4860dc16c96322e45dd6f425c1b132bec93edd8', class: "svg-icon svg-date" }), h("span", { key: 'b771ffa73b5995cfb5a5a2d15902e8e57a1e9ad6', class: "calendar", title: intl.formatMessage({
                 id: "date.calendarView",
                 defaultMessage: "Calendar View",
                 description: "Calendar button",
-            }) }))), h("div", { key: '9c82f780494e23aefa7e188e060c8243ef9d6e01', class: `popup-wrapper ${this.calEl && this.calEl.view}-view ${this.isExpanded ? "is-open" : ""} ${!this.hasAnchor && !this.isExpanded ? "hidden" : ""} ${(_b = (_a = this.fit) === null || _a === void 0 ? void 0 : _a.vertical) !== null && _b !== void 0 ? _b : ""} ${(_d = (_c = this.fit) === null || _c === void 0 ? void 0 : _c.horizontal) !== null && _d !== void 0 ? _d : ""}`, id: "popup-wrapper", ref: (el) => (this.popupEl = el), popover: "auto",
+            }) }))), h("div", { key: '27823fcfcb377eea7adf0f725031b67407b8886c', class: `popup-wrapper ${this.calEl && this.calEl.view}-view ${this.isExpanded ? "is-open" : ""} ${!this.hasAnchor && !this.isExpanded ? "hidden" : ""} ${(_b = (_a = this.fit) === null || _a === void 0 ? void 0 : _a.vertical) !== null && _b !== void 0 ? _b : ""} ${(_d = (_c = this.fit) === null || _c === void 0 ? void 0 : _c.horizontal) !== null && _d !== void 0 ? _d : ""}`, id: "popup-wrapper", ref: (el) => (this.popupEl = el), popover: "auto",
             // @ts-ignore -- onToggle is a valid ToggleEvent listener for popover elements
-            onToggle: (ev) => this.handleToggle(ev) }, h("div", { key: 'dbdff9693acf1c80fc815d9ad734b009120d634e', tabIndex: 0, onFocus: () => this.calEl.focusLastFocusable() }), h("priv-calendar", { key: '6db36aebafb43d5a9fef8a108921b0a7baa5ae6b', ref: (el) => (this.calEl = el), startDate: this.calendarDate, focusDate: this.calendarDate, class: "inside" }), h("div", { key: '8b373c91819aedd18bd23086d286ba8409daa932', tabIndex: 0, onFocus: () => this.calEl.focusFirstFocusable() })), h("div", { key: 'f77269cd2e7bce953622c574e9541eded807f708', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '0d5de891b42a3d0b4ac38efa02eb6323719d86a3', id: "month-title", class: "sr-only" }, intl.formatMessage({
+            onToggle: (ev) => this.handleToggle(ev) }, h("div", { key: '42fb801ee8861ee9d69fd634b01961ca1e751d3b', tabIndex: 0, onFocus: () => this.calEl.focusLastFocusable() }), h("priv-calendar", { key: 'f6d60feb67ceb253069e3d81f1bc348a58a7c9e0', ref: (el) => (this.calEl = el), startDate: this.calendarDate, focusDate: this.calendarDate, class: "inside" }), h("div", { key: 'a8931fe7482dc487dc19cefd0eac43a6bcb5d2d4', tabIndex: 0, onFocus: () => this.calEl.focusFirstFocusable() })), h("div", { key: '7f934d9c1260c7660f9dd819c5a8c235c703e6cd', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '0db580e9920000ee2438d0a1a3d55c670dca029f', id: "month-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectMonth",
             defaultMessage: "Activate to select a month.",
             description: "Calendar button",
-        })), h("div", { key: '8044eaab6e1ed7b14164ecbab8adccd9cf10a8e1', id: "year-title", class: "sr-only" }, intl.formatMessage({
+        })), h("div", { key: 'aedeb3b51f4d5178022beb80feb69350019a94e6', id: "year-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectYear",
             defaultMessage: "Activate to select a year.",
             description: "Calendar button",
-        })))), h("div", { key: '84e8a07316eb505d1efb41426681c1c50fc57d84', id: "error", class: "error" }, this.errorMessage), h("span", { key: 'eaadadc2b5f4d7665573feff2cce7509e306b07d', id: "date-format-hint", class: "sr-only" }, this.dateFormat), h("div", { key: 'dd22ed0f5451379701210d29c460d832c388ac0d', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" })))));
+        })))), h("div", { key: 'd9b334efcd6a1a8732996af354ebb3732984a9da', id: "error", class: "error" }, this.errorMessage), h("span", { key: 'ef309d1f21a4e414bb6230bb29a6e2477faf092b', id: "date-format-hint", class: "sr-only" }, this.dateFormat), h("div", { key: 'f5487f9e59eb400483ef96362a549dc52e512404', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" })))));
     }
     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: '85c0c57f99ff0d6b1a3bee24b63724853f37f2b2', role: "list", class: "list-wrapper" }, h("slot", { key: 'a05f7e5ebb27e57a23713a7e029c0bdb18d89286' })));
+        return (h("div", { key: 'c071d6aff339fe632763b226dc5d91b8df4bba25', role: "list", class: "list-wrapper" }, h("slot", { key: '46ea0a9a4461767f65a186b8e929bf11daeeef40' })));
     }
     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: 'e825957afa878743760074bf8a75afc943432249', role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
+        return h(Host, { key: 'ab1ef1bbd89e7b604f627fd11db96917cef07821', 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

@@ -90,6 +90,11 @@ const Flyout = class {
     setFlyoutWidth() {
         this.el.style.setProperty("--flyout-width", this.flyoutWidth);
     }
+    /**
+     * @description Moves focus to the flyout's heading element. Call this after updating flyout
+     * content in a multi-step workflow so screen readers announce the new heading to the user.
+     * @returns A promise that resolves once focus has been applied.
+     */
     async focusHeading() {
         this.headingEl.focus();
     }
@@ -164,7 +169,7 @@ const Flyout = class {
         }
     }
     render() {
-        return (h(Host, { key: 'edef60d2bbbed2d457e1cc1b85aa3f6381084d5b' }, h("dialog", { key: 'be1c6a36c8bd59cdf45590402d24ba94271ada78', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '115b32676ca1215698eeaccac059a1730a65e16b', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: '45a0bc9e0c3366d2e35409712cc4f02566659373', class: "flyout-content" }, h("slot", { key: '4613ce4d6cac4126bb70ab6b0301b68294f0244f' })), this.renderFooter(), h("div", { key: '3646f8d1604cfdbdeb0ce3872431473943978ecb', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
+        return (h(Host, { key: 'eb123498c8c9452cae1d4c204842e45fb99a2aeb' }, h("dialog", { key: '17a8b8eea564bee116204049747e0e363e77007e', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '805423bf1ff579a534f05d10c7cc530f89d69c5f', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: 'cf31d451909506f531e753bc30c60bc2d0379870', class: "flyout-content" }, h("slot", { key: 'e9717213c3a2b075bb67296f5bff9793ec7c1eb2' })), this.renderFooter(), h("div", { key: 'ba7cf122b72c12e960bc606b463a045f38f2c1f6', 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: 'bce3b3c4252340f54f70ce0090ee9b43601338b3', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: 'eb078f570551eef008b151c6e109ab53bc2e6721', class: "label-wrapper" }, h("label", { key: '5e7890d8802f09854e353648f5e51852ec25f36a', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '29b03586a3302abb855c34740f44cb8331c433d5', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'c8fda1e852259ceeac78507cc751ff79f1573533', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '564f93368ac8a28d0bb91adc0d97e2e97d20cb21', class: "inner-wrapper" }, h("div", { key: 'ebc9be3527d6a264d4cb90bf59a51999aaf658ad', class: "text-after-wrapper" }, h("div", { key: '9f22cd67d191367ab015f1f7b18f40cd1af0296a', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '4113a8907719fb47d4cf2965c1c212d206ae1a3b', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: 'eed896950ced5aebfad101ec6559ebfd0e84e477', 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: '81a4a5fb4967223523b91e63775b8b4a30d951f4', 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: '9c484c909d8f1097d7033576fa9f2d7b655ccf0c', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: '8957eec57120ea823ecb2c0e2f6187ff7302a487', id: "info", class: "info" }, this.info)), h("div", { key: '1d9e53cc2f7c548ed8c1bafeb95da0a98eef07eb', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '88d7f2e6e22166d1f57e8f434436c065fb5aca89', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '62393dadb4a3bf923272b678cdcf218a52ca255a', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: '5b254a63c5a474fc7a0a8544ff2d20cea5b87455', class: "label-wrapper" }, h("label", { key: 'cddc497c136920c6386a7f55e64b92bc0547bf64', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '42a71d388c700611183a26f0035e866b7943c773', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'e2d227386607da6c0bd9999ac894498c1ed705b8', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '81b64d900744535fa8150e4ffe9e278e73171a56', class: "inner-wrapper" }, h("div", { key: 'cfa6eeb8d0ae7d6fb0f3dccbb96a58fee4e17fc3', class: "text-after-wrapper" }, h("div", { key: '6e466bd9c2361f62220dcf781515a6bea0fc5151', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '7417c97f30e2b4ec1757ee7bb50f2175966e57eb', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: '9d873bb593b164899c6d6146c639ffc06b86fcdf', 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: 'f7e8e36197895b8841c7021afb7eb1d7587620aa', 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: 'c50e0727a3127d1c86e87106570f2e4400776182', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: '69d3e5ec6a2ad384ee913199c7d9f2062bc66c5e', id: "info", class: "info" }, this.info)), h("div", { key: '712f1181f98267bc18b911dd757833c2a106a015', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '3e30d2aec52e47a6ba132946169fc5b900011c67', 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-line-chart.entry.js

@@ -525,7 +525,7 @@ const LineChart = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f8b9655526316c31766755e4f6d6d1bebf74ca24', onBlur: () => this.resetDataPointFocus(), onMouseLeave: () => (this.popoverIndex = -1) }, h("div", { key: 'e40a5a2be1ccdd02a1cc5bcaf160036de51d6ad2', class: "component-wrapper", role: "application", "aria-roledescription": chartMessages.interactiveChart, "aria-label": this.label, "aria-describedby": "chart-description" }, this.renderLegend(), h("div", { key: '93693d92797316a4b710099eb39a51477f83c289', class: "chart-wrapper" }, h("div", { key: '6b4b0286e86e5503354485e4da88f07555bc3a5a', class: "chart-label --y-axis", style: { "--labelWidth": this.labelWidth } }, this.yAxisLabel, this.parsedUnits[1] && ` (${this.parsedUnits[1]})`), this.renderYIntervals(), h("div", { key: '1c671ac79a8b3cc7cb6f70e8f3ed4c47ee36e0e2', ref: (el) => (this.plotAreaEl = el), class: "plot-area" }, this.renderVerticalGridlines(), this.renderHorizontalGridlines(), this.renderHighlight(), this.renderData(), this.renderHoverAreas(), this.renderSpotlight()), this.popoverIndex !== -1 && this.renderHoverIndicator(), this.popoverIndex !== -1 && this.renderPopover(), this.renderXIntervals(), h("div", { key: 'e2eb5d6934c9fbee7c6bebeedc7c67d3d896913b', class: "chart-label --x-axis" }, this.xAxisLabel, this.parsedUnits[0] && ` (${this.parsedUnits[0]})`)), h("div", { key: 'bfd19cab50f877f2bb141c62427e28dfc4d5b338', id: "chart-description", class: "sr-only" }, `${lineChartMessages.instructions} ${this.description}`), h("div", { key: 'bfd9e9ea8c8add713554e587b0a1fff5fabef4f9', ref: (el) => (this.liveRegionEl = el), "aria-live": "polite", class: "sr-only" }, this.announcement))));
+        return (h(Host, { key: 'acf06c018fdcc2a4fadca621ff30c4e751ca421a', onBlur: () => this.resetDataPointFocus(), onMouseLeave: () => (this.popoverIndex = -1) }, h("div", { key: '0875c154402f16ab666b0ce0d1f94bf64c9a8c9e', class: "component-wrapper", role: "application", "aria-roledescription": chartMessages.interactiveChart, "aria-label": this.label, "aria-describedby": "chart-description" }, this.renderLegend(), h("div", { key: 'ec7a7af542b83ed0a44a2321df1fbd63daa44de3', class: "chart-wrapper" }, h("div", { key: 'e3c0be9867090427e6f22400d89dfe70c6e37b03', class: "chart-label --y-axis", style: { "--labelWidth": this.labelWidth } }, this.yAxisLabel, this.parsedUnits[1] && ` (${this.parsedUnits[1]})`), this.renderYIntervals(), h("div", { key: 'e2b044e94333e2cfdb18755242422d860c21d475', ref: (el) => (this.plotAreaEl = el), class: "plot-area" }, this.renderVerticalGridlines(), this.renderHorizontalGridlines(), this.renderHighlight(), this.renderData(), this.renderHoverAreas(), this.renderSpotlight()), this.popoverIndex !== -1 && this.renderHoverIndicator(), this.popoverIndex !== -1 && this.renderPopover(), this.renderXIntervals(), h("div", { key: '50f05b93e40f6c04dcd3cb5aaebc3301f0f293b1', class: "chart-label --x-axis" }, this.xAxisLabel, this.parsedUnits[0] && ` (${this.parsedUnits[0]})`)), h("div", { key: '8003e1ab7e144fa78dfa01c3df54d72f50fb1426', id: "chart-description", class: "sr-only" }, `${lineChartMessages.instructions} ${this.description}`), h("div", { key: '27c5dd41e90238f22ba5987be52d274a2c6286a2', ref: (el) => (this.liveRegionEl = el), "aria-live": "polite", class: "sr-only" }, this.announcement))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -125,9 +125,9 @@ const ModalPss = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f88b5818e0bbd04790ebd3d2ad5ed7365cb4378e', 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: 'aa75d1fe486eb78c8a8f8a7981358ef957f96604', 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: '716de7445a0492ff71faf681d58beb801eb985d4', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: '311087d52cee10763ed87f5532559dc7fc620a26', class: "sr-only", tabIndex: 0, onFocus: () => {
+            } }, h("div", { key: '9261a0354ae19956d46d816532c487302cfd2883', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: 'f746291ba0e49265e418efc506aa023b55c28dfc', class: "sr-only", tabIndex: 0, onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }
@@ -170,7 +170,7 @@ const ModalPssFooter = class {
         parentModal.emitSecondaryEvent();
     }
     render() {
-        return (h("div", { key: '2bd45880c74b9cb8c470a2983bf1d46b9acb61a5', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: 'ce2d231765d334b03d6db9753591e72abf7efe9d', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '87a85ac4aa5514082c701111a9ec850d71034236', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'fbf829d3fa6ddda8fd8e20a402089258a9065836', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '06ec8889dcbe183da08c77d35a9a0d37be53510d', "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: 'a52ef670cf97eb4d152898d0893d7980a3017ae8', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '14761e4c8b346aa64ab3fcda9c30732a3f18f3bc', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: 'fb7411b87b34a4ff4081cda0520c14bd598e5333', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'af1a0e8a1ce71735c252a8700f334b4b05ec8811', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '55a18c788134ad22b90ec05ba8ab365b37649358', "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: '8de5b12e5695d10dd613903f686539d743659fe9' }, h("div", { key: '64316a6b7e6f254013e99d19f805e2cd9cdd5fa9', class: "wm-wrapper" }, h("div", { key: '24d7e5322e51a03af815ca52d96f97fcc3c248ab' }, h("h2", { key: '77be37c5914b42f32d84c69c1a7129c77612a380', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '17b87f65f5ef154dd04f4e814b54db3c9fefb5c2', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'cb32d3986b79bc75e14ae4cddaa96e8728117e29', "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: '04ee8b4b40cd449def589f8b7a3af74289273d2d' }, h("div", { key: '718fbd4188d2bfe7a671d548b149569c5bc28c21', class: "wm-wrapper" }, h("div", { key: '659db3df52655116df6adc60ead894f3bd815dc5' }, h("h2", { key: 'a7e11a02093e20fa6103cbe03a8dd1c8d6187245', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'c3f7e5923f6b161fd8b416050957b262e8539cd2', class: "subtitle" }, this.subheading))), h("wm-button", { key: '9fc53ae559afdf78354e6831e71e86517f726a71', "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); }
 };