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
225 lines (224 loc) • 9.63 kB
TypeScript
import type { indicatorClass, IndicatorColors, IndicatorPositions, IndicatorSizes } from './indicators.theme';
import { IndicatorThemeService } from './indicators.theme.service';
import { BaseComponent } from 'flowbite-angular';
import { InjectionToken } from '@angular/core';
import * as i0 from "@angular/core";
export declare const FLOWBITE_INDICATOR_IS_PILL_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_INDICATOR_IS_OUTLINE_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_INDICATOR_IS_DISABLED_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_INDICATOR_HAS_OFFSET_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_INDICATOR_IS_ROUNDED_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_INDICATOR_HAS_BORDER_DEFAULT_VALUE: InjectionToken<boolean>;
export declare const FLOWBITE_INDICATOR_COLOR_DEFAULT_VALUE: InjectionToken<keyof IndicatorColors>;
export declare const FLOWBITE_INDICATOR_SIZE_DEFAULT_VALUE: InjectionToken<keyof IndicatorSizes>;
export declare const FLOWBITE_INDICATOR_PLACEMENT_DEFAULT_VALUE: InjectionToken<keyof IndicatorPositions | undefined>;
export declare const FLOWBITE_INDICATOR_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
isPill?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
isOutline?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
isDisabled?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasOffset?: {
[x: string]: string | undefined;
'top-left'?: string | undefined;
'top-center'?: string | undefined;
'top-right'?: string | undefined;
'center-left'?: string | undefined;
center?: string | undefined;
'center-right'?: string | undefined;
'bottom-left'?: string | undefined;
'bottom-center'?: string | undefined;
'bottom-right'?: string | undefined;
} | undefined;
isRounded?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasBorder?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
dark?: string | undefined;
gray?: string | undefined;
blue?: string | undefined;
green?: string | undefined;
red?: string | undefined;
purple?: string | undefined;
indigo?: string | undefined;
yellow?: string | undefined;
teal?: string | undefined;
} | undefined;
size?: {
[x: string]: string | undefined;
xs?: string | undefined;
sm?: string | undefined;
md?: string | undefined;
lg?: string | undefined;
xl?: string | undefined;
} | undefined;
placement?: {
[x: string]: string | undefined;
'top-left'?: string | undefined;
'top-center'?: string | undefined;
'top-right'?: string | undefined;
'center-left'?: string | undefined;
center?: string | undefined;
'center-right'?: string | undefined;
'bottom-left'?: string | undefined;
'bottom-center'?: string | undefined;
'bottom-right'?: string | undefined;
} | undefined;
} | undefined;
}>;
export declare const indicatorDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* @see https://flowbite.com/docs/components/indicators/
*/
export declare class IndicatorComponent extends BaseComponent<indicatorClass> {
/**
* Service injected used to generate class
*/
readonly themeService: IndicatorThemeService;
/**
* Set if the indicator is pill
*
* @default false
*/
isPill: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the indicator is outline
*
* @default false
*/
isOutline: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the indicator is disable
*
* @default false
*/
isDisabled: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the indicator has offset
*
* @default false
*/
hasOffset: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the indicator is rounded
*
* @default false
*/
isRounded: import("@angular/core").ModelSignal<boolean>;
/**
* Set if the indicator has border
*
* @default false
*/
hasBorder: import("@angular/core").ModelSignal<boolean>;
/**
* Set the indicator color
*
* @default primary
*/
color: import("@angular/core").ModelSignal<keyof IndicatorColors>;
/**
* Set the indicator size
*
* @default md
*/
size: import("@angular/core").ModelSignal<keyof IndicatorSizes>;
/**
* Set the indicator placement
*
* @default undefined
*/
placement: import("@angular/core").ModelSignal<keyof IndicatorPositions | undefined>;
/**
* Set the custom style for this indicator
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
isPill?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
isOutline?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
isDisabled?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasOffset?: {
[x: string]: string | undefined;
'top-left'?: string | undefined;
'top-center'?: string | undefined;
'top-right'?: string | undefined;
'center-left'?: string | undefined;
center?: string | undefined;
'center-right'?: string | undefined;
'bottom-left'?: string | undefined;
'bottom-center'?: string | undefined;
'bottom-right'?: string | undefined;
} | undefined;
isRounded?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
hasBorder?: {
enabled?: string | undefined;
disabled?: string | undefined;
} | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
dark?: string | undefined;
gray?: string | undefined;
blue?: string | undefined;
green?: string | undefined;
red?: string | undefined;
purple?: string | undefined;
indigo?: string | undefined;
yellow?: string | undefined;
teal?: string | undefined;
} | undefined;
size?: {
[x: string]: string | undefined;
xs?: string | undefined;
sm?: string | undefined;
md?: string | undefined;
lg?: string | undefined;
xl?: string | undefined;
} | undefined;
placement?: {
[x: string]: string | undefined;
'top-left'?: string | undefined;
'top-center'?: string | undefined;
'top-right'?: string | undefined;
'center-left'?: string | undefined;
center?: string | undefined;
'center-right'?: string | undefined;
'bottom-left'?: string | undefined;
'bottom-center'?: string | undefined;
'bottom-right'?: string | undefined;
} | undefined;
} | undefined;
}>;
fetchClass(): indicatorClass;
static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorComponent, "flowbite-indicator", never, { "isPill": { "alias": "isPill"; "required": false; "isSignal": true; }; "isOutline": { "alias": "isOutline"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "hasOffset": { "alias": "hasOffset"; "required": false; "isSignal": true; }; "isRounded": { "alias": "isRounded"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "isPill": "isPillChange"; "isOutline": "isOutlineChange"; "isDisabled": "isDisabledChange"; "hasOffset": "hasOffsetChange"; "isRounded": "isRoundedChange"; "hasBorder": "hasBorderChange"; "color": "colorChange"; "size": "sizeChange"; "placement": "placementChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
}