@limetech/lime-elements 33.14.0-next.10 → 33.14.0-next.14

package/dist/cjs/limel-tooltip-content.cjs.entry.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-153dc912.js');
 
-const tooltipContentCss = ".tooltip-content{display:flex;flex-direction:row;color:rgb(var(--color-gray-default));border-radius:0.5rem;width:auto;display:flex;padding:0.75rem;transition:opacity 150ms ease-out;margin-top:0.3rem;background-color:rgb(var(--color-gray-darker))}.tooltip-content .tooltip{color:rgb(var(--color-gray-lighter))}.tooltip-content .helperLabel{padding:0 0 0 1rem}.tooltip-content .helperLabel:empty{display:none}";
+const tooltipContentCss = ":host{animation:display-tooltip 0.2s ease;display:flex;flex-direction:row;border-radius:0.25rem;padding:0.25rem 0.5rem;font-size:0.875rem;background-color:rgb(var(--contrast-1300));box-shadow:var(--shadow-depth-16)}.label{color:rgb(var(--contrast-200))}.helper-label{color:rgb(var(--contrast-800));padding:0 0 0 1rem}.helper-label:empty{display:none}@keyframes display-tooltip{0%{opacity:0;transform:translate3d(0, 0, 0) scale(0.94)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}";
 
 const TooltipContent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h("div", { class: "tooltip-content" }, index.h("div", { class: "tooltip" }, this.label), index.h("div", { class: "helperLabel" }, this.helperLabel)));
+    return [
+      index.h("div", { class: "label" }, this.label),
+      index.h("div", { class: "helper-label" }, this.helperLabel),
+    ];
   }
 };
 TooltipContent.style = tooltipContentCss;

package/dist/cjs/limel-tooltip.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-153dc912.js');
 const randomString = require('./random-string-4c3b7f1c.js');
 
