flowbite-angular
Version:
<div align="center"> <h1>:construction: flowbite-angular (unreleased) :construction:</h1> <p> <a href="https://flowbite.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github
38 lines (37 loc) • 1.49 kB
TypeScript
import type { Signal } from '@angular/core';
import { RouterLinkActive } from '@angular/router';
import * as i0 from "@angular/core";
import * as i1 from "@angular/router";
/**
* Wrapping directive over RouterLinkActive.
*
* @usageNotes
* It provides a clean way to have 'isActive' data with signal base value.
*
* @see `RouterLinkActive`
*/
export declare class FlowbiteRouterLinkActiveDirective {
private readonly ariaCurrentValue;
/**
* `RouterLinkActive` directive
*/
routerLinkActive: RouterLinkActive;
/**
* Updated value when the user is on the same page as routerLinkActive value
*/
private _isActive;
/**
* Getter for _isActive
*/
get isActive(): Signal<boolean>;
/**
* Set the RouterLinkActive's ariaCurrentWhenActive to the value passed to the component (via this Directive).
*/
constructor();
/**
* Update _isActive when `RouterLinkActive`'s isActive update
*/
onIsActiveChange(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<FlowbiteRouterLinkActiveDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<FlowbiteRouterLinkActiveDirective, "[flowbiteRouterLinkActive]", never, {}, {}, never, never, true, [{ directive: typeof i1.RouterLinkActive; inputs: { "routerLinkActiveOptions": "routerLinkActiveOptions"; "ariaCurrentWhenActive": "ariaCurrentWhenActive"; "routerLinkActive": "routerLinkActive"; }; outputs: { "isActiveChange": "isActiveChange"; }; }]>;
}