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
101 lines (100 loc) • 3.96 kB
TypeScript
import type { SidebarItemGroupClass } from './sidebar-item-group.theme';
import { SidebarItemGroupThemeService } from './sidebar-item-group.theme.service';
import { SidebarItemComponent } from './sidebar-item.component';
import { SidebarMenuComponent } from './sidebar-menu.component';
import type { SidebarColors } from './sidebar.theme';
import { BaseComponent } from 'flowbite-angular';
import { IconRegistry } from 'flowbite-angular/icon';
import { InjectionToken } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import * as i0 from "@angular/core";
export declare const FLOWBITE_SIDEBAR_ITEM_GROUP_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
root?: {
base?: string | undefined;
} | undefined;
spanText?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
} | undefined;
}>;
export declare const sidebarItemGroupDefaultValueProvider: import("@angular/core").EnvironmentProviders;
/**
* @see https://flowbite.com/docs/components/sidebar/
*/
export declare class SidebarItemGroupComponent extends BaseComponent<SidebarItemGroupClass> {
/**
* Service injecteed used to generate class
*/
readonly themeService: SidebarItemGroupThemeService;
/**
* `IconRegistry` service
*/
readonly iconRegistry: IconRegistry;
/**
* `DomSanitizer` service
*/
readonly domSanitizer: DomSanitizer;
/**
* The parent `SidebarMenuComponent`
*/
readonly sidebarMenuComponent: SidebarMenuComponent;
/**
* List of `SidebarItemComponent`
*/
readonly sidebarItemChildren: import("@angular/core").Signal<readonly SidebarItemComponent[]>;
/**
* Set if the sidebar item group is open
*
* @default One of children is active
* @default false
*/
isOpen: import("@angular/core").ModelSignal<boolean>;
/**
* Set the sidebar item group color
*
* @default `SidebarMenuComponent`'s color
*/
color: import("@angular/core").ModelSignal<keyof SidebarColors>;
/**
* Set the sidebar item group title
*/
title: import("@angular/core").ModelSignal<string>;
/**
* Set the custom style for this sidebar item group
*/
customStyle: import("@angular/core").ModelSignal<{
root?: {
base?: string | undefined;
} | undefined;
spanText?: {
base?: string | undefined;
color?: {
[x: string]: string | undefined;
primary?: string | undefined;
dark?: string | undefined;
blue?: string | undefined;
red?: string | undefined;
green?: string | undefined;
yellow?: string | undefined;
} | undefined;
} | undefined;
}>;
fetchClass(): SidebarItemGroupClass;
init(): void;
/**
* Toggle isOpen value
*
* @param isOpen If provided force isOpen value
*/
toggleVisibility(isOpen?: boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemGroupComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemGroupComponent, "flowbite-sidebar-item-group", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "color": "colorChange"; "title": "titleChange"; "customStyle": "customStyleChange"; }, ["sidebarItemChildren"], ["*"], true, never>;
}