import { DuetIconName, DuetTheme } from "../../common-types"; import { ThemeableComponent } from "../../common/themeable-component"; import { DuetLangObject } from "../../utils/language-utils"; export declare class DuetToolbarItem implements ThemeableComponent { /** * Own Properties. */ private itemElement; /** * Reference to host HTML element. */ element: HTMLElement; /** * Theme. */ theme: DuetTheme; /** * Variation. Secondary is not supported for Turva theme. Negative is deprecated. */ variation: "default" | "primary" | "negative" | "secondary"; /** * Active */ active: boolean; /** * Url */ url: string; /** * Left icon. */ leadingIcon: DuetIconName; /** * Right icon. */ trailingIcon: DuetIconName; /** * Adds accessible label for the link that is only shown for screen readers. * Typically, this label text replaces the visible text on the link for users * who use assistive technology. */ accessibleLabel: string; /** * If a button expands or collapses adjacent content, then use the ariaExpanded * prop to add the aria-expanded attribute to the button. Set the value to convey * the current expanded (true) or collapsed (false) state of the content. */ accessibleExpanded: boolean; /** * Use this property to add an aria-haspopup attribute to a button. */ accessiblePopup: string; /** * Defaults for accessibleLabelExternal * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"} */ accessibleLabelExternalDefaults: DuetLangObject | string; /** * Adds accessible label for tooltip that is shown in external link (url & external have both been set) * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"} */ accessibleLabelExternal: string; /** * Forces URL to open in a new browser tab. Used together with URL prop. */ external: boolean; /** * Show a badge that indicates something has changed. */ badge: boolean; /** * Component lifecycle events. */ componentWillLoad(): void; connectedCallback(): void; disconnectedCallback(): void; /** * Sets focus. Use this method instead of the global focus(). */ setFocus(options?: FocusOptions): Promise; /** * render() function * Always the last one in the class. */ render(): any; }