-const tooltipCss = ".trigger-anchor{display:inline-block;position:relative}.tooltip-container{color:#f1f1f1;background-color:#232324}";
+const tooltipCss = ".trigger-anchor{position:relative}";
 
 const Tooltip = class {
   constructor(hostRef) {

package/dist/collection/components/header/header.js

@@ -43,7 +43,6 @@ import { Component, h, Prop } from '@stencil/core';
  * @exampleComponent limel-example-header-responsive
  * @exampleComponent limel-example-header-narrow
  * @slot - Content (actions) to be put inside the far right surface of the header
- * @private
  */
 export class Header {
   render() {

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

@@ -7,8 +7,164 @@ export class ListRenderer {
       isOpen: true,
       badgeIcons: false,
     };
-    this.renderListItem = this.renderListItem.bind(this);
-    this.renderDivider = this.renderDivider.bind(this);
+    /**
+     * Determine which ListItem should have the `tab-index` attribute set,
+     * and return the index at which that ListItem is located in `items`.
+     * Returns `undefined` if no item should have the attribute set.
+     * See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility
+     *
+     * @param {Array<ListItem | ListSeparator | MenuItems>} items the items of the list, including any `ListSeparator`:s
+     * @returns {number} the index as per the description
+     */
+    this.getIndexForWhichToApplyTabIndex = (items) => {
+      let result;
+      for (let i = 0, max = items.length; i < max; i += 1) {
+        if ('separator' in items[i]) {
+          // Ignore ListSeparator
+        }
+        else {
+          const item = items[i];
+          if (item.selected) {
+            result = i;
+            break;
+          }
+          if (result === undefined && !item.disabled) {
+            result = i;
+            // Do NOT break, as any later item with
+            // `selected=true` should get the tab-index instead!
+          }
+        }
+      }
+      return result;
+    };
+    /**
+     * Render a single list item
+     *
+     * @param {ListItem | ListSeparator | MenuItems} item the item to render
+     * @param {number} index the index the item had in the `items` array
+     * @returns {HTMLElement} the list item
+     */
+    this.renderListItem = (item, index) => {
+      if ('separator' in item) {
+        return h("li", { class: "mdc-deprecated-list-divider", role: "separator" });
+      }
+      if (['radio', 'checkbox'].includes(this.config.type)) {
+        return this.renderVariantListItem(this.config, item, index);
+      }
+      const classNames = {
+        'mdc-deprecated-list-item': true,
+        'mdc-deprecated-list-item--disabled': item.disabled,
+        'mdc-deprecated-list-item--selected': item.selected,
+      };
+      const attributes = {};
+      if (index === this.applyTabIndexToItemAtIndex) {
+        attributes.tabindex = '0';
+      }
+      return (h("li", Object.assign({ class: classNames, role: this.config.type === 'menu' ? 'menuitem' : '', "aria-disabled": item.disabled ? 'true' : 'false', "aria-selected": item.selected ? 'true' : 'false', "data-index": index }, attributes),
+        item.icon ? this.renderIcon(this.config, item) : null,
+        this.renderText(item),
+        this.twoLines && this.avatarList ? this.renderDivider() : null,
+        this.renderActionMenu(item.actions)));
+    };
+    /**
+     * Render the text of the list item
+     *
+     * @param {ListItem | MenuItem} item the list item
+     * @returns {HTMLElement | string} the text for the list item
+     */
+    this.renderText = (item) => {
+      if (this.isSimpleItem(item)) {
+        return (h("span", { class: "mdc-deprecated-list-item__text" }, item.text));
+      }
+      return (h("div", { class: "mdc-deprecated-list-item__text" },
+        h("div", { class: "mdc-deprecated-list-item__primary-command-text" },
+          h("div", { class: "mdc-deprecated-list-item__primary-text" }, item.text),
+          this.renderCommandText(item)),
+        h("div", { class: "mdc-deprecated-list-item__secondary-text" }, item.secondaryText)));
+    };
+    this.renderCommandText = (item) => {
+      if (!('commandText' in item)) {
+        return;
+      }
+      return (h("div", { class: "mdc-deprecated-list-item__command-text" }, item.commandText));
+    };
+    this.isSimpleItem = (item) => {
+      if ('commandText' in item) {
+        return false;
+      }
+      if ('secondaryText' in item) {
+        return false;
+      }
+      return true;
+    };
+    /**
+     * Render an icon for a list item
+     *
+     * @param {ListRendererConfig} config the config object, passed on from the `renderListItem` function
+     * @param {ListItem} item the list item
+     * @returns {HTMLElement} the icon element
+     */
+    this.renderIcon = (config, item) => {
+      const style = {};
+      if (item.iconColor) {
+        if (config.badgeIcons) {
+          style['--icon-background-color'] = item.iconColor;
+        }
+        else {
+          style.color = item.iconColor;
+        }
+      }
+      return (h("limel-icon", { badge: config.badgeIcons, class: "mdc-deprecated-list-item__graphic", name: item.icon, style: style, size: config.iconSize }));
+    };
+    this.renderDivider = () => {
+      const classes = {
+        'mdc-deprecated-list-divider': true,
+        'mdc-deprecated-list-divider--inset': true,
+      };
+      if (this.config.iconSize) {
+        classes[this.config.iconSize] = true;
+      }
+      return h("hr", { class: classes });
+    };
+    this.renderActionMenu = (actions) => {
+      if (!actions || actions.length === 0) {
+        return;
+      }
+      return (h("limel-menu", { class: "mdc-deprecated-list-item__meta", items: actions, openDirection: "left" },
+        h("limel-icon", { slot: "trigger", name: "menu_2", size: "small" })));
+    };
+    this.renderVariantListItem = (config, item, index) => {
+      let itemTemplate;
+      if (config.type === 'radio') {
+        itemTemplate = (h(RadioButtonTemplate, { id: `c_${index}`, checked: item.selected, disabled: item.disabled }));
+      }
+      else if (config.type === 'checkbox') {
+        itemTemplate = (h(CheckboxTemplate, { id: `c_${index}`, checked: item.selected, disabled: item.disabled }));
+      }
+      const classNames = {
+        'mdc-deprecated-list-item': true,
+        'mdc-deprecated-list-item--disabled': item.disabled,
+        'mdc-deprecated-list-item__text': !item.secondaryText,
+      };
+      const attributes = {};
+      if (index === this.applyTabIndexToItemAtIndex) {
+        attributes.tabindex = '0';
+      }
+      return (h("li", Object.assign({ class: classNames, role: config.type, "aria-checked": item.selected ? 'true' : 'false', "aria-disabled": item.disabled ? 'true' : 'false', "data-index": index }, attributes), this.renderVariantListItemContent(config, item, itemTemplate)));
+    };
+    this.renderVariantListItemContent = (config, item, itemTemplate) => {
+      if (this.hasIcons) {
+        return [
+          item.icon ? this.renderIcon(config, item) : null,
+          this.renderText(item),
+          h("div", { class: "mdc-deprecated-list-item__meta" }, itemTemplate),
+        ];
+      }
+      return [
+        h("div", { class: "mdc-deprecated-list-item__graphic" }, itemTemplate),
+        this.renderText(item),
+      ];
+    };
   }
   render(items, config = {}) {
     items = items || [];
@@ -48,162 +204,4 @@ export class ListRenderer {
     };
     return (h("ul", { class: classNames, "aria-hidden": (this.config.type === 'menu').toString(), role: role, "aria-orientation": "vertical" }, items.map(this.renderListItem)));
   }
-  /**
-   * Determine which ListItem should have the `tab-index` attribute set,
-   * and return the index at which that ListItem is located in `items`.
-   * Returns `undefined` if no item should have the attribute set.
-   * See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility
-   *
-   * @param {Array<ListItem | ListSeparator | MenuItems>} items the items of the list, including any `ListSeparator`:s
-   * @returns {number} the index as per the description
-   */
-  getIndexForWhichToApplyTabIndex(items) {
-    let result;
-    for (let i = 0, max = items.length; i < max; i += 1) {
-      if ('separator' in items[i]) {
-        // Ignore ListSeparator
-      }
-      else {
-        const item = items[i];
-        if (item.selected) {
-          result = i;
-          break;
-        }
-        if (result === undefined && !item.disabled) {
-          result = i;
-          // Do NOT break, as any later item with
-          // `selected=true` should get the tab-index instead!
-        }
-      }
-    }
-    return result;
-  }
-  /**
-   * Render a single list item
-   *
-   * @param {ListItem | ListSeparator | MenuItems} item the item to render
-   * @param {number} index the index the item had in the `items` array
-   * @returns {HTMLElement} the list item
-   */
-  renderListItem(item, index) {
-    if ('separator' in item) {
-      return h("li", { class: "mdc-deprecated-list-divider", role: "separator" });
-    }
-    if (['radio', 'checkbox'].includes(this.config.type)) {
-      return this.renderVariantListItem(this.config, item, index);
-    }
-    const classNames = {
-      'mdc-deprecated-list-item': true,
-      'mdc-deprecated-list-item--disabled': item.disabled,
-      'mdc-deprecated-list-item--selected': item.selected,
-    };
-    const attributes = {};
-    if (index === this.applyTabIndexToItemAtIndex) {
-      attributes.tabindex = '0';
-    }
-    return (h("li", Object.assign({ class: classNames, role: this.config.type === 'menu' ? 'menuitem' : '', "aria-disabled": item.disabled ? 'true' : 'false', "aria-selected": item.selected ? 'true' : 'false', "data-index": index }, attributes),
-      item.icon ? this.renderIcon(this.config, item) : null,
-      this.renderText(item),
-      this.twoLines && this.avatarList ? this.renderDivider() : null,
-      this.renderActionMenu(item.actions)));
-  }
-  /**
-   * Render the text of the list item
-   *
-   * @param {ListItem | MenuItem} item the list item
-   * @returns {HTMLElement | string} the text for the list item
-   */
-  renderText(item) {
-    if (this.isSimpleItem(item)) {
-      return (h("span", { class: "mdc-deprecated-list-item__text" }, item.text));
-    }
-    return (h("div", { class: "mdc-deprecated-list-item__text" },
-      h("div", { class: "mdc-deprecated-list-item__primary-command-text" },
-        h("div", { class: "mdc-deprecated-list-item__primary-text" }, item.text),
-        this.renderCommandText(item)),
-      h("div", { class: "mdc-deprecated-list-item__secondary-text" }, item.secondaryText)));
-  }
-  renderCommandText(item) {
-    if (!('commandText' in item)) {
-      return;
-    }
-    return (h("div", { class: "mdc-deprecated-list-item__command-text" }, item.commandText));
-  }
-  isSimpleItem(item) {
-    if ('commandText' in item) {
-      return false;
-    }
-    if ('secondaryText' in item) {
-      return false;
-    }
-    return true;
-  }
-  /**
-   * Render an icon for a list item
-   *
-   * @param {ListRendererConfig} config the config object, passed on from the `renderListItem` function
-   * @param {ListItem} item the list item
-   * @returns {HTMLElement} the icon element
-   */
-  renderIcon(config, item) {
-    const style = {};
-    if (item.iconColor) {
-      if (config.badgeIcons) {
-        style['--icon-background-color'] = item.iconColor;
-      }
-      else {
-        style.color = item.iconColor;
-      }
-    }
-    return (h("limel-icon", { badge: config.badgeIcons, class: "mdc-deprecated-list-item__graphic", name: item.icon, style: style, size: config.iconSize }));
-  }
-  renderDivider() {
-    const classes = {
-      'mdc-deprecated-list-divider': true,
-      'mdc-deprecated-list-divider--inset': true,
-    };
-    if (this.config.iconSize) {
-      classes[this.config.iconSize] = true;
-    }
-    return h("hr", { class: classes });
-  }
-  renderActionMenu(actions) {
-    if (!actions || actions.length === 0) {
-      return;
-    }
-    return (h("limel-menu", { class: "mdc-deprecated-list-item__meta", items: actions, openDirection: "left" },
-      h("limel-icon", { slot: "trigger", name: "menu_2", size: "small" })));
-  }
-  renderVariantListItem(config, item, index) {
-    let itemTemplate;
-    if (config.type === 'radio') {
-      itemTemplate = (h(RadioButtonTemplate, { id: `c_${index}`, checked: item.selected, disabled: item.disabled }));
-    }
-    else if (config.type === 'checkbox') {
-      itemTemplate = (h(CheckboxTemplate, { id: `c_${index}`, checked: item.selected, disabled: item.disabled }));
-    }
-    const classNames = {
-      'mdc-deprecated-list-item': true,
-      'mdc-deprecated-list-item--disabled': item.disabled,
-      'mdc-deprecated-list-item__text': !item.secondaryText,
-    };
-    const attributes = {};
-    if (index === this.applyTabIndexToItemAtIndex) {
-      attributes.tabindex = '0';
-    }
-    return (h("li", Object.assign({ class: classNames, role: config.type, "aria-checked": item.selected ? 'true' : 'false', "aria-disabled": item.disabled ? 'true' : 'false', "data-index": index }, attributes), this.renderVariantListItemContent(config, item, itemTemplate)));
-  }
-  renderVariantListItemContent(config, item, itemTemplate) {
-    if (this.hasIcons) {
-      return [
-        item.icon ? this.renderIcon(config, item) : null,
-        this.renderText(item),
-        h("div", { class: "mdc-deprecated-list-item__meta" }, itemTemplate),
-      ];
-    }
-    return [
-      h("div", { class: "mdc-deprecated-list-item__graphic" }, itemTemplate),
-      this.renderText(item),
-    ];
-  }
 }

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

@@ -37,8 +37,121 @@ export class List {
     // eslint-disable-next-line no-magic-numbers
     this.maxLinesSecondaryText = 3;
     this.listRenderer = new ListRenderer();
-    this.handleAction = this.handleAction.bind(this);
-    this.handleMenuSelect = this.handleMenuSelect.bind(this);
+    this.setup = () => {
+      if (this.type === 'menu') {
+        this.setupMenu();
+      }
+      else {
+        this.setupList();
+      }
+      this.setupListeners();
+    };
+    this.setupList = () => {
+      const element = this.element.shadowRoot.querySelector('.mdc-deprecated-list');
+      if (!element) {
+        return;
+      }
+      this.mdcList = new MDCList(element);
+      this.mdcList.listElements.forEach((item) => new MDCRipple(item));
+    };
+    this.setupMenu = () => {
+      const element = this.element.shadowRoot.querySelector('.mdc-menu');
+      if (!element) {
+        return;
+      }
+      this.mdcMenu = new MDCMenu(element);
+      this.mdcMenu.hasTypeahead = true;
+      this.mdcMenu.wrapFocus = true;
+      this.mdcMenu.items.forEach((item) => new MDCRipple(item));
+    };
+    this.setupListeners = () => {
+      if (this.type === 'menu') {
+        this.setupMenuListeners();
+      }
+      else {
+        this.setupListListeners();
+      }
+    };
+    this.setupListListeners = () => {
+      if (!this.mdcList) {
+        return;
+      }
+      this.mdcList.unlisten(ACTION_EVENT, this.handleAction);
+      this.selectable = ['selectable', 'radio', 'checkbox', 'menu'].includes(this.type);
+      this.multiple = this.type === 'checkbox';
+      if (!this.selectable) {
+        return;
+      }
+      this.mdcList.listen(ACTION_EVENT, this.handleAction);
+      this.mdcList.singleSelection = !this.multiple;
+    };
+    this.setupMenuListeners = () => {
+      if (!this.mdcMenu) {
+        return;
+      }
+      this.mdcMenu.unlisten(SELECTED_EVENT, this.handleMenuSelect);
+      this.selectable = true;
+      this.mdcMenu.listen(SELECTED_EVENT, this.handleMenuSelect);
+    };
+    this.teardown = () => {
+      var _a, _b, _c, _d;
+      (_a = this.mdcList) === null || _a === void 0 ? void 0 : _a.unlisten(ACTION_EVENT, this.handleAction);
+      (_b = this.mdcList) === null || _b === void 0 ? void 0 : _b.destroy();
+      (_c = this.mdcMenu) === null || _c === void 0 ? void 0 : _c.unlisten(SELECTED_EVENT, this.handleMenuSelect);
+      (_d = this.mdcMenu) === null || _d === void 0 ? void 0 : _d.destroy();
+    };
+    this.handleAction = (event) => {
+      if (!this.multiple) {
+        this.handleSingleSelect(event.detail.index);
+        return;
+      }
+      this.handleMultiSelect(event.detail.index);
+    };
+    this.handleMenuSelect = (event) => {
+      this.handleSingleSelect(event.detail.index);
+    };
+    this.handleSingleSelect = (index) => {
+      const listItems = this.items.filter(this.isListItem);
+      if (listItems[index].disabled) {
+        return;
+      }
+      const selectedItem = listItems.find((item) => {
+        return !!item.selected;
+      });
+      if (selectedItem) {
+        this.change.emit(Object.assign(Object.assign({}, selectedItem), { selected: false }));
+      }
+      if (listItems[index] !== selectedItem) {
+        if (this.type === 'menu') {
+          this.change.emit(Object.assign(Object.assign({}, listItems[index]), { selected: false }));
+          return;
+        }
+        this.change.emit(Object.assign(Object.assign({}, listItems[index]), { selected: true }));
+      }
+    };
+    this.handleMultiSelect = (index) => {
+      const listItems = this.items.filter(this.isListItem);
+      if (listItems[index].disabled) {
+        return;
+      }
+      const selectedItems = listItems
+        .filter((item, listIndex) => {
+        if (listIndex === index) {
+          // This is the item that was selected or deselected,
+          // so we negate its previous selection status.
+          return !item.selected;
+        }
+        // This is an item that didn't change, so we keep its selection status.
+        return item.selected;
+      })
+        .map((item) => {
+        return Object.assign(Object.assign({}, item), { selected: true });
+      });
+      this.change.emit(selectedItems);
+    };
+    this.isListItem = (item) => {
+      return !('separator' in item);
+    };
   }
   connectedCallback() {
     this.setup();
@@ -84,121 +197,6 @@ export class List {
       .filter((item) => item.selected)
       .map((item) => listItems.indexOf(item));
   }
-  setup() {
-    if (this.type === 'menu') {
-      this.setupMenu();
-    }
-    else {
-      this.setupList();
-    }
-    this.setupListeners();
-  }
-  setupList() {
-    const element = this.element.shadowRoot.querySelector('.mdc-deprecated-list');
-    if (!element) {
-      return;
-    }
-    this.mdcList = new MDCList(element);
-    this.mdcList.listElements.forEach((item) => new MDCRipple(item));
-  }
-  setupMenu() {
-    const element = this.element.shadowRoot.querySelector('.mdc-menu');
-    if (!element) {
-      return;
-    }
-    this.mdcMenu = new MDCMenu(element);
-    this.mdcMenu.hasTypeahead = true;
-    this.mdcMenu.wrapFocus = true;
-    this.mdcMenu.items.forEach((item) => new MDCRipple(item));
-  }
-  setupListeners() {
-    if (this.type === 'menu') {
-      this.setupMenuListeners();
-    }
-    else {
-      this.setupListListeners();
-    }
-  }
-  setupListListeners() {
-    if (!this.mdcList) {
-      return;
-    }
-    this.mdcList.unlisten(ACTION_EVENT, this.handleAction);
-    this.selectable = ['selectable', 'radio', 'checkbox', 'menu'].includes(this.type);
-    this.multiple = this.type === 'checkbox';
-    if (!this.selectable) {
-      return;
-    }
-    this.mdcList.listen(ACTION_EVENT, this.handleAction);
-    this.mdcList.singleSelection = !this.multiple;
-  }
-  setupMenuListeners() {
-    if (!this.mdcMenu) {
-      return;
-    }
-    this.mdcMenu.unlisten(SELECTED_EVENT, this.handleMenuSelect);
-    this.selectable = true;
-    this.mdcMenu.listen(SELECTED_EVENT, this.handleMenuSelect);
-  }
-  teardown() {
-    var _a, _b, _c, _d;
-    (_a = this.mdcList) === null || _a === void 0 ? void 0 : _a.unlisten(ACTION_EVENT, this.handleAction);
-    (_b = this.mdcList) === null || _b === void 0 ? void 0 : _b.destroy();
-    (_c = this.mdcMenu) === null || _c === void 0 ? void 0 : _c.unlisten(SELECTED_EVENT, this.handleMenuSelect);
-    (_d = this.mdcMenu) === null || _d === void 0 ? void 0 : _d.destroy();
-  }
-  handleAction(event) {
-    if (!this.multiple) {
-      this.handleSingleSelect(event.detail.index);
-      return;
-    }
-    this.handleMultiSelect(event.detail.index);
-  }
-  handleMenuSelect(event) {
-    this.handleSingleSelect(event.detail.index);
-  }
-  handleSingleSelect(index) {
-    const listItems = this.items.filter(this.isListItem);
-    if (listItems[index].disabled) {
-      return;
-    }
-    const selectedItem = listItems.find((item) => {
-      return !!item.selected;
-    });
-    if (selectedItem) {
-      this.change.emit(Object.assign(Object.assign({}, selectedItem), { selected: false }));
-    }
-    if (listItems[index] !== selectedItem) {
-      if (this.type === 'menu') {
-        this.change.emit(Object.assign(Object.assign({}, listItems[index]), { selected: false }));
-        return;
-      }
-      this.change.emit(Object.assign(Object.assign({}, listItems[index]), { selected: true }));
-    }
-  }
-  handleMultiSelect(index) {
-    const listItems = this.items.filter(this.isListItem);
-    if (listItems[index].disabled) {
-      return;
-    }
-    const selectedItems = listItems
-      .filter((item, listIndex) => {
-      if (listIndex === index) {
-        // This is the item that was selected or deselected,
-        // so we negate its previous selection status.
-        return !item.selected;
-      }
-      // This is an item that didn't change, so we keep its selection status.
-      return item.selected;
-    })
-      .map((item) => {
-      return Object.assign(Object.assign({}, item), { selected: true });
-    });
-    this.change.emit(selectedItems);
-  }
-  isListItem(item) {
-    return !('separator' in item);
-  }
   static get is() { return "limel-list"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {

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

@@ -211,7 +211,7 @@ export class Menu {
       "mutable": false,
       "complexType": {
         "original": "Array<MenuItem | ListSeparator>",
-        "resolved": "(ListSeparator | MenuItem)[]",
+        "resolved": "(ListSeparator | MenuItem<any>)[]",
         "references": {
           "Array": {
             "location": "global"