@watermarkinsights/ripple 5.22.0-alpha.4 → 5.22.0

package/dist/collection/components/datepickers/wm-datepicker.js

@@ -244,23 +244,23 @@ export class DatePicker {
         this.liveRegionEl.textContent = message;
     }
     render() {
-        return (h(Host, { key: '83455f9c9046c1b63a0d4a75c32e71566792034f', "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'c0fe8792071584db17fd0388190a83f99cfa9e75', ref: (d) => (this.dpWrapperEl = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'e9cff92f79f21aad4b201658a8e96566c98ee980', class: "label-wrapper", ref: (e) => (this.labelWrapperEl = e) }, this.labelPosition !== "none" && (h("label", { key: '3819fc7554853ab6e7bfd52c161cfbebd4030ce2', id: "datepickerLabel", htmlFor: "date-input", class: "label", title: `${this.label} (${this.dateFormat})`, onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: '55e92d2dddffd4feab86a170e1305952931a6a03', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: '90b0465d5cfbf542816a18cad8b0f474a1d3da55' }, h("div", { key: '7485a2e48eae35e68908760d0192290f4ed9d0a9', class: "single-wrapper input" }, h("input", { key: 'da3c6f17634d343a41a0295442e3005f027c8841', 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": "error", "aria-label": this.label, "aria-required": this.requiredField ? "true" : null }), h("div", { key: 'f9a4d91b3ff10f38c0ff9163cc3c24129982dcc0', ref: (el) => (this.buttonContainerEl = el), class: "container", id: "wm-container" }, h("button", { key: '57a9bb0b781af2d30ff39fc93ad180b7fec054a4', disabled: this.disabled, onClick: this.togglePopup.bind(this), "aria-label": intl.formatMessage({
+        return (h(Host, { key: 'e708a7b702e16ab896628a40da86ab055f470239', "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '95a725cba2a6584498d6b4bdd06528b6f503b0e6', ref: (d) => (this.dpWrapperEl = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'd9c06fd00f24195c975098879221347aa3d15bf4', class: "label-wrapper", ref: (e) => (this.labelWrapperEl = e) }, this.labelPosition !== "none" && (h("label", { key: 'a0415f77ff7b905e046b683c0f812207b33cd9b5', id: "datepickerLabel", htmlFor: "date-input", class: "label", title: `${this.label} (${this.dateFormat})`, onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label)), this.labelPosition !== "none" && this.requiredField && (h("div", { key: 'f9f5b2dffd291ad9ef8efa549cbe188cdd91ab46', "aria-hidden": "true", class: "required" }, "*"))), h("div", { key: '5de094b2394f9517aafbf2a354e08b8d28812d54' }, h("div", { key: '2db3f838409242080ca11817e6e7edd74cd63f5f', class: "single-wrapper input" }, h("input", { key: 'cf2d4bee304b2c8fe8f0ed17265d94a8e0c7f750', 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": "error", "aria-label": this.label, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '95a4200f59d4e590440ca26e1778a07e65cad511', ref: (el) => (this.buttonContainerEl = el), class: "container", id: "wm-container" }, h("button", { key: 'fef2ff2c96d6f4acabaeeb41f777268ccbbdafbb', disabled: this.disabled, onClick: this.togglePopup.bind(this), "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" }, h("span", { key: '0cb9f751b4e428314b9e2a383f8a259183acb37b', class: "svg-icon svg-date" }), h("span", { key: 'd9ac9a4d6fd54e5e0f1b3fafa828559646949d5c', class: "calendar", title: intl.formatMessage({
+            }), "aria-describedby": "single-date-input", ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle" }, h("span", { key: '8840e4a6e51836b8202e886c996c40450dff54f4', class: "svg-icon svg-date" }), h("span", { key: 'ae9853231c111e69b1fb5bc2da1ad1338a8ddff6', class: "calendar", title: intl.formatMessage({
                 id: "date.calendarView",
                 defaultMessage: "Calendar View",
                 description: "Calendar button",
-            }) })), h("div", { key: '184e629137c2e80c7eeb5f8760bc68749f84dd7b', class: `popup-wrapper ${this.calEl && this.calEl.view}-view ${this.openUp ? "expand-upwards" : ""}`, id: "popup-wrapper", ref: (el) => (this.popupEl = el), onClick: () => (this.popupClicked = true) }, h("div", { key: '3932064e0eb8d766aeee2209955fdd27334e4ffa', tabIndex: 0, onFocus: () => this.calEl.focusLastFocusable() }), h("priv-calendar", { key: '30d83c7383fb609826e64faf75b2f082737862f9', ref: (el) => (this.calEl = el), startDate: this.calendarDate, focusDate: this.calendarDate, class: "inside" }), h("div", { key: '6073453ccbea46e8ebc0a7f2af20a05b970eadad', tabIndex: 0, onFocus: () => this.calEl.focusFirstFocusable() })), h("div", { key: '51799e77c886638ce8bbe767efec59c03051e0d4', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '7bdef2efb413030625e4aa411715805ada1354bf', id: "month-title", class: "sr-only" }, intl.formatMessage({
+            }) })), h("div", { key: '7fa85ff7fb7c8c0ef74792afbfa4963c748c6faf', class: `popup-wrapper ${this.calEl && this.calEl.view}-view ${this.openUp ? "expand-upwards" : ""}`, id: "popup-wrapper", ref: (el) => (this.popupEl = el), onClick: () => (this.popupClicked = true) }, h("div", { key: 'fb71ae8319b5867b521ff45b983c8dd92368a5ff', tabIndex: 0, onFocus: () => this.calEl.focusLastFocusable() }), h("priv-calendar", { key: 'b5d831730977c2f23013b5173bfe4819e870c7fd', ref: (el) => (this.calEl = el), startDate: this.calendarDate, focusDate: this.calendarDate, class: "inside" }), h("div", { key: 'e988546871ed5520f8ba1c175b144afef8e8a3da', tabIndex: 0, onFocus: () => this.calEl.focusFirstFocusable() })), h("div", { key: 'ed118033c782ffdf40f2cec2d014215bbf8b7f8f', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '5ccca72007a577bf6c7652dcce65c38c7d6142c6', id: "month-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectMonth",
             defaultMessage: "Activate to select a month.",
             description: "Calendar button",
-        })), h("div", { key: 'c820823ae691ace75019ce8f05eada9fe9258609', id: "year-title", class: "sr-only" }, intl.formatMessage({
+        })), h("div", { key: 'cd0f6ae54b21dff099969f83699670e324919d45', id: "year-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectYear",
             defaultMessage: "Activate to select a year.",
             description: "Calendar button",
-        })))), h("div", { key: 'dd428b97471466199b2783234813d1c7a6ec546e', id: "error", class: "error" }, this.errorMessage), h("div", { key: '01bf851dbfef15886e44b364287984a9357241d7', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" })))));
+        })))), h("div", { key: '66b8fe166a802681107b0546ec615ffaa4d6e280', id: "error", class: "error" }, this.errorMessage), h("div", { key: '71fdd1819720a5b6f91d25c37f2b1011ead21c3d', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" })))));
     }
     static get is() { return "wm-datepicker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -367,7 +367,7 @@ export class PrivOptionList {
         return (h("div", { class: "non-options-wrapper" }, this.isInNestedSelect && this.renderReturnBtn(), this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton()));
     }
     render() {
-        return (h("div", { key: '01cfda19a94fd32e7e6ffdd254f15e8892a13527', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: '2c4e2d66a3458bf9d54ee2f8451e6c52dade91d8', 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: 'd336140d727b053edff401eb5026d07c77f5cdef' })), h("div", { key: '3c21902d641b645fd83489f1f718b4719cce59cf', id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        return (h("div", { key: '46915426478191fda868fc3ca81060a7cee63d59', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: 'e26ad92628a26d2083b5a3271d180d2a6559accc', 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: '0ee2cd14b6f2197d955012a4f6f9d0050463e4d0' })), h("div", { key: '20b1f1e65597a720ff92478381dd970a772913ca', id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get is() { return "priv-option-list"; }
     static get originalStyleUrls() {

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

@@ -291,16 +291,16 @@ export class NestedSelect {
                 this.isExpanded ? this.close() : this.open();
             },
         };
-        return (h(Host, { key: '0a1e350bb54bd55cd63453bc7a62c79f9fe2cffe', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: 'c39f5c39105186a6becbcd06f93ae62b75e06f5a', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '3a8893cd1ad69abafc85987001a82e1801879895', class: "label-wrapper" }, h("label", { key: 'a2214f07dcc56e805cea3308b1c8ad8c4de1c1ef', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
+        return (h(Host, { key: 'dc5487e9db05047df15491b76ec7260b41e75708', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '2c44a15c29ec734589bb14ec507c4b30dc3b9aaf', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f78d92251a60939e63e7357ea6f712f196f9a6e7', class: "label-wrapper" }, h("label", { key: '65786c470f4303dd9b11bafa98798f7393a7225c', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.requiredField ? (h("span", { class: "required" }, h("span", { class: "sr-only" }, globalMessages.requiredField), h("span", { "aria-hidden": "true" }, "*"))) : ("")), h("div", { key: '41d6a46a4d6875205a5c7000915cfa79828199e7', class: "button-wrapper" }, h("button", Object.assign({ key: 'f52847e0ce5a0c85d4c5753a5922da146cbb25a5' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: 'ea3b300e83dfd659fa728ea8826f8663b7b509a3', class: "overflowcontrol" }, h("span", { key: '7b40fea61b005aede5173690b8ac056209b27587', class: "button-text" }, this.renderButtonText())), h("div", { key: '09c0b29901123c4b00e32a375e17218d68af0a19', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '2912d5c58cfffc0ee1d9e2d681b89f70f6a1bb68', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '64e5c65e8af0445cdd2933ee7e8027d10c03d829', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), h("div", { key: 'ba31768e22153c41c2eecb6de7e9de5420bc446a', ref: (el) => (this.menuEl = el), id: "menu", role: "menu", class: this.isGroupExpanded ? "hidden" : "", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, 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: 'c7d1c897c6b8b0ff2dc435d8e0e62b949aafd668', class: "button-wrapper" }, h("button", Object.assign({ key: '2294d021e33e1f1c21265d3316b343ec347e0b42' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: '83dcbcf0abaa22620daf4457f930e036a8ab58db', class: "overflowcontrol" }, h("span", { key: '6b2fe73254f8eb40bf60613017396d5e6bee93b1', class: "button-text" }, this.renderButtonText())), h("div", { key: 'a951b39a068d9fd9bc5feb1862558290abe1e7c4', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: 'b6355ac95e921a6cffa8c9cda1d864aee9a1a9cc', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'ac26ee37fce4396b4d71ca5444c2a702eeec875b', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), h("div", { key: '8875760f0a472ea48fa0edf215f9311a94bbe48f', ref: (el) => (this.menuEl = el), id: "menu", role: "menu", class: this.isGroupExpanded ? "hidden" : "", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, 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("div", { class: "option-text" }, 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: '02a98c5b1defbea903b342f8b38f39986c687170', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, h("slot", { key: '79dd9780df96268a4c2c04ef78d45b14462ab3e5' }))), h("div", { key: '2ebac56be3a30480d4f1d476ef8fc241169e1075', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { key: '6842a3f6062ba4d79e2d539f88d187d51478c72b', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        })), h("div", { key: 'bf055f6570f0bd2462dc0f73977fb220bd413f96', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, h("slot", { key: 'cab4760d557a4a9cb004e5d1feb860505c2a7835' }))), h("div", { key: 'aa85f502c10e0c4571018def2bf5dced36f397c4', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { key: '4a8b4030be1627fad5e6d555c85a78d7de08c030', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get is() { return "wm-nested-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class Optgroup {
         handleDisabledAttribute(this.el, this.isDisabled);
     }
     render() {
-        return (h(Host, { key: '7c310f384ca367c49fea1dfee2638ba4fb00eba5' }, h("div", { key: '58f81aa34832a2dff3e1eb4d65e3b212a00521b4', class: `list-wrapper` }, h("priv-option-list", { key: 'd3a618f8369f3bf7d589f33c858de9354a65adb2', 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: 'ebbc67c87d1745350c2aff0c69fcc411f69a5b06' })))));
+        return (h(Host, { key: 'd77bf14f995daa7ee2809e248824722f786d1bd9' }, h("div", { key: 'a695e5a0c65767922d05eb38085a81737b1b840e', class: `list-wrapper` }, h("priv-option-list", { key: 'a0eb3e7a12e61b1508f16d20bd7dbddfb2724f38', 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: '106a06b63cccf8436616efd341e22e863021007e' })))));
     }
     static get is() { return "wm-optgroup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -143,7 +143,7 @@ export class Option {
         this.parentOptionList.addEventListener("optionListSearchChanged", (ev) => this.handleSearch(ev));
     }
     render() {
-        return (h(Host, { key: 'd26e8bfc356e68f71747c97ec999ebfe80aa81f9', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: 'b20cd4ea1e33c17c5603e4439465239d2983a7af', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (h("div", { key: 'e8f9195ee5f0e773ac0beeda221a4ef696ce2ae9', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), h("span", { key: '3ddca0ac8271eaefcea4f15ee6f68eb5101876bd', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: '059df85edccf6a947f9c281835325a6eeeaa0457', class: "sr-only" }, this.el.textContent)), h("div", { key: '615335972019fe8c39dd287211ce3ee39770ff13', class: "subinfo" }, this.subinfo)));
+        return (h(Host, { key: '3bebc22b8d9c2f28d6d4a40202dbbd5bfcd881a2', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: 'a65b8024c460fc76a188847c383c813110cf9ae1', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (h("div", { key: '9bb2af43b87a04158ac30263c766d1997ae13902', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), h("span", { key: '341516525f8fd5eb4e389eda55ec336961d4010e', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: '69c48602a0954b55ae50f441417e7088ae2f6550', class: "sr-only" }, this.el.textContent)), h("div", { key: 'd9f8a9a104849c65a1e13482a028e0c7b181f54f', class: "subinfo" }, this.subinfo)));
     }
     static get is() { return "wm-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -314,14 +314,14 @@ export class Select {
     }
     render() {
         const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
-        return (h(Host, { key: 'e58f2afa4361d7e27f94175a32acb0f93701cf76', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '13de69b572a4af34c1abc0002bbc8a87dc7d521a', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'd234f604a3f94f843617733f6a8f5baaabc098d3', class: "label-wrapper" }, h("label", { key: '9dac4166a74898241e6422cd93023e5980d015bf', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
+        return (h(Host, { key: '7fb824eaafac8e737e8bafb76e6bbac60cf652d1', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '19cf9096a6dd9e534aa35e1aa2ad318cc71f0a17', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'b0c98aeb4a346745064fbbf214fb6647b2a9f32b', class: "label-wrapper" }, h("label", { key: 'fc1fde9175b1e661a6f08a0fcc35aa06a405bca9', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.requiredField && (h("span", { key: '788b4c52a1e59bfb425f909374f722b5856b8fb3', class: "required" }, h("span", { key: '95cbdb98f925a5b80579a77147151903f2f63618', class: "sr-only" }, globalMessages.requiredField), h("span", { key: 'ca3dacb55461f2cd7f5b81c746e5b70d8bd82f27', "aria-hidden": "true" }, "*")))), h("div", { key: '65cb0cbfe742c251b082adc84af5648a54ff4f12', class: "button-wrapper" }, h("button", { key: '8731a753912360eeb0ed4b60019463bf4398f8ae', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, h("span", { key: 'e8d751bedfcc1922416fc177f43153ed2dfa0f84', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: '104277dfd731f7138889d573ad33ab7e5f8f4ffe', class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { key: 'cddb5d3cb91877c2adf73978e2e3114e3a148999', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: 'e4e76e115d85e4a3d24a17d762dec65091c14c69', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '910df5182752522e9a709afbbb9d885b4cb93f46', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '620f6414a70890323eb11958ff2c17415a86e437',
+        this.requiredField && (h("span", { key: '2a322ba30403a27e5f4be402143d5ccc1c5ed134', class: "required" }, h("span", { key: '3461e69bc5773cc2d635aa16b739580314a2bfe6', class: "sr-only" }, globalMessages.requiredField), h("span", { key: '435cd8abf9909ac43455c150c1e8ab7b7c3ee014', "aria-hidden": "true" }, "*")))), h("div", { key: '247e8b19ad5fb48e4f1152e67780218b201c9064', class: "button-wrapper" }, h("button", { key: 'a69404e36e8bbafa5bbd7c9f1c6e381571ce6240', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, h("span", { key: 'da21f5b17347388d719c32f49ffb06878fa5102b', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: 'c65e84dbf79866af02242917a91146cb85cda6e6', class: "button-text" }, this.renderButtonText()), showSubinfo && h("span", { key: 'f57f44de3f21a331b7e996a823a4d88b53835eb0', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: '44a7fade429711e38e95abca8d165c1d1cf0ff6c', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '07ad0b8a3e260c58b1291e64d3db2498cb0e503e', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '745291f917c50256155e3a208791417467b25f88',
             // is-open is for the CSS transition in modern browsers
             // hidden is to wait for position calculations in Firefox
             class: `dropdown ${this.isExpanded ? "is-open" : ""} ${this.isHidden ? "hidden" : ""} ${this.openUp ? "upward" : ""}`, id: "dropdown", popover: "auto", ref: (el) => (this.dropdownEl = el),
             // @ts-ignore -- don't tell typescript but we're in the future
-            onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: 'a059818c76eaad5b43895e30cc9a40ada0bc3ffa', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
+            onToggle: (ev) => this.handleToggle(ev) }, h("priv-option-list", { key: '185863f82957568eef29a5180afcd0973c5616ad', ref: (el) => (this.optionListEl = el), multiple: this.multiple, search: this.search, selectAll: this.selectAll, maxHeight: this.maxHeight, searchPlaceholder: this.searchPlaceholder, onOptionListCloseRequested: () => {
                 this.dropdownEl.hidePopover();
             }, onOptionListAllSelected: () => {
                 this.returnFocus = true;
@@ -329,7 +329,7 @@ export class Select {
             }, onOptionListAllDeselected: () => {
                 this.returnFocus = true;
                 this.wmSelectAllDeselected.emit();
-            } }, h("slot", { key: 'a8f910407e5bbba4b5d6e004f2114f2519c56454' }))), h("div", { key: '13651a1650697c9860718e4665dbf300ab6e5faa', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: 'f627a9e7035ea2f2df40493242965d2e15184de9', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+            } }, h("slot", { key: '580139ee9425c0fe550c793aceddc85b2c4ff472' }))), h("div", { key: '5a99e8a6087b883dba4f97b9ee2a77ed65ea900f', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: '01137653e4eeb06386250a901c5663cafd679d08', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
     }
     static get is() { return "wm-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -190,7 +190,7 @@ export class ActionMenu {
         return null;
     }
     render() {
-        return (h(Host, { key: '1b8e3626cfe3e94e978a5027a726621e38c18a45', onBlur: () => this.close(false) }, h("div", { key: '6ba7b43d42620a686783424efccc1741a8c4586c', class: getTextDir() }, h("wm-button", { key: 'f44fc8c9b988d25d8dc5fb42679bfb2eb8a9f206', "button-type": this.internalButtonType, tooltip: this.tooltip, "custom-background": this.darkMode ? "dark" : undefined, "label-for-identical-buttons": this.labelForIdenticalButtons, icon: this.actionMenuType === "icon" ? "#more-options" : "", iconSize: this.actionMenuType === "icon" ? "24px" : undefined, id: "menubtn", onClick: () => (this.isExpanded ? this.close() : this.open()), onBlur: (ev) => this.handleButtonBlur(ev), disabled: this.disabled, ref: (el) => (this.wmButtonEl = el), "tooltip-position": this.tooltipPosition || this.horizontalPosition, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? "true" : "false", "aria-controls": "menu" }, this.buttonText), h("div", { key: '837961a084c57516e58e1d1991408a4591a7aaa8', class: `dropdown ${this.openUp ? "open-up" : ""} ${this.horizontalPosition} ${this.isExpanded ? "open" : ""} hidden`, id: "menu", tabindex: -1, role: "menu", ref: (el) => (this.itemsEl = el) }, h("slot", { key: 'dd4244cd879e7b5c7ffe7995601b8788980f99c5' })))));
+        return (h(Host, { key: '6c215ca92b7775278392baade1cbd7238fec554c', onBlur: () => this.close(false) }, h("div", { key: 'd38c5a3fc3cd5faaaeff2e7f5e1e23a7ea7ec1ab', class: getTextDir() }, h("wm-button", { key: '4570f3978bd74038a1832c3bd1583c630eb195f7', "button-type": this.internalButtonType, tooltip: this.tooltip, "custom-background": this.darkMode ? "dark" : undefined, "label-for-identical-buttons": this.labelForIdenticalButtons, icon: this.actionMenuType === "icon" ? "#more-options" : "", iconSize: this.actionMenuType === "icon" ? "24px" : undefined, id: "menubtn", onClick: () => (this.isExpanded ? this.close() : this.open()), onBlur: (ev) => this.handleButtonBlur(ev), disabled: this.disabled, ref: (el) => (this.wmButtonEl = el), "tooltip-position": this.tooltipPosition || this.horizontalPosition, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? "true" : "false", "aria-controls": "menu" }, this.buttonText), h("div", { key: '5058056510151dad8e95bd6b1ea6dd322d632331', class: `dropdown ${this.openUp ? "open-up" : ""} ${this.horizontalPosition} ${this.isExpanded ? "open" : ""} hidden`, id: "menu", tabindex: -1, role: "menu", ref: (el) => (this.itemsEl = el) }, h("slot", { key: 'd1a23671f13261238fd3f2c1e33a8f6c277bd31a' })))));
     }
     static get is() { return "wm-action-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -249,7 +249,7 @@ export class Button {
         }
     }
     render() {
-        return (h(Host, { key: 'cfdc5af9869cf51dc3c168b7452d6e1f7f3a3c12', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: 'b5852385e8b842ab2770e41893cad1ab3d9febf2', id: this.id, class: `${this.buttonClasses}`, disabled: this.isDisabled, ref: (el) => (this.buttonEl = el), "aria-label": this.getAriaLabel(), "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.buttonType.endsWith("-ai")) && this.renderIcon(), (!this.buttonType.startsWith("navigational") && !this.buttonType.startsWith("icononly")) && (h("span", { key: 'e63d9ee2399ca6886c649e3e427f9bec11802ca4', class: "button-text" }, h("slot", { key: 'b4835a17f4363ea61b5a9bd9d2d227dd6125ecaf' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'ee631ccbe050c4b9591a25b6a8cedc89451a6903', class: "selector-icon svg-icon svg-expand-more" })))));
+        return (h(Host, { key: 'e2cb063d8e0c666bfc211bd53e88db0272ac7921', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: '7811155d0e2623f94dcfdebf4170895533afcd9d', id: this.id, class: `${this.buttonClasses}`, disabled: this.isDisabled, ref: (el) => (this.buttonEl = el), "aria-label": this.getAriaLabel(), "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.buttonType.endsWith("-ai")) && this.renderIcon(), (!this.buttonType.startsWith("navigational") && !this.buttonType.startsWith("icononly")) && (h("span", { key: '1d4a5c64e24dea05a019b8bc4a8e7127ed32e14d', class: "button-text" }, h("slot", { key: 'bae008635b392c8082b2a63e6670d6a7d6b00205' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'fc2760aa3e58026bc1426bd0b3673701e67fee56', class: "selector-icon svg-icon svg-expand-more" })))));
     }
     static get is() { return "wm-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -4,7 +4,7 @@ export class FileList {
         this.showInfo = "last-updated";
     }
     render() {
-        return (h("div", { key: 'fd450a53e6f8ec69b35586cfcf4ded2ae8558f20', role: "list", class: "list-wrapper" }, h("slot", { key: 'a22f7a28535d7a311c7f0ce25296924ffcb82ffc' })));
+        return (h("div", { key: '50bc377faf106c14b0c4fa9c1e6680b98d066f1b', role: "list", class: "list-wrapper" }, h("slot", { key: '5fad985b96a6cfc72c2baf85c7c5092db510d7fb' })));
     }
     static get is() { return "wm-file-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,7 +155,7 @@ export class Flyout {
         }
     }
     render() {
-        return (h(Host, { key: '5abd44475121c3711b1b45dd0ccbcf6598947a05' }, h("dialog", { key: '95dbde14e558cc011a344de5456b9114380ba886', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '25592c3e84f679397606b1fe6bc27ccd1d7b8426', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: 'f8455bed60f556d580021ca0b57e14dc2d7a7589', class: "flyout-content" }, h("slot", { key: 'bcf1fc296d9d203ed2093648b26285f502a2135b' })), this.renderFooter(), h("div", { key: '573d7f2f6bd77a449080e9435ebeb3f9f6249e82', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
+        return (h(Host, { key: '20a838f9732291d5d14c9827a62d0390e98d75c0' }, h("dialog", { key: '0801e848da851e1db85d02fb46136de93c929bea', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: 'a2c0d87b5e0c12fec5e2cde60be7fd5a01313f0b', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: '910fa60554302c056584d9224ecff2f767fcec6d', class: "flyout-content" }, h("slot", { key: '2bbb0647933c339836f772b67adb0ab47b9f7802' })), this.renderFooter(), h("div", { key: '3e627405571d93355d1a4049d5f2848ecd2d99c0', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
     }
     static get is() { return "wm-flyout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,7 +107,7 @@ export class Input {
             : `info error`;
     }
     render() {
-        return (h("div", { key: 'd4aaf4e85013a21c72d2bc29b779bc531af63c7a', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: '09841604f10ee7f90b72a02b8f205983208b8847', class: "label-wrapper" }, h("label", { key: '5ceaeeb463d2a91aa89cf3713deaad2702e0be41', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '225a478b431cc1966dd55c7113ebff9e3a972694', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("div", { key: '4be6730fc552c46f98dd445ef8034f6317aeaabf', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'b1ac92828de964e90229055b9c0c55c97c470805', class: "inner-wrapper" }, h("div", { key: '622d539566c05c7c0cd633edf9d5186eb3c082f2', class: "text-after-wrapper" }, h("div", { key: '83e3981b671a9039b83c6526003e6dee62f6e9bd', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: 'c51a71084b6761330fb9e4a4344f35cd659deef7', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: '0b88b518786fadd884f624927c00d9a4802b90aa', 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: '7dd23511cb81aae62c4dde84880307f812d78d4d', 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: '9e8052c5a373c96f302354f7f95c38d27296fec6', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: '80fd203c7fa68b2e0d612ad39090f0fd69526a83', id: "info", class: "info" }, this.info)), h("div", { key: 'bf3dba5e6ce9bdadbfddc231ea2fa684319489f2', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '316de8f690fad0ceb1c1e43ed6dab152dc23a0b8', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '5e281cdb07413696a1405266627db2bc22ce1674', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: '2aa8b6434a1e649cc88cd9bddb771a7f18af9a5c', class: "label-wrapper" }, h("label", { key: 'd6246e9715693cce6e4ae537792042e8ffd97050', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '0fa5b82940b14472d05a1e8f6f628137d87a36f9', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("div", { key: '05c896add7e40b09ed3bee2cb19840ba9b71ecd4', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'ffff813c749cd3432b773e41c07cf4f4fe32d6c6', class: "inner-wrapper" }, h("div", { key: '10e3e09153b703b51fd170cc0b77ca4beedcf63d', class: "text-after-wrapper" }, h("div", { key: 'dbaeab7a9da2a81eb3bd188819e0a1c5396190d8', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '45cd4bde06af5d09ef124ff27c7b40dffc642524', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: '0c6b0a7ea54a1f85abb6d82a91cb7afaba5753c6', 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: 'b05bdbea66f4b71913130eff59770d22b573db36', 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: '41c2fb3f492ac63a423caf3ddbe48f1ecf06121a', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: 'f211e673ba9d3b7de1152d92ec2d496932f96772', id: "info", class: "info" }, this.info)), h("div", { key: '699d7f3c818082b4d2d8558b80bbf134587c827e', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '69cf3df248eb4884eaead9e13f1c7414c08f5cd1', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -98,7 +98,7 @@ export class Menuitem {
         }
     }
     render() {
-        return (h(Host, { key: '81bc0ba0714a6d885cfdce07a3e698562b0a19e7', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '5086ca8cce0a270e3600fa559daab22ea8baf9c4', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, this.icon && this.renderIcon(), this.el.textContent, this.description ? h("div", { class: "description" }, this.description) : "")));
+        return (h(Host, { key: '3918e12cfecc1ef4123851608175c4dfe9c41022', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: 'ce62650fb0afee46e8acf66324d65a303931efde', class: "wrapper", "aria-disabled": this.disabled ? "true" : null }, this.icon && this.renderIcon(), this.el.textContent, this.description ? h("div", { class: "description" }, this.description) : "")));
     }
     static get is() { return "wm-menuitem"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class ModalFooter {
         }
     }
     render() {
-        return (h("div", { key: '491f1ad5bb178b42c9e51c4d0879070e77a7f2a9', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: 'b6c785db316aba6a14f6f2ffe6b54e496fc46f80', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '5a73e1f8579637c8c0f16d1fd98daa1059b70ca4', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '26c0c6eefd2ef6e0d3ebb87d6d79c1ea4237be3b', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: '61832b3a218df2e001b532bb2c3968de0665a9db', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
+        return (h("div", { key: '86b0ac602ef44f1f903993c287ccbf35736f0d6d', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '3eba5847dbf91ed35aa9489c39658794f7cb9870', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: 'f81a1bc7519936e40f400c243bfd6f6b4e19e8f3', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '19cf3c9d718ac7d82e9c073ebe3890163fef6dbd', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: '7f10d760d7fbeea0325a1d6c194e153cfda26ff7', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
     }
     static get is() { return "wm-modal-footer"; }
     static get originalStyleUrls() {

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

@@ -22,7 +22,7 @@ export class ModalHeader {
         parentModal.emitCloseEvent();
     }
     render() {
-        return (h(Host, { key: '85348ecf5ef8d53807c965890fe245a6f5962003' }, h("div", { key: '48f782896bd53234c601b5ff853ed7ec0d077357', class: "wm-wrapper" }, h("div", { key: '1297ffe9269d4866ae6d343dfb37b50ea7cb1733' }, h("h2", { key: '6b777b66f9aec32bdbe1a2464b709d4a7d8c7add', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '415004f8cd63c2ac1a2beab4fe2d732edd3b06c8', class: "subtitle" }, this.subheading))), h("wm-button", { key: '342a5de331967b530ce75b074016ec724099bfe0', "button-type": "navigational", icon: "#close", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+        return (h(Host, { key: '282b0960d221b5f6872f6259fefa4fde964229eb' }, h("div", { key: '7878bb4bf1fed4f0f980820d0d16b7171c64a0bf', class: "wm-wrapper" }, h("div", { key: 'cdb85926e03539e69d2d5df1d285b6b97a148ce4' }, h("h2", { key: '6c86104ac8b3fe0c177ad20f3ec258cf8ca48d45', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '2a7be253b0d28c95b530af26464f2d303a396dde', class: "subtitle" }, this.subheading))), h("wm-button", { key: '33c15118c3aa70c11889c5d2fc1d75e16e528b19', "button-type": "navigational", icon: "#close", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     static get is() { return "wm-modal-header"; }
     static get originalStyleUrls() {

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

@@ -116,11 +116,11 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: '79bdf56bcea90cc9848bf4027e0a2552eee31709', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '5fda5d81c1b468c883316d319a6975852106de5d', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (h("dialog", { key: 'a3ff3f7d9ebed66d80a4ab4c91e41efa58328612', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '1b34e405a9fb3315d75891a11c5bfd8be2630b24', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
                 const focusedFromCloseButton = ev.relatedTarget && ev.relatedTarget == this.closeButtonEl;
                 // no related target means we're coming from outside the page (browser chrome), and first element should be focused instead
                 focusedFromCloseButton ? this.focusLastElement.emit() : this.focusFirstElement.emit();
-            } }), !this.hasBrowserPopoverSupport && h("div", { key: '0255a1dda891b5e69874cc02f4579fac9ec5de04', class: "wm-tooltip" }), h("slot", { key: 'e861a82a26202beb548db440a9e708f6c4fdad84' }), h("div", { key: 'ad5fc44a752fb903338b175cf3eee115e416047f', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && h("div", { key: '7d59def6c502ff6d68b10f127fc0bbe9b023a237', class: "wm-tooltip" }), h("slot", { key: '79d6e5cfdb5d28434654ea2a600bab29d7c6d711' }), h("div", { key: '824fe3968dcb576661ef99f624279fd6e01620af', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }

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

@@ -27,7 +27,7 @@ export class ModalPssFooter {
         parentModal.emitSecondaryEvent();
     }
     render() {
-        return (h("div", { key: 'c5e96e3dd8c5607dbc7ce556f867ee5064b71be7', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: 'f04c0f6aac32c7c22ec20314e6b9e668edf6c86d', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: 'bf253fca85c19b0a1912cc741fd2f2dca6704255', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'bad452e32beeeec8eb979abb6ad3bb22a3d6028e', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '1ed0e75f8941402d946ca43706130e886d888ef4', "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: 'f3ed1135a2ccfa49c16dd66daece5bfb993c7534', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '4403427b56f79606065a754d646bf18bc912db9e', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '36862f60cdcacb441672d34120f6badc3bee9048', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '07cba5e6270813ccd39429e8924bdc57f686ef5d', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '05b061ea376bd9b309158b5e59f1058c351efb22', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
     }
     static get is() { return "wm-modal-pss-footer"; }
     static get originalStyleUrls() {

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

@@ -25,7 +25,7 @@ export class ModalPssHeader {
     //   this.headingElement.focus();
     // }
     render() {
-        return (h(Host, { key: 'dbff7f22b3dd304ba864e9716d0fea9c5eab2e24' }, h("div", { key: 'c2babf72f0672eb88841914f8e34d30748fb13e1', class: "wm-wrapper" }, h("div", { key: 'fda1bc5a5614d73cb220da1c76a72bb08dae4c46' }, h("h2", { key: 'b2d78431c14859efd96e004b99147578feab4b8b', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'eb069b112055c5c585473327080e8206e8f98c46', class: "subtitle" }, this.subheading))), h("wm-button", { key: '5e90a81ddea508b3a3d17566da1a0f80cad65476', "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: '92583f333f5795b01afa63e9cf083f04a4f563bf' }, h("div", { key: '70e0f04cc75aaed989f813d9a14c741aaee77701', class: "wm-wrapper" }, h("div", { key: '6f1831c376e983766e60257aec2ced5e99b3996d' }, h("h2", { key: 'a1c39702cd6a48914180013835572e4fbead6ed8', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '30ad4c11aad67657ac9d8ac97c91cc1a419bbf79', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'b2bc0b091b769973801080ae1ee63a7b13ffcee9', "button-type": "navigational", icon: "f156", tooltip: globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     static get is() { return "wm-modal-pss-header"; }
     static get originalStyleUrls() {

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

@@ -115,9 +115,9 @@ export class ModalPss {
         }
     }
     render() {
-        return (h(Host, { key: 'ac6959242ec893f9709b2416201a9ba597eef2ce', 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: 'ddf77d980c1751926c10fe86afebb9eef85dc9ac', 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: 'd8f3e674a939cab6868715f716f49d5ba6da1e9f', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: 'f387fc9ad112426746c263c87ae5b9a184a031a1', class: "sr-only", tabIndex: 0, onFocus: () => {
+            } }, h("div", { key: '0f422c764810c173e093a0c1c92a5248446b3a75', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: 'b15e362f110ca21ca9ba554b9b884c9db4af9138', class: "sr-only", tabIndex: 0, onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }

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

@@ -34,7 +34,7 @@ export class NavigationHamburger {
         this.wmNavigationHamburgerClicked.emit();
     }
     render() {
-        return (h(Host, { key: '1b169365ecef2816543910f270889a1921ed3502', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '8148f5deb298b9c2a143db9984e36733b03d0a35', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: '32f5160cab5eb1dc34275dd9cbb7a78cd2990b6e', class: "svg-icon svg-menu" }))));
+        return (h(Host, { key: 'a43f96c6c9277bcbc28db3f54c1e6dac5a12c711', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: 'e8d172739a625abdd185201609f43660a43d92b4', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => hideTooltip(), onFocus: () => this.isTabbing && showTooltip("right", this.el, this.showNavMessage), onBlur: () => hideTooltip(), onClick: () => this.handleClick() }, h("span", { key: '1e6cf4f1d121a4e5b04dcece6a00ac5cffbaecbb', class: "svg-icon svg-menu" }))));
     }
     static get is() { return "wm-navigation-hamburger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class NavigationItem {
         this.active = undefined;
     }
     render() {
-        return (h(Host, { key: '02bd2737c6645d35a8731940821624db4d63e1d6', role: "listitem" }, h("a", { key: '8fdb541089718f0ac0549da6ab4415389c010c36', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '910e96868afc97cb19dc91aade7626e39b750e2e', class: "icon", "aria-hidden": "true" }, h("slot", { key: '5ddbe770001cac5df79b16249141364db172d256' })), h("div", { key: '6e4428b3292d847e79d7159149cece72dee59fcc', class: "text" }, this.text))));
+        return (h(Host, { key: 'bf087268732555bdbe50c267f97c9f0858bba980', role: "listitem" }, h("a", { key: '2b6086ffd77e24e73ea262a9c730825cd9050e94', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '3e2e6f675ad123a095e2ca41f575e988c7949395', class: "icon", "aria-hidden": "true" }, h("slot", { key: '7733614fd071798abf4f8b254293d34cacfd6c5c' })), h("div", { key: 'a5312a7a50264dbfa191ed1136e6433609c337a6', class: "text" }, this.text))));
     }
     static get is() { return "wm-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -96,9 +96,9 @@ export class Navigation {
             } }));
     }
     render() {
-        return (h(Host, { key: '815117725f45f3fae04ee2ac4f573cf7ccb8885c', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '59416405b9566485d64ba1311e7f24dfca6d91a9', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '98eee20d96ed81347847d7af866d9d5f48010638', class: "tray" }, h("div", { key: 'c65e733eac1eb49b69254bb19330226679e407e3', class: "toggle-wrapper" }, h("wm-button", { key: '2b8b764b6250a88959e4b263f81d6676b419f04e', 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: '2d7f11924052f4438243237f1d38141f6652b944', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: 'f92b7cab8cd7e1c63e59cac31afd9efcfda4234f', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '7fec0055e808b49676b8b589e59244b884545ea1', class: "tray" }, h("div", { key: '8ac1ae8da1054a6dceda08f751768de718080bde', class: "toggle-wrapper" }, h("wm-button", { key: 'e36fcb93366baef360df96298cb35c4576a9a916', 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: 'ae95f619a097413291d70f930f0fc4e97f5a5e37', class: "navlist" }, h("slot", { key: '833f7502a28f7ff833f7bdac17ad62e3dca9d12b' }))), this.isCollapsible && (h("div", { key: 'fdb8e1288416191cebc3557c79c089359634d315', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: '22ba6ec5ce572f1c04ccb45301659dde791f3115', class: "navlist" }, h("slot", { key: '3fa52b5bbe4e1346d90e5a556eeeabfeb9a7f4a0' }))), this.isCollapsible && (h("div", { key: 'e7738e6001e65f8e4fecdd775ea40d93b84cd4b4', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
     }
     static get is() { return "wm-navigation"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -16,7 +16,7 @@ export class PrivNavigatorItem {
     render() {
         const selectedClass = this.selected ? "selected" : "";
         const focusedClass = this.focused ? "focused" : "";
-        return (h("div", { key: 'd4247a1db863b58ea1204298648b99b59ce02387', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '8e315a87aa1ab54c5a81e708c46194b59de6ee6b' })));
+        return (h("div", { key: '7dba57536d9412d9f8865433056a2bcbde2f95aa', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'fcfc79489b88184203d8e4163f256e531de9bc67' })));
     }
     static get is() { return "priv-navigator-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -203,7 +203,7 @@ export class Pagination {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (h("nav", { key: '34ffd75c251b8044ceb255a113c71cd796ed3cc1', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '4d60c8ad94a519dc78f670c93a8d09f722861698', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: '6be7673743d44ea45076ea3a7a6bcd4e48d4837d', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: 'd67e8a638a0aad67828a625ac07e5559876b15e8', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
     }
     static get is() { return "wm-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -168,10 +168,10 @@ export class Search {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, { key: 'a3636bdd9326beaba25db7b470d27cdbeb8403f9' }, h("div", { key: '2f1f51709653b0c56d003b05562a0a874451c5c5', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '57671b412397741fe67d1fff8ca5795532ea6e22', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: '54839cc6b1e6c142e3f60d01572f4645816ccf08' }, h("div", { key: '19d72e8d5c578328ca64819a289e974a279ee352', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '1cf69b8f9d3ec4e7fdb0fa6a391fd71c920c7c74', 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: '6240e8b26fb69ee46e6942dc69cbdd4feca6b6a3', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: 'f7cc16ffc7a7b03850a9dca6ac2cc2ee53833c51', 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: '3495eb2351e9e51a114cb8680206196752623135', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '837a9c6a9c68d19c9bf4cb09158b22867036c128', id: "wm-search-live", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.resultsLiveRegion = el) }, this.announcement)), this.searchType === "find" && this.renderJumpToLink()));
     }
     static get is() { return "wm-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -145,11 +145,11 @@ export class Snackbar {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link), notification.newWindow && h("div", { class: "svg-icon svg-open-in-new" })))), 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: '94ada273fd2638ee9e4ccec7915a8011628d0009' }, h("div", { key: '28d0856fbaf88e90aee407d6b3524ea19dfd42c0', ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: 'd3e6bea353d66664559f6dce9fa1d3301f99e3db' }, h("div", { key: 'be5bf8d2ebbab807af66cc479929c3b696537fd8', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { key: '43445193d9a2eaef7492bbc63bf60a5cc44216cf', 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: 'defc7a78c6a890a4a9566f57ec55352ecc91dfa0', class: "sr-only", "aria-live": "polite", "aria-atomic": "false", id: `wm-live-region-${this.uid}`, ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get is() { return "wm-snackbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,9 +27,9 @@ export class TabItem {
     }
     render() {
         const isDark = this.parentTabList && this.parentTabList.customBackground == "dark";
-        return (h(Host, { key: '0be5770e4b97845cae75e961888707fa0424cf51', role: "presentation" }, h("li", { key: '8dc34fc09ad87c512c0fde04b4ac615030c1441e', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'd8441f0971202b13685c5ce1183aafbcc20233e2', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
+        return (h(Host, { key: '32c6aac6411c25d4b82107b6334b1732a0ef2ffa', role: "presentation" }, h("li", { key: 'f6fc4ae969e7a767389b9addf613fb83f8185bae', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: '250ad48a22872b09adbf5bac7de1779ecc3a8a9b', class: `tab`, role: "tab", ref: (el) => (this.linkEl = el), id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1, onClick: this.tabClicked, onFocus: () => {
                 this.wmIntTabFocused.emit({ tabItem: this.el });
-            } }, h("slot", { key: '439a5046d729d0a6a82c1edb6def57c8fbf2e761' })))));
+            } }, h("slot", { key: 'ab90abb21cb8617a158aa3dff4d77c7ac4d49b96' })))));
     }
     static get is() { return "wm-tab-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -257,15 +257,15 @@ export class TabList {
         this.announcement = message;
     }
     render() {
-        return (h(Host, { key: '3e844b43073845226e927d8ef8635b629b3078c6' }, h("div", { key: '4cdc200ade5f6d9ae92b4132086ddd24997422d5', class: "component-wrapper" }, h("wm-button", { key: 'f9291d8039bbcf4164bff13b7874a05e82c34d8b', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
+        return (h(Host, { key: 'e0c149eea66c9d126ad6efd28fcb261bb3e97002' }, h("div", { key: 'a82977738037c8eabb48c74a3893668d8a7e4c34', class: "component-wrapper" }, h("wm-button", { key: '533f416a6beb4fb87ab2213a29e1786b064cee77', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
                 id: "tabs.showPreviousTabs",
                 defaultMessage: "Show previous tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: 'e2e62316b668212193e4d8d6309a774970af94c6', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: '444cbb46870cc96072430fdd7f85deea1e6f3375' })), h("wm-button", { key: '8a84f4d13a0b25cb6c1a3ccc9fe18a4a55ac067a', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
+            }), onClick: (ev) => this.handleLeftArrowClick(ev) }), h("ul", { key: '1cb5ae17170fe3776749dde6a2f26d8ea4868a09', id: "tablist", ref: (el) => (this.tabContainerEl = el), class: `tabcontainer ${this.customBackground || ""} ${this.containerFadeLeft ? "fade-left" : ""} ${this.containerFadeRight ? "fade-right" : ""}`, role: "tablist", tabIndex: -1 }, h("slot", { key: '5a629e3ebc7486619801f778ace79f280b9a4998' })), h("wm-button", { key: 'e9c3a8c1ce09faa3b1738047931a2971a71757e3', class: `right-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#next", tooltip: intl.formatMessage({
                 id: "tabs.showNextTabs",
                 defaultMessage: "Show next tabs",
                 description: "Tooltip for button scrolling tab group.",
-            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '0cde8bc3411cba96074d0389ce5ea93b06f61855', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '4466ae59f3e70c5ce2b6eda1936842498ce62d84', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-tab-list"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -927,10 +927,10 @@ export class TagInput {
         }
     }
     render() {
-        return (h("div", { key: '5b248aedb7263d9980f4af6d0763741e9562a707', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '48494c601e624476c500a3bf32c13c8b58d1e487', class: "label-wrapper" }, h("label", { key: 'f7d1d542f51a4898ac6fe6fc321e95a5446d190c', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: '5be180e4c932103ee24912b86853ce297d6ea8bc', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '66ccdfd87612cffdca65f4c0c3fdb9f8b6f50f66', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '3c7c91d6673811a7b5ac54611a5c3db9a5ba3fa4', class: "upper-row" }, h("div", { key: 'b209dd69743057be72a1b4fd8ee71bce0dda3e1e', class: "svg-icon svg-search" }), h("div", { key: '1bb2e1873e45f7e2cfba59c97d96e16e24797976', class: `tags-and-input-wrapper` }, h("ul", { key: '329924434065ec18b590434b9a3504e5e709540b', 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: '1ea7a4e18d1edcd6c3e66f7b1a7426058b03e1a1', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'd0779f651e99b8f5bdbb6986daf70e7701f83d81', class: "label-wrapper" }, h("label", { key: '80465bcd2dcedd108c353fd95b57163e84ad266d', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), this.requiredField && (h("div", { key: '2758d90e08028cac91b7b5894a9bdb919cfa9fe7', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '5d6454cab0ae655c9ad9e5155a2737807552641d', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: '66e23fb5d85d8133e1907f12f354caff5b4f8b09', class: "upper-row" }, h("div", { key: '6b27e970920af73e50e1e6ae04c721f8899bb53b', class: "svg-icon svg-search" }), h("div", { key: 'c67fe9b9a364cb09224abcec3caca9979bcd66a1', class: `tags-and-input-wrapper` }, h("ul", { key: '26e53e16f3498add3b64461b9ad0cc414e7b9cd0', 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()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: '54a6ebcc34496f2eb510631739955caf4d5da467', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '39d887a94835cff9f18e2534a709a06c882959f7', id: "info", class: "info-text" }, this.info)), h("div", { key: '4ff8006f313cd5caa9a3fbd6991bd78d3c5180e6', id: "error" }, this.errorMessage), h("div", { key: 'b592c8b5dac99392607b46ea26d47995d28f7050', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (h("div", { key: 'bcb6e30890a2198f54b955a54226f25e1e7e887e', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: 'a00c7fe46e44c232ead4f1ab80f507850dec3185', id: "info", class: "info-text" }, this.info)), h("div", { key: 'de82e4d355b12f88db7b4054f1f318a2452cd4d7', id: "error" }, this.errorMessage), h("div", { key: '318a2efc15622295f94236615d1f6b3e369e77ea', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get is() { return "wm-tag-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class Textarea {
         this.announcement = message;
     }
     render() {
-        return (h("div", { key: '74ce1775cef448b2f48729d0adf522f742b93594', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f5c3a71608d00e886adb1ba46bf2d47284d9f948', class: "label-wrapper" }, h("label", { key: '952f29910b017b9d39ee0397a903d7904499e1ab', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '90abb8fdf937f9972128fc5d9b37662eff4fc082', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("span", { key: 'd13ca26a2c58f5be069299a1e9359bc723a0ef72', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: 'ba9c3724f5becfbc62ed7e18310a41dfd82740e4', class: "inner-wrapper" }, h("div", { key: '3961695bbd77d01d70b81f6457943a11e504a925', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: 'b988435aae6274ca12527280f3d2d23cb7287380', 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: '316d16bf981d25bf81838166adf3b762a8cdd029', id: "info", class: "info" }, this.info)), h("div", { key: '17cce3c54e284a9348a1270541b84f076d88998c', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '08451b1914a7629d7d16d99e3e78712f10b9f627', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '4d66731ba9bd4ba435090f31acc86b7eae07ea25', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '642ce791dc16814534694b36dab601777dc655de', class: "label-wrapper" }, h("label", { key: '2a60aa3829eed6a377f5daecaa9d264dc715b38d', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: '76b6ad6c0a639f6fae230a7c1bd13f102fe747c7', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("span", { key: '0d47f3ef8ff15e2c4110cc279f29434f1c1c55ee', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '060b640fcdb2b4a6fc0b310fb152b4a5736a8797', class: "inner-wrapper" }, h("div", { key: '26ec20786b6b6cf22a3b5b042478e8057fcaa471', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '15cc0321f901bd8db6aa9fb8f26ee3906b72d7c7', 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: '13f454a13e63f3f583011ab43c7b22409f934a2e', id: "info", class: "info" }, this.info)), h("div", { key: '281885a5098b169ba5f192f5056c7ab14c8d944c', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '32a259bfdda78dc540e71140a4d8fbd1b7e46143', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-textarea"; }
     static get encapsulation() { return "shadow"; }