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
151 lines (150 loc) • 6.31 kB
TypeScript
import type { AlertClass } from './alert.theme';
import { AlertThemeService } from './alert.theme.service';
import { BaseComponent } from 'flowbite-angular';
import { IconRegistry } from 'flowbite-angular/icon';
import type { OnInit, TemplateRef } from '@angular/core';
import { InjectionToken } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import * as i0 from "@angular/core";
export declare const FLOWBITE_ALERT_COLOR_DEFAULT_VALUE: InjectionToken<"primary" | "dark" | "blue" | "red" | "green" | "yellow">;
export declare const FLOWBITE_ALERT_HAS_BORDER_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_ALERT_HAS_BORDER_ACCENT_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_ALERT_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
color?: {
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
hasBorder?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasBorderAccent?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
} | undefined;
closeButton?: {
base?: string | undefined;
color?: {
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
} | undefined;
}>;
export declare const FLOWBITE_ALERT_ICON_DEFAULT_VALUE: InjectionToken<TemplateRef<unknown> | null>;
export declare const FLOWBITE_ALERT_ADDITIONAL_CONTENT_DEFAULT_VALUE: InjectionToken<TemplateRef<unknown> | null>;
export declare const FLOWBITE_ALERT_IS_DISMISSABLE_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_ALERT_ON_DISMISS_DEFAULT_VALUE: InjectionToken<(() => void) | undefined>;
export declare const alertDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* @see https://flowbite.com/docs/components/alerts/
*/
export declare class AlertComponent extends BaseComponent<AlertClass> implements OnInit {
/**
* Service injected used to generate class
*/
readonly themeService: AlertThemeService;
/**
* `IcoRegistry` service
*/
readonly iconRegistry: IconRegistry;
/**
* `DomSanitizer` service
*/
readonly domSanitizer: DomSanitizer;
/**
* Set the indicator color
*
* @default primary
*/
color: import("@angular/core").ModelSignal<"primary" | "dark" | "blue" | "red" | "green" | "yellow">;
/**
* Set if the alert has border
*
* @default false
*/
hasBorder: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the alert has border accent
*
* @default false
*/
hasBorderAccent: import("@angular/core").ModelSignal<boolean>;
/**
* Set the custom style for this alert
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
color?: {
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
hasBorder?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasBorderAccent?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
} | undefined;
closeButton?: {
base?: string | undefined;
color?: {
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
} | undefined;
}>;
/**
* Set the custom icon
*
* @default null
*/
icon: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
/**
* Set the additional content
*
* @default null
*/
additionalContent: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
/**
* Set if the alert is dismissable
*
* @default false
*/
isDismissable: import("@angular/core").ModelSignal<boolean>;
/**
* Set the function called when the alert is dismissed
*
* @default undefined
*/
onDismiss: import("@angular/core").ModelSignal<(() => void) | undefined>;
fetchClass(): AlertClass;
init(): void;
/**
* Call the onDismiss function if it's not undefined
*/
onDismissClick(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "flowbite-alert", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "hasBorderAccent": { "alias": "hasBorderAccent"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "additionalContent": { "alias": "additionalContent"; "required": false; "isSignal": true; }; "isDismissable": { "alias": "isDismissable"; "required": false; "isSignal": true; }; "onDismiss": { "alias": "onDismiss"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "hasBorder": "hasBorderChange"; "hasBorderAccent": "hasBorderAccentChange"; "customStyle": "customStyleChange"; "icon": "iconChange"; "additionalContent": "additionalContentChange"; "isDismissable": "isDismissableChange"; "onDismiss": "onDismissChange"; }, never, ["*"], true, never>;
}