/** * Copyright Kyndryl, Inc. 2023 */ import { LitElement } from 'lit'; import { BUTTON_KINDS, BUTTON_SIZES, BUTTON_TYPES, BUTTON_ICON_POSITION } from './defs'; /** * Button component. * * @slot unnamed - Slot for button text. * @slot icon - Slot for an icon. * @fires on-click - Emits the original click event. `detail:{ origEvent: Event }` */ export declare class Button extends LitElement { static styles: import("lit").CSSResult; /** @ignore */ static shadowRootOptions: { delegatesFocus: boolean; mode: ShadowRootMode; serializable?: boolean; slotAssignment?: SlotAssignmentMode; }; /** * Associate the component with forms. * @ignore */ static formAssociated: boolean; /** * Attached internals for form association. * @ignore */ accessor internals: ElementInternals; /** ARIA label for the button for accessibility. */ accessor description: string; /** Type for the <button> element. */ accessor type: BUTTON_TYPES; /** Specifies the visual appearance/kind of the button. */ accessor kind: BUTTON_KINDS; /** Converts the button to an <a> tag if specified. */ accessor href: string; /** Link target, only valid if href is supplied. */ accessor target: string; /** Specifies the size of the button. */ accessor size: BUTTON_SIZES; /** Specifies the position of the icon relative to any button text. */ accessor iconPosition: BUTTON_ICON_POSITION; /** Determines if the button is disabled. * @internal */ accessor iconOnly: boolean; /** Determines if the button is disabled. */ accessor disabled: boolean; /** Button value. */ accessor value: string; /** Button name. */ accessor name: string; /** Determines if the button is Floatable */ accessor isFloating: boolean; /** Show button after scrolling to 50% of the page */ accessor showOnScroll: boolean; /** Button selected state. */ accessor selected: boolean; /** Determines showButton state . * @internal */ accessor _showButton: boolean; /** re-size button to 'medium' at mobile breakpoint. * @internal */ accessor _reSizeBtn: boolean; /** Button formmethod. */ accessor formmethod: any; /** Queries default slot nodes. * @internal */ accessor _slottedEls: Array; /** Queries icon slot nodes. * @internal */ accessor _iconEls: Array; /** Queries the .button element. * @internal */ accessor _btnEl: any; /** Aligns button text and icon at the edges when `kyn-button` has a set width.*/ accessor splitLayout: boolean; /** Determines _hasIcon state * @internal */ accessor _hasIcon: boolean; /** Determines _hasText state * @internal */ accessor _hasText: boolean; render(): import("lit-html").TemplateResult<1>; private handleClick; private _testIconOnly; private _handleSlotChange; /** @internal */ private _debounceResize; /** @internal */ private _reSizeButton; /** @internal */ private _debounceScroll; /** @internal */ private _handleScroll; connectedCallback(): void; disconnectedCallback(): void; } declare global { interface HTMLElementTagNameMap { 'kyn-button': Button; } } //# sourceMappingURL=button.d.ts.map