import * as _angular_core from '@angular/core'; import { AfterViewInit, ElementRef, Injector } from '@angular/core'; import _Button, { AIButtonAccessibilityAttributes } from '@ui5/webcomponents-ai/dist/Button.js'; export { AIButtonAccessibilityAttributes } from '@ui5/webcomponents-ai/dist/Button.js'; import { UI5CustomEvent } from '@ui5/webcomponents-base'; declare class Button implements AfterViewInit { /** * Defines the additional accessibility attributes that will be applied to the component. This property allows for fine-tuned control of ARIA attributes for screen reader support. It accepts an object with the following optional fields: - **root**: Accessibility attributes that will be applied to the root element. - **hasPopup**: Indicates the availability and type of interactive popup element (such as a menu or dialog). Accepts string values: `"dialog"`, `"grid"`, `"listbox"`, `"menu"`, or `"tree"`. - **roleDescription**: Defines a human-readable description for the button's role. Accepts any string value. - **title**: Specifies a tooltip or description for screen readers. Accepts any string value. - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or focus the button. - **arrowButton**: Accessibility attributes that will be applied to the arrow (split) button element. - **hasPopup**: Indicates the type of popup triggered by the arrow button. Accepts string values: `"dialog"`, `"grid"`, `"listbox"`, `"menu"`, or `"tree"`. - **expanded**: Indicates whether the popup controlled by the arrow button is currently expanded. Accepts boolean values: `true` or `false`. */ accessibilityAttributes: _angular_core.InputSignal; /** * Defines the active state of the arrow button in split mode. Set to true when the button is in split mode and a menu with additional options is opened by the arrow button. Set back to false when the menu is closed. */ arrowButtonPressed: _angular_core.InputSignalWithTransform; /** * Defines the component design. */ design: _angular_core.InputSignal<"Default" | "Positive" | "Negative" | "Transparent" | "Emphasized" | "Attention" | undefined>; /** * Defines whether the component is disabled. A disabled component can't be pressed or focused, and it is not in the tab chain. */ disabled: _angular_core.InputSignalWithTransform; /** * Defines the current state of the component. */ state: _angular_core.InputSignal; /** * Fired when the component is in split mode and after the arrow button is activated either by clicking or tapping it or by using the [Arrow Up] / [Arrow Down], [Alt] + [Arrow Up]/ [Arrow Down], or [F4] keyboard keys. */ ui5ArrowButtonClick: _angular_core.OutputEmitterRef>; /** * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key. */ ui5Click: _angular_core.OutputEmitterRef>; /** * Available slots for content projection in this component. * * Slots allow you to insert custom content into predefined areas of the web component. * Use the `slot` attribute on child elements to target specific slots. * * - **(default)**: Defines the available states of the component. **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use `ui5-ai-button-state` components in order to preserve the intended design. * * @example * ```html * *
Custom header content
*

Default slot content

*
* ``` * * @readonly * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots} */ readonly slots: { name: string; description: string; }[]; elementRef: ElementRef<_Button>; injector: Injector; /** * Content density observer is injected to activate automatic CSS class and * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed. * @private */ private readonly _contentDensityObserver; private readonly _destroyRef; get element(): _Button; ngAfterViewInit(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } export { Button };