@limetech/lime-elements 33.14.0-next.12 → 33.14.0-next.16

package/dist/collection/collection-manifest.json

@@ -24,6 +24,7 @@
     "./components/linear-progress/linear-progress.js",
     "./components/list/list.js",
     "./components/menu/menu.js",
+    "./components/menu-list/menu-list.js",
     "./components/menu-surface/menu-surface.js",
     "./components/picker/picker.js",
     "./components/popover/popover.js",
@@ -44,8 +45,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.8.1",
-    "typescriptVersion": "4.2.3"
+    "version": "2.10.0",
+    "typescriptVersion": "4.3.5"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/chip-set/chip-set.js

@@ -778,8 +778,8 @@ export class ChipSet {
         "signature": "(emptyInput?: boolean) => Promise<void>",
         "parameters": [{
             "tags": [{
-                "text": "emptyInput if `true`, any text in the input is discarded",
-                "name": "param"
+                "name": "param",
+                "text": "emptyInput if `true`, any text in the input is discarded"
               }],
             "text": "if `true`, any text in the input is discarded"
           }],

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, "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 || [];
@@ -23,7 +179,7 @@ export class ListRenderer {
       return 'icon' in item && !!item.icon;
     });
     this.avatarList = this.config.badgeIcons && this.hasIcons;
-    const selectableListTypes = ['selectable', 'radio', 'checkbox', 'menu'];
+    const selectableListTypes = ['selectable', 'radio', 'checkbox'];
     let role;
     switch (this.config.type) {
       case 'checkbox':
@@ -33,7 +189,7 @@ export class ListRenderer {
         role = 'radiogroup';
         break;
       default:
-        role = this.config.type === 'menu' ? 'menu' : 'listbox';
+        role = 'listbox';
     }
     this.applyTabIndexToItemAtIndex =
       this.getIndexForWhichToApplyTabIndex(items);
@@ -46,164 +202,6 @@ export class ListRenderer {
         this.commandKey &&
         ['small', 'x-small'].includes(this.config.iconSize),
     };
-    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),
-    ];
+    return (h("ul", { class: classNames, role: role, "aria-orientation": "vertical" }, items.map(this.renderListItem)));
   }
 }

package/dist/collection/components/list/list.css

@@ -3052,10 +3052,6 @@ a.mdc-list-item {
   pointer-events: none;
 }
 
-.mdc-menu {
-  max-height: 70vh;
-}
-
 .mdc-deprecated-list {
   --mdc-theme-text-icon-on-background: var(
       --icon-color,
@@ -3123,12 +3119,6 @@ a.mdc-list-item {
 .mdc-deprecated-list.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item:last-child hr.mdc-deprecated-list-divider {
   display: none;
 }
-.mdc-deprecated-list .mdc-deprecated-list-item[role=menuitem] {
-  font-size: 0.8125rem;
-}
-.mdc-deprecated-list .mdc-deprecated-list-item[role=menuitem] .mdc-deprecated-list-item__graphic {
-  margin-right: 0.875rem;
-}
 .mdc-deprecated-list.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text {
   padding: 0.5rem 0;
 }

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

@@ -1,12 +1,9 @@
 import { MDCList } from '@material/list';
-import { MDCMenu } from '@material/menu';
 import { MDCRipple } from '@material/ripple';
 import { strings as listStrings } from '@material/list/constants';
-import { strings as menuStrings } from '@material/menu/constants';
 import { Component, Element, Event, h, Host, Prop, Watch, } from '@stencil/core';
 import { ListRenderer } from './list-renderer';
 const { ACTION_EVENT } = listStrings;
-const { SELECTED_EVENT } = menuStrings;
 /**
  * @exampleComponent limel-example-list
  * @exampleComponent limel-example-list-secondary
@@ -37,8 +34,81 @@ 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 = () => {
+      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.setupListeners = () => {
+      if (!this.mdcList) {
+        return;
+      }
+      this.mdcList.unlisten(ACTION_EVENT, this.handleAction);
+      this.selectable = ['selectable', 'radio', 'checkbox'].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.teardown = () => {
+      var _a, _b;
+      (_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();
+    };
+    this.handleAction = (event) => {
+      if (!this.multiple) {
+        this.handleSingleSelect(event.detail.index);
+        return;
+      }
+      this.handleMultiSelect(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) {
+        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();
@@ -61,9 +131,6 @@ export class List {
       maxLinesSecondaryText = 1;
     }
     const html = this.listRenderer.render(this.items, this.config);
-    if (this.type === 'menu') {
-      return h("div", { class: "mdc-menu mdc-menu-surface" }, html);
-    }
     return (h(Host, { style: {
         '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,
       } }, html));
@@ -84,121 +151,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 {
@@ -280,7 +232,7 @@ export class List {
       "mutable": false,
       "complexType": {
         "original": "ListType",
-        "resolved": "\"checkbox\" | \"menu\" | \"radio\" | \"selectable\"",
+        "resolved": "\"checkbox\" | \"radio\" | \"selectable\"",
         "references": {
           "ListType": {
             "location": "import",
@@ -292,7 +244,7 @@ export class List {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "The type of the list, omit to get a regular list. Available types are:\n`selectable`: regular list with single selection.\n`radio`: radio button list with single selection.\n`checkbox`: checkbox list with multiple selection.\n`menu`: menu list with single selection."
+        "text": "The type of the list, omit to get a regular list. Available types are:\n`selectable`: regular list with single selection.\n`radio`: radio button list with single selection.\n`checkbox`: checkbox list with multiple selection."
       },
       "attribute": "type",
       "reflect": false