@limetech/lime-elements 40.6.0 → 40.6.2

package/dist/collection/components/info-tile/info-tile.js

@@ -49,17 +49,17 @@ export class InfoTile {
             }
         };
         this.renderValue = () => {
-            var _a;
-            const characterCount = ((_a = this.value) !== null && _a !== void 0 ? _a : '').toString().length;
             if (!this.value && this.loading) {
                 return h("span", { class: "value" }, "\u00B7\u00B7\u00B7");
             }
-            if (this.value) {
-                return (h("span", { class: {
-                        value: true,
-                        [`ch-${characterCount}`]: true,
-                    } }, this.value));
+            if (!this.value) {
+                return;
             }
+            const characterCount = this.value.toString().length;
+            return (h("span", { class: {
+                    value: true,
+                    [`ch-${characterCount}`]: true,
+                } }, this.value));
         };
         this.renderSuffix = () => {
             if (this.suffix) {
@@ -127,9 +127,9 @@ export class InfoTile {
             this.checkProps((_d = this === null || this === void 0 ? void 0 : this.link) === null || _d === void 0 ? void 0 : _d.title);
         const link = this.disabled ? '#' : (_e = this.link) === null || _e === void 0 ? void 0 : _e.href;
         const rel = getRel((_f = this.link) === null || _f === void 0 ? void 0 : _f.target, (_g = this.link) === null || _g === void 0 ? void 0 : _g.rel);
-        return (h(Host, { key: '56ba6a4d88bec020a36a817860c84a023d443c1b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: '8e29ceca05655842db7c551e2fa92fa74593f17e', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
+        return (h(Host, { key: '60e7f038ad45210a2ef928287b2794052993a84b', onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, class: { 'has-primary-slot-content': this.hasPrimarySlot } }, h("a", { key: 'd6c9828fa7aaea462e9fefaad921da51b2376738', title: (_h = this.link) === null || _h === void 0 ? void 0 : _h.title, href: link, target: (_j = this.link) === null || _j === void 0 ? void 0 : _j.target, rel: rel, tabindex: "0", "aria-label": extendedAriaLabel, "aria-disabled": this.disabled, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite", class: {
                 'is-clickable': !!((_k = this.link) === null || _k === void 0 ? void 0 : _k.href) && !this.disabled,
-            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '2d3d48e5a330dfca49d14551cbac4761e0f955c7', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '78930378c772695ed11c531941d58dea6ded13dc', class: "value-group" }, this.renderPrefix(), h("div", { key: 'a5b2261e4230a34b0fa577af602e27f1b788b580', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: 'd9f4365e7710daf6dc639e6e43068f620a2515fa' })), this.renderNotification()));
+            } }, this.renderIcon(), this.renderProgress(), h("slot", { key: '045db9fdf61d87bd8e92bb299d20b3f21a980634', name: "primary", onSlotchange: this.updateHasPrimarySlotContent }), h("div", { key: '78ddf4323cb56a791a6d3749b653716afd33ccba', class: "value-group" }, this.renderPrefix(), h("div", { key: 'b84ba69a5720088e3207bceb02cc8fd84d4dbdd2', class: "value-and-suffix" }, this.renderValue(), this.renderSuffix()), this.renderSpinner()), this.renderLabel(), h("limel-3d-hover-effect-glow", { key: 'e33b280c08673989e33d99b982499b401cd505f0' })), this.renderNotification()));
     }
     checkProps(propValue) {
         return propValue ? propValue + ' ' : '';

package/dist/collection/components/input-field/input-field.js

@@ -184,9 +184,11 @@ export class InputField {
             if (this.type === 'number') {
                 props.step = this.step;
             }
+            // eslint-disable-next-line unicorn/prefer-number-is-safe-integer -- integers beyond the safe range must still be applied
             if (this.type === 'number' && Number.isInteger(this.min)) {
                 props.min = this.min;
             }
+            // eslint-disable-next-line unicorn/prefer-number-is-safe-integer -- integers beyond the safe range must still be applied
             if (this.type === 'number' && Number.isInteger(this.max)) {
                 props.max = this.max;
             }
@@ -216,11 +218,11 @@ export class InputField {
         };
         this.renderHelperLine = () => {
             var _a;
-            const text = this.getCurrentValue() || '';
-            const length = text.length;
             if (!this.hasHelperLine()) {
                 return;
             }
+            const text = this.getCurrentValue() || '';
+            const length = text.length;
             return (h("limel-helper-line", { helperTextId: this.helperTextId, helperText: (_a = this.helperText) !== null && _a !== void 0 ? _a : this.validationMessage, length: length, maxLength: this.maxlength, invalid: this.isInvalid() }));
         };
         this.renderSuffix = () => {
@@ -293,7 +295,7 @@ export class InputField {
             if (!this.isInvalid() && this.hasLink()) {
                 return this.renderLinkIcon(this.getLink(), trailingIcon);
             }
-            else if (trailingIcon) {
+            if (trailingIcon) {
                 return this.renderTrailingIcon(trailingIcon);
             }
         };
@@ -395,10 +397,11 @@ export class InputField {
                 listElement.focus();
                 return;
             }
-            if (isUp) {
-                const listElement = list.shadowRoot.querySelector('.mdc-deprecated-list-item:last-child');
-                listElement.focus();
+            if (!isUp) {
+                return;
             }
+            const listElement = list.shadowRoot.querySelector('.mdc-deprecated-list-item:last-child');
+            listElement.focus();
         };
         this.handleCompletionChange = (event) => {
             event.stopPropagation();
@@ -594,13 +597,10 @@ export class InputField {
         if (ariaControls) {
             properties['aria-controls'] = ariaControls;
         }
-        return (h(Host, { key: '9e509e181e05f451deadc92e052dc11075032f9a' }, h("limel-notched-outline", { key: '2f2307e2c7d96eec0c5753d27bf1fc76c9ad8eb2', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: 'a21372b10d416423aea6ff9f318bf12ef8d4832a', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
+        return (h(Host, { key: 'f75582060395fe9167939a30d0fb07a89d225cf2' }, h("limel-notched-outline", { key: '85e40d1ceee2efb56a7175f090b876b6514a41cb', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid || this.isInvalid(), disabled: this.disabled, readonly: this.readonly, hasValue: !!this.value, hasLeadingIcon: !!this.leadingIcon }, h("label", { key: '683ee7c3e879a07f590ac27e8056489cb626b36f', slot: "content", class: this.getContainerClassList() }, this.renderLeadingIcon(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton())), this.renderHelperLine(), this.renderAutocompleteList()));
     }
     valueWatcher(newValue) {
-        if (!this.mdcTextField) {
-            return;
-        }
-        if (this.changeWaiting) {
+        if (!this.mdcTextField || this.changeWaiting) {
             return;
         }
         if (this.type === 'number' &&

package/dist/collection/components/list/list-renderer.js

@@ -14,9 +14,7 @@ export class ListRenderer {
             if (role === 'listbox' || role === 'radiogroup') {
                 return 'vertical';
             }
-            else {
-                return null;
-            }
+            return null;
         };
         /**
          * Determine which ListItem should have the `tab-index` attribute set,
@@ -29,12 +27,12 @@ export class ListRenderer {
          */
         this.getIndexForWhichToApplyTabIndex = (items) => {
             let result;
-            for (let i = 0, max = items.length; i < max; i += 1) {
-                if ('separator' in items[i]) {
+            for (const [i, entry] of items.entries()) {
+                if ('separator' in entry) {
                     // Ignore ListSeparator
                 }
                 else {
-                    const item = items[i];
+                    const item = entry;
                     if (item.disabled) {
                         // Skip disabled items - they should never get tabindex
                         continue;
@@ -92,7 +90,7 @@ export class ListRenderer {
         };
     }
     render(items, config = {}) {
-        items = items || [];
+        items || (items = []);
         this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
         let role;
         switch (this.config.type) {

package/dist/collection/components/list/list.js

@@ -189,12 +189,12 @@ export class List {
             type: this.type,
             iconSize: this.iconSize,
         };
-        let maxLinesSecondaryText = +((_a = this.maxLinesSecondaryText) === null || _a === void 0 ? void 0 : _a.toFixed());
+        let maxLinesSecondaryText = +((_a = this.maxLinesSecondaryText) === null || _a === void 0 ? void 0 : _a.toFixed(0));
         if (this.maxLinesSecondaryText < 1) {
             maxLinesSecondaryText = 1;
         }
         const html = this.listRenderer.render(this.items, this.config);
-        return (h(Host, { key: 'f15badb0936caf891cd8bd272ef5d3224645c3c7', style: {
+        return (h(Host, { key: 'b8c5f38d03402596fbd227a19587a801ef0c8b6e', style: {
                 '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
             } }, html));
     }

package/dist/collection/components/list-item/list-item.js

@@ -158,9 +158,9 @@ export class ListItemComponent {
             // also keep for `menuitem` for visual state consistency
             ariaProps['aria-selected'] = this.selected ? 'true' : 'false';
         }
-        return (h(Host, Object.assign({ key: '8fc88d6a74e504e5f70bf3385286593e55224978', role: this.getHostRole(), class: {
+        return (h(Host, Object.assign({ key: '005e6e5fa87bab94b1d3c00970ed4efff409de1b', role: this.getHostRole(), class: {
                 'has-primary-component': !!((_a = this.primaryComponent) === null || _a === void 0 ? void 0 : _a.name),
-            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: 'eb51efec9974eec1561a91e6e62cc9cced501fe0', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
+            } }, ariaProps), this.renderRadioButton(), this.renderCheckbox(), this.renderIcon(), this.renderImage(), this.renderPrimaryComponent(), h("div", { key: '351438e788b747b86a9700ab1a8c700532aee409', class: "text" }, this.renderLabel(), this.renderDescription()), this.renderActionMenu(this.actions)));
     }
     /**
      * Returns a stable reference for the provided actions array to avoid

package/dist/collection/components/list-item/menu-item-meta/menu-item-meta.js

@@ -22,7 +22,7 @@ export class MenuItemMeta {
         this.showChevron = false;
     }
     render() {
-        return (h(Host, { key: '3255a600c159784b9e488480b100f86f2104b406' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
+        return (h(Host, { key: '6dbc3a71962933c5cfdf415096e41f90e84e7740' }, this.renderCommandText(), this.renderBadge(), this.renderChevron()));
     }
     renderCommandText() {
         if (this.hotkey) {

package/dist/collection/components/markdown/hydrate-custom-elements.js

@@ -32,12 +32,13 @@ function hydrateElement(element, attributes) {
             continue;
         }
         const parsed = tryParseJson(value);
-        if (parsed !== undefined) {
-            const sanitized = sanitizeUrls(parsed);
-            // Set the JS property (camelCase) instead of the attribute
-            const propName = attributeToPropName(attrName);
-            element[propName] = sanitized;
+        if (parsed === undefined) {
+            continue;
         }
+        const sanitized = sanitizeUrls(parsed);
+        // Set the JS property (camelCase) instead of the attribute
+        const propName = attributeToPropName(attrName);
+        element[propName] = sanitized;
     }
 }
 function tryParseJson(value) {

package/dist/collection/components/markdown/image-intersection-observer.js

@@ -5,15 +5,16 @@ export class ImageIntersectionObserver {
     constructor(containerElement) {
         this.handleIntersection = (entries) => {
             for (const entry of entries) {
-                if (entry.isIntersecting) {
-                    const img = entry.target;
-                    const dataSrc = img.dataset.src;
-                    if (dataSrc) {
-                        img.setAttribute('src', dataSrc);
-                        delete img.dataset.src;
-                    }
-                    this.observer.unobserve(img);
+                if (!entry.isIntersecting) {
+                    continue;
                 }
+                const img = entry.target;
+                const dataSrc = img.dataset.src;
+                if (dataSrc) {
+                    img.setAttribute('src', dataSrc);
+                    delete img.dataset.src;
+                }
+                this.observer.unobserve(img);
             }
         };
         this.observer = new IntersectionObserver(this.handleIntersection);

package/dist/collection/components/markdown/image-markdown-plugin.js

@@ -12,14 +12,16 @@ export function createLazyLoadImagesPlugin(lazyLoadImages = false) {
         }
         return (tree) => {
             visit(tree, 'element', (node) => {
-                if (node.tagName === 'img') {
-                    node.properties = node.properties || {};
-                    node.properties.loading = 'lazy';
-                    if (node.properties.src) {
-                        node.properties['data-src'] = node.properties.src;
-                        node.properties.src = undefined;
-                    }
+                if (node.tagName !== 'img') {
+                    return;
                 }
+                node.properties || (node.properties = {});
+                node.properties.loading = 'lazy';
+                if (!node.properties.src) {
+                    return;
+                }
+                node.properties['data-src'] = node.properties.src;
+                node.properties.src = undefined;
             });
             return tree;
         };

package/dist/collection/components/markdown/link-markdown-plugin.js

@@ -11,17 +11,18 @@ export function createLinksPlugin() {
         return (tree) => {
             visit(tree, 'element', (node) => {
                 var _a, _b;
-                if (node.tagName === 'a') {
-                    const href = (_a = node.properties) === null || _a === void 0 ? void 0 : _a.href;
-                    const title = (_b = node.properties) === null || _b === void 0 ? void 0 : _b.title;
-                    if (!href) {
-                        return;
-                    }
-                    const attributes = getLinkAttributes(href, title);
-                    node.properties.target = attributes.target;
-                    node.properties.rel = attributes.rel;
-                    node.properties.referrerpolicy = attributes.referrerpolicy;
+                if (node.tagName !== 'a') {
+                    return;
                 }
+                const href = (_a = node.properties) === null || _a === void 0 ? void 0 : _a.href;
+                if (!href) {
+                    return;
+                }
+                const title = (_b = node.properties) === null || _b === void 0 ? void 0 : _b.title;
+                const attributes = getLinkAttributes(href, title);
+                node.properties.target = attributes.target;
+                node.properties.rel = attributes.rel;
+                node.properties.referrerpolicy = attributes.referrerpolicy;
             });
             return tree;
         };

package/dist/collection/components/markdown/markdown.js

@@ -170,7 +170,7 @@ export class Markdown {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: '86a21b8636af14891a657e136a9dceae4acb3b23' }, h("div", { key: '5f53c998000e2f197953232a63b2deb8ee1878bf', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: 'cb9496c27479dce2acf8005bff7c780190f923ba' }, h("div", { key: 'a48bd187c4b08db7d7b2e105fe4b1c92089d1a57', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {
@@ -178,10 +178,11 @@ export class Markdown {
         }
     }
     cleanupImageIntersectionObserver() {
-        if (this.imageIntersectionObserver) {
-            this.imageIntersectionObserver.disconnect();
-            this.imageIntersectionObserver = null;
+        if (!this.imageIntersectionObserver) {
+            return;
         }
+        this.imageIntersectionObserver.disconnect();
+        this.imageIntersectionObserver = null;
     }
     static get is() { return "limel-markdown"; }
     static get encapsulation() { return "shadow"; }
@@ -372,7 +373,7 @@ function mergeWhitelists(defaults, consumer) {
             merged.set(def.tagName, new Set(def.attributes));
         }
     }
-    return [...merged.entries()].map(([tagName, attrs]) => ({
+    return [...merged].map(([tagName, attrs]) => ({
         tagName,
         attributes: [...attrs],
     }));

package/dist/collection/components/markdown/remove-empty-paragraphs-plugin.js

@@ -9,7 +9,7 @@ export const createRemoveEmptyParagraphsPlugin = (enabled = false) => {
         };
     };
 };
-const NBSP_REGEX = /\u00A0/g;
+const NBSP_REGEX = /\u{A0}/gu;
 const ZERO_WIDTH_HEX_CODES = ['200B', '200C', '200D', 'FEFF'];
 const MEANINGFUL_VOID_ELEMENTS = new Set([
     'audio',
@@ -78,10 +78,9 @@ const isNodeEffectivelyEmpty = (node) => {
         if (isMeaningfulElement(tagName)) {
             return false;
         }
-        if (TREAT_AS_EMPTY_ELEMENTS.has(tagName)) {
-            return true;
-        }
-        if (!Array.isArray(element.children) || element.children.length === 0) {
+        if (TREAT_AS_EMPTY_ELEMENTS.has(tagName) ||
+            !Array.isArray(element.children) ||
+            element.children.length === 0) {
             return true;
         }
         return element.children.every((child) => isNodeEffectivelyEmpty(child));

package/dist/collection/components/masonry-layout/masonry-layout.js

@@ -40,10 +40,11 @@ export class MasonryLayout {
         this.hasRendered = true;
     }
     connectedCallback() {
-        if (this.hasRendered) {
-            this.setupObservers();
-            this.scheduleLayout();
+        if (!this.hasRendered) {
+            return;
         }
+        this.setupObservers();
+        this.scheduleLayout();
     }
     disconnectedCallback() {
         var _a, _b, _c;
@@ -58,7 +59,7 @@ export class MasonryLayout {
         const style = {
             height: `${this.containerHeight}rem`,
         };
-        return (h(Host, { key: '624673859a36747b6bcb08e5e7e8a8fef0a14105', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: '0df7ce4bc96c0a42f5bdbb10c835313991d89212' })));
+        return (h(Host, { key: 'eac58da6cc41749eaaae8ca78d9940132c632fba', style: style, class: { 'is-laid-out': this.hasRendered } }, h("slot", { key: 'c551e446908efa397c665301f121a02c2efb068c' })));
     }
     setupObservers() {
         this.resizeObserver = new ResizeObserver(() => {

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

@@ -98,10 +98,7 @@ export class Menu {
                 return;
             }
             const pressedHotkey = hotkeyFromKeyboardEvent(event);
-            if (!pressedHotkey) {
-                return;
-            }
-            if (this.isReservedMenuHotkey(pressedHotkey)) {
+            if (!pressedHotkey || this.isReservedMenuHotkey(pressedHotkey)) {
                 return;
             }
             const matchedItem = this.findMenuItemByHotkey(pressedHotkey);
@@ -255,12 +252,13 @@ export class Menu {
                 return;
             }
             // Down on last item: go to search input (if it exists)
-            if (isDown && this.isLastListItemFocused() && this.searchInput) {
-                event.stopPropagation();
-                event.preventDefault();
-                this.searchInput.focus();
+            if (!isDown || !this.isLastListItemFocused() || !this.searchInput) {
+                // If no search input, let MDC Menu handle wrap-around
+                return;
             }
-            // If no search input, let MDC Menu handle wrap-around
+            event.stopPropagation();
+            event.preventDefault();
+            this.searchInput.focus();
         };
         // Key handler for the menu list (bubble phase)
         // Will change focus to the search field if using shift+tab
@@ -282,16 +280,17 @@ export class Menu {
                 (_a = this.searchInput) === null || _a === void 0 ? void 0 : _a.focus();
                 return;
             }
-            if (!this.gridLayout && (isLeft || isRight)) {
-                const currentItem = this.getCurrentItem();
-                event.stopPropagation();
-                event.preventDefault();
-                if (isRight) {
-                    this.goForward(currentItem);
-                }
-                else if (isLeft) {
-                    this.goBack();
-                }
+            if (this.gridLayout || (!isLeft && !isRight)) {
+                return;
+            }
+            const currentItem = this.getCurrentItem();
+            event.stopPropagation();
+            event.preventDefault();
+            if (isRight) {
+                this.goForward(currentItem);
+            }
+            else if (isLeft) {
+                this.goBack();
             }
         };
         // Key handler for breadcrumbs
@@ -387,10 +386,11 @@ export class Menu {
                 }
                 return;
             }
-            if (this.triggersDisabledByMenu.has(element)) {
-                element.removeAttribute('disabled');
-                this.triggersDisabledByMenu.delete(element);
+            if (!this.triggersDisabledByMenu.has(element)) {
+                return;
             }
+            element.removeAttribute('disabled');
+            this.triggersDisabledByMenu.delete(element);
         };
         this.onClose = () => {
             const restoreFocus = this.shouldRestoreFocusOnClose;
@@ -418,7 +418,7 @@ export class Menu {
                 this.setFocus();
                 return;
             }
-            else if (isFunction(menuItem === null || menuItem === void 0 ? void 0 : menuItem.items)) {
+            if (isFunction(menuItem === null || menuItem === void 0 ? void 0 : menuItem.items)) {
                 const menuLoader = menuItem.items;
                 this.selectedMenuItem = menuItem;
                 this.loadingSubItems = true;
@@ -462,7 +462,7 @@ export class Menu {
             }
             this.list = element;
             if (this.list) {
-                this.list.addEventListener('keydown', this.handleListKeyDownCapture, true);
+                this.list.addEventListener('keydown', this.handleListKeyDownCapture, { capture: true });
             }
         };
         this.setFocus = () => {
@@ -585,14 +585,15 @@ export class Menu {
     }
     componentDidRender() {
         const slotElement = this.host.shadowRoot.querySelector('slot');
-        // eslint-disable-next-line unicorn/no-array-for-each
-        slotElement.assignedElements().forEach(this.setTriggerAttributes);
+        for (const element of slotElement.assignedElements()) {
+            this.setTriggerAttributes(element);
+        }
     }
     render() {
         const cssProperties = this.getCssProperties();
         const dropdownZIndex = getComputedStyle(this.host).getPropertyValue('--dropdown-z-index');
         const menuSurfaceWidth = this.getMenuSurfaceWidth(cssProperties['--menu-surface-width']);
-        return (h("div", { key: 'c66307a5cc7257e2b394f0b5d56d6fbc6fce18b1', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '7c37448e29deaee202f74d3288d21697529c82b5', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'f7f1b14ae5c6e19fa8e9651c2a847db0bb246427', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: 'c2fd7257bfe8ccf820b8aabc6a8959f6d5d1cd2f', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
+        return (h("div", { key: '53dad76785873b9673e15413e2c2f6d3b7253725', class: "mdc-menu-surface--anchor", onClick: this.onTriggerClick }, h("slot", { key: '13bb5f53e6e13101a8ecbb18dbc4df4d74ac5f27', ref: this.setTriggerRef, name: "trigger" }), this.renderNotificationBadge(), h("limel-portal", { key: 'cb64f614e55158e1b3d49fe9111e8c4ad36794b1', visible: this.open, containerId: this.portalId, openDirection: this.openDirection, position: "absolute", containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { key: 'bfe7f53832ac43ec7b0e60f8dd7ac385d0ea3f14', open: this.open, onDismiss: this.onClose, style: Object.assign(Object.assign({}, cssProperties), { '--menu-surface-width': menuSurfaceWidth, '--limel-menu-surface-display': 'flex', '--limel-menu-surface-flex-direction': 'column' }), class: {
                 'has-grid-layout': this.gridLayout,
             } }, this.renderSearchField(), this.renderBreadcrumb(), this.renderLoader(), this.renderEmptyMessage(), this.renderMenuList()))));
     }
@@ -624,10 +625,14 @@ export class Menu {
             this.teardownGlobalHandlers();
             return;
         }
-        document.addEventListener('keydown', this.handleDocumentKeyDown, true);
+        document.addEventListener('keydown', this.handleDocumentKeyDown, {
+            capture: true,
+        });
     }
     teardownGlobalHandlers() {
-        document.removeEventListener('keydown', this.handleDocumentKeyDown, true);
+        document.removeEventListener('keydown', this.handleDocumentKeyDown, {
+            capture: true,
+        });
     }
     isFromTextInput(event) {
         const path = typeof event.composedPath === 'function'
@@ -637,13 +642,8 @@ export class Menu {
             if (!(node instanceof HTMLElement)) {
                 continue;
             }
-            if (node.isContentEditable) {
-                return true;
-            }
-            const tagName = node.tagName;
-            if (tagName === 'INPUT' ||
-                tagName === 'TEXTAREA' ||
-                tagName === 'SELECT') {
+            if (node.isContentEditable ||
+                ['INPUT', 'TEXTAREA', 'SELECT'].includes(node.tagName)) {
                 return true;
             }
         }
@@ -673,14 +673,16 @@ export class Menu {
         if (hasModifiers) {
             return false;
         }
-        return (key === 'arrowup' ||
-            key === 'arrowdown' ||
-            key === 'arrowleft' ||
-            key === 'arrowright' ||
-            key === 'tab' ||
-            key === 'enter' ||
-            key === 'space' ||
-            key === 'escape');
+        return [
+            'arrowup',
+            'arrowdown',
+            'arrowleft',
+            'arrowright',
+            'tab',
+            'enter',
+            'space',
+            'escape',
+        ].includes(key);
     }
     findMenuItemByHotkey(pressedHotkey) {
         for (const item of this.visibleItems) {
@@ -756,7 +758,7 @@ export class Menu {
             }
             return `${assignedTriggers[0].clientWidth}px`;
         }
-        else if (this.surfaceWidth === 'inherit-from-menu') {
+        if (this.surfaceWidth === 'inherit-from-menu') {
             if (!((_c = this.host) === null || _c === void 0 ? void 0 : _c.clientWidth)) {
                 return '';
             }
@@ -769,7 +771,7 @@ export class Menu {
         if (Array.isArray(this.searchResults) && this.searchValue) {
             return this.searchResults;
         }
-        else if (Array.isArray((_a = this.currentSubMenu) === null || _a === void 0 ? void 0 : _a.items)) {
+        if (Array.isArray((_a = this.currentSubMenu) === null || _a === void 0 ? void 0 : _a.items)) {
             if (this.cachedSubMenuSource !== this.currentSubMenu) {
                 this.cachedSubMenuSource = this.currentSubMenu;
                 this.cachedSubMenuItems = this.currentSubMenu.items.map((item) => (Object.assign(Object.assign({}, item), { parentItem: this.currentSubMenu })));

package/dist/collection/components/menu-list/menu-list-renderer.js

@@ -17,12 +17,12 @@ export class MenuListRenderer {
          */
         this.getIndexForWhichToApplyTabIndex = (items) => {
             let result;
-            for (let i = 0, max = items.length; i < max; i += 1) {
-                if ('separator' in items[i]) {
+            for (const [i, entry] of items.entries()) {
+                if ('separator' in entry) {
                     // Ignore ListSeparator
                 }
                 else {
-                    const item = items[i];
+                    const item = entry;
                     if (item.disabled) {
                         // Skip disabled items - they should never get tabindex
                         continue;
@@ -56,8 +56,8 @@ export class MenuListRenderer {
             if (index === this.applyTabIndexToItemAtIndex) {
                 attributes.tabindex = '0';
             }
-            const hasSubMenu = this.hasSubItems(item);
-            const hasMeta = hasSubMenu ||
+            const hasSubmenu = this.hasSubItems(item);
+            const hasMeta = hasSubmenu ||
                 item.badge !== undefined ||
                 !!item.hotkey ||
                 !!item.commandText;
@@ -69,7 +69,7 @@ export class MenuListRenderer {
                         hotkey: item.hotkey,
                         disabled: !!item.disabled,
                         badge: item.badge,
-                        showChevron: hasSubMenu,
+                        showChevron: hasSubmenu,
                     },
                 }
                 : undefined;
@@ -78,7 +78,7 @@ export class MenuListRenderer {
                 'mdc-deprecated-list-item': true, // required for keyboard navigation with arrow keys
                 'mdc-deprecated-list-item--disabled': !!item.disabled, // MDC’s foundation checks for the disabled class before toggling selected state
             };
-            return (h("limel-list-item", Object.assign({ key: key, class: classNames, "data-index": index }, attributes, { "aria-haspopup": hasSubMenu ? 'menu' : undefined, "aria-expanded": hasSubMenu ? 'false' : undefined, type: "menuitem", text: item.text, secondaryText: item.secondaryText, icon: item.icon, primaryComponent: primaryComponent, badgeIcon: this.config.badgeIcons, selected: item.selected, disabled: item.disabled })));
+            return (h("limel-list-item", Object.assign({ key: key, class: classNames, "data-index": index }, attributes, { "aria-haspopup": hasSubmenu ? 'menu' : undefined, "aria-expanded": hasSubmenu ? 'false' : undefined, type: "menuitem", text: item.text, secondaryText: item.secondaryText, icon: item.icon, primaryComponent: primaryComponent, badgeIcon: this.config.badgeIcons, selected: item.selected, disabled: item.disabled })));
         };
         this.renderTextForSeparator = (item) => {
             if ('text' in item) {
@@ -91,7 +91,7 @@ export class MenuListRenderer {
         };
     }
     render(items, config = {}) {
-        items = items || [];
+        items || (items = []);
         this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
         this.applyTabIndexToItemAtIndex =
             this.getIndexForWhichToApplyTabIndex(items);

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

@@ -88,7 +88,7 @@ export class MenuList {
             iconSize: this.iconSize,
         };
         const html = this.MenuListRenderer.render(this.items, this.config);
-        return h("div", { key: 'df56cd634e8431eefe497bf49bf7767fe7211af3', class: "mdc-menu mdc-menu-surface" }, html);
+        return h("div", { key: 'd543dcdd212cd774cd4da536fba637212c4afa59', class: "mdc-menu mdc-menu-surface" }, html);
     }
     itemsChanged() {
         setTimeout(() => {