@watermarkinsights/ripple 5.13.0-alpha.10 → 5.13.0-alpha.12

package/dist/ripple/wm-navigation-item.entry.js

@@ -8,7 +8,7 @@ const NavigationItem = class {
         this.wmNavigationItemClicked = createEvent(this, "wmNavigationItemClicked", 7);
     }
     render() {
-        return (h(Host, { key: 'a7271dc88ab31f751dc43c16bff601132ba6e609', role: "listitem" }, h("a", { key: '239856bd6e2fd5a1ccce2d5b24c9c4fde3e5e817', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '9da6247eac283c289981d490e1e4fe87911738b8', class: "icon", "aria-hidden": "true" }, h("slot", { key: '17dc50d5012d3a2d12f706cca37e52e03b2668b9' })), h("div", { key: '8caa9a56db4bab12326d745ce87d5bdeb43db7d0', class: "text" }, this.text))));
+        return (h(Host, { key: '604abe4629c0b3a2928c7d73379578d767a0decf', role: "listitem" }, h("a", { key: '7dd1a2450f12817d8bf848ee6e96e6cbbc7249b5', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '7e7aa35f823f3b6fe4898461f083756f8e89a11f', class: "icon", "aria-hidden": "true" }, h("slot", { key: 'a3f841d593124634af25763863794f5a854d6c3d' })), h("div", { key: '7ccd3d9ae4f2238e1428edd1c7c221d320493e31', class: "text" }, this.text))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-navigation.entry.js

@@ -101,9 +101,9 @@ const Navigation = class {
             } }));
     }
     render() {
-        return (h(Host, { key: '13caaa25b9250dd7b407cb0f17e37462fc5001f3', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '174e3a0ac159d659bfbaa77a07057b41b3fd9d34', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '6a8e4a22c0a8dcbe48124f99ffbc79eded30ff5a', class: "tray" }, h("div", { key: '68930e4d4d2cdcc3a61b87ae92efe5a89da47e8f', class: "toggle-wrapper" }, h("wm-button", { key: '93985e4b1762b2a416b3589411c7d95864945805', 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: '2814317e9df5355d6aa44cc1df266dfd3f2b3590', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '70c9225e6199aed113b4728f34afabf3c151ddb1', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '07ee2a1c4de3577e03969f7b1090524eb828044f', class: "tray" }, h("div", { key: 'fafec1a0a6b8b56cfc9c90f03e3b78ac068537cd', class: "toggle-wrapper" }, h("wm-button", { key: 'ebc0b699a4ffa1076f0e6bd73d47d216876192d0', 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: 'fe65c069a8dc5c58d1747f556edfbeb8655b38d5', class: "navlist" }, h("slot", { key: 'ddae91dc4933b7f7bfc280eaa80baf214dd268c7' }))), this.isCollapsible && (h("div", { key: '3cde242e49e71dcae56b907416732bc63e0589c0', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: '718647b0231b179e00c36545e8bc630535c15c41', class: "navlist" }, h("slot", { key: 'fcefea770f648abb858777aab111063e04bf6aac' }))), this.isCollapsible && (h("div", { key: '62559136e2753cbbe613f7e23d9914af090b0f1f', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-nested-select.entry.js

@@ -289,16 +289,16 @@ const NestedSelect = class {
                 this.isExpanded ? this.close() : this.open();
             },
         };
-        return (h(Host, { key: 'db01356ecbfcf212405c2bee375d2e4d1ee5a03f', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '64c596db0bfcf7c188e6a30c7264c79c52779b1c', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '338c6f9a239abac7ddde51a4b1bc3d554a76195b', class: "label-wrapper" }, h("label", { key: 'a9a465e50e6530a070d4911e9941d44dc25f1949', class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
+        return (h(Host, { key: '35b5a920424ccf73ba6c0f8b073660bc55f11d13', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '4a6083fd7d7a37484a11f76e23b09b38c45c5efc', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f04741975bfc4f279c599fce8c75d388b8c4cd1b', class: "label-wrapper" }, h("label", { key: 'a736b71a96766ddbc7a9117edc93a9c4f726cadc', class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { key: 'e9cb13f1dd2240a1339bdc9c18f8de6b0629f33c', class: "button-wrapper" }, h("button", Object.assign({ key: 'abc64ab87885c811e705b22749683fd458782ba7' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: '1131b4b62ebac39e3b4381ddafde892f87af63b5', class: "overflowcontrol" }, h("span", { key: '590897d8aaa494b2e0bf0c972eb581920c3b5003', class: "button-text" }, this.renderButtonText())), h("div", { key: '0423489acbcfb1e422ba8c691da5a97ea18afa18', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: 'bcb0b9ece154e607f3f27c2bbcec35034eb74b1c', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '53e48fb906cf68f1ba718fdf0cfb4927227d9658', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { key: '88d34f549955aff2a01d2023fc4c2891816ac79c', ref: (el) => (this.menuEl = el), class: "menu", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
+        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { key: '3b7e545c988aa5632f6642724c014833626cab84', class: "button-wrapper" }, h("button", Object.assign({ key: '25b334f4ca5c404caa0c0247bf55b4f5b413095d' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: 'c4d56e83b6b4c89dc0e104593fa92b9ba2a8c21f', class: "overflowcontrol" }, h("span", { key: 'b760eef949e5253468f13baff83667ee434d1951', class: "button-text" }, this.renderButtonText())), h("div", { key: 'db5f385e8000f44b7b9766a64d5cee7705f454f0', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '25e7af8324bd62bad0e695a607ed250979c16b4a', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '7934c8d583cd0d55c71e2c48178e6068f3493717', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { key: 'aab0cff0d97a087612183e537d440f723fa227cc', ref: (el) => (this.menuEl = el), class: "menu", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.renderClearSelectionButton(), this.optgroupEls.map((optgroupEl) => {
             return (h("button", { class: `menuitem group-btn ${optgroupEl.disabled ? "disabled" : ""}`, role: "menuitem", "data-label": optgroupEl.label, tabindex: -1, "aria-disabled": optgroupEl.disabled, onClick: () => {
                     if (!optgroupEl.disabled) {
                         optgroupEl.isExpanded = !optgroupEl.isExpanded;
                         forceUpdate(this.el);
                     }
                 }, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl), optgroupEl.disabled && h("div", { class: "disabled-indication" }, "Disabled"), h("div", { class: "svg-icon svg-next" })));
-        })), h("div", { key: '8f80f00b251d20cf0aae7c26ff39cf682cb620db', ref: (el) => (this.optListWrapperEl = el), class: "option-list-wrapper hidden" }, h("slot", { key: '46df95298b278a4efa2a200b1aa1bd425611e465' }))), h("div", { key: '3309ec5388c081f1c79a4e8f3abdc1578968ee6a', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { key: '4359af96fd331b2f5742accc5f2a3ec60b4304b9', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        })), h("div", { key: 'e232b3658388254d67f422d7c61cf5dd76b78b01', ref: (el) => (this.optListWrapperEl = el), class: "option-list-wrapper hidden" }, h("slot", { key: '21c9e76ac62b193033df6865b12554db5d6eecc9' }))), h("div", { key: '5f8031fb45f9db031883834330717dc59ef21720', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { key: '102c6d80ad7424b8d306125f06632b4316101533', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-optgroup.entry.js

@@ -55,7 +55,7 @@ const Optgroup = class {
         handleDisabledAttribute(this.el, this.isDisabled);
     }
     render() {
-        return (h(Host, { key: '708e8dd91644ea81bc1e94c0c1cbd78e46ebe231' }, h("div", { key: 'e3ba8915a3814f4fd311bbaeba2bd8dae4baec38', class: `list-wrapper` }, h("priv-option-list", { key: '5057fbd10bb6d50dbb687b3db516d31cdc35c1ca', ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, maxHeight: this.parentNestedSelect.constrainedMaxHeight, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, h("slot", { key: '56d61c57ec4956b27e81c68f1f814ac89a494911' })))));
+        return (h(Host, { key: 'bba30132f0e662bcfc6f9a4280558aa4426673f4' }, h("div", { key: '757e663ad18a9a451169f994f54faf8f9182e1d9', class: `list-wrapper` }, h("priv-option-list", { key: '1bfda628a518f2508084a2382cc7a2f19754859e', ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, maxHeight: this.parentNestedSelect.constrainedMaxHeight, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, h("slot", { key: 'd584feb13518107132003e262c5bcc818b677c5c' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-option.entry.js

@@ -158,7 +158,7 @@ const Option = class {
         this.parentOptionList.addEventListener("optionListSearchChanged", (ev) => this.handleSearch(ev));
     }
     render() {
-        return (h(Host, { key: 'fc6f21ef2f027e6e741350d745541f97ebb224c6', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: '248572bfc3028fc38f2e338a5faa81a5dcc45696', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (h("div", { key: '8df2243c9a7b180b11f3753a9a3826bb57fa525c', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), h("span", { key: 'a83038716262d805625fdd0784e53caaee4bb6ca', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: '90ed5ce8684a3fdd555a93601832bbcdc17cd68e', class: "sr-only" }, this.el.textContent)), h("div", { key: 'b445078dddebe488a8a8ca6b1b6a0b90c2a3555f', class: "subinfo" }, this.subinfo)));
+        return (h(Host, { key: '613fb3ff6678fbe5793a432817705b46c502ae06', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: '8f9e3e8a88bf839e6b5801f01e6b451d297bce55', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (h("div", { key: '82c0706404571fda0937308433b9def82f021666', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), h("span", { key: '8c657048302620555e49630a4adc94171894b0a3', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: '879fad664edef7a7188a8dfac862b29d7f78af42', class: "sr-only" }, this.el.textContent)), h("div", { key: 'bf5a1372a0daf05ef3cf8af196eddcaacd7ee049', class: "subinfo" }, this.subinfo)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/ripple/wm-pagination.entry.js

@@ -209,7 +209,7 @@ const Pagination = class {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (h("nav", { key: 'd1a36e52f3aa204a8eff673738ff7c1ebd5585d1', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '66a0a6cd146dfda7e77825aa47324cbffdcd9f12', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: 'b560fdf7586a80ce3e117d74d264e56afd7de42e', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '8d35b0f1049ac65751a14d96daef2cfcd5928765', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-progress-indicator.entry.js

@@ -94,7 +94,7 @@ const ProgressIndicator = class {
         }
     }
     render() {
-        return (h(Host, { key: 'bf7ce3daf7e0b36df590b3407ef6e165e8547b0b', onBlur: () => exitChart.call(this) }, h("div", { key: '3f0668884bf5c612802abfa9a3c7c8f7d1e7621d', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.mode} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: "0", "aria-roledescription": this.chartRoleDescription, "aria-describedby": `chart-instructions` }, h("label", { key: '92dfbec3c01ad3ba3cd13ed180644664a0a7c271', id: `label-${this.uid}`, class: "label", htmlFor: `graphic-${this.uid}` }, h("span", { key: '023e02506ed2167539499221698164b38aa983e0', class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.mode && this.renderBarOrDoughnut(), this.mode === "doughnut" ? renderLegend.call(this, this.mode) : "", h("priv-chart-popover", { key: '6a453e05e16eff49e657e49e381080edf59534c4', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.mode === "doughnut" ? renderCompletionMessage.call(this) : ""), renderInstructionsText()));
+        return (h(Host, { key: '05666b54ac54aa245610f80b91f44f15ab242b23', onBlur: () => exitChart.call(this) }, h("div", { key: '0bae0b3024cbf29cc8a6da5e68884004772c4380', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.mode} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: "0", "aria-roledescription": this.chartRoleDescription, "aria-describedby": `chart-instructions` }, h("label", { key: 'b43987a6beb4fb9526a59aefd5d7fb265fcff8f7', id: `label-${this.uid}`, class: "label", htmlFor: `graphic-${this.uid}` }, h("span", { key: 'ead5c96e6147c1461419914f46b3cc05b792b78d', class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.mode && this.renderBarOrDoughnut(), this.mode === "doughnut" ? renderLegend.call(this, this.mode) : "", h("priv-chart-popover", { key: '502cd128a387accac34456f289bb78802a52a650', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.mode === "doughnut" ? renderCompletionMessage.call(this) : ""), renderInstructionsText()));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-progress-monitor.entry.js

@@ -61,7 +61,7 @@ const ProgressMonitor = class {
         }))));
     }
     render() {
-        return (h(Host, { key: 'd7d2e9633d5755c0ea2df06d1f78c865cea42580', class: this.mode === "doughnut" ? "row" : "column" }, this.modeInitialized && this.groupLegend && this.mode === "bar" && this.renderLegend(), this.modeInitialized && h("slot", { key: '61378cceebbd20ca04207a849933d97bfc6e872a' })));
+        return (h(Host, { key: '402d49cded01a03166bcf88d9a97116fe36d4586', class: this.mode === "doughnut" ? "row" : "column" }, this.modeInitialized && this.groupLegend && this.mode === "bar" && this.renderLegend(), this.modeInitialized && h("slot", { key: '137935e1ee1337a58d7b09412522e4ab0bdcdf4b' })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-search.entry.js

@@ -191,10 +191,10 @@ const Search = class {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, { key: '76aa086f87fd11a886852b825028be6690366876' }, h("div", { key: '6a7013b6d09816c9d5b76baededa6062caaaa6c3', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '276bfb594c4ad82ee3a48871f1976cc84d45da48', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: '44fb666bb24ce19be5c1bb2b49da8e293d42f1de' }, h("div", { key: '134ffa5150ae4fbb63bffc6f2c34d42fad590205', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: 'ac167e75f10db71531d4b9beea9c9e2ff3e1bdb1', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
                 id: "search.typeToFilterResults",
                 defaultMessage: "Type to filter the results",
-            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '1f68a4970ddca8394e6aa7dfdba02330c33cae95', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: 'ecf4d93a8657957d48eb4a161dcd8e56f5b5901a', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
+            })}`, onInput: (ev) => this.updateValue(ev.target.value), onBlur: () => this.handleBlur(), "aria-autocomplete": "none", autocomplete: "off", value: this.value }), h("span", { key: '0c180be6082de7eddb06b2d15307fa85192915dc', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '794b85e73e667dabcf8c0004d8e44a16f7a4197d', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-select.entry.js

@@ -233,9 +233,9 @@ const Select = class {
             ["aria-expanded"]: this.isExpanded ? "true" : "false",
             onClick: () => (this.isExpanded ? this.close() : this.open()),
         };
-        return (h(Host, { key: 'fa575a1a3e63a5b400f07e5b342e2ef700d7dd68', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: 'baa4a47cbdccf5fd94472bfdcc31f16e3eb97845', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '52fe7e4efda1d5c61f71d83ea9bed610bf0ff7d0', ref: (el) => (this.labelEl = el), class: "label-wrapper" }, h("label", { key: '98d645b5f7ecf22fc223f6d8bafe95dbbfea01e8', class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
+        return (h(Host, { key: 'e37a1ce52a903991570fbf06cad2b17ccae703de', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '973d0197afb6fef37768c0ea86002b9be4a4e50e', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '7632bd4f20bc49fbfc3b4e7a9c8ed63d7a7a6f44', ref: (el) => (this.labelEl = el), class: "label-wrapper" }, h("label", { key: '20caf14eab2111ba2b8f86519e2ba99be2eee496', class: "label", id: "label", htmlFor: "selectbtn" }, this.label, 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { key: '6920615666eea2b8a61af7b9b64b448eb65bf7cd', class: "button-wrapper" }, h("button", Object.assign({ key: 'c385e83a0c57892035238e460d1078df41ac89a1' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: '1d35604ecda7a0d1ef62f6f9af430748391604c1', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: 'c179bcae48ea1b8735e81de0b2aa1cad8fb9e5be', class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { key: '3b51f7ffc08659adf56857c4c0414aef3ba66e86', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: 'b26a9e0108b55df4c23dfd2342abe22e917232e1', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '66364b66791fbd943d31b74888a812c67cb6d282', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '1850af252cd9fc96e8d877bf13af19aecf1709c0', class: `dropdown ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("priv-option-list", { key: '61bf8a45afd02dfb629249eddfa345ca39df2512', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => this.close(), onOptionListAllSelected: () => this.wmSelectAllSelected.emit(), onOptionListAllDeselected: () => this.wmSelectAllDeselected.emit() }, h("slot", { key: 'acb94468f563f07e9a04c894fccd1d9253a3f727' }))), h("div", { key: '376cee397212ea358c6f50f1b9933f18a2e129aa', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: 'a11c915809ba4ca0949ece8228aec56bc3b27de8', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : (""))), h("div", { key: 'a527d782f81eeeb771164cc0b7449b696f34196d', class: "button-wrapper" }, h("button", Object.assign({ key: '39ed454cbff5e73d98d36eefd6fb79320f0dc517' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: '658551325b10ae492b13018e57a7871497972f8f', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: '425e8afaf12ee7921219e5b2076156459570fc72', class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { key: 'c6bfe3c261ece6a4dfd6489fae77dd91b7730629', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: 'f9d3c5405c82d7724b074a197ca9c6f17acc1042', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '8452deceae0ecbcbf96a64c2d406aea66023b6ef', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'e5beb9e541348fe6127a058e60c4a292cbabb264', class: `dropdown ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("priv-option-list", { key: '2ff10a32e89a597176a96ac852dd6e1fe118fc74', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => this.close(), onOptionListAllSelected: () => this.wmSelectAllSelected.emit(), onOptionListAllDeselected: () => this.wmSelectAllDeselected.emit() }, h("slot", { key: '947c0114cae3a41d14f5d0ecfaf72a6e4c61f411' }))), h("div", { key: '50b156927292a726eac80a6035db6185483cdf35', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: 'de0b2e27d65056a691182397405c6eec7cb38fcf', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-snackbar.entry.js

@@ -162,11 +162,11 @@ const Snackbar = class {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link), notification.newWindow && h("div", { class: "svg-icon svg-open-in-new" })))), h("button", { id: `close-button-${notification.id}`, "aria-label": this.closeSnackMessage, class: "closesnack", tabindex: notification.link ? 0 : -1, onClick: () => this.snackDismissed(notification), onMouseEnter: (ev) => showTooltip("bottom", ev.target, globalMessages.close), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.isTabbing && showTooltip("bottom", ev.target, globalMessages.close), onBlur: () => hideTooltip() }, h("div", { class: "svg-icon svg-close" }))), h("div", { class: "sr-only", tabindex: notification.link ? 0 : -1, onFocus: () => notification.link && this.snackDismissed(notification) })))));
     }
     render() {
-        return (h(Host, { key: '84f79309931ac4e3cad0155444af89f72ae3d211' }, h("div", { key: 'e0631cbac4313083f06fe2f3588a4ed94bc021ae', ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: '23003d2dff16f54e3f8d9fcbe924058c0e23489c' }, h("div", { key: 'eafdca94ad9779b72e2576a210987408cdb5627e', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { key: '72f132ccfca3f12122535086d474d70c5013808a', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+            } }, this.renderSnackbars()), h("div", { key: '948ddf12bec333b1a88cfc9f2baa68cf0936ff36', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/ripple/wm-tab-item.entry.js

@@ -53,7 +53,7 @@ const TabItem = class {
                 "background-size": `calc(100% - ${bkgSize}${units}) 3px`,
             };
         }
-        return (h(Host, { key: 'd081db92266699841e3610a165247b7487dfd8b4', role: "presentation" }, h("li", { key: '7ea4b7e540272beeb97918453d3b650477acda82', class: "tab-item", role: "presentation" }, h("a", { key: '0df0562785099db106bdbbc3eb5f41a773c9f4af', class: `tab ${classes}`, style: styles, role: "tab", ref: (el) => (this.linkEl = el), onClick: this.tabClicked, id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1 }, h("slot", { key: '14c99b96a2cdb7099246fa3aa54a8b24cc0eb444' })))));
+        return (h(Host, { key: '1711c11246e52e27e71f30e566ab41683ee23cd4', role: "presentation" }, h("li", { key: 'f57bc99f98ff481689a68889e81c5925aa68892c', class: "tab-item", role: "presentation" }, h("a", { key: '76e051b18c17ea8367f74cc9a2b7b2b84d2ef990', class: `tab ${classes}`, style: styles, role: "tab", ref: (el) => (this.linkEl = el), onClick: this.tabClicked, id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1 }, h("slot", { key: 'e834ebba3c6c512ef7b1093d3c1ea298745fbf85' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-tab-list.entry.js

@@ -162,7 +162,7 @@ const TabList = class {
             } }, t.textContent)));
     }
     render() {
-        return h(Host, { key: '0d7838830fb150ebcc09abe4ef02af87046edf21', class: this.menuLayout ? "menu" : "" }, this.renderMenuOrTabs());
+        return h(Host, { key: '457d95719d7ab99677336d44c5bff02f5780a6af', class: this.menuLayout ? "menu" : "" }, this.renderMenuOrTabs());
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/ripple/wm-tab-panel.entry.js

@@ -23,7 +23,7 @@ const TabPanel = class {
         this.tabPanelLoaded.emit({ tabId: this.tabId });
     }
     render() {
-        return h(Host, { key: 'd49da17a1d082afda8da6520a2d716b2afe71df2', role: "tabpanel", class: { "tab-hidden": !this.active } });
+        return h(Host, { key: '0b7f81b627ce53b1ce496c4babd16bf74c57275c', role: "tabpanel", class: { "tab-hidden": !this.active } });
     }
     get el() { return getElement(this); }
 };

package/dist/ripple/wm-tag-input.entry.js

@@ -859,12 +859,12 @@ const TagInput = class {
         }
     }
     render() {
-        return (h("div", { key: '5179924285975bf64a80b56a0e9b4e53b18299c0', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '5a3aaec32372af105c38fff7ad93e3d8dece9a15', class: "label-wrapper" }, h("label", { key: '704114528b0667261afbb6eb260f31d73e71d581', class: "label", htmlFor: "input" }, this.label, this.requiredField && (h("span", { key: 'a8742c9a4cd01b099e1fdef2e6b5762e8a0e75d9', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: '907d43bafec224f7b6cd0f98b593385ff2402421', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'bf638fd4c4052f1cbe079d96c3f38887bc2b4c34', class: "upper-row" }, h("div", { key: 'eb3cf680184eae70c6f4c8743c65c4515a333176', class: "svg-icon svg-search" }), h("div", { key: 'ef49c390852f237d641ffc0c99aa7299c496552a', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: '3d73ccff4129ef44bb4661622fb8910133c9088d', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
+        return (h("div", { key: '7d8c886c6c3e1222b5b75f39abc0675b6d3c6391', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '773290cfa1656ecf851131cb51a277f86c7958fe', class: "label-wrapper" }, h("label", { key: '1be0c47a321fb9b401e977595c1227e3f66df056', class: "label", htmlFor: "input" }, this.label, this.requiredField && (h("span", { key: 'fdb58e1f11e67c041961ea773880937f5c9595a4', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: 'a1c677b7cdd2f2462541ee54b3c9e2b8dbf8de04', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'ddf599d183d941327bed5e2fee01e7203d18b139', class: "upper-row" }, h("div", { key: '54d35cbfd2cdd5e6d18ed96391880ffcffdbd79b', class: "svg-icon svg-search" }), h("div", { key: '259e667e4b5597b8845d7d022b66dbaeac1a2862', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: '67e003d45ed9c278626de2a95e4a0fb8acbdd194', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
                 this.focusedTagIndex = undefined;
                 this.handleBlur(ev);
-            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { key: '3639405da24d1f0cfce1f3f0a4a26bb21f9e215b', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { key: 'a0fdcf2f8f9f6b919e854ddcb3db5f2f47b781a0', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
                 this.handleBlur(ev);
-            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: '8df41aafe164bb32c480c39a9b9a880b1fa9736f', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: 'fd610c005e09f0c71cbb75d05b819e876f1c911d', id: "info", class: "info-text" }, this.info)), h("div", { key: '379595c3ab805d4f85b2c1fd3d368cd3a1c7f495', id: "error" }, this.errorMessage), h("div", { key: 'e2874814e79b66e71b7c4f9adea0556d05e2087f', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: '18d2eae04010daa298a74f78f1b9518497a4479e', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '5f4c1611560dedb1f1bf7b0ccdafd2034b64e308', id: "info", class: "info-text" }, this.info)), h("div", { key: '4e7a79722863aa2db7278bebe58dd1fbe76f6f3f', id: "error" }, this.errorMessage), h("div", { key: '10c7818043b3d9dc85341f9b0107cee9199aa780', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -66,7 +66,7 @@ const Textarea = class {
         this.announcement = message;
     }
     render() {
-        return (h("div", { key: '19d230dd662aecc8daecb8b530bbdb6cc015e59d', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '4713ca6aee901db128ade16321a5175ab090dde0', class: "label-wrapper" }, h("label", { key: '9430f4e8713a7b1b9aaacec68d6e7436b8db9774', htmlFor: "inputfield", class: "label" }, this.label, this.characterLimit && (h("span", { key: 'aa8ae624c56a914d46d98b17b82f08c4984d87ce', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit))), this.requiredField && (h("span", { key: '81ff5aca08b028e7807b40e862f35a8f664d7c3b', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: 'c95b5e3565514eb08499673120fafc1a301045c4', class: "inner-wrapper" }, h("div", { key: '6415935ccc7733c609529c01012769fa1af474c6', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '7ecb61c91cd14a467007adc79f1c38f305dd05a8', 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: '19e1832bbf934e9ac9e00c37b429ce84e24aa2af', id: "info", class: "info" }, this.info)), h("div", { key: '324aa176b69408cf9a646352b55a0b3e6a2aa4c0', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: 'e748738dbdc657433bcac62bff476a589e90988e', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '51737864a8a2007cd82214adfb9917318eac76ae', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '5dd0a741e86fd626019c3ccfb25cb2741c405a65', class: "label-wrapper" }, h("label", { key: 'a3843d5240a623a31725bb94d73a80616a6c7f70', htmlFor: "inputfield", class: "label" }, this.label, this.characterLimit && (h("span", { key: '5d9e488db01668a794bdaa1c0b8b2d29c94874b4', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit))), this.requiredField && (h("span", { key: 'cfca0f1f18ddc808dd90d300d35de54918aaea80', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: '3d91905f9dd67127c4f84ecc4d5bc8eb011a12e0', class: "inner-wrapper" }, h("div", { key: '603c2ed498216be12a757d1725c96d25a726f1fa', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: 'cdeaa4d4dd779682a7bcc9118119ce120d82489e', 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: '32e14b8d7bc414f4d75d6dbce66805c6c8658574', id: "info", class: "info" }, this.info)), h("div", { key: '6bb6d301754a4305704eab7db1285e60d6ebae91', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '9c01d2c255d163bc461cd8cffdf8530831b6858e', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -279,13 +279,13 @@ const Timepicker = class {
         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: 'b54b5e2742d0ea7f6310a62227b7d6bee91e5c5c', onBlur: () => this.close(false) }, h("div", { key: '6a6e385b5de2dfd0d158fe97243cae5fb3a7f418', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '0285d6cd59e8bc1d5c3a9c99c5d983fb9b2c4a8f', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '43fde16d53cc5deee936c4df28fd864d5350f9ef', id: "label", class: "label", htmlFor: "time-input" }, this.label, this.requiredField && (h("span", { key: '3670aa56d5f04f475183a26e2fc23e1687e509a2', class: "required", "aria-hidden": "true" }, "*"))))), h("div", { key: 'd6f7f136153a4f6fe0e275cd783fb0395a8d02a4' }, h("div", { key: 'eb5e00c4992c9045eeae3b1dcdb515e35c36df90', class: "inner-wrapper" }, h("input", { key: '6e75a7c134ef9bb3097b9ed2146ba50b3adcd1af', 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: '0aa7b64120fc225be4d7a9c655111a982a662fa1', 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: '75c58eb3889b4608731626a626c3e258d0ec847f', onBlur: () => this.close(false) }, h("div", { key: 'ca41df7312aee146f9bba55a014db11a4bc7bdca', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: '9b23e549863796691cd801d1f7dc4aa2647cd500', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '0a2962b5f6012d7e574a7514c754fd50c6d799a3', id: "label", class: "label", htmlFor: "time-input" }, this.label, this.requiredField && (h("span", { key: '4dd27ce330c1576bcd95c414686504e843b7f383', class: "required", "aria-hidden": "true" }, "*"))))), h("div", { key: 'f25c696ee97660f53339083b8fd8350c6fef3709' }, h("div", { key: '09a6c2e7d95170af417bfb9ec25ba8a57532d666', class: "inner-wrapper" }, h("input", { key: 'c5ab576ef84f9909530fd0ab04f634019ce8ac9a', 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: '9669a42ba3897487e8c5ba2096ccbd69431ed6d0', 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: 'c1ab58c07d4189fb306216802b76c50f97edfad0', class: "svg-icon svg-time" })), h("ul", { key: 'c6c2e1b64a92ba180ff631ef870a80d49855c978', 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: 'a8123a4be3a3750c2ca20e3e93ef100e865d1388', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '1856982b7ff516a98bab9233d8b444237f231ee8', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, h("span", { key: '1895dd0bb547ff6538c7c9c71ef908789cf0a063', class: "svg-icon svg-time" })), h("ul", { key: 'ff29ad47af475536ee5ff28b331d119a1a62d34f', 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: '1bfc84ec0632852c000dc94ef8e63ec55689174e', id: "error", class: "error" }, this.errorMessage)), h("div", { key: 'd7c1b581e3441cadeb547f29399aee7412011670', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -164,9 +164,9 @@ const Toggletip = class {
         }, 10);
     }
     render() {
-        return (h(Host, { key: 'd9137cf9c5a744f3dfb869531af1dac8ae8c391e', class: `size-${this.targetSize}` }, h("button", { key: '886773ab9c83d516009d170b319c3b0e8d43ffba', class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => this.open(),
+        return (h(Host, { key: 'c4f1f99b1b4991ef7bef8763f36cf684100e44ec', class: `size-${this.targetSize}` }, h("button", { key: '9ca73e3a4d53c58ed96c148a6c1c184d2360bd35', class: "button", type: "button", "aria-label": this.label, popoverTarget: "toggletip", popoverTargetAction: "toggle", onClick: () => 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() }, h("div", { key: '198f5122261b7deb1dff29e93293f2ce1761c3ce', class: "svg-icon svg-info" })), h("div", { key: '5eb07951485df634ca6a6865ecefaa728567de67', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip" }, this.tooltip), h("div", { key: '3c00527e595ccde7e4a394468f048cb057b84a92', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+            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() }, h("div", { key: '46e7410232d32cac61fe4cd29a195fcd689251d7', class: "svg-icon svg-info" })), h("div", { key: '9a689f66818b357e2729654099a52075a624f5f6', popover: "", ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.targetSize} ${this.isHidden ? "hidden" : ""}`, id: "toggletip" }, this.tooltip), h("div", { key: 'd792b4e03c3628cd44978e63969cb780481d8003', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -298,9 +298,9 @@ const Uploader = class {
         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: '87d9f84e904424e7ec58db69397bc4481fbdcbb7', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: 'c51507ef1f945ac2609d3f491918462e33b0ed47', 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: '526e31f28091186890b8f8e842dee071f989b064', class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '688b7d26a22a3c82b5cc1da35b139e9d76474aee', 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: '3398c15b3a5ecb849cbe46447845a06251a1f21c', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), h("div", { key: '4a6478eacb3f63102d387bfd7e65190139a8636e', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

package/dist/types/components/wm-flyout/wm-flyout.d.ts

@@ -32,6 +32,7 @@ export declare class Flyout {
     debouncedCheckBreadcrumbOverflow: (this: any) => void;
     checkBreadcrumbOverflow(): void;
     handleOpenChange(newValue: boolean): void;
+    setFlyoutWidth(): void;
     focusHeading(): Promise<void>;
     handleKeyDown(ev: KeyboardEvent): void;
     handleEndBookendFocus(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@watermarkinsights/ripple",
-  "version": "5.13.0-alpha.10",
+  "version": "5.13.0-alpha.12",
   "description": "Ripple Component Library",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",
@@ -61,5 +61,5 @@
     "@types/jest": "^29.5.12",
     "jest": "^29.7.0"
   },
-  "gitHead": "471f441433e4b7a546e4ca977c46ffd1eea6bb41"
+  "gitHead": "9fac6479599dfabc7bad73bb4e96b697507aa8e0"
 }