@limetech/lime-elements 40.23.0 → 40.24.0

package/dist/collection/components/menu-surface/menu-surface.js

@@ -103,7 +103,7 @@ export class MenuSurface {
             'mdc-elevation-transition': true,
             'mdc-elevation--z4': true,
         };
-        return (h("div", { key: '9a024d806ff045158b49fb9b5d92617852ceb4af', class: classList, tabindex: "-1" }, h("slot", { key: 'da767dcce51d5a8b667d195e747e0756117be1ff' })));
+        return (h("div", { key: 'd36ccae7abd41e37ff54574e728e1ab87eb3a144', class: classList, tabindex: "-1" }, h("slot", { key: '74c670a4bcda11891b461726bec517a122ca1d7e' })));
     }
     static get is() { return "limel-menu-surface"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/notched-outline/notched-outline.js

@@ -59,7 +59,7 @@ export class NotchedOutline {
         this.hasFloatingLabel = false;
     }
     render() {
-        return (h("div", { key: 'ade07e3a9e2a63f0037f46fdbd01f866936c55ed', class: "limel-notched-outline" }, h("slot", { key: '1d7619696aa3c80b17390df8b5bc96591cb0fe36', name: "content" }), h("span", { key: 'a791e6757ff14e7bb2c2a3f833f9877922eebd51', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: '623d2d85813b66a3b0a2e33bbbf3cdd51b3505e0', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: 'd5b0c6c6e7a7d5a15fc8795e3126fe3b115019ee', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
+        return (h("div", { key: '8ca3a2622aa918101d5d78f94c9d279276dbba10', class: "limel-notched-outline" }, h("slot", { key: '508f8fb8cc48ba667ad250acae46ff2f4c25ef42', name: "content" }), h("span", { key: 'a071aa9212705b001e52e055d61f1be42a10ae69', class: "limel-notched-outline--outlines", "aria-hidden": "true" }, h("span", { key: 'ee1602e3637cbbba489b8b5be5bf65f6352738c5', class: "limel-notched-outline--leading-outline" }), this.renderLabel(), h("span", { key: '1517c575f1c4299a5a2d636e0e456b24f939d418', class: "limel-notched-outline--trailing-outline" }), this.renderEmptyReadonlyValue())));
     }
     renderLabel() {
         if (!this.label) {

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

@@ -304,7 +304,7 @@ export class Pagination {
     }
     render() {
         const { slots } = this.view;
-        return (h(Host, { key: '7c47cdc658859b4cd8199ef92ebd9bc48275a8ae' }, h("nav", { key: '3bba45547a7183a4b1df58294a56788f9b2e078f', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), h("span", { key: '60fff33d8e135b1605d0a0f68b6c1ede1b571281', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
+        return (h(Host, { key: 'de190cbc350b1e52b8f712970aedeb5ec1f564f7' }, h("nav", { key: 'bbf20a3b89c04ad763022f6a2e3e06dc8ccb8441', "aria-label": this.translate('pagination.label'), "aria-busy": this.loading ? 'true' : null }, this.renderArrow('previous'), slots.map((slot, index) => this.renderSlot(slot, index)), this.renderArrow('next')), h("span", { key: 'ddeeb72b442ccc083db46a37303041a088c8f201', class: "live-region", "aria-live": "polite" }, this.liveMessage)));
     }
     /**
      * Without a count we know where the user is but not how far the set goes,

package/dist/collection/components/picker/picker.js

@@ -212,7 +212,7 @@ export class Picker {
         if (!this.multiple) {
             props.maxItems = 1;
         }
-        return (h(Host, { key: '1670bff5822f930a3eca69ad2a016cea978b3822' }, h("limel-chip-set", Object.assign({ key: '173a7facd5271992e792ce6a56a34a8890c9135f', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.isEditing, suggestionListId: this.canOpenList() ? this.portalId : undefined, suggestionListOpen: this.suggestionsEngaged && dropdownContent.length > 0 }, props)), this.renderPortal(dropdownContent), h("span", { key: 'c151104c5059aadc3cfa526267184b663e87bebd', class: "suggestions-message", "aria-live": "polite", ref: this.suggestionsMessage.setElement })));
+        return (h(Host, { key: '1f17ce38101bf4385e0fe9f1edd0bff33a9717b3' }, h("limel-chip-set", Object.assign({ key: '4cfddf2993deaf5e41c74012d3408278b8c3d776', type: "input", inputType: "search", label: this.label, helperText: this.helperText, leadingIcon: this.leadingIcon, value: this.chips, disabled: this.disabled, invalid: this.invalid, delimiter: this.renderDelimiter(), readonly: this.readonly, required: this.required, searchLabel: this.searchLabel, language: this.language, onInput: this.handleTextInput, onKeyDown: this.handleInputKeyDown, onChange: this.handleChange, onInteract: this.handleInteract, onStartEdit: this.handleInputFieldFocus, onStopEdit: this.handleStopEditAndBlur, emptyInputOnBlur: false, emptyInputOnChange: false, clearAllButton: this.multiple && !this.isEditing, suggestionListId: this.canOpenList() ? this.portalId : undefined, suggestionListOpen: this.suggestionsEngaged && dropdownContent.length > 0 }, props)), this.renderPortal(dropdownContent), h("span", { key: '9ea52a32bc1c0394b1da4d08928f8b1ea498caa4', class: "suggestions-message", "aria-live": "polite", ref: this.suggestionsMessage.setElement })));
     }
     onChangeValue() {
         this.chips = this.createChips(this.value);

package/dist/collection/components/popover/popover.js

@@ -143,7 +143,7 @@ export class Popover {
     render() {
         const cssProperties = this.getCssProperties();
         const popoverZIndex = getComputedStyle(this.host).getPropertyValue('--popover-z-index');
-        return (h("div", { key: '25f9721cd8faad3f7f8d2d6f6f5152bfa507783c', class: "trigger-anchor" }, h("slot", { key: 'b3a48d53f82b3caaf6ba3123b8df0c6b2880a6d7', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: '3707b6a5157e89bc57f0687ef2ca74a592226e70', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: 'bb5eb9c961732fe8582cc3e95787803efec6e6a4', contentCollection: this.host.children, popupRole: this.getNamedPopupRole(), accessibleLabel: this.accessibleLabel, style: cssProperties }))));
+        return (h("div", { key: '5b5c991fb187c701eba21b4b88a524496f10aef3', class: "trigger-anchor" }, h("slot", { key: '2df2d65cdcf0ada6b9325fd1ce4f8fa9200e0619', name: "trigger", ref: this.setTriggerRef }), h("limel-portal", { key: '09eedb8d05621f0e0270fdfa694a3b9c85704aa9', visible: this.open, containerId: this.portalId, containerStyle: { 'z-index': popoverZIndex }, openDirection: this.openDirection }, h("limel-popover-surface", { key: 'd73deaf861615e020c8921b1d42e80bc05fb079e', contentCollection: this.host.children, popupRole: this.getNamedPopupRole(), accessibleLabel: this.accessibleLabel, style: cssProperties }))));
     }
     globalClickListener(event) {
         const element = event.target;

package/dist/collection/components/popover-surface/popover-surface.js

@@ -8,7 +8,7 @@ export class PopoverSurface {
         this.appendElement();
     }
     render() {
-        return (h("div", { key: 'b3b766fa5d9b26b48136c0856bbfb40745498b7c', class: "limel-popover-surface", tabindex: "0", role: this.popupRole, "aria-label": this.accessibleLabel }));
+        return (h("div", { key: '79b0aceef00e2effabb93322a29608cf65bd7cda', class: "limel-popover-surface", tabindex: "0", role: this.popupRole, "aria-label": this.accessibleLabel }));
     }
     appendElement() {
         const portalContainer = this.host.shadowRoot.querySelector('.limel-popover-surface');

package/dist/collection/components/portal/portal.js

@@ -115,7 +115,7 @@ export class Portal {
         this.showContainer();
     }
     render() {
-        return h("slot", { key: '37784f868a6be293c052c90eaa87b40f97717694' });
+        return h("slot", { key: '3a994ee9948057d3f461ef78d0b2487673044b98' });
     }
     onVisible() {
         if (!this.container && this.visible) {

package/dist/collection/components/radio-button-group/radio-button-group.js

@@ -37,7 +37,7 @@ export class RadioButtonGroup {
         };
     }
     render() {
-        return (h("limel-list", { key: 'b9c2e1312803c82e8729e0f55b2e2c06e24c00a0', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
+        return (h("limel-list", { key: 'a1b1609c6de0e6920fd9abdd99365b731bf7645a', items: this.createItems(), type: "radio", badgeIcons: this.badgeIcons, maxLinesSecondaryText: this.maxLinesSecondaryText, onChange: this.handleChange }));
     }
     createItems() {
         return this.items.map((option) => {

package/dist/collection/components/radio-button-group/radio-button.js

@@ -31,12 +31,12 @@ import { Host, h } from "@stencil/core";
  */
 export class RadioButtonComponent {
     render() {
-        return (h(Host, { key: '9fd754e0cad07b0dafc27ff12966f1ecc43ac94c', class: {
+        return (h(Host, { key: 'ee418b0852df50c2f447cf8cc8fa484fbc94fbda', class: {
                 'boolean-input': true,
                 'radio-button': true,
                 checked: this.checked,
                 disabled: this.disabled,
-            } }, h("input", { key: 'e6dfb4a56fd955db9718400bdf9f1315d768883c', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: '371b6ff8362f34dc1dcedb254c99246c36bbd8db', class: "box" }), h("label", { key: '2a65aee91c5f82a13b9e469f6bd5eb9126d798cf', class: "boolean-input-label", htmlFor: this.id }, this.label)));
+            } }, h("input", { key: '64e48d5da0d60e676d58ee2bf4b518979763eee1', type: "radio", id: this.id, checked: this.checked, disabled: this.disabled, onChange: this.onChange }), h("div", { key: 'ec961f4a86f9322b457e28707f0b6eae38bef772', class: "box" }), h("label", { key: '1d64f2c8fe2f3d06c5257e78af47d5799d1d7d71', class: "boolean-input-label", htmlFor: this.id }, this.label)));
     }
     static get is() { return "limel-radio-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/resize-handle/resize-handle.js

@@ -84,7 +84,7 @@ export class ResizeHandle {
     }
     render() {
         const name = this.getName();
-        return (h(Host, { key: 'ae82ff62dfeb954f5dec181a8d3e0a0e564e0219', onKeyDown: this.handleKeyDown, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, h("div", { key: '68826930c86850047893b5f8edcb8203000b0126', role: "separator", id: SEPARATOR_ID, tabindex: "0", "aria-orientation": getOrientation(this.location), "aria-label": name, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: '15be73014f20e7788cdb3a9ff0d332a0c036a1fe', role: "presentation" }, h("span", { key: '69e9b4c0496d659db9b82d91339ab60e455b8bcc' }), h("span", { key: '9549feb07707e9ba8751ab4d06e6c2b5f9d1bbd7' }), h("span", { key: '4ce59a99ca80989774915fa499a5251ef041db83' }))), h("limel-tooltip", { key: 'cbadd628e570b83c4bd3944e7e87d5834dbcd418', elementId: SEPARATOR_ID, label: name, helperLabel: this.getHint(), openDirection: this.location })));
+        return (h(Host, { key: '5f3d4376779f16cfc1294f0ed311069988f8544e', onKeyDown: this.handleKeyDown, onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, h("div", { key: 'b4f788298d7482d67d42d7ee7ba22057bc48b7bf', role: "separator", id: SEPARATOR_ID, tabindex: "0", "aria-orientation": getOrientation(this.location), "aria-label": name, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'a0eb39fb74015f5a58ec01c840547dc88accca80', role: "presentation" }, h("span", { key: '4c744d8812610d426c9c8d21e90c56e7ac35a5c1' }), h("span", { key: 'ee9a4c7812fc28aead356675825d3ba609e323d4' }), h("span", { key: '6bdca471d4ee4fa91a0a14fd0450509be15eef38' }))), h("limel-tooltip", { key: '094de9ac5e3e2242853b2965868b82b7dae00b84', elementId: SEPARATOR_ID, label: name, helperLabel: this.getHint(), openDirection: this.location })));
     }
     getName() {
         if (!this.resizableRegionLabel) {

package/dist/collection/components/scroller/scroller.js

@@ -87,12 +87,12 @@ export class Scroller {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '78f61e7088a1810df15e343a8efe7e5b9600ed40' }, h("div", { key: 'fab873acfcd0635b23321c97724f5d43dffdac57', class: {
+        return (h(Host, { key: '1545394989338cff0a3d338364cd8379af2f7ce7' }, h("div", { key: '1ed02c23e9d17850828306f203a6cabbd8b0796d', class: {
                 scroller: true,
                 [this.orientation]: true,
                 'can-scroll-to-start': this.canScrollToStart,
                 'can-scroll-to-end': this.canScrollToEnd,
-            } }, h("div", { key: '660a1d2df42aa6087065b1ace5d538ec64e59d6a', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, h("div", { key: '9ec447c273092f67a645676f0c5f34e6d08c128f', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, h("slot", { key: '67385c7bd003d7062b045250afedc0ca21f5e5f8', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
+            } }, h("div", { key: '4297b483a05b4636f4e1a8e571145c6489117ce0', class: "scroll-area", ref: (element) => (this.scrollArea = element), onScroll: this.updateScrollability, onFocusin: this.revealFocusedItem }, h("div", { key: '61e55181e43394d7a9aef2ddee0269295d845244', class: "scroll-content", ref: (element) => (this.scrollContent = element) }, h("slot", { key: 'da3b7bc2ece87c0d6b6c1007b90bf6a55b123ad2', ref: (element) => (this.slotElement = element) }))), this.renderEdge('start'), this.renderEdge('end'))));
     }
     renderEdge(edge) {
         return [

package/dist/collection/components/select/select.js

@@ -183,7 +183,7 @@ export class Select {
     }
     render() {
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
-        return (h(SelectTemplate, { key: '4e7a0b4acfc0a76fa2e10089d974796a08b81f22', id: this.portalId, disabled: this.disabled, readonly: this.readonly, required: this.required, invalid: this.invalid, label: this.label, helperText: this.helperText, value: this.value, options: this.options, onMenuChange: this.handleMenuChange, onNativeChange: this.handleNativeChange, onTriggerKeyDown: this.handleMenuTriggerKeyDown, listRef: this.setListElement, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.shouldRenderNative(), dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
+        return (h(SelectTemplate, { key: 'b17aca15fe709233371eeed80fda763f86bfefad', id: this.portalId, disabled: this.disabled, readonly: this.readonly, required: this.required, invalid: this.invalid, label: this.label, helperText: this.helperText, value: this.value, options: this.options, onMenuChange: this.handleMenuChange, onNativeChange: this.handleNativeChange, onTriggerKeyDown: this.handleMenuTriggerKeyDown, listRef: this.setListElement, multiple: this.multiple, isOpen: this.menuOpen, open: this.openMenu, close: this.closeMenu, checkValid: this.checkValid, native: this.shouldRenderNative(), dropdownZIndex: dropdownZIndex, anchor: this.getAnchorElement() }));
     }
     watchOpen(newValue, oldValue) {
         if (this.checkValid) {

package/dist/collection/components/shortcut/shortcut.js

@@ -61,7 +61,7 @@ export class Shortcut {
     render() {
         var _a, _b, _c, _d, _e;
         const rel = getRel((_a = this.link) === null || _a === void 0 ? void 0 : _a.target, (_b = this.link) === null || _b === void 0 ? void 0 : _b.rel);
-        return (h(Host, { key: '85fa2d40b55cf7760d741790a1c46aed214b9138', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: 'd0947264d9e635538b680c49f6d63d9b1fe5c276', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, h("limel-icon", { key: '49f8738c4f675badac5c048a74b15070f883e425', name: this.icon }), h("limel-3d-hover-effect-glow", { key: 'd079dc72de9f71b9694ce6dad18f37082ebf4c8b' })), this.renderLabel(), this.renderNotification()));
+        return (h(Host, { key: '742b3bdc12fb7bf217d5a8eabda1d2e6cbf60864', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("a", { key: 'bf80c43f236773090edd602411b08ede802b451a', "aria-disabled": this.disabled, href: (_c = this.link) === null || _c === void 0 ? void 0 : _c.href, target: (_d = this.link) === null || _d === void 0 ? void 0 : _d.target, rel: rel, tabindex: "0", "aria-label": this.getAriaLabel(), title: (_e = this.link) === null || _e === void 0 ? void 0 : _e.title }, h("limel-icon", { key: '557feab8cba4629e06b9dfc9ef92c328282b728b', name: this.icon }), h("limel-3d-hover-effect-glow", { key: 'a494f87d4d0397e97f899484b3c0d0403ef8c324' })), this.renderLabel(), this.renderNotification()));
     }
     static get is() { return "limel-shortcut"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/side-panel/side-panel.js

@@ -233,7 +233,7 @@ export class SidePanel {
             .querySelector('button.close')) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '9b897330f9b462ea664d78d5886c1a192b95b037' }, h("section", { key: 'dd60b5b91233d1dedde3fbdabf6145a2f008e99a', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), h("div", { key: 'd6e145ccba5ca797168eeb39da030844a03d1dc1', class: "content" }, h("div", { key: 'f1b5b41bcd39b5b1192ed080ddb770a7b5f694ac', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), h("span", { key: 'b84046762f4f9c81a8a93eb388037b7565f6457a', "data-limit": "min", ref: this.setMinLimit }), h("span", { key: '2a3c7a1084875e6d57fe401716e550a365d8adc8', "data-limit": "max", ref: this.setMaxLimit })));
+        return (h(Host, { key: '4648c2d638032c471fa4ae9b16395492b9f276c8' }, h("section", { key: 'b871b813a52f15c03c29e93bfe98bb8e5b3ae014', ref: this.setPanel, role: "dialog", "aria-label": this.label, tabindex: "-1" }, this.renderHandle(), h("div", { key: 'dca652ed98193ca76974dc9523565ecdc1ac82d7', class: "content" }, h("div", { key: 'd8b3025cd7905179ab42853d32212858377d8833', class: "toolbar" }, this.renderCloseButton(), this.renderActions()), this.renderHeader(), this.renderBody())), this.renderStack(), h("span", { key: '03ae183b71a95be39c680efed2b5f27aa1c2957c', "data-limit": "min", ref: this.setMinLimit }), h("span", { key: '8e033e864f7ce5072841ec6cd01b78b4237ce442', "data-limit": "max", ref: this.setMaxLimit })));
     }
     // A native button and not `limel-icon-button`, because the hover animation
     // styles the icon, which is inside the shadow root of `limel-icon-button`.

package/dist/collection/components/slider/slider.js

@@ -271,15 +271,15 @@ export class Slider {
         if (this.disabled || this.readonly) {
             inputProps.disabled = true;
         }
-        return (h(Host, { key: 'f36c727962bfff9e4b4d1f59659edf19e3d7966f', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '0e87be789bc4f5462b45d9ac9e7f2318ca59000f', labelId: this.inputId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !this.isUnset, hasFloatingLabel: true }, h("div", { key: '2d46c8256b2497a041ad0ef70a17a8a9c3a68646', slot: "content" }, h("div", { key: '55f05f623a70dd946189a70b399372c1409757e2', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: 'f56b592cdab90fd824081529800ad995b0129dc4', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
+        return (h(Host, { key: '34d7989004a63ab39c63015a2ecc36f7e76f0e22', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '339baab8fc3003086286b604a2fa14fc210b68a1', labelId: this.inputId, label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !this.isUnset, hasFloatingLabel: true }, h("div", { key: 'ed5ff315c6815c731f402ce637645d163d3759fe', slot: "content" }, h("div", { key: 'ddb204d3772ef67ae18599f9345ad71eecf2d34d', class: "slider", style: { '--slider-fraction': `${fraction}` } }, h("input", Object.assign({ key: '30700c63e8ded9fef8837a7c7b15817c3e4ec579', id: this.inputId, type: "range", min: min, max: max, value: this.displayValue, "aria-describedby": this.helperText
                 ? this.helperTextId
                 : undefined, "aria-invalid": this.invalid ? 'true' : undefined, "aria-valuetext": this.isUnset
                 ? translate.get('value-not-set', this.language)
                 : undefined, ref: (el) => {
                 this.inputElement = el;
-            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), h("div", { key: 'bc8caf7e40128a09bd09c5dfaa1932702a3181ec', class: "track" }, h("div", { key: 'b76f3d65f499dfc0b0c689bc1f18af79842847e1', class: "active" }), this.renderStepDots(min, max)), h("div", { key: '197a21d948777705839baf6c9e37606675d92952', class: "thumb" }, h("div", { key: 'e9f5ec56849f8165071d6c0b79f0366b4dbe664d', class: "knob" }), h("div", { key: '932a98222a1bd85cfcec64f318aaf7acb9b03e97', class: "indicator", "aria-hidden": "true" }, this.isUnset
+            }, onInput: this.handleInput, onChange: this.handleChange, onClick: this.handleClick }, inputProps)), h("div", { key: '485c55a7330b5b5cd31b0dda4c5beb433e54676f', class: "track" }, h("div", { key: 'c25657e6c417d4c751411d6702673c9bef5c3471', class: "active" }), this.renderStepDots(min, max)), h("div", { key: '996eadc493d5cd47f0cfc84a03d7129665a79538', class: "thumb" }, h("div", { key: 'ee9874986729ff0fda9f27016373a030f1efecb7', class: "knob" }), h("div", { key: 'db1bb4a02b5d3c35ac7f12ebd4a4ef39c9949713', class: "indicator", "aria-hidden": "true" }, this.isUnset
             ? '\u{2194}\u{FE0E}'
-            : this.displayValue))), h("div", { key: '19f3779a56a21d317bf350f99a5f93068b1be09d', class: "range-labels" }, h("span", { key: '4e4ad708a44753912606aa177dfe6a7c742138fe', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: 'b9e990eabfbe6284c732189be3609cc476caf169', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
+            : this.displayValue))), h("div", { key: '15e96fc9b1ca06efe92f2be0d792279006d1eaaa', class: "range-labels" }, h("span", { key: '54c38dcbfd01ca0df172a7d5be11f13873f1c5e1', class: "min" }, this.multiplyByFactor(this.valuemin), this.unit), h("span", { key: '3bb948aea0d53aa7e4c9a28025f56d616612f2b0', class: "max" }, this.multiplyByFactor(this.valuemax), this.unit)))), this.renderClearButton(), this.renderHelperLine()));
     }
     watchValue() {
         this.syncStateFromValue();

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

@@ -122,14 +122,14 @@ export class Snackbar {
         }
     }
     render() {
-        return (h("aside", { key: '86271cf61d1b060d3f12b753be16190d111ea3d1', popover: "manual", style: {
+        return (h("aside", { key: '8d9bd4b385a28dc14628137ee0cc426237369972', popover: "manual", style: {
                 '--snackbar-timeout': `${Math.max(this.timeout || 0, 0)}ms`,
                 '--snackbar-distance-to-top-edge': `${this.offset}px`,
             }, class: {
                 open: this.open,
                 'is-closing': this.closing,
                 'limel-portal--parent': true,
-            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: 'cf0e868a834c0ec189cb42a6f22bbc7435d9f566', class: "surface" }, h("limel-markdown", { key: '4d55bc3eac78572795aaa1eef0d3d43721150123', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
+            }, id: this.snackbarId, role: this.setAriaRoles(), "aria-atomic": this.open ? 'true' : undefined, "aria-relevant": this.open ? 'additions' : undefined }, h("div", { key: '9ceef904ab2ada2bc5556f6a2713d1c62bf2d285', class: "surface" }, h("limel-markdown", { key: '5d71b856757625a28cc519b54ed3383699f51628', class: "label", value: this.message }), this.renderActions(this.actionText), this.renderDismissButton(this.dismissible))));
     }
     setAriaRoles() {
         if (!this.open) {

package/dist/collection/components/spinner/spinner.js

@@ -16,7 +16,7 @@ export class Spinner {
         this.limeBranded = false;
     }
     render() {
-        return (h(Host, { key: '298ed5130e128e780cef1017670d9252928678cd' }, h("svg", { key: 'ae79c4ffb443afdd9a905e2e277c3ca445ef5e2f', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
+        return (h(Host, { key: '64abe2a254a82c8b7d8089f9594b1d67d7d67fec' }, h("svg", { key: '59f1f3288aa3ea800c39047176606fbf238c937f', viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, this.renderSpinner())));
     }
     renderSpinner() {
         if (!this.limeBranded) {

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

@@ -55,9 +55,9 @@ export class SplitButton {
         };
     }
     render() {
-        return (h(Host, { key: 'e9fb690c19e7e7276bbe1457f7c9ddf34535f2e5', class: {
+        return (h(Host, { key: '618180990db6e65b6a5d4be96b7d424e76189fea', class: {
                 'has-menu': this.items.length > 0,
-            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: '3dbc886df3854572ef0a1655aa815925150a6987', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
+            }, onClick: this.filterClickWhenDisabled }, h("limel-button", { key: 'd172865f599e9f15bf9c1a2e144549c29c40feb2', label: this.label, primary: this.primary, icon: this.icon, disabled: this.disabled, loading: this.loading, loadingFailed: this.loadingFailed }), this.renderMenu()));
     }
     static get is() { return "limel-split-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/switch/switch.js

@@ -79,7 +79,7 @@ export class Switch {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: 'dd5e5f289e3d62bfe697d93b178ffc0ecd84e498' }, this.readonly
+        return (h(Host, { key: 'c7a126aec46e6420cdcedf8050939ae12c7dd1d3' }, this.readonly
             ? this.renderReadonly()
             : this.renderInteractive(), this.renderHelperLine()));
     }

package/dist/collection/components/tab-bar/tab-bar.js

@@ -101,7 +101,7 @@ export class TabBar {
     }
     render() {
         const tabStop = findTabStop(this.tabs, this.tabs.findIndex((tab) => tab.active), this.getNavigationOptions());
-        return (h("div", { key: '520c0e3987f3de626ca2c01809b42b504146eb76', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, h("limel-scroller", { key: '60512f257f8ef89cc0b6142ac80d515060bbbba0', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
+        return (h("div", { key: '0ccb8e9ab24ae7e53107f085a773d563486a4480', role: "tablist", "aria-orientation": this.getOrientation(), onKeyDown: this.handleKeyDown }, h("limel-scroller", { key: '262a7c0d46426ffc2d9ce97ef2f817074e91442e', orientation: this.getOrientation() }, this.tabs.map((tab, index) => this.renderTabOrMovableTab(tab, index, index === tabStop)))));
     }
     tabsChanged(newTabs = [], oldTabs = []) {
         const newIds = newTabs.map((tab) => tab.id);

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

@@ -75,7 +75,7 @@ export class TabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'b914d64b43fdcb450e1e4d229952a1a9af8b7eed', onChangeTab: this.handleChangeTabs }, h("div", { key: 'b01a95d321115f07399d3ee40780f234bf8a3ed7', class: "tab-panel" }, h("limel-tab-bar", { key: '96a9dc357929d64c3dbbbb23441b5729efea33b3', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), h("div", { key: '0dd475dbc1fbc58a3e826dec668d35b1ce0f4318', class: "tab-content" }, h("slot", { key: '3918e9fc54b588e898c8280fc92e89270fd896a1' })))));
+        return (h(Host, { key: 'e06112d897bfb37656a8f26e14cf19bfa5164e4d', onChangeTab: this.handleChangeTabs }, h("div", { key: '56e4e58ea78d6f81d9997e83c6f3164c9eb4fa2e', class: "tab-panel" }, h("limel-tab-bar", { key: '28a01c64324cd3486b7e0d64b68ca632ccd2fe20', tabs: this.tabs, orientation: this.orientation, allowTabReorder: this.allowTabReorder }), h("div", { key: '332f6c6ce93783b512a59a69d50697fff800bc21', class: "tab-content" }, h("slot", { key: '19a7bef9781bb50a335d1a632c3b473b8e6e72d9' })))));
     }
     setSlotElements() {
         const slot = this.getSlot();

package/dist/collection/components/table/table.js

@@ -757,13 +757,13 @@ export class Table {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: '14890d8a92126d1e7e07071b40f745a3bc110ef4', class: {
+        return (h(Host, { key: 'ecb42a2839715ef21c2699af0432abdafdba815e', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-pagination': totalRows > this.pageSize,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, h("div", { key: '07aec37799ff2dd44949e24655b44da04b9ae4de', id: "tabulator-container" }, h("div", { key: '97984b2a9bf59cef4b04395cbb1248c48bac5bc3', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '29a35c732185becb5192c854ad1bceea43a395fd', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '22a46313cf345b16e17b4ddc46283a3610accac5', id: "tabulator-table" }))));
+            } }, h("div", { key: 'f45a8d0865e40d783688f477176a0adb4484246c', id: "tabulator-container" }, h("div", { key: '2fd8d842fb92cc8a7044f6c6cc39f52f3ed2694d', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: 'f88e69e9d0da31ea7c6de165628dda4511b07f73', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '94051145b29c2ce811e0a419948eedd00c2d4222', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

package/dist/collection/components/text-editor/link-menu/editor-link-menu.js

@@ -107,9 +107,9 @@ export class TextEditorLinkMenu {
         var _a, _b;
         const isValid = this.isValid(this.link.href);
         return [
-            h("limel-input-field", { key: 'e9ff24b3ef0ffbc098c32f77c1cefeac9b2dbcd9', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown }),
-            h("limel-input-field", { key: 'df5552b700c8c73d28ab83658b31e817b7dedceb', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown, ref: (el) => (this.linkInput = el) }),
-            h("div", { key: 'd4243e548a1227865ec40af31a5868e7f7214b5e', class: "actions" }, h("limel-button", { key: 'a16b1a026825dd3441a5ce018704f6ae9e0ed576', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: '8c4b46e58487ef17c9e2637127a17b5a2847863d', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
+            h("limel-input-field", { key: '132bce8eceb6a5359e8a283a9218d985f0a1337a', label: this.getTranslation('editor-link-menu.text'), value: ((_a = this.link) === null || _a === void 0 ? void 0 : _a.text) || '', leadingIcon: "text_cursor", onChange: this.handleLinkTitleChange, onKeyDown: this.handleKeyDown }),
+            h("limel-input-field", { key: '15a88d59d8fad7012a1b21aceb1242231242a88d', label: this.getTranslation('editor-link-menu.link'), value: ((_b = this.link) === null || _b === void 0 ? void 0 : _b.href) || '', type: "text", leadingIcon: "-lime-text-link", trailingIcon: "external_link", invalid: !isValid, onChange: this.handleLinkValueChange, onAction: this.handleLinkInputAction, onKeyDown: this.handleKeyDown, ref: (el) => (this.linkInput = el) }),
+            h("div", { key: '7910c520a2703e867f76bed83d1a1caf26413d34', class: "actions" }, h("limel-button", { key: 'a0986d520c0d1bb021e77d775ce9827b492a3d16', label: this.getTranslation('cancel'), onClick: this.handleCancel }), h("limel-button", { key: '85dcc3503e8bf4fc0c58791e95497c27e566ee38', primary: true, label: this.getTranslation('save'), disabled: !isValid, onClick: this.handleSave, ref: (el) => (this.saveButton = el), slot: "button" })),
         ];
     }
     static get is() { return "limel-text-editor-link-menu"; }

package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js

@@ -332,7 +332,7 @@ export class ProsemirrorAdapter {
         (_e = this.view) === null || _e === void 0 ? void 0 : _e.destroy();
     }
     render() {
-        return (h(Host, { key: '8146122990b6020e7c1062938123d233e6c4e6aa', onFocus: this.handleFocus }, h("div", { key: '49dfd2b845efad4528689a9890e2f59cb5cd030e', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
+        return (h(Host, { key: '633e7806aec494d7dc0deca53a55f9c57afe3b44', onFocus: this.handleFocus }, h("div", { key: 'ab40285fee2c8ae350c3e2c041c0771fdf9305ff', id: "editor" }), this.renderToolbar(), this.renderLinkMenu()));
     }
     renderToolbar() {
         if (this.actionBarItems.length === 0 || this.ui === 'no-toolbar') {

package/dist/collection/components/text-editor/text-editor.js

@@ -174,7 +174,7 @@ export class TextEditor {
         await ((_a = this.adapterElement) === null || _a === void 0 ? void 0 : _a.clear());
     }
     render() {
-        return (h(Host, { key: 'e0ebfa29ceaf175ab0dc5fe78f7eb055f80d045c' }, h("limel-notched-outline", { key: '2f2823bb140c77e1af697adb75985729c01cfbb4', label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
+        return (h(Host, { key: 'd2741577b7e66a545e34cfc83d9b746020d7768d' }, h("limel-notched-outline", { key: 'f6d76399f90a657a94a1d833acac04d29e16d502', label: this.label, required: this.required, invalid: this.invalid, disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasFloatingLabel: true }, this.renderEditor(), this.renderPlaceholder()), this.renderHelperLine()));
     }
     renderEditor() {
         if (this.readonly) {

package/dist/collection/components/tooltip/tooltip-content.js

@@ -15,7 +15,7 @@ export class TooltipContent {
         const style = this.maxlength
             ? { '--tooltip-max-width-of-text': `${this.maxlength}ch` }
             : undefined;
-        return (h(Host, { key: '05369a8209c96b17763eaa4074c82543f96cd908', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '1bfac9e319921070cc262a74347b9280de12e025', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
+        return (h(Host, { key: 'e471ae2dbb5e94f737fb8a9e3946b5528f1d58d7', class: { 'has-column-layout': isLabelsTextLong }, style: style }, h("div", { key: '61ddd956c8f7c1e9b765c13ce55d3f1219ca9957', class: "label" }, this.label), this.renderHelperLabel(), this.renderHotkey()));
     }
     renderHelperLabel() {
         if (!this.helperLabel) {

package/dist/collection/components/tooltip/tooltip.js

@@ -76,10 +76,10 @@ export class Tooltip {
     }
     render() {
         const tooltipZIndex = getComputedStyle(this.host).getPropertyValue('--tooltip-z-index');
-        return (h("div", { key: '9b893c590d0626f4e7c88f97f14e9c87cb1520d7', class: "trigger-anchor" }, h("limel-portal", { key: 'de7ee98705df289e59a034f49daf33823ab6aa86', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
+        return (h("div", { key: 'dd68f46eecdfe23830fcdc273982e71dd832b6a2', class: "trigger-anchor" }, h("limel-portal", { key: 'c3ec9406b04edeace41d7f5c05cc89a720005297', openDirection: this.openDirection, visible: this.open, containerId: this.portalId, containerStyle: {
                 'z-index': tooltipZIndex,
                 'pointer-events': 'none',
-            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '83ae108e4c32627527c9962a3f82a2b77ecda873', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open }))));
+            }, anchor: this.ownerElement }, h("limel-tooltip-content", { key: '2b8cbf20f7956046939099869fa6d1ac5025ad6a', label: this.label, helperLabel: this.helperLabel, hotkey: this.hotkey, maxlength: this.maxlength, role: "tooltip", "aria-hidden": !this.open }))));
     }
     async updateDescription() {
         if (!this.ownerElement) {

package/dist/collection/translations/da.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Måned',
     'date-picker.quarter.heading': 'Kvartal',
     'date-picker.year.heading': 'År',
+    'date-picker.invalid-format': 'Indtast en gyldig dato ({ example })',
+    'date-picker.invalid-time-format': 'Indtast et gyldigt tidspunkt ({ example })',
     'drag-handle.drag-handle': 'Trækgreb',
     'drag-handle.drag-to-reorder': 'Træk for at omarrangere',
     'resize-handle.resize': 'Ændr størrelsen på { region }',

package/dist/collection/translations/de.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Monat',
     'date-picker.quarter.heading': 'Quartal',
     'date-picker.year.heading': 'Jahr',
+    'date-picker.invalid-format': 'Geben Sie ein gültiges Datum ein ({ example })',
+    'date-picker.invalid-time-format': 'Geben Sie eine gültige Uhrzeit ein ({ example })',
     'drag-handle.drag-handle': 'Ziehgriff',
     'drag-handle.drag-to-reorder': 'Zum Neuordnen ziehen',
     'resize-handle.resize': 'Größe von { region } ändern',

package/dist/collection/translations/en.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Month',
     'date-picker.quarter.heading': 'Quarter',
     'date-picker.year.heading': 'Year',
+    'date-picker.invalid-format': 'Enter a valid date ({ example })',
+    'date-picker.invalid-time-format': 'Enter a valid time ({ example })',
     'drag-handle.drag-handle': 'Drag handle',
     'drag-handle.drag-to-reorder': 'Drag to reorder',
     'resize-handle.resize': 'Resize { region }',

package/dist/collection/translations/fi.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Kuukausi',
     'date-picker.quarter.heading': 'Vuosineljännes',
     'date-picker.year.heading': 'Vuosi',
+    'date-picker.invalid-format': 'Anna kelvollinen päivämäärä ({ example })',
+    'date-picker.invalid-time-format': 'Anna kelvollinen kellonaika ({ example })',
     'drag-handle.drag-handle': 'Raahauskahva',
     'drag-handle.drag-to-reorder': 'Raahaa järjestelläksesi',
     'resize-handle.resize': 'Muuta { region } kokoa',

package/dist/collection/translations/fr.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Mois',
     'date-picker.quarter.heading': 'Trimestre',
     'date-picker.year.heading': 'Année',
+    'date-picker.invalid-format': 'Saisissez une date valide ({ example })',
+    'date-picker.invalid-time-format': 'Saisissez une heure valide ({ example })',
     'drag-handle.drag-handle': 'Poignée de déplacement',
     'drag-handle.drag-to-reorder': 'Glissez pour réorganiser',
     'resize-handle.resize': 'Redimensionner { region }',

package/dist/collection/translations/nl.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Maand',
     'date-picker.quarter.heading': 'Kwartaal',
     'date-picker.year.heading': 'Jaar',
+    'date-picker.invalid-format': 'Voer een geldige datum in ({ example })',
+    'date-picker.invalid-time-format': 'Voer een geldige tijd in ({ example })',
     'drag-handle.drag-handle': 'Sleepgreep',
     'drag-handle.drag-to-reorder': 'Slepen om opnieuw te ordenen',
     'resize-handle.resize': 'Grootte van { region } wijzigen',

package/dist/collection/translations/no.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Måned',
     'date-picker.quarter.heading': 'Kvartal',
     'date-picker.year.heading': 'År',
+    'date-picker.invalid-format': 'Skriv inn en gyldig dato ({ example })',
+    'date-picker.invalid-time-format': 'Skriv inn et gyldig klokkeslett ({ example })',
     'drag-handle.drag-handle': 'Dra-håndtak',
     'drag-handle.drag-to-reorder': 'Dra for å omorganisere',
     'resize-handle.resize': 'Endre størrelsen på { region }',

package/dist/collection/translations/sv.js

@@ -27,6 +27,8 @@ export default {
     'date-picker.month.heading': 'Månad',
     'date-picker.quarter.heading': 'Kvartal',
     'date-picker.year.heading': 'År',
+    'date-picker.invalid-format': 'Ange ett giltigt datum ({ example })',
+    'date-picker.invalid-time-format': 'Ange en giltig tid ({ example })',
     'drag-handle.drag-handle': 'Draghandtag',
     'drag-handle.drag-to-reorder': 'Dra för att ändra ordning',
     'resize-handle.resize': 'Ändra storlek på { region }',

package/dist/esm/dom-B9Ofc5RB.js

@@ -0,0 +1,30 @@
+/**
+ * Check if an element is a descendant of another, even if it is located within a shadow root
+ *
+ * @param element - The element to check
+ * @param parent - The parent element
+ * @returns True if the element is a descendant of the parent element, false otherwise
+ */
+function isDescendant(element, parent) {
+    if (!parent) {
+        return false;
+    }
+    if (parent.contains(element)) {
+        return true;
+    }
+    let currentNode = element;
+    let i = 0; // Just in case something weird happens, let's not crash the browser…
+    const DEPTH = 1000; // Max depth to search.
+    while (i < DEPTH &&
+        currentNode &&
+        currentNode.getRootNode().nodeName === '#document-fragment') {
+        currentNode = currentNode.getRootNode().host;
+        if (parent.contains(currentNode)) {
+            return true;
+        }
+        i += 1;
+    }
+    return parent.contains(currentNode);
+}
+
+export { isDescendant as i };