@watermarkinsights/ripple 5.23.0-alpha.1 → 5.23.0-alpha.5

package/dist/cjs/wm-flyout.cjs.entry.js

@@ -168,7 +168,7 @@ const Flyout = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5abd44475121c3711b1b45dd0ccbcf6598947a05' }, index.h("dialog", { key: '95dbde14e558cc011a344de5456b9114380ba886', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("div", { key: '25592c3e84f679397606b1fe6bc27ccd1d7b8426', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), index.h("div", { key: 'f8455bed60f556d580021ca0b57e14dc2d7a7589', class: "flyout-content" }, index.h("slot", { key: 'bcf1fc296d9d203ed2093648b26285f502a2135b' })), this.renderFooter(), index.h("div", { key: '573d7f2f6bd77a449080e9435ebeb3f9f6249e82', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
+        return (index.h(index.Host, { key: 'd68943a7b7dc87266087e8c5a8e4def91d138808' }, index.h("dialog", { key: '779e65065a15f7cf975c329b470eb324746aac80', ref: (el) => (this.dialogEl = el), class: "flyout", "aria-labelledby": "heading", onClose: () => this.wmFlyoutCloseTriggered.emit(), onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("div", { key: '971890ba3408b561829d3f98a1a94e9f6374ce51', tabindex: "0", class: "focus-trap", onFocus: () => this.lastFocusableEl.focus(), "aria-hidden": "true" }), this.renderHeader(), index.h("div", { key: 'f41605a52062336b73c4e68ff6850eee3e13ca58', class: "flyout-content" }, index.h("slot", { key: '4862d931516f9de7977cb4beaf5efefeca17a61d' })), this.renderFooter(), index.h("div", { key: '83f87c356cadf84757068f5ab7a2f9b2e3d93111', tabindex: "0", class: "focus-trap", onFocus: () => this.handleEndBookendFocus(), "aria-hidden": "true" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/wm-input.cjs.entry.js

@@ -117,7 +117,7 @@ const Input = class {
             : `info error`;
     }
     render() {
-        return (index.h("div", { key: 'd4aaf4e85013a21c72d2bc29b779bc531af63c7a', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, index.h("div", { key: '09841604f10ee7f90b72a02b8f205983208b8847', class: "label-wrapper" }, index.h("label", { key: '5ceaeeb463d2a91aa89cf3713deaad2702e0be41', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label, this.characterLimit && (index.h("span", { key: '225a478b431cc1966dd55c7113ebff9e3a972694', class: "sr-only" }, " ", intl.globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (index.h("div", { key: '4be6730fc552c46f98dd445ef8034f6317aeaabf', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: 'b1ac92828de964e90229055b9c0c55c97c470805', class: "inner-wrapper" }, index.h("div", { key: '622d539566c05c7c0cd633edf9d5186eb3c082f2', class: "text-after-wrapper" }, index.h("div", { key: '83e3981b671a9039b83c6526003e6dee62f6e9bd', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (index.h("span", { key: 'c51a71084b6761330fb9e4a4344f35cd659deef7', class: "symbol", id: "symbol-before" }, this.symbolBefore)), index.h("input", { key: '0b88b518786fadd884f624927c00d9a4802b90aa', ref: (el) => (this.inputEl = el), id: "inputfield", disabled: this.isDisabled, "aria-describedby": this.descriptors(), onInput: (ev) => this.handleInput(ev), onKeyDown: (ev) => this.handleKeyDown(ev), onBlur: () => this.handleBlur(), onFocus: () => this.handleFocus(), placeholder: this.placeholder, autocomplete: "off", "aria-required": this.requiredField ? "true" : null, maxLength: this.characterLimit || undefined, type: this.type, step: this.step, max: this.max, min: this.min, value: this.el.value }), this.symbolAfter && (index.h("span", { key: '7dd23511cb81aae62c4dde84880307f812d78d4d', class: "symbol", id: "symbol-after" }, this.symbolAfter)), this.characterLimit && typeof this.characterLimit === "number" ? (index.h("div", { class: "character-count" }, this.charCount, "/", this.characterLimit)) : ("")), this.textAfter && (index.h("span", { key: '9e8052c5a373c96f302354f7f95c38d27296fec6', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (index.h("div", { key: '80fd203c7fa68b2e0d612ad39090f0fd69526a83', id: "info", class: "info" }, this.info)), index.h("div", { key: 'bf3dba5e6ce9bdadbfddc231ea2fa684319489f2', id: "error", class: "error-message" }, this.errorMessage), index.h("div", { key: '316de8f690fad0ceb1c1e43ed6dab152dc23a0b8', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
+        return (index.h("div", { key: '440534026de67cf3d4a3988a117e56947346fb5c', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.inputWrapperEl = el) }, index.h("div", { key: 'd0ae8862c9dcb63b77cc14890c652b06ad9f3c27', class: "label-wrapper" }, index.h("label", { key: '4e24aab7500503bd7eb98e077225769edba96f88', htmlFor: "inputfield", class: "label", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label, this.characterLimit && (index.h("span", { key: 'b004a2dd83dcdcfce1ecf3bc1d1d88a3ef59f96f', class: "sr-only" }, " ", intl.globalMessages.getCharacterLimit(this.characterLimit)))), this.requiredField && (index.h("div", { key: '6bd8f84d7271ded3c08f07546e0a787527ff75af', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: '8c2cbf7b3e33ecce61635274b411dae56a633af8', class: "inner-wrapper" }, index.h("div", { key: 'ee880eece5ac3c6b7d24316f21aa9c09bcb3e33b', class: "text-after-wrapper" }, index.h("div", { key: 'e5208c4ed4cbc34da95171a5f748901839373ae1', class: `inputfield-wrapper ${this.isDisabled ? "disabled" : ""}`, style: this.getInputWidth() }, this.symbolBefore && (index.h("span", { key: '316f86011c89529f101769234f7cbd914eccc174', class: "symbol", id: "symbol-before" }, this.symbolBefore)), index.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 && (index.h("span", { key: '1f8fb34695d89d882d3c04690b1196b6b1bd9a26', class: "symbol", id: "symbol-after" }, this.symbolAfter)), this.characterLimit && typeof this.characterLimit === "number" ? (index.h("div", { class: "character-count" }, this.charCount, "/", this.characterLimit)) : ("")), this.textAfter && (index.h("span", { key: '0dbb52627a7fbb274b57b2191e6b7ca0614f40af', class: "text-after", id: "text-after" }, this.textAfter))), this.info && (index.h("div", { key: 'ca7f5a76086330bab897afa71233943bd97ee17b', id: "info", class: "info" }, this.info)), index.h("div", { key: '6ae93c211c1ac945aceea3a88cf8be773ff5860b', id: "error", class: "error-message" }, this.errorMessage), index.h("div", { key: '67ae836cbb27cb0c17531bf9a347cb64acb81197', class: "sr-only", "aria-live": "polite", "aria-atomic": "true", ref: (el) => (this.liveRegionEl = el) }, this.announcement))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-modal-pss_3.cjs.entry.js

@@ -129,9 +129,9 @@ const ModalPss = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ac6959242ec893f9709b2416201a9ba597eef2ce', class: `${this.open ? "" : "hide "}${"wm-" + this.modalType}`, role: "dialog", "aria-describedby": `wm-modal-heading-text-${this.uid}`, "aria-modal": "true", tabindex: this.open ? 0 : null, onFocus: () => {
+        return (index.h(index.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: () => {
                 this.focusLastElement.emit();
-            } }, index.h("div", { key: 'd8f3e674a939cab6868715f716f49d5ba6da1e9f', class: "overlay", ref: (el) => (this.overlayEl = el) }), index.h("div", { key: 'f387fc9ad112426746c263c87ae5b9a184a031a1', class: "sr-only", tabIndex: 0, onFocus: () => {
+            } }, index.h("div", { key: '0f5745cd9ec6f6ebbb79f48c40fd2284c8d1739e', class: "overlay", ref: (el) => (this.overlayEl = el) }), index.h("div", { key: '23784657cf165f160a396b14247f473e055f8b04', class: "sr-only", tabIndex: 0, onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }
@@ -174,7 +174,7 @@ const ModalPssFooter = class {
         parentModal.emitSecondaryEvent();
     }
     render() {
-        return (index.h("div", { key: 'c5e96e3dd8c5607dbc7ce556f867ee5064b71be7', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { key: 'f04c0f6aac32c7c22ec20314e6b9e668edf6c86d', class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { key: 'bf253fca85c19b0a1912cc741fd2f2dca6704255', class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { key: 'bad452e32beeeec8eb979abb6ad3bb22a3d6028e', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), index.h("wm-button", { key: '1ed0e75f8941402d946ca43706130e886d888ef4', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.primaryText))));
+        return (index.h("div", { key: '791d8fddb2121d453a1e7221059342c9241a54d0', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { key: '581dc035d64b04d0b684e3ce8e641407d62daf4f', class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { key: 'fef39bd6ce9d01698476a123b4a0f3ed72434945', class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { key: '3cc32b27ae12037dbd9ae5d975d107bd5775272c', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : null) }, this.secondaryText)), index.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))));
     }
     get el() { return index.getElement(this); }
 };
@@ -209,7 +209,7 @@ const ModalPssHeader = class {
     //   this.headingElement.focus();
     // }
     render() {
-        return (index.h(index.Host, { key: 'dbff7f22b3dd304ba864e9716d0fea9c5eab2e24' }, index.h("div", { key: 'c2babf72f0672eb88841914f8e34d30748fb13e1', class: "wm-wrapper" }, index.h("div", { key: 'fda1bc5a5614d73cb220da1c76a72bb08dae4c46' }, index.h("h2", { key: 'b2d78431c14859efd96e004b99147578feab4b8b', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { key: 'eb069b112055c5c585473327080e8206e8f98c46', class: "subtitle" }, this.subheading))), index.h("wm-button", { key: '5e90a81ddea508b3a3d17566da1a0f80cad65476', "button-type": "navigational", icon: "f156", tooltip: intl.globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+        return (index.h(index.Host, { key: '2d4dd3bbbb5413443b124fadc058195f5676abb7' }, index.h("div", { key: '8d56fc348b7fb879c58f1bd458ae8a9927c90bd7', class: "wm-wrapper" }, index.h("div", { key: '3f0601ddf471a1ac41dcbaf091dc8a797518e4c5' }, index.h("h2", { key: 'cb4dc227bc7b4bc8181d9bdcc503a7132df2b3f8', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { key: '8c6fb51bd5f40211e3ca56f0e302e564e1002ece', class: "subtitle" }, this.subheading))), index.h("wm-button", { key: 'b91805d20a64b345b7708b2732f63057c2ce18a3', "button-type": "navigational", icon: "f156", tooltip: intl.globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/wm-modal_3.cjs.entry.js

@@ -131,11 +131,11 @@ const Modal = class {
         }
     }
     render() {
-        return (index.h("dialog", { key: '79bdf56bcea90cc9848bf4027e0a2552eee31709', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("div", { key: '5fda5d81c1b468c883316d319a6975852106de5d', class: "tabtrap sr-only", tabindex: "0", onFocus: (ev) => {
+        return (index.h("dialog", { key: '7e79523b945c00909991a3dcfecfda79e92c882b', class: `${"wm-" + this.modalType}`, "aria-labelledby": `wm-modal-heading-text-${this.uid}`, ref: (el) => (this.dialogEl = el), onKeyDown: (ev) => this.handleKeyDown(ev) }, index.h("div", { key: 'c032006260d0c083a5b796e20705cb99f6fa44b9', 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 && index.h("div", { key: '0255a1dda891b5e69874cc02f4579fac9ec5de04', class: "wm-tooltip" }), index.h("slot", { key: 'e861a82a26202beb548db440a9e708f6c4fdad84' }), index.h("div", { key: 'ad5fc44a752fb903338b175cf3eee115e416047f', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
+            } }), !this.hasBrowserPopoverSupport && index.h("div", { key: '384ed4e4fa347e50d1f9c78a3c1d84d6dab9f34a', class: "wm-tooltip" }), index.h("slot", { key: '6ec6ba8b0b90db721ff1e29db8f259d2f1cff6d0' }), index.h("div", { key: '3795b7025286e5d4f542cfccad9c6851d2f22a8d', class: "tabtrap sr-only", tabindex: "0", onFocus: () => {
                 this.focusFirstElement.emit();
             } })));
     }
@@ -182,7 +182,7 @@ const ModalFooter = class {
         }
     }
     render() {
-        return (index.h("div", { key: '491f1ad5bb178b42c9e51c4d0879070e77a7f2a9', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { key: 'b6c785db316aba6a14f6f2ffe6b54e496fc46f80', class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { key: '5a73e1f8579637c8c0f16d1fd98daa1059b70ca4', class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { key: '26c0c6eefd2ef6e0d3ebb87d6d79c1ea4237be3b', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), index.h("wm-button", { key: '61832b3a218df2e001b532bb2c3968de0665a9db', "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
+        return (index.h("div", { key: '09a767c503fd0c29d548b626ce5d4e9f2dc05fab', class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { key: '2fb279caa8ab8d71959d218dbae28c614acce8e5', class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { key: '5f182514fc8bfa243ff630f6638ae27500f89c21', class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { key: 'b27dc355a2794a0ca63774a80132aee49809762a', onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), index.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))));
     }
     get el() { return index.getElement(this); }
 };
@@ -214,7 +214,7 @@ const ModalHeader = class {
         parentModal.emitCloseEvent();
     }
     render() {
-        return (index.h(index.Host, { key: '85348ecf5ef8d53807c965890fe245a6f5962003' }, index.h("div", { key: '48f782896bd53234c601b5ff853ed7ec0d077357', class: "wm-wrapper" }, index.h("div", { key: '1297ffe9269d4866ae6d343dfb37b50ea7cb1733' }, index.h("h2", { key: '6b777b66f9aec32bdbe1a2464b709d4a7d8c7add', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { key: '415004f8cd63c2ac1a2beab4fe2d732edd3b06c8', class: "subtitle" }, this.subheading))), index.h("wm-button", { key: '342a5de331967b530ce75b074016ec724099bfe0', "button-type": "navigational", icon: "#close", tooltip: intl.globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
+        return (index.h(index.Host, { key: 'fdd199695b2ceb94f64a277ceae16c596b406071' }, index.h("div", { key: '40e435da7701bf5a174028a153b5a040338ec0ed', class: "wm-wrapper" }, index.h("div", { key: '51f7b66ec56a8e977bdc75e84734a63b869ba53b' }, index.h("h2", { key: '23abdc0aba1d5ee84a66c6cf9facaf6c61f8ccc2', class: "title", id: `wm-modal-heading-text-${this.uid}` }, this.heading, index.h("span", { key: 'bcbb5454236dc3e51f66e08ce156a28a13335eb7', class: "subtitle" }, this.subheading))), index.h("wm-button", { key: '9390af056a9a0ce8da6d8387409c73d6b5535942', "button-type": "navigational", icon: "#close", tooltip: intl.globalMessages.close, "tooltip-position": "left", id: `wm-modal-close-${this.uid}`, ref: (el) => (this.closeButtonEl = el), onClick: () => this.emitParentCloseEvent() }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/wm-navigation_3.cjs.entry.js

@@ -106,9 +106,9 @@ const Navigation = class {
             } }));
     }
     render() {
-        return (index.h(index.Host, { key: '815117725f45f3fae04ee2ac4f573cf7ccb8885c', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (index.h("div", { key: '59416405b9566485d64ba1311e7f24dfca6d91a9', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), index.h("div", { key: '98eee20d96ed81347847d7af866d9d5f48010638', class: "tray" }, index.h("div", { key: 'c65e733eac1eb49b69254bb19330226679e407e3', class: "toggle-wrapper" }, index.h("wm-button", { key: '2b8b764b6250a88959e4b263f81d6676b419f04e', ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? intl.globalMessages.close : intl.globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
+        return (index.h(index.Host, { key: '40e8ea08dd4de4b325b8157563b2053448ca90f5', role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (index.h("div", { key: '906975fbaad775dde78cf94e7ace20caa32027f6', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), index.h("div", { key: '29a269e61ef8ca8bcccf1d4bbfe7d3c6f8ba2758', class: "tray" }, index.h("div", { key: '38b207f710cc26163b7eff2ad3eca963f5bdab3c', class: "toggle-wrapper" }, index.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 ? intl.globalMessages.close : intl.globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
                 this.open = !this.open;
-            } })), index.h("ul", { key: 'ae95f619a097413291d70f930f0fc4e97f5a5e37', class: "navlist" }, index.h("slot", { key: '833f7502a28f7ff833f7bdac17ad62e3dca9d12b' }))), this.isCollapsible && (index.h("div", { key: 'fdb8e1288416191cebc3557c79c089359634d315', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
+            } })), index.h("ul", { key: '956f80bb6f1f873186e9787836c0748fbd6de708', class: "navlist" }, index.h("slot", { key: '4846ab62c5a8cd2d76b3b74f6fa9370ea12ff7de' }))), this.isCollapsible && (index.h("div", { key: '9639e7b704cc88fd8227aa4a30cd88d21951c015', class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -157,7 +157,7 @@ const NavigationHamburger = class {
         this.wmNavigationHamburgerClicked.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '1b169365ecef2816543910f270889a1921ed3502', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, index.h("button", { key: '8148f5deb298b9c2a143db9984e36733b03d0a35', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => functions.showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => this.isTabbing && functions.showTooltip("right", this.el, this.showNavMessage), onBlur: () => functions.hideTooltip(), onClick: () => this.handleClick() }, index.h("span", { key: '32f5160cab5eb1dc34275dd9cbb7a78cd2990b6e', class: "svg-icon svg-menu" }))));
+        return (index.h(index.Host, { key: '37f512ffa18761c2a10204012171d5ba352c28ef', class: `hamburger ${this.open ? "nav-open" : "nav-closed"}` }, index.h("button", { key: '755bce6170da2475c2bf6ef648cf16498ab60eeb', "aria-expanded": this.open, "aria-label": this.showNavMessage, onMouseEnter: () => functions.showTooltip("right", this.el, this.showNavMessage), onMouseLeave: () => functions.hideTooltip(), onFocus: () => this.isTabbing && functions.showTooltip("right", this.el, this.showNavMessage), onBlur: () => functions.hideTooltip(), onClick: () => this.handleClick() }, index.h("span", { key: 'e66062eb9341bad68269b6e446a7b07478e9221a', class: "svg-icon svg-menu" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
@@ -176,7 +176,7 @@ const NavigationItem = class {
         this.active = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '02bd2737c6645d35a8731940821624db4d63e1d6', role: "listitem" }, index.h("a", { key: '8fdb541089718f0ac0549da6ab4415389c010c36', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, index.h("div", { key: '910e96868afc97cb19dc91aade7626e39b750e2e', class: "icon", "aria-hidden": "true" }, index.h("slot", { key: '5ddbe770001cac5df79b16249141364db172d256' })), index.h("div", { key: '6e4428b3292d847e79d7159149cece72dee59fcc', class: "text" }, this.text))));
+        return (index.h(index.Host, { key: '4e606df3119b6f8ccaed56affc38852ceaea8c41', role: "listitem" }, index.h("a", { key: '7a29df7fc9f86c11322f05aef0640bd734074b36', class: `link ${this.active ? "active" : ""}`, href: this.href, onClick: () => this.wmNavigationItemClicked.emit() }, index.h("div", { key: 'd3d72b08a32e41f4fb27122d5dda1ca1a456e822', class: "icon", "aria-hidden": "true" }, index.h("slot", { key: 'a92895fc556c0013348b5053c5eb53f18f70a8d5' })), index.h("div", { key: '341345b952f853c45253f61debed8cbff5bd5bdd', class: "text" }, this.text))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

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

@@ -301,16 +301,16 @@ const NestedSelect = class {
                 this.isExpanded ? this.close() : this.open();
             },
         };
-        return (index.h(index.Host, { key: '0a1e350bb54bd55cd63453bc7a62c79f9fe2cffe', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: 'c39f5c39105186a6becbcd06f93ae62b75e06f5a', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '3a8893cd1ad69abafc85987001a82e1801879895', class: "label-wrapper" }, index.h("label", { key: 'a2214f07dcc56e805cea3308b1c8ad8c4de1c1ef', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
+        return (index.h(index.Host, { key: 'f9d5f5938c7616ca8a21830e26fa97389bedce0e', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: '101141bb02e455b57b0fc7a32cd14767281de1fe', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: 'deb21859c85dfdae5e9449785417142463fa653d', class: "label-wrapper" }, index.h("label", { key: 'ec765e72aac1232a99585c65d4187a390f675235', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.requiredField ? (index.h("span", { class: "required" }, index.h("span", { class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { "aria-hidden": "true" }, "*"))) : ("")), index.h("div", { key: '41d6a46a4d6875205a5c7000915cfa79828199e7', class: "button-wrapper" }, index.h("button", Object.assign({ key: 'f52847e0ce5a0c85d4c5753a5922da146cbb25a5' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), index.h("span", { key: 'ea3b300e83dfd659fa728ea8826f8663b7b509a3', class: "overflowcontrol" }, index.h("span", { key: '7b40fea61b005aede5173690b8ac056209b27587', class: "button-text" }, this.renderButtonText())), index.h("div", { key: '09c0b29901123c4b00e32a375e17218d68af0a19', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '2912d5c58cfffc0ee1d9e2d681b89f70f6a1bb68', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: '64e5c65e8af0445cdd2933ee7e8027d10c03d829', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), index.h("div", { key: 'ba31768e22153c41c2eecb6de7e9de5420bc446a', ref: (el) => (this.menuEl = el), id: "menu", role: "menu", class: this.isGroupExpanded ? "hidden" : "", style: { "--max-height": this.constrainedMaxHeight }, tabIndex: -1 }, this.optgroupEls.map((optgroupEl) => {
+        this.requiredField ? (index.h("span", { class: "required" }, index.h("span", { class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { "aria-hidden": "true" }, "*"))) : ("")), index.h("div", { key: '0735159dcea1c3cdf9145e18b224fedf90cd3ed7', class: "button-wrapper" }, index.h("button", Object.assign({ key: '4326702188583f9c210257f7e95dcee3d501825e' }, buttonProps, { class: "displayedoption", ref: (el) => (this.buttonEl = el), onBlur: (ev) => this.handleButtonBlur(ev) }), index.h("span", { key: 'f3fb5f069b0ec70419c0ade0a1c520e8da79c453', class: "overflowcontrol" }, index.h("span", { key: '4da352b8a0312287ae27205731c7d46ff2cac88e', class: "button-text" }, this.renderButtonText())), index.h("div", { key: 'f85e648f0da497df4d906a262bba62b2fbe3c5db', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '7ab45a7201b3375d59ddef5ac86a2c0fea438662', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: 'a3153d330243404ed4c4dd931a182cc47f2a5672', class: `dropdown  ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, this.renderClearSelectionButton(), index.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) => {
             return (index.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;
                         index.forceUpdate(this.el);
                     }
                 }, onKeyDown: (ev) => this.handleMenuitemKeydown(ev) }, index.h("div", { class: "option-text" }, index.h("span", null, optgroupEl.label), this.renderSelectionCount(optgroupEl), optgroupEl.disabled && index.h("div", { class: "disabled-indication" }, "Disabled")), index.h("div", { class: "svg-icon svg-next" })));
-        })), index.h("div", { key: '02a98c5b1defbea903b342f8b38f39986c687170', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, index.h("slot", { key: '79dd9780df96268a4c2c04ef78d45b14462ab3e5' }))), index.h("div", { key: '2ebac56be3a30480d4f1d476ef8fc241169e1075', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), index.h("div", { key: '6842a3f6062ba4d79e2d539f88d187d51478c72b', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
+        })), index.h("div", { key: 'ba3ad38b66537f365379921ebcec8f630c934a93', class: `option-list-wrapper ${this.isGroupExpanded ? "" : "hidden"}` }, index.h("slot", { key: 'b0083c7e49ba59f7a36459b599f79a89121c09e5' }))), index.h("div", { key: '4ccb451822e5ace5e34a96f2560d936b6c02b9ad', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage))), index.h("div", { key: 'cdca96e717a912c022096a9c781199fabc040a43', id: "nestedselect-announcement", "aria-live": "assertive", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

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

@@ -61,7 +61,7 @@ const Optgroup = class {
         functions.handleDisabledAttribute(this.el, this.isDisabled);
     }
     render() {
-        return (index.h(index.Host, { key: '7c310f384ca367c49fea1dfee2638ba4fb00eba5' }, index.h("div", { key: '58f81aa34832a2dff3e1eb4d65e3b212a00521b4', class: `list-wrapper` }, index.h("priv-option-list", { key: 'd3a618f8369f3bf7d589f33c858de9354a65adb2', ref: (el) => (this.optionListEl = el), multiple: this.parentNestedSelect.multiple, search: this.parentNestedSelect.search, maxHeight: this.parentNestedSelect.constrainedMaxHeight, searchPlaceholder: this.parentNestedSelect.searchPlaceholder, optgroupLabel: this.label, selectAll: this.parentNestedSelect.selectAll, onOptionListAllSelected: () => this.wmOptgroupAllSelected.emit(), onOptionListAllDeselected: () => this.wmOptgroupAllDeselected.emit() }, index.h("slot", { key: 'ebbc67c87d1745350c2aff0c69fcc411f69a5b06' })))));
+        return (index.h(index.Host, { key: 'f26edb066ca14bbad62dc07198651d180be2ed3b' }, index.h("div", { key: '202a27a0d33c34b861e28cfe08407225589905e9', class: `list-wrapper` }, index.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() }, index.h("slot", { key: '8f445e06b048ccd6e49627beb989be9b6c55d651' })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/wm-option_2.cjs.entry.js

@@ -166,7 +166,7 @@ const Option = class {
         this.parentOptionList.addEventListener("optionListSearchChanged", (ev) => this.handleSearch(ev));
     }
     render() {
-        return (index.h(index.Host, { key: 'd26e8bfc356e68f71747c97ec999ebfe80aa81f9', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, index.h("div", { key: 'b20cd4ea1e33c17c5603e4439465239d2983a7af', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (index.h("div", { key: 'e8f9195ee5f0e773ac0beeda221a4ef696ce2ae9', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), index.h("span", { key: '3ddca0ac8271eaefcea4f15ee6f68eb5101876bd', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), index.h("span", { key: '059df85edccf6a947f9c281835325a6eeeaa0457', class: "sr-only" }, this.el.textContent)), index.h("div", { key: '615335972019fe8c39dd287211ce3ee39770ff13', class: "subinfo" }, this.subinfo)));
+        return (index.h(index.Host, { key: '0a31affb1b8ed02ba38fce11d11b4b0919b97d5c', role: "option", tabindex: this.focused ? 0 : -1, class: this.hostClasses }, index.h("div", { key: 'b7ad9eef86983ba3ace177522f3a42a55a71bfdc', class: `option-wrapper ${this.parentOptionList.multiple ? "checkbox" : ""}` }, this.parentOptionList.multiple && (index.h("div", { key: '5876611c20af1169794db93b30577e48a6ce63df', class: `checkbox svg-icon ${this.selected ? "svg-checkbox-selected" : "svg-checkbox-blank"}` })), index.h("span", { key: 'aef00aca54b33552892d73c51f70c273d9ad4088', class: "option-text", "aria-hidden": "true", ref: (el) => (this.textEl = el) }, this.el.textContent), index.h("span", { key: 'fb6306f9014205ce6f1d2a39ecdbd3f36141584d', class: "sr-only" }, this.el.textContent)), index.h("div", { key: 'af1894e912632a93255b5f90412990f6c0f0924b', class: "subinfo" }, this.subinfo)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -515,14 +515,14 @@ const Select = class {
     }
     render() {
         const showSubinfo = !this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo;
-        return (index.h(index.Host, { key: '9a0a5c13f988c06c380ed732da86365c28446e77', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: '3aa70cdc8f541d6f93ff99cbe44d6192bcba364b', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '899522611760999dca554ab63bfa0f5c831d0542', class: "label-wrapper" }, index.h("label", { key: '0730c044f78edc158ac6a2de09ea05a09ddecd23', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
+        return (index.h(index.Host, { key: '32eda81294981e2d46b283c469f7373f9984dbdd', onBlur: (ev) => this.handleComponentBlur(ev) }, index.h("div", { key: 'dc3e7f782326beda2517cf8878516d4d23576bf3', class: `wrapper ${functions.getTextDir()} label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: '0ddf3269d861b1d252876b587346739e978117fe', class: "label-wrapper" }, index.h("label", { key: '78493121ecada1718c1f0de42cdc09289d000bc9', class: "label", id: "label", htmlFor: "selectbtn", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), 
         // we can't use aria-required because the listbox is in a sub-component and it is not announced
-        this.requiredField && (index.h("span", { key: 'b453a4c0fbd8973d62a7cfdc4e37537ab94dfed8', class: "required" }, index.h("span", { key: '53699fcc342d68b1fb24180cb13a524ab58038c4', class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { key: 'b7489dbe7ee74b6c46d30002762f10624f26cad7', "aria-hidden": "true" }, "*")))), index.h("div", { key: 'b44b002b4a5b34cf0958a8ddfc9efcb6934873f0', class: "button-wrapper" }, index.h("button", { key: 'b6f5d59e8399d894c2bb7cbfd4c9b5e57a7bfc4a', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, index.h("span", { key: 'c4d37441c2e76ecf5c03b6a22cabbec2d16c77bc', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, index.h("span", { key: 'baa91ff63a3d7d33be866337237408f38f46cc60', class: "button-text" }, this.setButtonText()), showSubinfo && index.h("span", { key: '5ed44f71ef8184df2bfee442fa94e496f9305b54', class: "subinfo" }, this.selectedOptions[0].subinfo)), index.h("div", { key: 'd0e3a1bade399be089b1f38e33281ca5f1e6cc03', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '2a43776bb5a5cccc79796939ca9be7b7b8ee569a', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: 'eac706ae0781e210c89aed74dded805472a01996',
+        this.requiredField && (index.h("span", { key: 'dfa3603962893e5fe6542924561fbe31828b694b', class: "required" }, index.h("span", { key: '478a6d2c7e9bb56dea7165a1e762bc3a136c7c1d', class: "sr-only" }, intl.globalMessages.requiredField), index.h("span", { key: '8f3115f4a09dc109ed4580be49e3a704bd643ca0', "aria-hidden": "true" }, "*")))), index.h("div", { key: 'cbe6cc0600f11352dfc81a5a991805e757256906', class: "button-wrapper" }, index.h("button", { key: 'e943b99068a8822a65d8cc8ae6ab61999ac8a511', id: "selectbtn", disabled: this.isDisabled, "aria-labelledby": "label selectbtn", "aria-describedby": "error", popoverTarget: "dropdown", popoverTargetAction: "toggle", class: "displayedoption", ref: (el) => (this.buttonEl = el) }, index.h("span", { key: 'e914e5cc9eabfe311e4ed57ee92744b14e3828e4', class: `overflowcontrol ${showSubinfo ? "hassubinfo" : ""}` }, index.h("span", { key: '095981a63cea28e0dbcdc269401eb511694739f6', class: "button-text" }, this.setButtonText()), showSubinfo && index.h("span", { key: 'd006aadc9c414abf0dfefc05d8fbff9c0fc1c370', class: "subinfo" }, this.selectedOptions[0].subinfo)), index.h("div", { key: '77054ec91448bc021ce4a4bacfa5a1a8130e34d3', class: `expand-icon svg-icon ${this.isExpanded ? "svg-expand-less" : "svg-expand-more"}` }), this.renderOverflowCount(), index.h("div", { key: '1719132ac678c1a8a530e3b7f2fc3c67cd7c73ae', ref: (el) => (this.measurementAreaEl = el), class: "measurement-area", "aria-hidden": "true" })), index.h("div", { key: 'dc968de113b89cdf848d7a231b097a4d2308b357',
             // 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) }, index.h("priv-option-list", { key: '3ba4da015a18e38b1a6fddd6788886d4dc551cd1', 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) }, index.h("priv-option-list", { key: '64518e2aa66f3373417506a4126fcec27de552f5', 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;
@@ -530,7 +530,7 @@ const Select = class {
             }, onOptionListAllDeselected: () => {
                 this.returnFocus = true;
                 this.wmSelectAllDeselected.emit();
-            } }, index.h("slot", { key: '87030837dc77fa939c06ccaf0f69e5b4d067c628' }))), index.h("div", { key: '36ccfeb061afde76690cf17a27aef19cfdf01071', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), index.h("div", { key: '63a34701d7a0822dca9c7970be7bce7c74dcfa72', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
+            } }, index.h("slot", { key: '138d16484638a094fd0664982e30149888cc3270' }))), index.h("div", { key: 'fc644fe425fc73337558af6dc809893e0574ba9a', id: "error", class: this.errorMessage ? "error-message" : "" }, this.errorMessage), index.h("div", { key: 'a6f373b32a1dc83a788bfd17ee410e23a6d53001', id: "announcement", "aria-live": "polite", "aria-atomic": "true", class: "sr-only", ref: (el) => (this.liveRegionEl = el) }, this.announcement)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }