import { LitElement } from 'lit'; import '@material/web/iconbutton/icon-button.js'; import '@material/web/iconbutton/filled-icon-button.js'; import '@material/web/iconbutton/filled-tonal-icon-button.js'; import '@material/web/iconbutton/outlined-icon-button.js'; import '@digital-realty/ix-icon/ix-icon.js'; import { IconButton } from '@material/web/iconbutton/internal/icon-button.js'; import { FormSubmitterType } from '@material/web/internal/controller/form-submitter.js'; type LinkTarget = '_blank' | '_parent' | '_self' | '_top'; export type Appearance = 'filled' | 'filled-tonal' | 'outlined' | 'icon-filled' | 'default'; declare const IxIconButtonBase: typeof LitElement & import("@digital-realty/ix-shared-fns/aria-forward-mixin.js").Constructor; export declare class IxIconButton extends IxIconButtonBase { readonly component: IconButton; appearance: Appearance; icon: string; selectedIcon: string; /** * Disables the icon button and makes it non-interactive. */ disabled: boolean; /** * Flips the icon if it is in an RTL context at startup. */ flipIconInRtl: boolean; /** * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute. */ href: string | undefined; /** * Sets the underlying `HTMLAnchorElement`'s `target` attribute. */ target: LinkTarget | '' | undefined; /** * The `aria-label` of the button when the button is toggleable and selected. */ ariaLabelSelected: string | undefined; /** * When true, the button will toggle between selected and unselected * states */ toggle: boolean; /** * Sets the selected state. When false, displays the default icon. When true, * displays the selected icon, or the default icon If no `slot="selected"` * icon is provided. */ selected: boolean; type: FormSubmitterType; name: string | undefined; value: string | undefined; label: string | undefined; filledIcon: boolean; render(): import("lit-html").TemplateResult<1 | 2 | 3>; } export {};