@sixbell-telco/sdk
Version:
A collection of reusable components designed for use in Sixbell Telco Angular projects
45 lines (44 loc) • 1.95 kB
TypeScript
import { IconColorProps, IconSizeProps } from '@sixbell-telco/sdk/components/icon';
import * as i0 from "@angular/core";
/**
* DropdownChevron - Chevron indicator for dropdown triggers
* Automatically rotates based on dropdown state and positions itself correctly
*/
export declare class DropdownChevronComponent {
/**
* Inject parent trigger component to access its isOpen signal
* Use SkipSelf to get the immediate parent trigger
*/
private readonly trigger;
/**
* Custom icon to use instead of default arrow down
*/
icon: import("@angular/core").InputSignal<string>;
/**
* Additional CSS classes
*/
class: import("@angular/core").InputSignal<string>;
/**
* Size of the chevron using Icon component size types
*/
size: import("@angular/core").InputSignal<IconSizeProps>;
/**
* Color of the chevron using Icon component color types
*/
color: import("@angular/core").InputSignal<IconColorProps>;
/**
* Position relative to content
*/
position: import("@angular/core").InputSignal<"left" | "right">;
/**
* Whether the chevron is open (rotated)
* Derives from the parent trigger's isOpen signal
*/
private readonly isOpen;
/**
* Computed classes for the chevron
*/
readonly chevronClasses: import("@angular/core").Signal<string>;
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownChevronComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownChevronComponent, "st-dropdown-chevron", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}