@watermarkinsights/ripple 5.7.0-4 → 5.7.0-6

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

@@ -34,7 +34,7 @@ export class NavigationHamburger {
         this.wmNavigationHamburgerClicked.emit();
     }
     render() {
-        return (h(Host, { class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { "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", { class: "icon" }))));
+        return (h(Host, { key: 'fc402d0497dde80e6cf677a1d68a6be907581d87', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, h("button", { key: '98f00ce032096525b6a8bc657ebf74ad0b9de422', "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: 'b7a05af3f723c2d19c2dcf58d5e10660bd461382', class: "icon" }))));
     }
     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, { role: "listitem" }, h("a", { class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { class: "icon", "aria-hidden": "true" }, h("slot", null)), h("div", { class: "text" }, this.text))));
+        return (h(Host, { key: '8f21a176308fc0052df4c37e6ce10a56ce36714a', role: "listitem" }, h("a", { key: 'e0bc653ff770e9e5c7b8c05931ef59ae866ef5b0', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, h("div", { key: 'ee3b371175474cefdc4d3aa0dd78221807f8d36e', class: "icon", "aria-hidden": "true" }, h("slot", { key: 'a35caf3cc9befad2e9a7cf6b52612c11708ab93b' })), h("div", { key: 'c8ca711e000f7ea73ace37e8bf173b2fca94406a', 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, { role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { class: "tray" }, h("div", { class: "toggle-wrapper" }, h("wm-button", { ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "f156" : "f35c", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
+        return (h(Host, { key: 'b8fa3d19d2d5c3bbc1d10b36012567be01955f4e', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { key: '8661122685c09698703f7037d2f73676c13a930f', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { key: '6d9f020d21e9c05bcc0a439f2939869267318d9d', class: "tray" }, h("div", { key: 'c497fd99f9ec90b352405f562d1c7d492d8af6f5', class: "toggle-wrapper" }, h("wm-button", { key: '5544c0479873097961737a85dda7c9f03f60edd0', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "f156" : "f35c", "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", { class: "navlist" }, h("slot", null))), this.isCollapsible && (h("div", { class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), h("ul", { key: '921967fa3b818a6487b311d1413801caa936817b', class: "navlist" }, h("slot", { key: 'c71b593320116c6bad5091e6ad4c6247f28084b5' }))), this.isCollapsible && (h("div", { key: 'c8f0cb0b0649546939a31ce9ffebd8b6a5452e8d', 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", { "aria-expanded": this.expanded.toString(), class: "navigator", onClick: handleClick.bind(this), "aria-label": altText }));
+        return (h("button", { key: '01b41071516d6a26e1dd34ba20f4fd5d882c44fc', "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", { class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", null)));
+        return (h("div", { key: '98b77c7265e7ea4af63397419df3e40494c56811', class: `navoption ${selectedClass} ${focusedClass}` }, h("slot", { key: '8c00f002215db527b3ad294d342802c9524dec68' })));
     }
     static get is() { return "priv-navigator-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -151,7 +151,7 @@ export class Pagination {
     render() {
         return (
         // do not render the component if there's only one page
-        this.totalItems > this.itemsPerPage && (h("nav", { "aria-label": `Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { id: "status", class: "sr-only", "aria-live": "polite", "aria-relevant": "text", "aria-atomic": "true" }, this.srAnnouncement))));
+        this.totalItems > this.itemsPerPage && (h("nav", { key: '5598c56f54538470610f0419794e6e86f9fa9075', "aria-label": `Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.` }, this.isLargeSize ? this.renderLarge() : this.renderSmall(), h("div", { key: '931fe5f130389e998837fd3f98d0311d2a147095', 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

@@ -166,10 +166,10 @@ export class Search {
      * End search and find render helpers
      */
     render() {
-        return (h(Host, null, h("div", { id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { disabled: this.isDisabled, id: "wm-search-input", placeholder: this.placeholder, "aria-label": `${this.label ? this.label + ". " : ""}${intl.formatMessage({
+        return (h(Host, { key: '2c251f4f12069241343caacc2127c8c06260fc65' }, h("div", { key: '0a30850044b4707b06e671db14963dc98077af83', id: "wm-search-wrapper", class: `wm-search-wrapper ${this.searchType}` }, h("input", { key: '3f22650a996906a42a2dbf11029ee96fbd2458aa', 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", { class: "mdi search-icon" }, String.fromCodePoint(parseInt(`0xf349`))), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { 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: 'aabc53d0a664b5b69432670a8a4f7bdddeaa08b7', class: "mdi search-icon" }, String.fromCodePoint(parseInt(`0xf349`))), this.searchType === "find" && this.renderResultsAndBrowseButtons(), h("div", { key: '8c622ee7546f24e9c0b7e8cc024b50badb5adb2b', 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"; }
@@ -380,8 +380,9 @@ export class Search {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "value",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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

@@ -150,11 +150,11 @@ export class Snackbar {
             }, onKeyDown: (ev) => ev.key === "Enter" && this.snackLinkClicked(notification) }, h("span", { "aria-hidden": "true" }, notification.link)))), h("button", { id: `close-button-${notification.id}`, "aria-label": "Close this notification", 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: "sr-only", tabindex: notification.link ? 0 : -1, onFocus: () => notification.link && this.snackDismissed(notification) })))));
     }
     render() {
-        return (h(Host, null, h("div", { ref: (el) => (this.snackAreaEl = el), class: {
+        return (h(Host, { key: 'f011ca2167934ad38a3b92e494e5405255c7c0d2' }, h("div", { key: 'd9f8242623624809a0b55cc58fa71eaea19c09a2', ref: (el) => (this.snackAreaEl = el), class: {
                 "list-wrapper": true,
                 "user-is-tabbing": this.isTabbing,
                 empty: this.parsedNotifications.length == 0,
-            } }, this.renderSnackbars()), h("div", { 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: '94a065228d53362a9e401bef3998c2509c2a9466', 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

@@ -40,7 +40,7 @@ export class TabItem {
                 "background-size": `calc(100% - ${bkgSize}${units}) 3px`,
             };
         }
-        return (h(Host, { role: "presentation" }, h("li", { class: "tab-item", role: "presentation" }, h("a", { class: `tab ${classes}`, style: styles, role: "tab", ref: (el) => (this.linkEl = el), onClick: this.tabClicked, id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1 }, h("slot", null)))));
+        return (h(Host, { key: '1b5e2a436f666efdb4832313e9744f0cec64fd06', role: "presentation" }, h("li", { key: '1d976f2d8e997c35f850a1d3f81287e8a05cf6c5', class: "tab-item", role: "presentation" }, h("a", { key: 'a7b9d235329558637bce4e3d281b0fdd4acc012b', class: `tab ${classes}`, style: styles, role: "tab", ref: (el) => (this.linkEl = el), onClick: this.tabClicked, id: `tab-link-${this.tabId}`, onKeyDown: (ev) => this.tabPressed(ev), "aria-selected": this.selected ? "true" : "false", tabindex: this.selected ? 0 : -1 }, h("slot", { key: '20b2a2a40de1935499717243115c6c7abd174a15' })))));
     }
     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

@@ -155,7 +155,7 @@ export class TabList {
             } }, t.textContent)));
     }
     render() {
-        return h(Host, { class: this.menuLayout ? "menu" : "" }, this.renderMenuOrTabs());
+        return h(Host, { key: 'b5d5af9934cc164eaee24486d742fc84d0938cc4', class: this.menuLayout ? "menu" : "" }, this.renderMenuOrTabs());
     }
     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, { role: "tabpanel", class: { "tab-hidden": !this.active } });
+        return h(Host, { key: '360eaf2a3b7ff884dc965da4858c81db5deb9fac', role: "tabpanel", class: { "tab-hidden": !this.active } });
     }
     static get is() { return "wm-tab-panel"; }
     static get originalStyleUrls() {

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

@@ -858,12 +858,12 @@ export class TagInput {
         }
     }
     render() {
-        return (h("div", { class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, h("label", { class: "label", htmlFor: "input" }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))), h("div", { class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { class: "upper-row" }, h("div", { class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
+        return (h("div", { key: 'b309b4df4697e0403b40896eda41d68b65b3155b', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'dfba80379dcb6db4a3ffc49ad01153e3407b704c', class: "label-wrapper" }, h("label", { key: 'cfa0c452b41a258defc49ea9957bf2ba8d3b05d8', class: "label", htmlFor: "input" }, this.label, this.requiredField && (h("span", { key: '8a23dec0adcbc0589fe849a6533586c25d57421b', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: '6f8d837fba73454d6859f4dbdf2c25e351b691bc', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'c36525991a3214b9ede94473f8d7b43f776bb3d3', class: "upper-row" }, h("div", { key: '122cb5fec9c3c4135fcf38d39ead53a1295793a1', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: '08c2bd6159ce137734d499fa4fc0231c994d5591', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
                 this.focusedTagIndex = undefined;
                 this.handleBlur(ev);
-            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
+            }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { key: 'd40758c985a40ff517416ab1b06859ddae17fc6f', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
                 this.handleBlur(ev);
-            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { id: "info", class: "info-text" }, this.info)), h("div", { id: "error" }, this.errorMessage), h("div", { class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
+            }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: 'a40fa254989586242f1f4caaedc45c6f0a9c06b8', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '06f9aefd2182a3fee81b7ae37072593ca6f3f7f6', id: "info", class: "info-text" }, this.info)), h("div", { key: '8cea9a190c92e37924819ca1086762ca8e0298be', id: "error" }, this.errorMessage), h("div", { key: '43ccc1abb56e1c98962cfa345f89f65d5f352f33', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
     }
     static get is() { return "wm-tag-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class Textarea {
         this.announcement = message;
     }
     render() {
-        return (h("div", { class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { class: "label-wrapper" }, h("label", { htmlFor: "inputfield", class: "label" }, this.label, this.characterLimit && (h("span", { class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit))), this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))), h("div", { class: "inner-wrapper" }, h("div", { class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { id: "info", class: "info" }, this.info)), h("div", { id: "error", class: "error-message" }, this.errorMessage), h("div", { id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (h("div", { key: '5963390ed89f6ee8ff44fc80f92e2f0cfdfccd4a', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'fadf8f236da33a546ce0f69b443eec24f45cba62', class: "label-wrapper" }, h("label", { key: 'bbfb68383d2bb386a9b47618ef656839ff995937', htmlFor: "inputfield", class: "label" }, this.label, this.characterLimit && (h("span", { key: '3853f22c7d743c8445b89deb8b8586c1aa69a0ac', class: "sr-only" }, " ", globalMessages.getCharacterLimit(this.characterLimit))), this.requiredField && (h("span", { key: 'b7dcd67f1f1127bb87ed33ecfa055453f408e8ea', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: 'f6c424bf2c62f2919b149c7cc2822276a5a234de', class: "inner-wrapper" }, h("div", { key: 'cc0291740374560f67a7421bb1d5a06ab1c0bc24', class: `inputfield-wrapper ${this.errorMessage ? "invalid" : ""}`, style: this.inputWidth ? { width: this.inputWidth } : {} }, h("textarea", { key: '0c5e8a59627837930badbb00eaf5b92c95c3b4cd', id: "inputfield", disabled: this.isDisabled, "aria-describedby": "info error", onInput: (ev) => this.handleInput(ev), onBlur: () => this.handleBlur(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, value: this.value, rows: 3, style: { height: this.inputHeight } }), this.characterLimit && typeof this.characterLimit === "number" ? (h("div", { class: `character-count ${this.value.length > this.characterLimit ? "exceeded" : ""}` }, this.charCount, "/", this.characterLimit)) : ("")), this.info && (h("div", { key: '542379c9da8a8b149090e7506aee6323f8cff191', id: "info", class: "info" }, this.info)), h("div", { key: '6b9e201401dc9d4c70a64b1582fd778b773e308f', id: "error", class: "error-message" }, this.errorMessage), h("div", { key: '51dd3c3fb3159605ea226acbb6d895ea5ec6ba51', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get is() { return "wm-textarea"; }
     static get encapsulation() { return "shadow"; }

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

@@ -275,13 +275,13 @@ export class Timepicker {
         return this.times.map((time, index) => (h("li", { id: `option${index + 1}`, "data-time": time, role: "option", onClick: () => this.handleOptionClick(time) }, this.reformatTimeInternal("12", time))));
     }
     render() {
-        return (h(Host, { onBlur: () => this.close(false) }, h("div", { class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { id: "label", class: "label", htmlFor: "time-input" }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*"))))), h("div", null, h("div", { class: "inner-wrapper" }, h("input", { id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
+        return (h(Host, { key: '5c8f9748f8a901a11cc20a1dae82fde6ec194e2e', onBlur: () => this.close(false) }, h("div", { key: '5140bc789915dcde7ea687d4f2c776313d37c0c4', class: `wrapper label-${this.labelPosition} ${!!this.errorMessage ? "invalid" : ""}`, ref: (t) => (this.tpWrapper = t) }, h("div", { key: 'ba0646d03ff3fe372a543dc037602589d69542ab', class: "label-wrapper" }, this.labelPosition !== "none" && (h("label", { key: '35cefe7af8160f9cff853081d09e0f2ed2ec0818', id: "label", class: "label", htmlFor: "time-input" }, this.label, this.requiredField && (h("span", { key: '796d6688c9613a5937d1a25f0a90abd01b9b608d', class: "required", "aria-hidden": "true" }, "*"))))), h("div", { key: '40a6067268b07d070a79ef32b9417e2a13ae934d' }, h("div", { key: '4a4fe825d9dbc2239541a36235675ed0f7116791', class: "inner-wrapper" }, h("input", { key: 'b8db0b9d23f4889306027e1c1c8e174a2b14dfb9', id: "time-input", "aria-label": this.label, "aria-describedby": "error", ref: (el) => (this.inputEl = el), onBlur: () => this.handleInputBlur(), onInput: () => (this.value = this.inputEl.value), disabled: this.isDisabled, "aria-required": this.requiredField ? "true" : null, placeholder: this.timeFormat, autocomplete: "off", value: this.value, onFocus: () => this.tpWrapper.classList.add("focus") }), h("button", { key: '6edc54612e7c50e29e8189bd96fdeb4f25b4ed22', id: "btn", ref: (el) => (this.buttonEl = el), disabled: this.isDisabled, "aria-controls": "list", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.buttonAriaLabel, "aria-describedby": "time-input", onClick: () => (this.isExpanded ? this.close() : this.open()),
             // This addresses an issue in Safari, where clicking buttons does not focus them
             // if the button does not receive focus when clicked, Timepicker incorrectly emits a blur event
             onMouseDown: (ev) => {
                 ev.preventDefault();
                 this.buttonEl.focus();
-            } }, h("span", { class: "clock" })), h("ul", { class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { id: "error", class: "error" }, this.errorMessage)), h("div", { id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
+            } }, h("span", { key: 'd00fb627c3ffbe5a2d7459ea7f50a77af9c3de5a', class: "clock" })), h("ul", { key: '48af13c75b0776df9f77d585b4a20051cd66d96e', class: `options ${this.isExpanded ? "open" : ""}  ${this.openUp ? "upwards" : ""}`, id: "list", role: "listbox", "aria-labelledby": "label", "aria-describedby": this.isExpanded ? "collapsed" : null, tabindex: -1, ref: (el) => (this.optionsEl = el) }, this.renderOptions())), h("div", { key: '6bf8d7d5991dad08ebd3c4b524a6cb0ecf0218c8', id: "error", class: "error" }, this.errorMessage)), h("div", { key: '79ffebc4a0f3b987bd45c68453175ad33bdbdebc', id: "live-polite", class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }))));
     }
     static get is() { return "wm-timepicker"; }
     static get encapsulation() { return "shadow"; }
@@ -468,8 +468,9 @@ export class Timepicker {
                 "complexType": {
                     "signature": "(input: string) => Promise<boolean>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "input",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -488,11 +489,13 @@ export class Timepicker {
                 "complexType": {
                     "signature": "(format: \"12\" | \"24\", time: TimeFormat12 | TimeFormat24) => Promise<string>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "format",
+                            "type": "\"12\" | \"24\"",
+                            "docs": ""
                         }, {
-                            "tags": [],
-                            "text": ""
+                            "name": "time",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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

@@ -97,9 +97,9 @@ export class Toggletip {
         }
     }
     render() {
-        return (h(Host, { class: `size-${this.targetSize}` }, h("button", { class: "button", type: "button", "aria-label": this.label, onClick: () => this.open(),
+        return (h(Host, { key: '58ff678917d75890b31e5f9d509f5d4a6325d137', class: `size-${this.targetSize}` }, h("button", { key: 'e015f73d4c4687f9e2d304da3a70e3ec73feeff5', class: "button", type: "button", "aria-label": this.label, onClick: () => this.open(),
             // In order to position the tooltip identically to the toggletip, it's presence is determined by these four events
-            onMouseEnter: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }), h("div", { ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.isOpen ? "" : "hidden"} ${this.tooltipPosition}` }, this.tooltip), h("div", { ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
+            onMouseEnter: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onMouseLeave: () => hideTooltip(), onFocus: () => showTooltip(this.tooltipPosition, this.el, this.tooltipMessage), onBlur: () => this.handleBlur() }), h("div", { key: 'c2b790944b02e405f344d2044ff8ec709138877a', ref: (el) => (this.toggletipEl = el), class: `toggletip ${this.isOpen ? "" : "hidden"} ${this.tooltipPosition}` }, this.tooltip), h("div", { key: '90025118489a397a87b185f09109b817d308e9bd', ref: (el) => (this.liveRegionEl = el), class: "live-region sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-toggletip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -195,9 +195,9 @@ export class Uploader {
         return (h("div", { class: `wrapper ${this.errorMessage ? "invalid" : ""}` }, h("div", { id: "label", class: `label` }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))));
     }
     render() {
-        return (h(Host, null, this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
+        return (h(Host, { key: 'd95df838970c9e94e3ffd6676ebbd38c3d516057' }, this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { key: '938bce832e6579487ab05b22cfcd98114e57c245', ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
             ,
-            "aria-atomic": "true" }), h("div", { ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
+            "aria-atomic": "true" }), h("div", { key: 'd4ae7a43d016b7ed25d42a1167c79d48ef12583e', ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
     }
     static get is() { return "wm-uploader"; }
     static get encapsulation() { return "shadow"; }

package/dist/{cjs/global-8ecf126f.js → esm/app-globals-079cb2f3.js}

@@ -1,6 +1,6 @@
-'use strict';
+import './index-130e07bb.js';
 
-const version = "5.7.0-4";
+const version = "5.7.0-6";
 
 // PRINT RIPPLE VERSION IN CONSOLE
 // test envs return 0 for plugin.length
@@ -83,3 +83,8 @@ tooltipStyles.textContent = `
 document.head.appendChild(tooltipStyles);
 tooltipContainer.appendChild(tooltipEl);
 document.querySelector("body").appendChild(tooltipContainer);
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+export { globalScripts as g };

package/dist/esm/{chartFunctions-dfcb1edf.js → chartFunctions-6666ced3.js}

@@ -1,5 +1,5 @@
-import { h } from './index-558b5a82.js';
-import { i as intl, c as safeMultiplyFloat, e as getPosition, f as checkForActiveElInShadow } from './functions-b791a892.js';
+import { h } from './index-130e07bb.js';
+import { i as intl, c as safeMultiplyFloat, e as getPosition, f as checkForActiveElInShadow } from './functions-03966124.js';
 
 const colors = {
     salmon: "#ff5f4e",
@@ -69,7 +69,7 @@ const allChartsDetails = {
     bar5: {
         size: 400,
         colors: [
-            colors.gray,
+            colors.gray, // this is only used if prop notStartedColor is set
             colors.lavender,
             colors.midnight,
             "#0089e4",

package/dist/esm/{functions-b791a892.js → functions-03966124.js}

@@ -3088,7 +3088,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -3344,7 +3344,7 @@ function parseDateTimeSkeleton(skeleton) {
                 throw new RangeError('`D/F/g` (day) patterns are not supported, use `d` instead');
             // Weekday
             case 'E':
-                result.weekday = len === 4 ? 'short' : len === 5 ? 'narrow' : 'short';
+                result.weekday = len === 4 ? 'long' : len === 5 ? 'narrow' : 'short';
                 break;
             case 'e':
                 if (len < 4) {
@@ -3402,7 +3402,7 @@ function parseDateTimeSkeleton(skeleton) {
                 result.timeZoneName = len < 4 ? 'short' : 'long';
                 break;
             case 'Z': // 1..3, 4, 5: The ISO8601 varios formats
-            case 'O': // 1, 4: miliseconds in day short, long
+            case 'O': // 1, 4: milliseconds in day short, long
             case 'v': // 1, 4: generic non-location format
             case 'V': // 1, 2, 3, 4: time zone ID or city
             case 'X': // 1, 2, 3, 4: The ISO8601 varios formats
@@ -3633,6 +3633,27 @@ function parseNumberSkeleton(tokens) {
             case 'scale':
                 result.scale = parseFloat(token.options[0]);
                 continue;
+            case 'rounding-mode-floor':
+                result.roundingMode = 'floor';
+                continue;
+            case 'rounding-mode-ceiling':
+                result.roundingMode = 'ceil';
+                continue;
+            case 'rounding-mode-down':
+                result.roundingMode = 'trunc';
+                continue;
+            case 'rounding-mode-up':
+                result.roundingMode = 'expand';
+                continue;
+            case 'rounding-mode-half-even':
+                result.roundingMode = 'halfEven';
+                continue;
+            case 'rounding-mode-half-down':
+                result.roundingMode = 'halfTrunc';
+                continue;
+            case 'rounding-mode-half-up':
+                result.roundingMode = 'halfExpand';
+                continue;
             // https://unicode-org.github.io/icu/userguide/format_parse/numbers/skeletons.html#integer-width
             case 'integer-width':
                 if (token.options.length > 1) {
@@ -3832,6 +3853,10 @@ var timeData = {
         "hb",
         "H"
     ],
+    "BI": [
+        "H",
+        "h"
+    ],
     "BJ": [
         "H",
         "hB"
@@ -3881,6 +3906,10 @@ var timeData = {
         "hb",
         "hB"
     ],
+    "BY": [
+        "H",
+        "h"
+    ],
     "BZ": [
         "H",
         "h",
@@ -3969,6 +3998,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "CW": [
+        "H",
+        "hB"
+    ],
     "CX": [
         "H",
         "h",
@@ -4084,6 +4117,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "FO": [
+        "H",
+        "h"
+    ],
     "FR": [
         "H",
         "hB"
@@ -4129,6 +4166,10 @@ var timeData = {
         "hb",
         "hB"
     ],
+    "GL": [
+        "H",
+        "h"
+    ],
     "GM": [
         "h",
         "hb",
@@ -4193,6 +4234,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "HU": [
+        "H",
+        "h"
+    ],
     "IC": [
         "H",
         "h",
@@ -4265,8 +4310,8 @@ var timeData = {
     ],
     "JP": [
         "H",
-        "h",
-        "K"
+        "K",
+        "h"
     ],
     "KE": [
         "hB",
@@ -4417,6 +4462,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "MG": [
+        "H",
+        "h"
+    ],
     "MH": [
         "h",
         "hb",
@@ -4472,6 +4521,18 @@ var timeData = {
         "hb",
         "hB"
     ],
+    "MT": [
+        "H",
+        "h"
+    ],
+    "MU": [
+        "H",
+        "h"
+    ],
+    "MV": [
+        "H",
+        "h"
+    ],
     "MW": [
         "h",
         "hb",
@@ -4529,6 +4590,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "NO": [
+        "H",
+        "h"
+    ],
     "NP": [
         "H",
         "h",
@@ -4590,6 +4655,10 @@ var timeData = {
         "hB",
         "H"
     ],
+    "PL": [
+        "H",
+        "h"
+    ],
     "PM": [
         "H",
         "hB"
@@ -4648,6 +4717,10 @@ var timeData = {
     "RU": [
         "H"
     ],
+    "RW": [
+        "H",
+        "h"
+    ],
     "SA": [
         "h",
         "hB",
@@ -4780,12 +4853,24 @@ var timeData = {
         "H",
         "hB"
     ],
+    "TH": [
+        "H",
+        "h"
+    ],
+    "TJ": [
+        "H",
+        "h"
+    ],
     "TL": [
         "H",
         "hB",
         "hb",
         "h"
     ],
+    "TM": [
+        "H",
+        "h"
+    ],
     "TN": [
         "h",
         "hB",
@@ -4881,6 +4966,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "VN": [
+        "H",
+        "h"
+    ],
     "VU": [
         "h",
         "H"
@@ -4920,6 +5009,10 @@ var timeData = {
         "H",
         "hB"
     ],
+    "ZW": [
+        "H",
+        "h"
+    ],
     "af-ZA": [
         "H",
         "h",
@@ -6823,8 +6916,8 @@ function createDefaultFormatters(cache) {
 }
 var IntlMessageFormat = /** @class */ (function () {
     function IntlMessageFormat(message, locales, overrideFormats, opts) {
-        if (locales === void 0) { locales = IntlMessageFormat.defaultLocale; }
         var _this = this;
+        if (locales === void 0) { locales = IntlMessageFormat.defaultLocale; }
         this.formatterCache = {
             number: {},
             dateTime: {},
@@ -7561,7 +7654,6 @@ function formatRelativeTime(config, getRelativeTimeFormat, value, unit, options)
 var NUMBER_FORMAT_OPTIONS = [
     'style',
     'currency',
-    'currencyDisplay',
     'unit',
     'unitDisplay',
     'useGrouping',
@@ -7579,6 +7671,11 @@ var NUMBER_FORMAT_OPTIONS = [
     'unit',
     'unitDisplay',
     'numberingSystem',
+    // ES2023 NumberFormat
+    'trailingZeroDisplay',
+    'roundingPriority',
+    'roundingIncrement',
+    'roundingMode',
 ];
 function getFormatter(_a, getNumberFormat, options) {
     var locale = _a.locale, formats = _a.formats, onError = _a.onError;
@@ -8322,4 +8419,4 @@ const weekdays = [
     intl.formatMessage({ id: "date.saturday", defaultMessage: "Saturday" }),
 ];
 
-export { throttle as A, getContextMeasurements as B, dateFind as C, calendar_months as D, findParentWithHiddenOverflow as E, transposeMatrix as F, wrapAround as G, getSmallestSkipInterval as H, calcPercentageInRange as I, makeISO as J, weekdays as K, getMonthLength as L, findScrollableParent as M, handleDisabledAttribute as a, triggerFormSubmit as b, safeMultiplyFloat as c, debounce as d, getPosition as e, checkForActiveElInShadow as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, snakeCaseToCamelCase as n, getNewIndexToFocus as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, measureText as u, findNext as v, findPrev as w, csvToArray as x, getTextDir as y, isElOrChild as z };
+export { throttle as A, getContextMeasurements as B, dateFind as C, calendar_months as D, findParentWithHiddenOverflow as E, transposeMatrix as F, wrapAround as G, getSmallestSkipInterval as H, calcPercentageInRange as I, makeISO as J, getMonthLength as K, weekdays as L, findScrollableParent as M, handleDisabledAttribute as a, triggerFormSubmit as b, safeMultiplyFloat as c, debounce as d, getPosition as e, checkForActiveElInShadow as f, generateId as g, hideTooltip as h, intl as i, dateToISO as j, shouldOpenUp as k, hasRoomRight as l, truncateText as m, snakeCaseToCamelCase as n, getNewIndexToFocus as o, shouldOpenDown as p, shouldShiftRight as q, shouldShiftLeft as r, showTooltip as s, toBool as t, measureText as u, findNext as v, findPrev as w, csvToArray as x, getTextDir as y, isElOrChild as z };