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

package/dist/ripple/priv-calendar.entry.js

@@ -550,11 +550,11 @@ const PrivCalendar = class {
             }), class: "header-btn arw-btn" }, h("span", { class: "svg-icon svg-next" }))), h("div", { "aria-labelledby": "popup-title-year", role: "grid", class: "months" }, h("div", { role: "row", class: "month-row" }, calendar_months.slice(0, 3).map((month, index) => this.renderMonth(month, index))), h("div", { role: "row", class: "month-row" }, calendar_months.slice(3, 6).map((month, index) => this.renderMonth(month, index + 3))), h("div", { role: "row", class: "month-row" }, calendar_months.slice(6, 9).map((month, index) => this.renderMonth(month, index + 6))), h("div", { role: "row", class: "month-row" }, calendar_months.slice(9).map((month, index) => this.renderMonth(month, index + 9))))));
     }
     render() {
-        return (h(Host, { key: '09b77ca0f93d811c3f4af9bf54d1b133d88a91dc', onMouseOut: (ev) => {
+        return (h(Host, { key: '500ef2d223ffe8e8b5ff8303b45f26b7538adb06', onMouseOut: (ev) => {
                 // @ts-ignore
                 if (!this.el.parentElement.contains(ev.toElement))
                     this.outOfCal.emit();
-            }, role: "application", "aria-describedby": "application" }, this.view === "day" ? this.renderDayView() : this.renderMonthView(), h("div", { key: 'e7c0db398da5de26a24f16220e5e97d97fb9b715', id: "application", class: "sr-only" }, this.calName, this.calInstructions)));
+            }, role: "application", "aria-describedby": "application" }, this.view === "day" ? this.renderDayView() : this.renderMonthView(), h("div", { key: 'd91690922cc11ad991937dd87cd618d175bca76f', id: "application", class: "sr-only" }, this.calName, this.calInstructions)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/ripple/priv-chart-popover.entry.js

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

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

@@ -14,7 +14,7 @@ const PrivNavigatorButton = class {
     }
     render() {
         const { handleClick, altText } = this;
-        return (h("button", { key: 'f41ac3acbbdb1464b876a7a9376ab07bab07978c', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: '9d52ef2d181f38e3ee6ebc418e13f6760f5f5467', "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -21,7 +21,7 @@ const PrivNavigatorItem = class {
     render() {
         const selectedClass = this.selected ? "selected" : "";
         const focusedClass = this.focused ? "focused" : "";
-        return (h("div", { key: 'af0aed77cb15c4c796f0ed3ce930bf4b0663be85', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '828fe027718c6f50f1fdb8c6eff286b052dc2573' })));
+        return (h("div", { key: '69ada1c549c3ac13aadcff7344161da84bd9d456', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: 'ad2a5ffde366484618d918f064b728e4f0caecb3' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -376,7 +376,7 @@ const PrivOptionList = class {
         return (h("div", { class: "non-options-wrapper" }, this.isInNestedSelect && this.renderReturnBtn(), this.search && this.renderSearchField(), this.visibleSelectAllButton && this.renderSelectAllButton()));
     }
     render() {
-        return (h("div", { key: '648560e102bd239a9e24bd76bfeafc957b2bf538', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: '8099f3d5dcacc4d7f9b5adb32742a26f72e63b45', id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-labelledby": "label", 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: '173b94d637b8dff72b75a4233ba1f4ec5d70e401' })), h("div", { key: 'eec5d8766d16f5f5ddd25c1eaff8313c7bb638e0', id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        return (h("div", { key: '9bff5e1fd9c47e6a53a08771b7828006df908d65', class: "list-wrapper" }, (this.isInNestedSelect || this.search || this.visibleSelectAllButton) && this.renderNonOptions(), h("div", { key: '9064ef7a435327acd64c8789fd17fdd68c915892', id: "list", class: "options-wrapper", tabindex: -1, role: "listbox", "aria-multiselectable": this.multiple ? "true" : null, "aria-labelledby": "label", 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: '42862b03eebe938669c91532d6bf5802912be520' })), h("div", { key: 'e74fd4a6d036b8eeade85b7048530b664147ccc3', id: "optionlist-announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     get el() { return getElement(this); }
 };

package/dist/ripple/wm-action-menu.entry.js

@@ -191,7 +191,7 @@ const ActionMenu = class {
         return null;
     }
     render() {
-        return (h(Host, { key: '8a9e5b3cda9c94ece695c5744a7a52724bf29ce7', onBlur: () => this.close(false) }, h("div", { key: '26e303c4f67936eb389a24371f90523b96c1c85c', class: getTextDir() }, h("wm-button", { key: 'd227414d89c3e3ce6b8b0078dbd3abc971eec6bf', "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: '3e1959b170b0671583ada02b5d4ae1c94ae81296', 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: 'ee8b997c0842fb7754f97b855eb2e818e58aae56' })))));
+        return (h(Host, { key: 'c6dfb14c3fe2e1a65238554ca585e94c7a5e8ed8', onBlur: () => this.close(false) }, h("div", { key: 'ae43b9b2e4da167c035ab018620f55f06cfdf17d', class: getTextDir() }, h("wm-button", { key: '22fbc47fb5e2430e2607bce4e820066906959ab7', "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: '90dd3b0691b50a06eb8cc4c27d2f7febdc6a00a4', 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: '5c6eeb1aa8b90c2b679d593d81f90cde7d10ff79' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -182,7 +182,7 @@ const Button = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c4fba4761d1c693a8d0f13d4e1c3832e4232d23e', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: 'a196efa19aca3bb770d3348b9ba065b1a5d5600b', 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.renderIcon(), h("span", { key: '568589ff063226492a78f39ad068060e3859bb4d', class: "button-text" }, h("slot", { key: '6d2da4243d545e3e9624b8a56295b0b5a511f9ca' })), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'cccf7bd4a451d04ad89eca770e8a67815f1108bf', class: "selector-icon svg-icon svg-expand-more" })))));
+        return (h(Host, { key: 'ae038ae6dddcd3220b1c3d027390d743e85ff3bc', class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { key: 'e10a7276c46e73fc93b2e26b6f2f81b37625d08e', 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.renderIcon(), h("span", { key: '3dbdd426484b9265107fe994c160af6f2bbd6958', class: "button-text" }, h("slot", { key: 'f5e28ec3acb64b330185f9b65d0f221fd95f1399' })), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { key: 'c2b16a69daf975cf6996aa365756574d1f74920f', class: "selector-icon svg-icon svg-expand-more" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -147,7 +147,7 @@ const Chart = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c3fc44f18a5e1b51abf66da51a5fc71486315c98', onBlur: () => exitChart.call(this) }, h("div", { key: '08bf7e98f8348cdefe82f16b9a0a159122fbcce6', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.currentChartType} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""} ${this.labelPosition === "left" && this.currentChartType === "bar4" ? "left-label" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: 0, "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions" }, h("label", { key: '4a53a06ae2e003405e0c380e1b57d4e20c643bdb', id: `label-${this.uid}`, class: `label --${this.labelPosition}`, htmlFor: `graphic-${this.uid}` }, h("span", { key: '0fee4d7da220e51f563087af19e85b78ba28e3bf', class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.isBar && renderLegend.call(this, this.currentChartType), this.renderChart(), this.isDoughnut && renderLegend.call(this, this.currentChartType), h("priv-chart-popover", { key: '099d045aa3aaefc1f71c1f83525bab46298ca5d3', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.isBar && !this.printMode && renderHiddenValuesMessage()), renderInstructionsText()));
+        return (h(Host, { key: '495e0455dbad63e662f11ea1c2f61713c9ad52b6', onBlur: () => exitChart.call(this) }, h("div", { key: '8a51cc400c25ea93797a01bb0ae2eb4fdbce8300', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.currentChartType} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""} ${this.labelPosition === "left" && this.currentChartType === "bar4" ? "left-label" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: 0, "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions" }, h("label", { key: 'c4cf7b324a1347e4fc2d97ca9b7c2e50d5526a63', id: `label-${this.uid}`, class: `label --${this.labelPosition}`, htmlFor: `graphic-${this.uid}` }, h("span", { key: '950e135dca88ae28d156047daee4618628753b49', class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.isBar && renderLegend.call(this, this.currentChartType), this.renderChart(), this.isDoughnut && renderLegend.call(this, this.currentChartType), h("priv-chart-popover", { key: '303b440f6098d37b8c1851b65d9e61d5792441ea', class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.isBar && !this.printMode && renderHiddenValuesMessage()), renderInstructionsText()));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -445,23 +445,23 @@ const DateRange = class {
         }
     }
     render() {
-        return (h(Host, { key: '21c75aea3b6672f9cc1a8fe8b625d9dc5f8addf2', "aria-busy": "false" }, h("div", { key: '23de6ef9b35306f80fbc7d901d36416667fcb88c', ref: (d) => (this.wrapperEl = d), class: "wrapper" }, h("div", { key: '32d3dacdf9bf1846490f9b83db570c0de798b2fe', class: `range-wrapper ${this.calWidth <= this.availSpace ? "cal" : ""}` }, h("div", { key: 'a8edcff82410ecefd4f1cea570e2fa711a2a36da', class: "label-wrapper", id: "start-label-wrapper" }, h("label", { key: 'e4bb3359ce44ccf275d68d2cb42b29292480f112', 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: '1d68eceb46327dd2ca5a5d5f9c85cc9afcbd8454', "aria-hidden": "true", class: "required" }, "*")))), h("div", { key: 'ab3ef6c28659edb9fb224780f0cb9e5c48f7fa63', class: "label-wrapper", id: "end-label-wrapper" }, h("label", { key: '467c8bdbed97f2b45816c2129a723ebdb86ec5c4', id: "endlabel", htmlFor: "end-date-input", class: "label", title: `${this.labelEnd} (${this.dateFormat})` }, this.labelEnd, this.requiredField && (h("span", { key: 'd2002e0e8a2946f0513aa3ce235bc24d083980bc', "aria-hidden": "true", class: "required" }, "*")))), h("input", { key: 'c53e0af568d47090be10188b9b9c68baae1b2b31', 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: 'a8c200b60af7bd4391d1fed6dfc4be046c95e8dc', id: "hyphen" }, "\u00A0-\u00A0"), h("input", { key: '50dad2843b80210d4e4fef60797842e19d1146ad', 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: '82d5a90d5607c4b2088362f6c0f07655b78e803e', class: "toggle-wrapper", id: "toggle-wrapper" }, this.calWidth <= this.availSpace && (h("button", { key: '48595059b20006a6c33dc6499269f5a58fcd9cfd', disabled: this.disabled, onClick: this.togglePopup.bind(this), "aria-describedby": "start-date-input end-date-input", "aria-label": intl.formatMessage({
+        return (h(Host, { key: 'e15e7d0122385b7038ab66267c6bd97a0484403e', "aria-busy": "false" }, h("div", { key: '1074c893c309a965181575e65ddab158e7b34661', ref: (d) => (this.wrapperEl = d), class: "wrapper" }, h("div", { key: '318998d9218b262a13c2842a03c8e493f889b327', class: `range-wrapper ${this.calWidth <= this.availSpace ? "cal" : ""}` }, h("div", { key: 'e2df44669d920d0fa287d3020a0ad29485cd03d7', class: "label-wrapper", id: "start-label-wrapper" }, h("label", { key: '34bdc1d6844cfca7b50c79c7dd2f7115889665a2', 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: '50d76500d1ddd31478ec3a1fb737fca8a2957e24', "aria-hidden": "true", class: "required" }, "*")))), h("div", { key: 'e7d8fcb4399881832d7a37042aee7a820512e2f0', class: "label-wrapper", id: "end-label-wrapper" }, h("label", { key: '86b127ee4ecc42fca26521bf19777553c55bdc79', id: "endlabel", htmlFor: "end-date-input", class: "label", title: `${this.labelEnd} (${this.dateFormat})` }, this.labelEnd, this.requiredField && (h("span", { key: '14ccfb0e9fee57f645112e1925b47e6697852f76', "aria-hidden": "true", class: "required" }, "*")))), h("input", { key: '4fbee8adcdd045ff543c530dcce96b8e1c812561', 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: '8532a1ee3ab5ed0eb678e0626d15ed59a30b159d', id: "hyphen" }, "\u00A0-\u00A0"), h("input", { key: '5083b4873f884f26221b756f1ab2b39f359aecdd', 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: '4c6fefec380fae6c6964e10bc2e6eeae1dbb560a', class: "toggle-wrapper", id: "toggle-wrapper" }, this.calWidth <= this.availSpace && (h("button", { key: 'dd11cd572ddf6ce4c44af9bdffc6a129174ede8b', 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: 'ffda24876ccbd2cece1c1d8b4deed85cf5fbf42f', class: "svg-icon svg-date" }), h("span", { key: 'f130e1551e7d470d9242ca1ebc17a7ba24389e06', class: "calendar", title: intl.formatMessage({
+            }), ref: (el) => (this.toggleEl = el), "aria-expanded": `${this.isExpanded}`, class: "toggle", id: "toggle" }, h("span", { key: '4539c027127c567bfd09039e63975e849dd96fae', class: "svg-icon svg-date" }), h("span", { key: '0fcd41cd2415908975cc8b8f7cebd4bd47f01d3e', class: "calendar", title: intl.formatMessage({
                 id: "date.calendarView",
                 defaultMessage: "Calendar View",
                 description: "Calendar button",
-            }) })))), this.renderCalendars()), h("div", { key: '283548120b07fbe101053699bbcb115608d3002c' }, h("div", { key: '2fc7c5f23d7cca693fc0b84eeead10a7f7d032eb', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '369945573c413c2f7a085754e8b4cb274e9197e4', id: "month-title", class: "sr-only" }, intl.formatMessage({
+            }) })))), this.renderCalendars()), h("div", { key: '96d2b3a31aafb89abdbd80e58ecc0efab1a582c4' }, h("div", { key: '75a3aca3bd7ef18924b81f47ab017eef108c10df', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: 'f7af6d97177bdf7cef6516950eee49e242826e06', id: "month-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectMonth",
             defaultMessage: "Activate to select a month.",
             description: "Calendar button",
-        })), h("div", { key: '3498090e97394d1ae449f07bd1d4b950cd92a201', id: "year-title", class: "sr-only" }, intl.formatMessage({
+        })), h("div", { key: 'aab9385f49a28dc1306e59451234a9a7368aca4d', id: "year-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectYear",
             defaultMessage: "Activate to select a year.",
             description: "Calendar button",
-        }))), h("div", { key: '30737a4c79f593561eb8f3c4574e2e739c9a5ab8', id: "error", class: "error" }, this.errorMessage), h("div", { key: 'e4c19b5892d6ffd773d991a64223b5f4d02b941d', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }))));
+        }))), h("div", { key: '21c76d46ebc51dbfd8b2658512f7e6f7ef4f4ae7', id: "error", class: "error" }, this.errorMessage), h("div", { key: '0312341364d0cf20c63be7f38724b64b13ffd424', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -216,23 +216,23 @@ const DatePicker = class {
         this.liveRegionEl.textContent = message;
     }
     render() {
-        return (h(Host, { key: '6595e06ea24dc87d904fac527742f805943693d3', "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '44f6ad29e99a450a110ccd2a1811e75292f086d5', ref: (d) => (this.dpWrapperEl = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '2f777c699710664bcb2a98efcf4ffb9cd673c120', class: "label-wrapper", ref: (e) => (this.labelWrapperEl = e) }, this.labelPosition !== "none" && (h("label", { key: '8dedfdba21bb6a86eea6f169e483267eb9c26c2b', id: "datepickerLabel", htmlFor: "date-input", class: "label", title: `${this.label} (${this.dateFormat})` }, this.label, this.requiredField && (h("span", { key: 'dd4843662c3c9da154349243cd28bb7a7c6a29a0', "aria-hidden": "true", class: "required" }, "*"))))), h("div", { key: 'bbe041529dda076a8744be66838e98602a219e98' }, h("div", { key: 'aaab7ac1ab3b2bc5f3727f92974331c096a5e2e8', class: "single-wrapper input" }, h("input", { key: 'baa7f5724a1ee42632e13e87b5065a25101e2cbe', 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: 'f72afc3d9d9f258ca3cad9e50362375b1d70f6f9', class: "container", id: "wm-container" }, h("button", { key: 'a7da9b5a363b63764ee1d09ce2446bd96031a160', disabled: this.disabled, onClick: this.togglePopup.bind(this), "aria-label": intl.formatMessage({
+        return (h(Host, { key: '85687dcb3b87ff6b660797b7e8ceef84a9710deb', "aria-busy": "false", class: `${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'c64159f0ecc1ce84fda38106b54d7fa49a79fc65', ref: (d) => (this.dpWrapperEl = d), class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: '43bed05cd8ddf12279fd007fac3be60ce20864f8', class: "label-wrapper", ref: (e) => (this.labelWrapperEl = e) }, this.labelPosition !== "none" && (h("label", { key: '9acaee7a5ed8a29971813a06a5051c2838c13065', id: "datepickerLabel", htmlFor: "date-input", class: "label", title: `${this.label} (${this.dateFormat})` }, this.label, this.requiredField && (h("span", { key: 'f3e1f8719fcc6ead12968215e2731d95b2603956', "aria-hidden": "true", class: "required" }, "*"))))), h("div", { key: '0c041afacda26e06e15275eb92f430f7d9a16520' }, h("div", { key: '25af5c4db0a4efa3310c039046541651c2f58a25', class: "single-wrapper input" }, h("input", { key: 'ba297de98ddb0c85ddac0b20f5f177b186956ded', 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: 'd4c145ebda9243d464b077a250ea272090e1e9bd', class: "container", id: "wm-container" }, h("button", { key: '630191453f20cbe48e919a91928c2120ca41f66e', 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: '2d0dd1ca118d65329947af616a28b3bb4bc9e512', class: "svg-icon svg-date" }), h("span", { key: 'b7d28e193a6392d269f65e2821907d1a56889322', 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: '8d418c81d6dcb4ab2155729be5634ee7a2566048', class: "svg-icon svg-date" }), h("span", { key: '5100cad9f4ed307d753499710853de95e81c04e8', class: "calendar", title: intl.formatMessage({
                 id: "date.calendarView",
                 defaultMessage: "Calendar View",
                 description: "Calendar button",
-            }) })), h("div", { key: '877a0bef7870d089cf1af89267ad9889efaf8f38', 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: '39b99fe660d521b22b8ee0aebeabb3c716d7cb6c', tabIndex: 0, onFocus: () => this.calEl.focusLastFocusable() }), h("priv-calendar", { key: '76db1d16acb6b3b87090797e65cb60165dac3559', ref: (el) => (this.calEl = el), startDate: this.calendarDate, focusDate: this.calendarDate, class: "inside" }), h("div", { key: '575e36c03da1bfce6b9329d3cad304ea1fc8826a', tabIndex: 0, onFocus: () => this.calEl.focusFirstFocusable() })), h("div", { key: 'd3851fa91b296cb13f87fb9c012f6d1e8216f45c', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '1cf20f69a8b5a0308870c516ee3a5d2272a533bd', id: "month-title", class: "sr-only" }, intl.formatMessage({
+            }) })), h("div", { key: '36d24aeb7e59ae59284596ad362eb5459a9ad1de', 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: '52e0c98a890204e111f6c508177181bf69c5af28', tabIndex: 0, onFocus: () => this.calEl.focusLastFocusable() }), h("priv-calendar", { key: '12ed17f4c034aff9be9421046d52ffc4e745c929', ref: (el) => (this.calEl = el), startDate: this.calendarDate, focusDate: this.calendarDate, class: "inside" }), h("div", { key: 'c4b913e51442e1e57805934fd9071cc8796ca551', tabIndex: 0, onFocus: () => this.calEl.focusFirstFocusable() })), h("div", { key: '4194d3665db2426ea6600f01f014735c6f49c7c4', id: "live-region", "aria-live": "polite", "aria-relevant": "text", class: "sr-only" }), h("div", { key: '538a624beb90096a1368873b8f044b0ff32bf125', id: "month-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectMonth",
             defaultMessage: "Activate to select a month.",
             description: "Calendar button",
-        })), h("div", { key: '54e36920fb115fe58a9a0627a49fa7443b281631', id: "year-title", class: "sr-only" }, intl.formatMessage({
+        })), h("div", { key: '37b0366f3742eff0d38993c60e132759683cfc18', id: "year-title", class: "sr-only" }, intl.formatMessage({
             id: "date.selectYear",
             defaultMessage: "Activate to select a year.",
             description: "Calendar button",
-        })))), h("div", { key: 'f171b0af084c0aec2a17c1bbc9326a8a7cf08430', id: "error", class: "error" }, this.errorMessage), h("div", { key: 'ed136f9fe2cd3a6d0ff5fbe18630003294dac529', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" })))));
+        })))), h("div", { key: 'b21dcace67f1f10949bfa1ed0238ddbff738a2f5', id: "error", class: "error" }, this.errorMessage), h("div", { key: 'cf362caa31e7a5951365a3e3a63d119d58f746f5', ref: (el) => (this.liveRegionEl = el), class: "sr-only", "aria-live": "polite", "aria-atomic": "true" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -8,7 +8,7 @@ const FileList = class {
         this.showInfo = "last-updated";
     }
     render() {
-        return (h("div", { key: '22f79a6282af505af3b05a649e3ad99ce6c99573', role: "list", class: "list-wrapper" }, h("slot", { key: 'b8f5b5068bba5cff11bd4c32fdf6a3f5c6755fd2' })));
+        return (h("div", { key: '69e557483f15721fc39315353da4cc1db7b6405d', role: "list", class: "list-wrapper" }, h("slot", { key: '1f00bd3aa0961aa99298eacb90b65717e8a5fd87' })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }

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

@@ -172,7 +172,7 @@ const File = class {
         return (h("div", { class: `file-wrapper` }, h("div", { class: `file ${this.errorMessage ? "--error" : ""}  ${this.isCondensed ? "condensed" : ""}` }, this.renderFileName(), !this.errorMessage && (h("div", { class: "right-group" }, this.renderFileInfo(), this.fileActions !== "" && this.renderFileControls())), this.errorMessage && (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: '6330ae54b834dc04436450533bb27648fa22424a', role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
+        return h(Host, { key: '534c481a5423a9f1a1ec811ec6b736e462a981ea', role: "listitem" }, this.isUploading ? this.renderFileInProgress() : this.renderFile());
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }