@watermarkinsights/ripple 5.23.0-alpha.8 → 5.23.0

package/dist/collection/components/datepickers/wm-date-range.js

@@ -444,23 +444,23 @@ export class DateRange {
         }
     }
     render() {
-        return (h(Host, { key: 'b109396fe2f21a64cd873e8b9440775cc519dd45', "aria-busy": "false" }, h("div", { key: '3ecaff1fcd454d766c1d50f100157630dcc28950', ref: (d) => (this.wrapperEl = d), class: "wrapper" }, h("div", { key: 'ac794c5db9db4fca716ca590ac15a2e616e8ebcc', class: `range-wrapper ${this.calWidth <= this.availSpace ? "cal" : ""}` }, h("div", { key: '246f8c3699298e040602bfd7c2de46512e5c8952', class: "label-wrapper", id: "start-label-wrapper" }, h("label", { key: 'ce137b04a07d3acee7506f94c5d6f64192488d3c', ref: (e) => (this.labelEl = e), id: "startlabel", htmlFor: "start-date-input", class: "label", title: `${this.labelStart} (${this.dateFormat})` }, this.labelStart, this.requiredField && (h("span", { key: '43af18445ddec4791e7538f3e7840c8db1cf5174', "aria-hidden": "true", class: "required" }, "*")))), h("div", { key: '67d809798eef2a00a3a1990b2f62cb61b08bee66', class: "label-wrapper", id: "end-label-wrapper" }, h("label", { key: 'f9b732848c704062663fc864f572c9038b09b184', id: "endlabel", htmlFor: "end-date-input", class: "label", title: `${this.labelEnd} (${this.dateFormat})` }, this.labelEnd, this.requiredField && (h("span", { key: '4528718ba765daa294d13a866076c7496d907418', "aria-hidden": "true", class: "required" }, "*")))), h("input", { key: '9b408000f1406925cfb03ac3c48012f6a6ece1b9', disabled: this._disabled, type: "text", id: "start-date-input", class: `date-input input ${this.invalidStart ? "invalid" : ""}`, name: "start-date", placeholder: this.dateFormat, value: this.valueStart, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleStartInput(ev), onBlur: () => this.handleStartInputBlur(), ref: (input) => (this.startInputEl = input), "aria-describedby": "error", "aria-label": this.labelStart, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '88e094d36a7cd7f1c89f566fffa80d7be3fba084', id: "hyphen" }, "\u00A0-\u00A0"), h("input", { key: '6a77eb81537f301f0feecb6e33ff8b5af29fdf52', disabled: this._disabled, type: "text", id: "end-date-input", class: `date-input input ${this.invalidEnd ? "invalid" : ""}`, name: "end-date", placeholder: this.dateFormat, value: this.valueEnd, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleEndInput(ev), onBlur: () => this.handleEndInputBlur(), ref: (input) => (this.endInputEl = input), "aria-describedby": "error", "aria-label": this.labelEnd, "aria-required": this.requiredField ? "true" : null }), h("div", { key: 'b39dd26bd7846e53bb4e7dee29f261e8349e5838', class: "toggle-wrapper", id: "toggle-wrapper" }, this.calWidth <= this.availSpace && (h("button", { key: '5afa94522fe03b78300b60714eb7a43357a15975', disabled: this.disabled, onClick: this.togglePopup.bind(this), "aria-describedby": "start-date-input end-date-input", "aria-label": intl.formatMessage({
+        return (h(Host, { key: '3ef7ed01702cd08cb88153b157c05870f357b83d', "aria-busy": "false" }, h("div", { key: 'a26ffe7e83d668c81c361a2baf5111d338074f4f', ref: (d) => (this.wrapperEl = d), class: "wrapper" }, h("div", { key: '5110a41705760e61460ae63222d33983f50cbbcc', class: `range-wrapper ${this.calWidth <= this.availSpace ? "cal" : ""}` }, h("div", { key: 'cd73ac4cd1156a08f8433cd5172c308e73f468e5', class: "label-wrapper", id: "start-label-wrapper" }, h("label", { key: '7fa4734f43aecd6a5cb73d93c1162fd5783ad2ac', ref: (e) => (this.labelEl = e), id: "startlabel", htmlFor: "start-date-input", class: "label", title: `${this.labelStart} (${this.dateFormat})` }, this.labelStart, this.requiredField && (h("span", { key: 'be4ad3de3b7b1fa8b1f20ae86502e661d5561f9c', "aria-hidden": "true", class: "required" }, "*")))), h("div", { key: '274e44b68f05bdc28ab25836ee5162876ba2dc37', class: "label-wrapper", id: "end-label-wrapper" }, h("label", { key: '439389958522c3245d79cf03ad3f8abf621adfdd', id: "endlabel", htmlFor: "end-date-input", class: "label", title: `${this.labelEnd} (${this.dateFormat})` }, this.labelEnd, this.requiredField && (h("span", { key: '20a1a75cfc195d9503d7f079d56435f3ac7a3ce2', "aria-hidden": "true", class: "required" }, "*")))), h("input", { key: 'c850bd46e4835f8878e2c7d39fe930e38917671c', disabled: this._disabled, type: "text", id: "start-date-input", class: `date-input input ${this.invalidStart ? "invalid" : ""}`, name: "start-date", placeholder: this.dateFormat, value: this.valueStart, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleStartInput(ev), onBlur: () => this.handleStartInputBlur(), ref: (input) => (this.startInputEl = input), "aria-describedby": "error", "aria-label": this.labelStart, "aria-required": this.requiredField ? "true" : null }), h("div", { key: '4cb1a5498a6378b08915563e628f45367892fe4d', id: "hyphen" }, "\u00A0-\u00A0"), h("input", { key: 'a321356204252e7c57dff7b3b392f44d6d0b9cf3', disabled: this._disabled, type: "text", id: "end-date-input", class: `date-input input ${this.invalidEnd ? "invalid" : ""}`, name: "end-date", placeholder: this.dateFormat, value: this.valueEnd, onFocus: () => this.handleFocus(), onInput: (ev) => this.handleEndInput(ev), onBlur: () => this.handleEndInputBlur(), ref: (input) => (this.endInputEl = input), "aria-describedby": "error", "aria-label": this.labelEnd, "aria-required": this.requiredField ? "true" : null }), h("div", { key: 'f6be34dda1f360b99a3708545a151c004b479635', class: "toggle-wrapper", id: "toggle-wrapper" }, this.calWidth <= this.availSpace && (h("button", { key: '5af514ad9b7fd30f5e83ebe83fd35890fdb53ee5', disabled: this.disabled, onClick: this.togglePopup.bind(this), "aria-describedby": "start-date-input end-date-input", "aria-label": intl.formatMessage({
                 id: "date.selectRange",
                 defaultMessage: "Select range",
                 description: "Button text for screen readers.",
-            }), ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle" }, h("span", { key: 'db42cd8e357bf257a346bfb5019d75007e162908', class: "svg-icon svg-date" }), h("span", { key: 'd793353d00d8a0397eafdc1d4173eb2cd2088ed7', class: "calendar", title: intl.formatMessage({
+            }), ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle" }, h("span", { key: 'ed9caf670fd667a9959363834c1accebfb0b82cb', class: "svg-icon svg-date" }), h("span", { key: '10bc0a7086071adad12d6cbe5c5c92a82260a619', class: "calendar", title: intl.formatMessage({
                 id: "date.calendarView",
                 defaultMessage: "Calendar View",
                 description: "Calendar button",
-            }) })))), this.renderCalendars()), h("div", { key: '16e75fa0fbb3b1ee089ff5d8049300c98da35958' }, h("div", { key: '19172dfe01394e18ac34b358a6968c70db7f2573', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: 'b22d6de99f843512efa277b56545ffaf5a8f897c', id: "month-title", class: "sr-only" }, intl.formatMessage({
+            }) })))), this.renderCalendars()), h("div", { key: '6bcacc7025eef282cacfdc9c8ba44c88d01dfb3c' }, h("div", { key: '45942b8f722908db886d39fe23c7ae2e9c39eca5', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: 'f3613e50ea33148b7027b2fbb9147f8eee2c98a5', id: "month-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectMonth",
             defaultMessage: "Activate to select a month.",
             description: "Calendar button",
-        })), h("div", { key: 'a52c29ca8e72a426f234ab31507c55810272141e', id: "year-title", class: "sr-only" }, intl.formatMessage({
+        })), h("div", { key: 'ca798dd858d872a87852078781058699e3ebc5f6', id: "year-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectYear",
             defaultMessage: "Activate to select a year.",
             description: "Calendar button",
-        }))), h("div", { key: '1764a2d8a8d496a7b35c57c0c74403e5e602ec23', id: "error", class: "error" }, this.errorMessage), h("div", { key: 'd53344bf16c637a22a3a29c52ddfbefb433edef3', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }))));
+        }))), h("div", { key: 'e77548bc61a4d4c9bf0b0985694aa298383caf3e', id: "error", class: "error" }, this.errorMessage), h("div", { key: 'ec8b80ac48c0c65cfa7be019dc242e8fa7901332', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }))));
     }
     static get is() { return "wm-date-range"; }
     static get encapsulation() { return "shadow"; }

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: '6236c1325eda57a8cf73ed89bc252567e6459b65', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: '60a7c7aee7090de15d5126898d180e9d9af98cc8', 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: 'a257d9eb32f238fe1a728efa366a4e3fbb3072de' })), h("div", { key: '1b5b726cd0293179690be299fff7eb0f380d428d', id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        return (h("div", { key: '92e5e002b2b8f913a4e9562dd21e96281cb04227', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: 'ffbbbd1c29253f7b8d2c25ba33019426867cf556', 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: '357b8065a8dc3ae83a58706b330b7c4ba3c425b1' })), h("div", { key: 'c7b509053e528da726a5c602e4c5fe431fe21120', 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: 'f9d5f5938c7616ca8a21830e26fa97389bedce0e', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '101141bb02e455b57b0fc7a32cd14767281de1fe', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'deb21859c85dfdae5e9449785417142463fa653d', class: "label-wrapper" }, h("label", { key: 'ec765e72aac1232a99585c65d4187a390f675235', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
+        return (h(Host, { key: 'c7b91ed253b028ea575de5651f9cfd87f61156fa', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '8c0d551fba32be64f47dde666e29d49cf05e4b1e', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'b2b581a672a29e694cc4e0872fadfbbe577b63ba', class: "label-wrapper" }, h("label", { key: 'c5ec8997f7e007c9ee089cb377a38cad7f6464e9', 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: '0735159dcea1c3cdf9145e18b224fedf90cd3ed7', class: "button-wrapper" }, h("button", Object.assign({ key: '4326702188583f9c210257f7e95dcee3d501825e' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: 'f3fb5f069b0ec70419c0ade0a1c520e8da79c453', class: "overflowcontrol" }, h("span", { key: '4da352b8a0312287ae27205731c7d46ff2cac88e', class: "button-text" }, this.renderButtonText())), h("div", { key: 'f85e648f0da497df4d906a262bba62b2fbe3c5db', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '7ab45a7201b3375d59ddef5ac86a2c0fea438662', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'a3153d330243404ed4c4dd931a182cc47f2a5672', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), h("div", { key: 'e106169ebfbe226b886d972f41e3a93d88ed8f26', 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: 'ee7f3657d7159e373d5290a8090479b23cd7ae67', class: "button-wrapper" }, h("button", Object.assign({ key: 'fe6fb88d69268c0d64fc0cb29a0fd156e9724466' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), h("span", { key: '93dddb3a3badb8b3b1494cf027d5094f7a54a361', class: "overflowcontrol" }, h("span", { key: 'd79047f4d307fd9fba1f6b10e9d118d9a5ba4206', class: "button-text" }, this.renderButtonText())), h("div", { key: '670accdcc57312f7d424e18543479cf182d692af', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '78f25675e6de918a8b54b2cfa486df17f55df979', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: 'a8196de37aa41630e857c5f82fd384c6effb7ffe', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), h("div", { key: '58d7a719a98483bff263b9f2c13615fe5adebd08', 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: 'ba3ad38b66537f365379921ebcec8f630c934a93', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, h("slot", { key: 'b0083c7e49ba59f7a36459b599f79a89121c09e5' }))), h("div", { key: '4ccb451822e5ace5e34a96f2560d936b6c02b9ad', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { key: 'cdca96e717a912c022096a9c781199fabc040a43', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        })), h("div", { key: '2b93e8e91ea9fbde69cef8ac3e6c252fd71173e8', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, h("slot", { key: 'c3c8712062d027adb513318f5cc6410167dd7abc' }))), h("div", { key: '511dcd7fe6a004ab8ff50f296bad182091c248c7', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), h("div", { key: '075b0692e4bfaea0bca9ab70703dfb919841c2b1', 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: 'f26edb066ca14bbad62dc07198651d180be2ed3b' }, h("div", { key: '202a27a0d33c34b861e28cfe08407225589905e9', class: `list-wrapper` }, h("priv-option-list", { key: '68a0f5992c24ee62ca7539ba900afeda25f313e5', 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: '8f445e06b048ccd6e49627beb989be9b6c55d651' })))));
+        return (h(Host, { key: 'a3482163224c19ae21d9da8426db908ea59ddf8f' }, h("div", { key: '679ae30c813f6211faf67fc9d4f3cac77c5faed5', class: `list-wrapper` }, h("priv-option-list", { key: '23f628c4a81703e6ce1ade84237a37d54e4519ed', 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: '7fedfac94fb20c1720c663fff46001b98ccf7b40' })))));
     }
     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: '0a31affb1b8ed02ba38fce11d11b4b0919b97d5c', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: 'b7ad9eef86983ba3ace177522f3a42a55a71bfdc', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (h("div", { key: '5876611c20af1169794db93b30577e48a6ce63df', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), h("span", { key: 'aef00aca54b33552892d73c51f70c273d9ad4088', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: 'fb6306f9014205ce6f1d2a39ecdbd3f36141584d', class: "sr-only" }, this.el.textContent)), h("div", { key: 'af1894e912632a93255b5f90412990f6c0f0924b', class: "subinfo" }, this.subinfo)));
+        return (h(Host, { key: '827b9e612f444dd6b081e11ea08e94d6ba11e1b7', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, h("div", { key: '9f15c418707a6bdad2d360753f35b7c820f310de', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (h("div", { key: '59e2fd913b8881e166965d2abb25d67a7867e31e', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), h("span", { key: '6e5f064d34de5f16dcab82c63fbe9407673dbfd5', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), h("span", { key: '103de8838cd6def5e3e76c64138f767e53f718ea', class: "sr-only" }, this.el.textContent)), h("div", { key: '10cbdef1685f5c127bbdc4cd2ddf5ecd0d290f64', 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

@@ -344,14 +344,14 @@ export class Select {
     }
     render() {
         const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
-        return (h(Host, { key: 'b9e427db71b61d4731a3c8c31826358efb2e71c9', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: '6a8ad960dfcf56ba23736c5dc7306517a0f4cc61', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'a1829bc5949a9e75629bb645ab63331af4ae71f1', class: "label-wrapper" }, h("label", { key: '329944256ca0c0a76881b03192579849106fc0b8', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label), 
+        return (h(Host, { key: '14c7a4c0f087f8d327f394205dfd23061883a158', onBlur: (ev) => this.handleComponentBlur(ev) }, h("div", { key: 'bfe1479fe521db66f3e7286153ad7e15cd311df6', class: `wrapper ${getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'e3b64a582947cfd0f8b93cad1580431313be6514', class: "label-wrapper" }, h("label", { key: '42a66dc466ce59309edcaae985d8a5b12a20cc40', 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: '5a7d128c99b2eb064c038aecca4097304775b94c', class: "required" }, h("span", { key: 'fea081b4029d61add6f8a1a6743e30eb64329f89', class: "sr-only" }, globalMessages.requiredField), h("span", { key: 'a8f8fd3695883555ccfdf1d63a56aa0b54472ac7', "aria-hidden": "true" }, "*")))), h("div", { key: 'd8c783d92db1f7599ad431ff14069d26f335efee', class: "button-wrapper" }, h("button", { key: '56a36ae5267f5323a595f411d9a4a7257e04ede1', 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: 'f026cf1c1f331ef84253a55df3308e518e8c38ed', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: 'c48385d25e0ac06b1faa8b5760949c4e3872a6c1', class: "button-text" }, this.setButtonText()), showSubinfo && h("span", { key: 'd47f6e6ccb3dfda11fdfd74c3880038a3582f593', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: 'ec2f38fce7005421341b176bbb9a07a2f4f930f2', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '76e51beef029574af384673324937b78631baac0', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '5ada44373bccb9ff83b8d33d5454f197fdbcece2',
+        this.requiredField && (h("span", { key: 'c4331a828fc23d56e43407d5fa16bab673c9e8cd', class: "required" }, h("span", { key: '543cc76b38145b2c8287dcf6a48dfd78a854066d', class: "sr-only" }, globalMessages.requiredField), h("span", { key: 'cd214e935209235d98f5f27c5168346bbfd1fa02', "aria-hidden": "true" }, "*")))), h("div", { key: 'a2345286ca9c10cd866440f34012fc14d88ca618', class: "button-wrapper" }, h("button", { key: '4627b6b251d2dfec2269139e15615d7ddf91bb34', 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: 'c96d51b38170718fdbbef88dff67dbc8102a2186', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, h("span", { key: '726b035d043ac88fef5bcba6080ba356cce81d8d', class: "button-text" }, this.setButtonText()), showSubinfo && h("span", { key: 'bb504d76c7176887461cd58a52f3454374da38aa', class: "subinfo" }, this.selectedOptions[0].subinfo)), h("div", { key: '8233f50d24ce28c97257eee7ed01449c0afbe14e', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), h("div", { key: '3d880c0b4ac0c879bc52bf4d76ebc1e2f75e3cba', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), h("div", { key: '8d3142040a140c84a2f8143d02382327ca7f0335',
             // 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: '85262c7c088219e1bb7e50953c4fd058d8750a12', 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: 'a7f16e74ebf9c896956ccf3edb598414c382a8b1', 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;
@@ -359,7 +359,7 @@ export class Select {
             }, onOptionListAllDeselected: () => {
                 this.returnFocus = true;
                 this.wmSelectAllDeselected.emit();
-            } }, h("slot", { key: '66b4a65b4477b82cb8e0073cc49842e4d2a9e724' }))), h("div", { key: 'a3e19f185805e5ce1818fbc101e8e41ebeda3b8d', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: 'e524c3fdfc16d96750e7ddfa84207fb92803b648', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+            } }, h("slot", { key: 'ae8ab926478c102e412b024f304d0bf69783d278' }))), h("div", { key: '70ce2888e6cf5e9a0a6c90916a8f62ef94e80bf1', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), h("div", { key: '2afbe5bb9c60e92fc6897817a1c961e505bfe9e5', 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: 'b502a2495bd993134ac44e48ceaaad6ec956b2ac', onBlur: () => this.close(false) }, h("div", { key: 'd182caca8e792e931c41228ca377f1862bcde0c7', class: getTextDir() }, h("wm-button", { key: 'd7250925bfe7301ba5cc07512153516c9a76cd05', "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: '0c57d648010b7b74ffae41d3a08211f58c84a10a', 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: '453b3b42dfde1fa32be56386dec7841ced644f80' })))));
+        return (h(Host, { key: 'f1622d074d2d1e2265f82451bb10b1d6bdf8a38a', onBlur: () => this.close(false) }, h("div", { key: '693aa2c5a5eb1d8d1eff66eee99a21774b12c9a3', class: getTextDir() }, h("wm-button", { key: 'd6e746d3e7fbc83d16cff0cd5ff26885bf09c767', "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: '3e933996a11ba52549f7bdfe6b53e6534f731f83', 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: '92f452f8a5c9ab53de00ef731e966a396d9ed0b4' })))));
     }
     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: '3909651c78ce41cceffe0398775c145753980100', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: '2a5cb652b8d91eddee9730198c3d697e27b22265', 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: '2caefbd131837905560d956cf7fc67ac6561662a', class: "button-text" }, h("slot", { key: 'c3af52b84fbede6a57c931fedfda003180a0fc9d' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'c8ef8760a08241ce1a519886b222d2cf2be8cf67', class: "selector-icon svg-icon svg-expand-more" })))));
+        return (h(Host, { key: '02f210258e1f01881a2d49efbcfd8e3831c128a0', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: '8b21dace59bedb4731dcf60f908fdf825ce60bcf', 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: '83736f847b75184f82bb7c1c77225a289ee719fc', class: "button-text" }, h("slot", { key: '55426eb5c17818cd7e8d30bc2dd121306499ce47' }))), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'b39dd24c5aa126f60ff120c079d1891ebb17cbaa', 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: '0e7b794a992c0e7e6ba0d9784a09e7bf90695d2d', role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
+        return h(Host, { key: 'bc903032d542dc939f65dd2122c687d8b5716f2d', 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: 'ecfeb07e38ae73d4cee41d40e42bc08e31b69f47', role: "list", class: "list-wrapper" }, h("slot", { key: '2b98626decea02837970168b892c7789f7be0004' })));
+        return (h("div", { key: 'eeabc71e95c75f912c3863a53cbbdd3d89ecd1a5', role: "list", class: "list-wrapper" }, h("slot", { key: 'b4104a1397dcd16f515d4bfee2152e220bf92ef9' })));
     }
     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: 'd68943a7b7dc87266087e8c5a8e4def91d138808' }, h("dialog", { key: '779e65065a15f7cf975c329b470eb324746aac80', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '971890ba3408b561829d3f98a1a94e9f6374ce51', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: 'f41605a52062336b73c4e68ff6850eee3e13ca58', class: "flyout-content" }, h("slot", { key: '4862d931516f9de7977cb4beaf5efefeca17a61d' })), this.renderFooter(), h("div", { key: '83f87c356cadf84757068f5ab7a2f9b2e3d93111', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
+        return (h(Host, { key: 'daf3b7c182d2f8e58594266f3376609d2e332267' }, h("dialog", { key: '018ab76cc3310624c5c72e1764a0f8c74ab1f129', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, h("div", { key: '56400c76a1c288d34975525bc925141b5ffc4c67', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), h("div", { key: 'f0eed9b6e4269d6e3f5c25487e1d9fda10a50dee', class: "flyout-content" }, h("slot", { key: 'b5de14a97331ca75e569cb82ac76b05cb2cf8565' })), this.renderFooter(), h("div", { key: 'f2622811f751069dd21468fd4b0ce46a61ed44fc', 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: '440534026de67cf3d4a3988a117e56947346fb5c', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: 'd0ae8862c9dcb63b77cc14890c652b06ad9f3c27', class: "label-wrapper" }, h("label", { key: '4e24aab7500503bd7eb98e077225769edba96f88', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: 'b004a2dd83dcdcfce1ecf3bc1d1d88a3ef59f96f', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("div", { key: '6bd8f84d7271ded3c08f07546e0a787527ff75af', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '8c2cbf7b3e33ecce61635274b411dae56a633af8', class: "inner-wrapper" }, h("div", { key: 'ee880eece5ac3c6b7d24316f21aa9c09bcb3e33b', class: "text-after-wrapper" }, h("div", { key: 'e5208c4ed4cbc34da95171a5f748901839373ae1', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '316f86011c89529f101769234f7cbd914eccc174', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: '020bc74fd67239bfd6da162bba9c9fd3a7cf99c4', 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: '1f8fb34695d89d882d3c04690b1196b6b1bd9a26', 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: '0dbb52627a7fbb274b57b2191e6b7ca0614f40af', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: 'ca7f5a76086330bab897afa71233943bd97ee17b', id: "info", class: "info" }, this.info)), h("div", { key: '6ae93c211c1ac945aceea3a88cf8be773ff5860b', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '67ae836cbb27cb0c17531bf9a347cb64acb81197', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '2a93f2ca241f530ebe256a1aedac2d97214d42f8', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, h("div", { key: 'd38c8d1d76a0092bfeb90dc85f2888fe7db31c7b', class: "label-wrapper" }, h("label", { key: '6e89fb73b78739e0197da155366f03725c8f618b', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => hideTooltip() }, this.label, this.characterLimit && (h("span", { key: 'cf320c98d9cacba9e3a93cc69da70635a4e006b7', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (h("div", { key: '57967ff44c505bfb569abcab41c879280488c594', class: "required", "aria-hidden": "true" }, "*"))), h("div", { key: '58fc3cf1c4b90d2d12cdf82c09e4f1db70ce70d4', class: "inner-wrapper" }, h("div", { key: '641b38d9239f069cd3fe7894faa0edbfbb581e72', class: "text-after-wrapper" }, h("div", { key: 'c4dabee8ba57a1eb65c6999c2aa03e22e4e6dff9', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (h("span", { key: '6afcad6a5df9f1c8c2966300add1b04a613f353e', class: "symbol", id: "symbol-before" }, this.symbolBefore)), h("input", { key: 'd7650e1ece1a79aab222ac0d67cc4efbde807dc9', 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: '923f9b0c3af222a4b81524a628528a7d7f9dca06', 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: 'dd9f099938c54e9dc3cbacf5355b4fa29801aac4', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (h("div", { key: '1c31513981bb20202c927457bb4bf65960c64507', id: "info", class: "info" }, this.info)), h("div", { key: '5406b19011608ea5cc51b847a0ecb8d832201821', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '603651eb765b1828c50dbb056ab49840db02204f', 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: '48ecd39137287b30ed6426013277b2d418301dbd', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '24fe7a9f4798fe7ae1637f6031dee9cff18cc21f', 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: 'd29e2e1f413305f270ff85cf72f084a8eb7d730d', tabindex: -1, role: "menuitem", "aria-disabled": this.disabled ? "true" : null }, h("div", { key: '14fd50ba518f41b343c6a0ac85ca84e2bd90096e', 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: '09a767c503fd0c29d548b626ce5d4e9f2dc05fab', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '2fb279caa8ab8d71959d218dbae28c614acce8e5', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '5f182514fc8bfa243ff630f6638ae27500f89c21', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'b27dc355a2794a0ca63774a80132aee49809762a', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: 'd03404a339209bae2fbd181227ac18c547667570', "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: 'ec4d89dc7cbe33882e8c3a730de19b260898aa5d', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '95dafc435b2552d7c581438e43d254266c1ea76e', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: 'be76c779f3749dc93136314e42e23f766280fb4a', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: 'c5ecd7ecd9a334742e725a93ef9314fc7a367b51', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), h("wm-button", { key: '5734666efd4a2841f11ad328287d2f49957a0ed7', "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: 'fdd199695b2ceb94f64a277ceae16c596b406071' }, h("div", { key: '40e435da7701bf5a174028a153b5a040338ec0ed', class: "wm-wrapper" }, h("div", { key: '51f7b66ec56a8e977bdc75e84734a63b869ba53b' }, h("h2", { key: '23abdc0aba1d5ee84a66c6cf9facaf6c61f8ccc2', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'bcbb5454236dc3e51f66e08ce156a28a13335eb7', class: "subtitle" }, this.subheading))), h("wm-button", { key: '9390af056a9a0ce8da6d8387409c73d6b5535942', "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: '182256e22741376faf441fe888ab05d2fe3c33e0' }, h("div", { key: '600da6566f849b23b748f36f38bd353abfea3780', class: "wm-wrapper" }, h("div", { key: 'b1e54555c3920266fea8a62459f5cd8acb300333' }, h("h2", { key: 'bd725ef7653f9fdc4bd6b54759d775fa86580ade', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: 'd4a1a30a9f080a667c989e3706041dc68af43cd9', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'd743707866fade15d397bc03e010856b6165946a', "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

@@ -114,11 +114,11 @@ export class Modal {
         }
     }
     render() {
-        return (h("dialog", { key: '633554a1b1e5df10d410e1c31e2f960642718e57', 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: '3d6d3bbce8760bfb1e642771f534b1d603f6a74b', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (h("dialog", { key: 'f5ca5428a28e13e68c2c4cb4a215e80558f4a6f8', 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: 'd41ca7260ee6f5ad1630e2d2ca482b7ff369d0a9', 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: '7c660029e60f4b8df004dd3b830025f047710ccc', class: "wm-tooltip" }), h("slot", { key: '7779d237802e80dd2c7f84516bd1327438813ce2' }), h("div", { key: 'eb2fa33d5fdae1b8c41102380471c593b10e1826', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && h("div", { key: 'c0ada91898cf518dd19cfbfbf47c18df5bafa56e', class: "wm-tooltip" }), h("slot", { key: 'b178438088eb11f6754a76c8329b774f5adab7cb' }), h("div", { key: '6bce5a99b5ba835cd55fdf1b5aeb552ca7b0e196', 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: '791d8fddb2121d453a1e7221059342c9241a54d0', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '581dc035d64b04d0b684e3ce8e641407d62daf4f', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: 'fef39bd6ce9d01698476a123b4a0f3ed72434945', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '3cc32b27ae12037dbd9ae5d975d107bd5775272c', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: '7188091c11e32f7a2d4372512a7c901069783405', "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: '6b303e1b6486ae5616e53a8b54cf18ebef18596a', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, h("div", { key: '0cb8de8220b7c6c275b53343d1ce0d3e2290f9c6', class: "wm-info", "aria-live": "polite" }, this.infoText), h("div", { key: '7573be1e85f3e33e2389e7258ced4fe8cf5f59ea', class: "wm-button-collection" }, this.secondaryText && (h("wm-button", { key: '5c767a42825fffd9afe04b086c235925578ae8d6', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), h("wm-button", { key: 'e11861f8a1e4ea2632c7ac926f1cb947e58f1f8b', "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: '2d4dd3bbbb5413443b124fadc058195f5676abb7' }, h("div", { key: '8d56fc348b7fb879c58f1bd458ae8a9927c90bd7', class: "wm-wrapper" }, h("div", { key: '3f0601ddf471a1ac41dcbaf091dc8a797518e4c5' }, h("h2", { key: 'cb4dc227bc7b4bc8181d9bdcc503a7132df2b3f8', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '8c6fb51bd5f40211e3ca56f0e302e564e1002ece', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'b91805d20a64b345b7708b2732f63057c2ce18a3', "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: 'c713e1c0ca93adba8927ca800021dc58005d6add' }, h("div", { key: '6802b4a4f0d79b21739302b5f92e6eb37d5589a1', class: "wm-wrapper" }, h("div", { key: 'e8cd4b3b91fc1f2641dfe00040c47d9842268e46' }, h("h2", { key: '3ce81beecb1a272cd4daf0c21aad8eab07199de3', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, h("span", { key: '5de99790eb2a41da4e601e56fe59e340fa07872c', class: "subtitle" }, this.subheading))), h("wm-button", { key: 'e58f78ab28dfef1e1a697f826684214677c199e4', "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: '6a14c87f1f275d750663b26645cac0fb90f4e591', 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: 'e5d9a03961aacb35e702501a4b696427a27154de', 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: '0f5745cd9ec6f6ebbb79f48c40fd2284c8d1739e', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: '23784657cf165f160a396b14247f473e055f8b04', class: "sr-only", tabIndex: 0, onFocus: () => {
+            } }, h("div", { key: '2d636a8939533539a56fbe0ca4d0e154a903f904', class: "overlay", ref: (el) => (this.overlayEl = el) }), h("div", { key: 'b667088bff7954bd0f8ef17c83b6de82ee046850', 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: '37f512ffa18761c2a10204012171d5ba352c28ef', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '755bce6170da2475c2bf6ef648cf16498ab60eeb', "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: 'e66062eb9341bad68269b6e446a7b07478e9221a', class: "svg-icon svg-menu" }))));
+        return (h(Host, { key: '0da9d6b605488ba2d39619e752c6c4dd146f02a1', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: 'b565c98c06e9f2ff3de250d61b0948a2ba760fe4', "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: 'c5d18e10dfb0c0e342ab1ab950737a183c4bf665', 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: '4e606df3119b6f8ccaed56affc38852ceaea8c41', role: "listitem" }, h("a", { key: '7a29df7fc9f86c11322f05aef0640bd734074b36', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: 'd3d72b08a32e41f4fb27122d5dda1ca1a456e822', class: "icon", "aria-hidden": "true" }, h("slot", { key: 'a92895fc556c0013348b5053c5eb53f18f70a8d5' })), h("div", { key: '341345b952f853c45253f61debed8cbff5bd5bdd', class: "text" }, this.text))));
+        return (h(Host, { key: '11f3273e61a1e4b9fe219e290fd12777b6c811d4', role: "listitem" }, h("a", { key: '00109f5ac27900974a63a53205d9d55917e3cee0', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: '350db0b0ea0c3d50eb44d9a5331510677941b2ef', class: "icon", "aria-hidden": "true" }, h("slot", { key: '552988e785e59cd27a9d74248c54305726f8c13b' })), h("div", { key: 'db29e928dc0a1af8fece0c8a10a7da830fe3b6b4', 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: '40e8ea08dd4de4b325b8157563b2053448ca90f5', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '906975fbaad775dde78cf94e7ace20caa32027f6', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '29a269e61ef8ca8bcccf1d4bbfe7d3c6f8ba2758', class: "tray" }, h("div", { key: '38b207f710cc26163b7eff2ad3eca963f5bdab3c', class: "toggle-wrapper" }, h("wm-button", { key: 'f5bae797529433205ec8abd0f025db335277e3df', 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: '31a21bcdc4fa76543d15b89a5821969396725933', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '3fead04ca5fc72bfc5ed0023a8e1c9f3dad591a7', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '750f16846fdeb1127973d9d8a5477844f715c3fa', class: "tray" }, h("div", { key: '667267699e1346d98203610bf71854d38e973b6c', class: "toggle-wrapper" }, h("wm-button", { key: '949854a36667f085fff6cf78a1a06611f6fd6ce2', 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: '956f80bb6f1f873186e9787836c0748fbd6de708', class: "navlist" }, h("slot", { key: '4846ab62c5a8cd2d76b3b74f6fa9370ea12ff7de' }))), this.isCollapsible && (h("div", { key: '9639e7b704cc88fd8227aa4a30cd88d21951c015', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: '99abf6b8d8e1169e75f5c60ac642a6307b2e2181', class: "navlist" }, h("slot", { key: 'b37d42b7e380133c85693ef1cd4eddb3d9cb701d' }))), this.isCollapsible && (h("div", { key: '7c470ba4a160459277eb0c9b01bc0d1e101fcd8b', 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: 'b3055b43aaad031a91e8c10eed63e302e0dda804', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: 'da6c465629d6730a8f09640fe0f9d228b765f8cf', "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: 'd7c6a68612221b0207c84b48531c144b26d6393a', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'd36a383f3a6964954ab722d9fbc23accd6763622' })));
+        return (h("div", { key: '4284114b8c64d5ecff784cf155eaf34c9bdadb99', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'b03e287efde84d038255c88e7d6881c5721d735f' })));
     }
     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: '0dd1e2de8fe412fcdb1e9dd55ae0aa50182bdc5f', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: 'a2b34da3b059df6b42522d19ee4841fc02553fcf', id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: 'd4adb093a3d63c6e72d1f616c08b3f35a74a8d31', "aria-label": `${this.navigationLabel} ${this.getCurrentPagesInView()}. ${this.currentPageAnnouncement(this.currentPage)}` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '46c3e0a38528a89b7dc9b2edb9f3db8e7f1d28b1', 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: '0badc426e30ae7a816fb78fd187060c615adf238' }, h("div", { key: '66fe953f705a2c90c628855c0864477e62b3ebf3', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '52c205e6873386f5cb270666eb0e6f86aa635549', disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: '17348dea91583c46ce68d6b5ea88ac1178444293' }, h("div", { key: '7832184ab057a544e94a175b73d063523052fa09', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: 'a44d27b147fd7383637aaeac98587796d8dccc25', 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: '71dbaea311e49a6a576787232a10a66da287eb09', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '3e0ede8efc35452092bd42e684a4be6287118e44', 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: 'bc73bb454c922951d5dff9d894ed76a3e270be85', class: "svg-icon svg-search" }), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '11214abe07df6957b2e2fe9f301ab1f653b9968e', 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: '84273f446de24a6f61ae4e057e49d3da182149ce' }, h("div", { key: '7adcbc01ac51d68ccdc6e5c1e6876adb9fdb956d', ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: 'a06071856df76d16e5bad2922f8db0cb40ba4234' }, h("div", { key: '6bd3615e4caeef743751504e2699890cf7b66082', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { key: '3314ee4b261b884600ff98ae8e9a1087f66b7d12', 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: '91af36942080cb99b70d61b3d90ffee7f8bc3723', 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: 'a3428f7215247e174dd989f31df553ec7c2e76bf', role: "presentation" }, h("li", { key: '351d39f9a6fe217ca4d43d7421d20979e5c6a5df', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: 'b0934afc00da6283016f2245840f7c98eba023e0', 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: 'b7d80bd6260d1a2b006e22d160d852181410683d', role: "presentation" }, h("li", { key: '5b5aedd77ad9ce7d2e8617d05ec94b9220d3fc90', class: `tab-item ${isDark ? "dark" : ""}`, role: "presentation" }, h("a", { key: '2e0a67f304b1b96d52f92423dce16521d5adbafe', 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: 'b1f7659a3f4d34d3ba80acaf04bd7403765c120f' })))));
+            } }, h("slot", { key: '4fa4fddaf019c6cfa3bae0a12c392314ac5b7ef3' })))));
     }
     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: '4d96241689596a458d8d51e03e4c68c503fbde32' }, h("div", { key: '97c6656543c22d7970403f3dc4233a78ef63b74d', class: "component-wrapper" }, h("wm-button", { key: '713d8219abec2f3743d95022302ae6083c538446', class: `left-arrow ${this.scrollArrowsVisible ? "visible" : ""}`, "aria-controls": "tablist", customBackground: this.customBackground, buttonType: "navigational", icon: "#previous", tooltip: intl.formatMessage({
+        return (h(Host, { key: '7a969b4a2af109143d501aff715f115113f6e988' }, h("div", { key: 'bd3a13b3025ff8d498fbb1ca4b725ccbb6869f9d', class: "component-wrapper" }, h("wm-button", { key: '5c9f2dd5fe4257aa85986da8342e72fd48aac2ce', 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: 'fe8e2e2ae3d7b13f0f55167da243a60c35df3144', 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: 'ec32591d2a5668df5088be59b13846f5fd356b42' })), h("wm-button", { key: '3918f7e86164e23294c48b209fea2ce91103f76f', 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: 'b9e9d30f93dd9a632d42bb77c6e7737dfca02456', 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: '3e91e31a7e359ef8e12a26e60b28e82303e530e4' })), h("wm-button", { key: '59a7b2cb042d1ee73e909228d98cbfb2a9e63474', 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: '96fb1196fcddd7b3454bce22f4febe0d57e9a40a', "aria-live": "assertive", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+            }), onClick: (ev) => this.handleRightArrowClick(ev) }), h("span", { key: '90bbf3a17be81da9800f05fd89297279a56fef59', "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: '385e332f10a9fc6221353fb83be59b0037ffefc2', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
+        return h(Host, { key: '192b6eb07a9d895626645e37e63ca066ca2e4f03', role: "tabpanel", tabIndex: "-1", class: { "tab-hidden": !this.active } });
     }
     static get is() { return "wm-tab-panel"; }
     static get originalStyleUrls() {