import { DDSElement, DDSNavigable, NavigationTarget } from "../../base/index.js"; /** * The logo is a UI element that represents a brand, company or service. It serves as a visual identifier, helping users recognize and navigate within a specific application or website. * * @example * * ```js * import "@daikin-oss/design-system-web-components/components/logo/index.js"; * ``` * * ```html * // Control the size of the logo by directly setting the width and height. * * * // When the logo is used inside other elements, its size automatically adapts to the size of the parent element. *
* *
* ``` */ export declare class DaikinLogo extends DDSElement implements DDSNavigable { static readonly styles: import('lit').CSSResult; /** * Link `href`. * If specify this property the logo will be a link. */ href: string | null; /** * Link `target`. * Used only when use logo as a link. */ target: string | null; /** * Provides an accessible name of the logo. * * @default "Logo of Daikin" */ logoAriaLabel: string | null; /** * Specify the the logo mode. * Notice: Allow the use of a negative logo only when the positive logo is too close to the background to be legible. * * @default "positive" */ mode: "positive" | "negative"; private readonly _focusableElement; /** * _Internal use._ * Returns the navigation target information. * Used by navigation handling utilities. * * @returns Navigation target information or `null` if not navigable. * * @private */ getDDSNavigationTarget(): NavigationTarget | null; render(): import('lit-html').TemplateResult<1>; /** * Focuses on the inner link. * @param options focus options */ focus(options?: FocusOptions): void; } declare global { interface HTMLElementTagNameMap { "daikin-logo": DaikinLogo; } }