@progress/kendo-angular-ripple
Version:
Ripple Package for Angular
44 lines (43 loc) • 1.72 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { ElementRef, Renderer2, AfterViewInit, OnDestroy, NgZone } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Represents the Ripple container component.
*
* Apply this directive to any container element.
* The ripple effect will show on the following elements:
* - Buttons
* - Checkboxes
* - Radio buttons
*
* @example
* ```html
* <div kendoRippleContainer>
* <button kendoButton>Default Button</button>
* <button kendoButton [primary]="true">Primary Button</button>
* </div>
* ```
*/
export declare class RippleContainerDirective implements AfterViewInit, OnDestroy {
private renderer;
private element;
private ngZone;
/**
* Disables the ripple effect for the `kendoRippleContainer` element.
*
* @default false
*/
set disabled(disabled: boolean);
isDisabled: boolean;
get containerClass(): boolean;
constructor(renderer: Renderer2, element: ElementRef, ngZone: NgZone);
ngOnDestroy(): void;
ngAfterViewInit(): void;
private removeListeners;
private registerListeners;
static ɵfac: i0.ɵɵFactoryDeclaration<RippleContainerDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<RippleContainerDirective, "[kendoRippleContainer]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
}