@momentum-ui/web-components 2.16.8 → 2.16.10

package/dist/types/components/floating-modal/FloatingModal.d.ts

@@ -0,0 +1,70 @@
+import "@/components/button/Button";
+import "@/components/icon/Icon";
+import "@interactjs/actions/drag";
+import "@interactjs/actions/resize";
+import "@interactjs/auto-start";
+import "@interactjs/modifiers";
+import { LitElement, PropertyValues } from "lit-element";
+import "./FloatingMinimizedModal";
+export declare namespace FloatingModal {
+    const ELEMENT_base: typeof LitElement & import("../../mixins/SlottedMixin").AnyConstructor<import("../../mixins/SlottedMixin").SlotableClass & import("../../mixins/SlottedMixin").SlotableInterface> & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
+    export class ELEMENT extends ELEMENT_base {
+        heading: string;
+        label: string;
+        show: boolean;
+        aspectRatio: boolean;
+        fixed: boolean;
+        full: boolean;
+        closeAriaLabel: string;
+        resizeAriaLabel: string;
+        maximizeScreenLabel: string;
+        minimizeAriaLabel: string;
+        private minimize;
+        position: {
+            x: number;
+            y: number;
+        } | undefined;
+        minPosition: {
+            x: number;
+            y: number;
+        } | undefined;
+        minimizable: boolean;
+        containerRect: DOMRect | null;
+        private dragOccured;
+        container?: HTMLDivElement;
+        body: HTMLDivElement;
+        header: HTMLDivElement;
+        minimizedHeader: HTMLDivElement;
+        headerSlot: HTMLSlotElement;
+        private containerTransform;
+        private applyInitialPosition;
+        static get styles(): import("lit-element").CSSResult[];
+        protected updated(changedProperties: PropertyValues): void;
+        private isNewPositionNotSame;
+        private setInitialTargetPosition;
+        private cleanContainerStyles;
+        private getContainerTransform;
+        private setContainerRect;
+        private setInteractInstance;
+        handleClose(event: MouseEvent): void;
+        handleMinimize(): void;
+        handleToggleExpandCollapse(): void;
+        private resizeMoveListener;
+        private resizeEndListener;
+        private getInitialPosition;
+        private getTransformValues;
+        private dragMoveListener;
+        private dragEndListener;
+        private setTargetPosition;
+        private destroyInteractInstance;
+        disconnectedCallback(): void;
+        renderedCallback(): void;
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-floating-modal": FloatingModal.ELEMENT;
+    }
+}

package/dist/types/components/form/Form.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from "lit-element";
+export declare namespace Form {
+    export type Method = "GET" | "get" | "POST" | "post" | "dialog";
+    export type Enctype = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
+    export type Target = "_self" | "_blank" | "_parent" | "_top";
+    export type SubmittableElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+    const ELEMENT_base: typeof LitElement & import("../../mixins/SlottedMixin").AnyConstructor<import("../../mixins/SlottedMixin").SlotableClass & import("../../mixins/SlottedMixin").SlotableInterface>;
+    export class ELEMENT extends ELEMENT_base {
+        rel: string;
+        name: string;
+        action: string;
+        label: string;
+        method: Method;
+        target: Target;
+        enctype: Enctype;
+        novalidate: boolean;
+        charset: string;
+        isvalid: boolean;
+        token: string;
+        allowRedirect: boolean;
+        autofillname: string;
+        protected form: HTMLFormElement;
+        private formElement;
+        private get formMethod();
+        private isSubmittable;
+        private isDisabled;
+        private findSubmittable;
+        private validated;
+        handleSubmit: (event: Event) => void;
+        handleFormSubmit: (event: Event) => void;
+        private submitForm;
+        private get submitButton();
+        disconnectedCallback(): void;
+        private deleteWrappedForm;
+        private cleanupWrappedForms;
+        private createWrappedForm;
+        private teardownEvents;
+        private setupEvents;
+        private setupSubmittable;
+        protected slottedChanged(): void;
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-form": Form.ELEMENT;
+    }
+}

package/dist/types/components/grabber/Grabber.d.ts

@@ -0,0 +1,87 @@
+/**
+ * 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/icon/Icon";
+import { LitElement } from "lit-element";
+export declare namespace Grabber {
+    const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
+    export class ELEMENT extends ELEMENT_base {
+        /**
+         * aria label of unchecked grabber
+         */
+        label: string;
+        /**
+         * aria label of checked grabber
+         */
+        checkedLabel: string;
+        /**
+         * If true, the grabber is hovered. grabber-hover-changed event is dispatched on hover change
+         */
+        hovered: boolean;
+        /**
+         * If true, the grabber is disabled
+         */
+        disabled: boolean;
+        /**
+         * If true, the grabber is checked
+         */
+        checked: boolean;
+        /**
+         * If true, the grabber is visible. Grabber will also be visible if it is focused
+         */
+        visible: boolean;
+        /**
+         * True when grabber has keyboard focus
+         */
+        focused: boolean;
+        /**
+         * By default clicking the grabber toggles the checked state and fires an event.
+         * Setting this attribute will prevent the checked state from being toggled
+         */
+        disableClickToggle: boolean;
+        /**
+         * Alignment that says if the `md-grabber` is being used for leading, trailing, top or bottom
+         *
+         * Default: leading
+         */
+        alignment: "leading" | "trailing" | "top" | "bottom";
+        /**
+         * Update the icon and icon size for dragger type
+         *
+         * Default: false
+         */
+        dragger: boolean;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        static get styles(): import("lit-element").CSSResult[];
+        toggleGrabber(): void;
+        handleMouseDown(): void;
+        handleKeyDown(e: KeyboardEvent): void;
+        handleMouseEnter(): void;
+        handleMouseLeave(): void;
+        handleFocus(): void;
+        handleBlur(): void;
+        dispatchHoverEvent(): void;
+        get collapsed(): boolean;
+        get grabberClassMap(): {
+            [x: string]: boolean | "top" | "bottom" | "leading" | "trailing";
+            "md-grabber--active": boolean;
+            "md-grabber--disabled": boolean;
+            "md-grabber--dragger": boolean;
+            visible: boolean;
+        };
+        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
+        get iconSize(): "10" | "12";
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-grabber": Grabber.ELEMENT;
+    }
+}

package/dist/types/components/help-text/HelpText.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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";
+import { Input } from "../input/Input";
+export declare namespace HelpText {
+    class ELEMENT extends LitElement {
+        message: string;
+        messageType: Input.MessageType | undefined;
+        id: string;
+        ariaLive: "off" | "assertive" | "polite";
+        get inputMessageClassMap(): {
+            [x: string]: boolean;
+        };
+        static get styles(): import("lit-element").CSSResult[];
+        getIconName(): "" | "check-circle-badge-filled" | "error-legacy-badge-filled" | "warning-badge-filled" | "info-badge-filled";
+        render(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-help-text": HelpText.ELEMENT;
+    }
+}

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

@@ -0,0 +1,197 @@
+/**
+ * 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;
+        };
+        get momentumUIIconLookupName(): string;
+        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,139 @@
+/**
+ * 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--compact": 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;
+    }
+}