@momentum-ui/web-components 2.14.13 → 2.14.14

package/dist/types/components/icon/Icon.d.ts

@@ -0,0 +1,196 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import "@/components/button/Button";
+import { LitElement, PropertyValues } from "lit-element";
+export declare const iconSize: readonly ["14", "16", "18", "20", "28", "36", "56", 14, 16, 18, 20, 28, 36, 56];
+export declare const iconType: readonly ["", "white"];
+export declare const iconSet: readonly ["momentumUI", "preferMomentumDesign", "momentumDesign", "momentumBrandVisuals"];
+export declare namespace Icon {
+    type Size = (typeof iconSize)[number];
+    type Type = (typeof iconType)[number];
+    type IconSet = (typeof iconSet)[number];
+    type ButtonProperty = {
+        [key: string]: string;
+    };
+    class ELEMENT extends LitElement {
+        /**
+         * @property {String} color - This property sets the color for font icons and the fill color for SVG icons.
+         * It can accept any color value supported by CSS, including CSS variables.
+         *
+         * Example usage:
+         * ```html
+         * <md-icon color="#ff0000"></md-icon> <!-- Sets the icon color to red -->
+         * <md-icon color="var(--my-custom-color)"></md-icon> <!-- Uses a CSS variable for the icon color -->
+         * ```
+         */
+        color: string;
+        /**
+         * @property {String} description - This property is used to set extra information on the `aria-label` attribute for the icon.
+         * It provides additional descriptive text that can be used in conjunction with the `title` property to form a more complete `aria-label`.
+         *
+         */
+        description: string;
+        /**
+         * @property {String} name - This property sets the name of the icon.
+         * It determines the icon to be displayed and affects the class and SVG icon name.
+         *
+         *
+         * Example usage:
+         * ```html
+         * <md-icon name="search"></md-icon> <!-- Sets the icon name to "search" -->
+         * <md-icon name="icon-search"></md-icon> <!-- Sets the icon name to "search" after removing the "icon-" prefix -->
+         * ```
+         */
+        name: string;
+        /**
+         * @property {String} id - This property sets the `id` attribute for the icon element.
+         * It allows you to specify a unique identifier for the icon.
+         */
+        id: string;
+        /**
+         * @property {String} size - This property sets the size of the icon.
+         * For SVG icon sets ("momentumDesign"), it sets the width and height in pixels.
+         * For font-based icon sets ("momentumUI"), it sets the font-size in pixels.
+         *
+         * Example usage:
+         * ```html
+         * <md-icon iconSet="momentumUI" name="search_16" size="24"></md-icon> <!-- Sets the font-size to 24px for the legacy font-based icon set -->
+         * <md-icon iconSet="momentumDesign" name="search-bold" size="24"></md-icon> <!-- Sets the width and height to 24px for the new SVG-based icon set -->
+         * <md-icon iconSet="momentumBrandVisuals" name="social-facebook-color" size="24"></md-icon> <!-- Sets the width and height to 24px for the brands visuals logo set -->
+         * ```
+         */
+        size: string;
+        /**
+         * @property {String} title - This property sets the `title` attribute for the icon element.
+         * It provides a tooltip text when the user hovers over the icon and is also used in the computation of the `aria-label` for accessibility purposes.
+         *
+         * Example in HTML:
+         * ```html
+         * <md-icon title="Search Icon"></md-icon> <!-- Sets the title attribute to "Search Icon" -->
+         * ```
+         */
+        title: string;
+        /**
+         * @property {String} ariaHidden - This property sets the `aria-hidden` attribute for the icon.
+         * It can accept the following values:
+         * - "true": Hides the icon from assistive technologies.
+         * - "false": Makes the icon visible to assistive technologies.
+         * - null: Removes the `aria-hidden` attribute.
+         *
+         * Example usage:
+         * ```html
+         * <md-icon ariaHidden="true"></md-icon> <!-- Hides the icon from assistive technologies -->
+         * <md-icon ariaHidden="false"></md-icon> <!-- Makes the icon visible to assistive technologies -->
+         * <md-icon ariaHidden=null></md-icon> <!-- Removes the aria-hidden attribute -->
+         * ```
+         */
+        ariaHidden: "true" | "false" | null;
+        type: string;
+        /**
+         * @property {Boolean} isActive - This property indicates whether the icon is in an active state.
+         * It is only relevant for `momentumUI` icons.
+         *
+         * When `isActive` is true, the `iconClassMap` getter method includes specific classes for styling the active state of the icon.
+         *
+         * Example usage:
+         * ```html
+         * <md-icon name="search" isActive></md-icon> <!-- Sets the icon to an active state -->
+         * ```
+         *
+         * The `iconClassMap` getter method:
+         * - Adds the class `md-combobox-input__icon--active` when `isComboBoxIcon` and `isActive` are both true.
+         * - Adds other relevant classes based on the icon's state.
+         */
+        isActive: boolean;
+        /**
+         * @property {Boolean} isComboBoxIcon - This property indicates whether the icon is used within a combobox input.
+         * It is only relevant for `momentumUI` icons.
+         *
+         * When `isComboBoxIcon` is true, the `iconClassMap` getter method includes specific classes for styling the combobox icon.
+         *
+         * Example usage:
+         * ```html
+         * <md-icon name="search" isComboBoxIcon></md-icon> <!-- Adds combobox-specific classes to the icon -->
+         * ```
+         */
+        isComboBoxIcon: boolean;
+        /**
+         * @property {Boolean} sizeOverrided - This property indicates whether the size of the icon has been overridden.
+         * It is only used with `momentumUI` icons.
+         *
+         * When `sizeOverrided` is true, the `handleSizeOverride` method is called to adjust the icon name based on the overridden size.
+         * This has no effect on momentumDesign icons
+         */
+        sizeOverrided: boolean;
+        /**
+         * @property {String} iconSet - This property allows selection of the icon set to be used.
+         * It supports the following values:
+         * - "momentumUI": Always use the legacy font-based icon set. from @momentum-ui/icons
+         * - "momentumDesign": Always use the new SVG-based icon set. from @momentum-design/icons
+         * - "preferMomentumDesign": Attempt to map icons from the legacy "momentumUI" set to their "momentumDesign" counterparts automatically.
+         *   A lookup is done to get the momentum-design name, and if an icon is found and loaded, this is used instead of the font icon.
+         *
+         * Note: momentum-design icons do not contain size as part of their name, so the size needs to be specified; otherwise, the default size of 16 is used.
+         *       for this reason the size property should always be used to allow for easier migration. if no size specified default of 16 used
+         *
+         * Example usage:
+         * ```html
+         * <md-icon iconSet="momentumUI" name="search_16"></md-icon> <!-- Uses the legacy font-based icon set -->
+         * <md-icon iconSet="momentumDesign" name="search-bold" size="16"></md-icon> <!-- Uses the new SVG-based icon set -->
+         * <md-icon iconSet="preferMomentumDesign name="search_16""></md-icon> <!-- Attempts to map icons to the new SVG-based set -->
+         * <md-icon iconSet="momentumBrandVisuals" name="social-facebook-color"</md-icon> <!-- Uses the SVG-based brands visuals logo set -->
+         * ```
+         */
+        iconSet: IconSet;
+        private static designLookup;
+        private svgIcon;
+        isPath(importedIcon: string): boolean;
+        decodeIfBase64EncodedSvg(data: string): string;
+        getSvgContentFromFile(importedIcon: string): Promise<HTMLElement | null>;
+        getSvgContentFromInline(importedIcon: string): HTMLElement | null;
+        parseSvgContent(svgContent: string): HTMLElement | null;
+        isSvgAlreadyLoaded(iconName: string): boolean | undefined;
+        loadSvgIcon(iconName: string): Promise<void>;
+        setSvgIconAttributes(): void;
+        private get svgIconName();
+        updated(changedProperties: PropertyValues): void;
+        _ariaLabel: string;
+        get ariaLabel(): string;
+        set ariaLabel(value: string);
+        get buttonClassMap(): {
+            [x: string]: boolean;
+        };
+        consoleHandler: (message: string, data: string) => void;
+        get iconFontSize(): string | 16;
+        get iconColor(): any;
+        get iconClassMap(): {
+            [x: string]: boolean;
+            "md-combobox-input__icon": boolean;
+            "md-combobox-input__icon--active": boolean;
+        };
+        getIconName(): string;
+        handleSizeOverride(iconName: string): string;
+        get iconName(): string | void;
+        get iconStyleMap(): {
+            color?: any;
+            "font-size"?: string | undefined;
+        };
+        static get styles(): import("lit-element").CSSResult[];
+        handleIconClick(event: MouseEvent): void;
+        private get doesIconSetSupportSVG();
+        private get isSVGRender();
+        render(): import("lit-element").TemplateResult;
+        renderFontIcon(): import("lit-element").TemplateResult;
+        renderSVGIcon(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-icon": Icon.ELEMENT;
+    }
+}

package/dist/types/components/input/Input.d.ts

@@ -0,0 +1,138 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import "@/components/help-text/HelpText";
+import "@/components/icon/Icon";
+import "@/components/label/Label";
+import "@/components/spinner/Spinner";
+import { LitElement } from "lit-element";
+export declare const containerSize: string[];
+export declare const inputSize: string[];
+export declare const inputType: string[];
+export declare const inputShape: string[];
+export declare const iconNames: string[];
+export declare const iconPosition: string[];
+export declare const nestedLevel: number[];
+export declare const ariaInvalidType: string[];
+export declare namespace Input {
+    export type Type = "text" | "number" | "password" | "email" | "tel" | "checkbox";
+    export type MessageType = "error" | "success" | "warning" | "priority";
+    export type Message = {
+        type: MessageType;
+        message: string;
+        id?: string;
+        ariaLive?: "off" | "assertive" | "polite";
+    };
+    export type ContainerSize = (typeof containerSize)[number];
+    export type InputSize = (typeof inputSize)[number];
+    export type InputType = typeof inputSize;
+    export type shape = typeof inputShape;
+    export type AriaInvalidType = (typeof ariaInvalidType)[number];
+    export class MessageController {
+        determineMessageType(array: Input.Message[]): MessageType;
+        filterMessagesByType(array: Input.Message[], value: string): string[];
+    }
+    const ELEMENT_base: typeof LitElement & import("@/mixins/FocusMixin").AnyConstructor<import("@/mixins/FocusMixin").FocusClass>;
+    export class ELEMENT extends ELEMENT_base {
+        ariaDescribedBy: string;
+        ariaInvalid: Input.AriaInvalidType;
+        ariaLabel: string;
+        autofocus: boolean;
+        auxiliaryContentPosition: "before" | "after" | null;
+        clear: boolean;
+        clearAriaLabel: string;
+        compact: boolean;
+        containerSize: Input.ContainerSize;
+        disabled: boolean;
+        id: string;
+        inputSize: string;
+        isFilled: boolean;
+        isLoading: boolean;
+        label: string;
+        helpText: string;
+        hideMessage: boolean;
+        htmlId: string;
+        role: string;
+        messageArr: Input.Message[];
+        min: number | undefined;
+        max: number | undefined;
+        maxLength: number | undefined;
+        multi: boolean;
+        multiline: boolean;
+        name: string;
+        nestedLevel: number;
+        placeholder: string;
+        readOnly: boolean;
+        required: boolean;
+        searchable: boolean;
+        secondaryLabel: string;
+        selectWhenInFocus: boolean;
+        shape: string;
+        type: Input.Type;
+        value: string;
+        ariaControls: string;
+        ariaExpanded: string;
+        newMomentum: boolean;
+        input: HTMLInputElement;
+        private isEditing;
+        private readonly messageController;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        select(): void;
+        handleOutsideClick(event: MouseEvent): void;
+        handleKeyDown(event: KeyboardEvent): void;
+        handleFocus(event: FocusEvent): void;
+        handleMouseDown(event: MouseEvent): void;
+        handleChange(event: Event): void;
+        handleBlur(event: FocusEvent): void;
+        handleClear(event: MouseEvent | KeyboardEvent): void;
+        handleLabelClick(): void;
+        get messageType(): Input.MessageType | null;
+        get messages(): string[] | null;
+        get inputClassMap(): {
+            [x: string]: boolean;
+            "md-input--filled": boolean;
+            colums: boolean;
+            "md-read-only": boolean;
+            "md-disabled": boolean;
+            "md-multi": boolean;
+            "md-new-momentum": boolean;
+        };
+        get inputWrapperClassMap(): {
+            [x: string]: boolean;
+            columns: boolean;
+        };
+        get inputTemplateClassMap(): {
+            [x: string]: boolean;
+            "md-input--multiline": boolean;
+            "md-input--multi": boolean;
+            "md-input--before": boolean;
+            "md-input--after": boolean;
+            "md-active": boolean;
+            "md-focus": boolean;
+            "md-read-only": boolean;
+            "md-disabled": boolean;
+            "md-dirty": boolean;
+        };
+        get ariaExpandedValue(): "true" | "false" | "undefined";
+        inputTemplate(): import("lit-element").TemplateResult;
+        inputLeftTemplate(): {};
+        inputRightTemplate(): import("lit-element").TemplateResult | undefined;
+        secondaryLabelTemplate(): {};
+        helpTextTemplate(): {};
+        messagesTemplate(): {};
+        labelTemplate(): {};
+        static get styles(): import("lit-element").CSSResult[];
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-input": Input.ELEMENT;
+    }
+}

package/dist/types/components/input-file/InputFile.d.ts

@@ -0,0 +1,25 @@
+import "@/components/button/Button";
+import { LitElement, PropertyValues } from "lit-element";
+export declare namespace InputFile {
+    class ELEMENT extends LitElement {
+        acceptLanguage: string;
+        getLocalization: string;
+        input: HTMLInputElement;
+        private acceptTypes;
+        private fileName;
+        static get styles(): import("lit-element").CSSResult[];
+        triggerFileLoad(event: MouseEvent): void;
+        handleFile(event: Event): Promise<void>;
+        private readFile;
+        private importLanguage;
+        private getAllAcceptTypes;
+        private setAcceptTypes;
+        protected updated(changedProperties: PropertyValues): void;
+        render(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-input-file": InputFile.ELEMENT;
+    }
+}

package/dist/types/components/label/Label.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { LitElement } from "lit-element";
+export declare namespace Label {
+    type LabelEventDetail = {
+        htmlFor: string;
+    };
+    class ELEMENT extends LitElement {
+        label: string;
+        theme: string;
+        radioLabel: boolean;
+        checkboxLabel: boolean;
+        toggleSwitchLabel: boolean;
+        htmlFor: string;
+        active: boolean;
+        disabled: boolean;
+        indeterminate: boolean;
+        secondaryLabel: boolean;
+        static get styles(): import("lit-element").CSSResult[];
+        setFocus(): void;
+        get labelClassMap(): {
+            [x: string]: boolean;
+            "md-radio__label": boolean;
+            "md-checkbox__label": boolean;
+            "md-secondary-label": boolean;
+            active: boolean;
+            disabled: boolean;
+            indeterminate: boolean;
+        };
+        handleClick(): void;
+        render(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-label": Label.ELEMENT;
+    }
+}

package/dist/types/components/link/Link.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { LitElement } from "lit-element";
+export declare const linkTag: readonly ["a", "div", "span"];
+export declare const linkColor: readonly ["", "blue", "red", "green", "yellow", "orange"];
+export declare const linkRole: readonly ["button", "checkbox", "link", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "radio", "switch", "tab"];
+export declare namespace Link {
+    type Tag = (typeof linkTag)[number];
+    type Color = (typeof linkColor)[number];
+    type Role = (typeof linkRole)[number];
+    class ELEMENT extends LitElement {
+        color: Color;
+        ariaLabel: string;
+        ariaRole: Role;
+        disabled: boolean;
+        inline: boolean;
+        href: string;
+        tag: Tag;
+        target: string;
+        private _tabIndex;
+        get tabIndex(): number;
+        set tabIndex(newValue: number);
+        static get styles(): import("lit-element").CSSResult[];
+        render(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-link": Link.ELEMENT;
+    }
+}

package/dist/types/components/list/List.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { LitElement, PropertyValues } from "lit-element";
+export declare namespace List {
+    const ELEMENT_base: typeof LitElement & import("../../mixins/RovingTabIndexMixin").AnyConstructor<import("../../mixins/RovingTabIndexMixin").RovingTabIndexInterface & import("../../mixins/SlottedMixin").SlotableInterface & import("../../mixins/SlottedMixin").SlotableClass & import("../../mixins/RovingTabIndexMixin").RovingTabIndexClass>;
+    export class ELEMENT extends ELEMENT_base {
+        alignment: "horizontal" | "vertical";
+        label: string;
+        activated: number;
+        listItemSlot?: HTMLSlotElement;
+        private _role;
+        protected firstUpdated(changedProperties: PropertyValues): void;
+        private notifySelectedChange;
+        /**
+         * @override
+         * Overridden isFocusable method.
+         * @param {Element} slottedItem - The slotted item to check.
+         * @returns {boolean} - Returns true if the slotted item does not have the "hidden" attribute, false otherwise.
+         */
+        private isFocusable;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        private findListItemIndex;
+        private switchListItemOnArrowPress;
+        private setActivated;
+        private findSelectedListItemIndex;
+        private setSelected;
+        protected updated(changedProperties: PropertyValues): void;
+        private isListItemDisabled;
+        handleClick(event: MouseEvent): void;
+        handleKeyDown(event: KeyboardEvent): void;
+        get slotElement(): HTMLSlotElement | undefined;
+        static get styles(): import("lit-element").CSSResult[];
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-list": List.ELEMENT;
+    }
+}

package/dist/types/components/list/ListItem.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from "lit-element";
+export declare namespace ListItem {
+    const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
+    export class ELEMENT extends ELEMENT_base {
+        role: "listitem" | "option";
+        tabIndex: number;
+        shape: "pill" | "rounded";
+        private _disabled;
+        get disabled(): boolean;
+        set disabled(value: boolean);
+        private _selected;
+        get selected(): boolean;
+        set selected(value: boolean);
+        get listItemTemplateClassMap(): {
+            [x: string]: boolean;
+        };
+        static get styles(): import("lit-element").CSSResult[];
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-list-item": ListItem.ELEMENT;
+    }
+}

package/dist/types/components/loading/Loading.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { LitElement } from "lit-element";
+export declare namespace Loading {
+    type LoadingSize = "small" | "middle" | "large" | "";
+    class ELEMENT extends LitElement {
+        size: LoadingSize;
+        static get styles(): import("lit-element").CSSResult[];
+        get loadingClassMap(): {
+            [x: string]: boolean;
+        };
+        render(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-loading": Loading.ELEMENT;
+    }
+}

package/dist/types/components/meeting-alert/CompositeAvatar.d.ts

@@ -0,0 +1 @@
+export declare const templateHTML: (attendees: Array<Record<string, any>>) => import("lit-element").TemplateResult;

package/dist/types/components/meeting-alert/MeetingAlert.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import "@/components/avatar/Avatar";
+import "@/components/button/Button";
+import "@/components/icon/Icon";
+import { LitElement, TemplateResult } from "lit-element";
+export declare const MeetingAlertRole: readonly ["alert", "alertdialog", "button", "checkbox", "dialog", "link", "option", "status"];
+export declare namespace MeetingAlert {
+    type Role = (typeof MeetingAlertRole)[number];
+    class ELEMENT extends LitElement {
+        attendees: {
+            title: string;
+            src: null;
+            alt: string;
+        }[];
+        closeAriaLabel: string;
+        onKeyDown: MeetingAlert.ELEMENT["handleKeyDown"] | null;
+        onSnooze: MeetingAlert.ELEMENT["handleSnooze"] | null;
+        message: string;
+        snoozeAriaLabel: string;
+        role: Role;
+        show: boolean;
+        src: string;
+        status: string;
+        userStyles: string;
+        title: string;
+        _onSnooze: (e: Event) => void;
+        _onClose: (e: Event) => void;
+        handleSnooze: (e: Event) => void;
+        handleClose: (e: Event) => void;
+        handleKeyDown: (e: KeyboardEvent) => void;
+        getStyles(): TemplateResult;
+        static get styles(): import("lit-element").CSSResult[];
+        render(): TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-meeting-alert": MeetingAlert.ELEMENT;
+    }
+}

package/dist/types/components/menu/Menu.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { LitElement, PropertyValues } from "lit-element";
+import { MenuItem } from "./MenuItem";
+export declare const MORE_MENU_ITEM_COPY_ID_PREFIX = "more-menu-item-";
+export declare namespace Menu {
+    const ELEMENT_base: typeof LitElement & import("@/mixins/RovingTabIndexMixin").AnyConstructor<import("@/mixins/RovingTabIndexMixin").RovingTabIndexInterface & import("@/mixins/SlottedMixin").SlotableInterface & import("@/mixins/SlottedMixin").SlotableClass & import("@/mixins/RovingTabIndexMixin").RovingTabIndexClass> & import("@/mixins/SlottedMixin").AnyConstructor<import("@/mixins/SlottedMixin").SlotableClass & import("@/mixins/SlottedMixin").SlotableInterface>;
+    export class ELEMENT extends ELEMENT_base {
+        justified: boolean;
+        direction: string;
+        menuSlotElement?: HTMLSlotElement;
+        menuSubElement?: HTMLSlotElement;
+        private items;
+        private itemsHash;
+        private itemsIdxHash;
+        private getNormalizedItemId;
+        static get styles(): import("lit-element").CSSResult[];
+        get slotItem(): HTMLSlotElement | undefined;
+        private linkMenuItems;
+        private setupMenuItems;
+        private getChildrenFromTree;
+        private updateSelectedItem;
+        private changeSelectedItemIdx;
+        handleItemClick(event: CustomEvent<MenuItem.MenuItemEvent>): void;
+        handleItemKeydown(event: CustomEvent<MenuItem.MenuItemKeyDownEvent>): void;
+        connectedCallback(): void;
+        protected updated(changedProperties: PropertyValues): Promise<void>;
+        disconnectedCallback(): void;
+        get menuClassMap(): {
+            [x: string]: string | boolean;
+            justified: boolean;
+        };
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-menu": Menu.ELEMENT;
+    }
+}