@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
49 lines (48 loc) • 1.59 kB
TypeScript
import { CdkOverlayOrigin } from '@angular/cdk/overlay';
import { ElementRef } from '@angular/core';
import { OverlayComponent } from '../src/overlay.component';
import * as i0 from "@angular/core";
/**
* OverlayTrigger - Trigger component for overlay positioning
*
* @remarks
* This component acts as the trigger that opens/closes the overlay content.
* It can contain any content (buttons, inputs, avatars, text, icons, etc.).
* Uses CdkOverlayOrigin for positioning reference.
*
* @example
* ```html
* <st-overlay>
* <st-overlay-trigger>
* <button class="btn btn-primary">Open Overlay</button>
* </st-overlay-trigger>
* <st-overlay-content>
* <div>Your content</div>
* </st-overlay-content>
* </st-overlay>
* ```
*/
export declare class OverlayTriggerComponent {
overlayOrigin: CdkOverlayOrigin;
private overlayComponent;
private readonly elementRef;
constructor(elementRef: ElementRef);
/**
* Set the parent overlay component reference
*/
setOverlayComponent(overlay: OverlayComponent): void;
/**
* Handle click events to toggle the overlay
*/
onClick(event: Event): void;
/**
* Get the overlay origin element
*/
get triggerElement(): CdkOverlayOrigin;
/**
* Get the native DOM element for width calculations
*/
get nativeElement(): HTMLElement;
static ɵfac: i0.ɵɵFactoryDeclaration<OverlayTriggerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<OverlayTriggerComponent, "st-overlay-trigger", never, {}, {}, never, ["*"], true, never>;
}