npm - @limetech/lime-elements - Versions diffs - 39.9.4 → 39.10.0 - Mend

@@ -12,13 +12,14 @@ import { OpenDirection, MenuItem, SurfaceWidth, MenuSearcher } from './menu.type
  * @exampleComponent limel-example-menu-icons
  * @exampleComponent limel-example-menu-badge-icons
  * @exampleComponent limel-example-menu-grid
- * @exampleComponent limel-example-menu-hotkeys
  * @exampleComponent limel-example-menu-secondary-text
  * @exampleComponent limel-example-menu-notification
  * @exampleComponent limel-example-menu-sub-menus
  * @exampleComponent limel-example-menu-sub-menu-lazy-loading
  * @exampleComponent limel-example-menu-sub-menu-lazy-loading-infinite
  * @exampleComponent limel-example-menu-searchable
+ * @exampleComponent limel-example-menu-hotkeys
+ * @exampleComponent limel-example-menu-searchable-hotkeys
  * @exampleComponent limel-example-menu-composite
  */
 export declare class Menu {
@@ -116,11 +117,23 @@ export declare class Menu {
     private breadcrumbs;
     private triggerElement;
     private selectedMenuItem?;
+    private shouldRestoreFocusOnClose;
+    private readonly normalizedHotkeyCache;
+    private cachedSubMenuSource;
+    private cachedSubMenuItems;
     constructor();
     componentDidRender(): void;
     render(): any;
     protected itemsWatcher(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     protected openWatcher(newValue: boolean): void;
+    private readonly handleDocumentKeyDown;
+    private isFromTextInput;
+    private hasModifier;
+    private isReservedMenuHotkey;
+    private findMenuItemByHotkey;
+    private getNormalizedHotkey;
     private getBreadcrumbsItems;
     private readonly renderLoader;
     private readonly renderBreadcrumb;

@@ -42,6 +42,20 @@ export interface MenuItem<T = any> {
      * The additional supporting text is used for shortcut commands and displayed in the menu item.
      */
     commandText?: string;
+    /**
+     * Hotkey(s) that can be used to select this item while the menu is open.
+     * This is for actual keyboard interaction. `commandText` is purely visual.
+     *
+     * Note: In a menu, some keys are reserved for built-in navigation and
+     * activation (e.g. `enter`, `escape`, `space`, `tab`, and arrow keys).
+     * These will be ignored as hotkeys, unless combined with other modifiers.
+     *
+     * Examples:
+     * - `"alt+c"`
+     * - `"ctrl+shift+p"`
+     * - `"cmd+k"` (alias for `meta+k`)
+     */
+    hotkey?: string;
     /**
      * Text to display in the menu item.
      */

@@ -1,7 +1,7 @@
 import { ListSeparator } from '../list-item/list-item.types';
 import { Option } from '../select/option.types';
 /**
- * @exampleComponent limel-example-select
+ * @exampleComponent limel-example-select-basic
  * @exampleComponent limel-example-select-with-icons
  * @exampleComponent limel-example-select-with-separators
  * @exampleComponent limel-example-select-with-secondary-text

@@ -8,7 +8,7 @@ import { Link } from '../../global/shared-types/link.types';
  * However, it is possible to override that behavior, by specifying a `target`
  * for the `link` property
  *
- * @exampleComponent limel-example-shortcut
+ * @exampleComponent limel-example-shortcut-basic
  * @exampleComponent limel-example-shortcut-notification
  * @exampleComponent limel-example-shortcut-styling
  * @exampleComponent limel-example-shortcut-with-click-handler

@@ -21,7 +21,7 @@ import { Languages } from '../date-picker/date.types';
  * [Dialog](#/component/limel-dialog/) is a better choice.
  * :::
  *
- * @exampleComponent limel-example-snackbar
+ * @exampleComponent limel-example-snackbar-basic
  * @exampleComponent limel-example-snackbar-with-action
  * @exampleComponent limel-example-snackbar-with-changing-messages
  * @exampleComponent limel-example-snackbar-dismissible

@@ -1,6 +1,6 @@
 import { SpinnerSize } from './spinner.types';
 /**
- * @exampleComponent limel-example-spinner
+ * @exampleComponent limel-example-spinner-basic
  * @exampleComponent limel-example-spinner-color
  * @exampleComponent limel-example-spinner-size
  */

@@ -13,7 +13,7 @@ import { Label } from '../dynamic-label/label.types';
  * But there is an important difference between the two! Please read our guidelines about
  * [Switch vs. Checkbox](#/DesignGuidelines/switch-vs-checkbox.md/).
  *
- * @exampleComponent limel-example-switch
+ * @exampleComponent limel-example-switch-basic
  * @exampleComponent limel-example-switch-helper-text
  * @exampleComponent limel-example-switch-readonly
  */

@@ -15,7 +15,7 @@ import { Tab } from './tab.types';
  * A tab will never be removed or get disabled, even if there is no content under it.
  * :::
  *
- * @exampleComponent limel-example-tab-bar
+ * @exampleComponent limel-example-tab-bar-basic
  * @exampleComponent limel-example-tab-bar-with-dynamic-tab-width
  * @exampleComponent limel-example-tab-bar-with-equal-tab-width
  */

@@ -17,7 +17,7 @@ import { Tab } from '../tab-bar/tab.types';
  *
  * @slot - Content to put inside the `limel-tab-panel`. Each slotted element
  * must have the `id` attribute equal to the id of the tab it belongs to.
- * @exampleComponent limel-example-tab-panel
+ * @exampleComponent limel-example-tab-panel-basic
  */
 export declare class TabPanel {
     /**

@@ -3,7 +3,7 @@ import { Column, TableParams, ColumnSorter, ColumnAggregate, RowData } from './t
 import { Layout } from './layout';
 import { Languages } from '../date-picker/date.types';
 /**
- * @exampleComponent limel-example-table
+ * @exampleComponent limel-example-table-basic
  * @exampleComponent limel-example-table-custom-components
  * @exampleComponent limel-example-table-header-menu
  * @exampleComponent limel-example-table-movable-columns

@limetech/lime-elements 39.9.4 → 39.10.0