flowbite-angular 1.0.0-alpha.3 → 1.0.0-alpha.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Themesberg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,376 @@
+<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.png">
+    </a>
+  </p>
+  <p>
+    Build websites even faster with components on top of Angular and Tailwind CSS
+  </p>
+  <p>
+    <a href="https://discord.com/invite/4eeurUVvTy">
+      <img src="https://img.shields.io/discord/902911619032576090?color=%237289da&label=Discord" alt="Discord">
+    </a>
+    <a href="https://www.npmjs.com/package/flowbite-angular">
+      <img src="https://img.shields.io/npm/dt/flowbite-angular.svg" alt="Total Downloads">
+    </a>
+    <a href="https://badge.fury.io/js/flowbite-angular">
+      <img alt="Latest release" src="https://badge.fury.io/js/flowbite-angular.svg">
+    </a>
+    <a href="https://flowbite.com/docs/getting-started/license/">
+      <img src="https://img.shields.io/badge/license-MIT-blue" alt="License">
+    </a>
+  </p>
+</div>
+
+---
+
+**`flowbite-angular` is an open source collection of UI components, built in Angular, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.**
+
+## Table of Contents
+
+- [Documentation](#documentation)
+- [Getting started](#getting-started)
+- [Components](#components)
+- [Community](#community)
+- [Contributing](#contributing)
+- [Figma](#figma)
+- [Copyright and license](#copyright-and-license)
+
+## Documentation
+
+Documentation for `flowbite-angular` is not yet finished.
+
+If you want to browse the components, visit [flowbite-angular.com](https://flowbite-angular.com/).
+
+If you want to learn more about Flowbite, visit [Flowbite docs](https://flowbite.com/docs/getting-started/introduction/).
+
+## Getting started
+
+To use `flowbite-angular`, you just need to setup `flowbite` normally and install `flowbite-angular` from `npm`.
+
+`flowbite` can be included as a plugin into an existing Tailwind CSS project.
+
+### Require via `npm`
+
+Make sure that you have <a href="https://nodejs.org/en/" rel="nofollow" >Node.js</a> and <a href="https://tailwindcss.com/" rel="nofollow" >Tailwind CSS</a> installed.
+
+1. Install `flowbite` as a dependency using `npm` by running the following command:
+
+```bash
+npm i flowbite flowbite-angular
+```
+
+2. Require `flowbite` as a plugin inside the `tailwind.config.js` file:
+
+```javascript
+module.exports = {
+  plugins: [require('flowbite/plugin')],
+};
+```
+
+## Components
+
+<table>
+  <tr>
+    <td width="33.3333%">Alerts</td>
+    <td width="33.3333%">Badges</td>
+    <td width="33.3333%">:construction: Breadcrumbs</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/alerts/">
+            <img alt="Tailwind CSS Alerts" src="https://flowbite.s3.amazonaws.com/github/alerts.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/badges/">
+            <img alt="Tailwind CSS Badge" src="https://flowbite.s3.amazonaws.com/github/badge.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/breadcrumb/">
+            <img alt="Tailwind CSS Breadcrumbs" src="https://flowbite.s3.amazonaws.com/github/breadcrumbs.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Buttons</td>
+    <td width="33.3333%">:construction: Button group</td>
+    <td width="33.3333%">:construction: Cards</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/buttons/">
+            <img alt="Tailwind CSS Buttons" src="https://flowbite.s3.amazonaws.com/github/buttons.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/button-group/">
+            <img alt="Tailwind CSS Button Group" src="https://flowbite.s3.amazonaws.com/github/button-group.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/card/">
+            <img alt="Tailwind CSS Cards" src="https://flowbite.s3.amazonaws.com/github/cards.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Dropdown</td>
+    <td width="33.3333%">:construction: Forms</td>
+    <td width="33.3333%">:construction: List group</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/dropdown/">
+            <img alt="Tailwind CSS Dropdown" src="https://flowbite.s3.amazonaws.com/github/dropdown.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/forms/">
+            <img alt="Tailwind CSS Forms" src="https://flowbite.s3.amazonaws.com/github/forms.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/list-group/">
+            <img alt="Tailwind CSS List group" src="https://flowbite.s3.amazonaws.com/github/list-group.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Typography</td>
+    <td width="33.3333%">:construction: Modal</td>
+    <td width="33.3333%">:construction: Tabs</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/typography/">
+            <img alt="Tailwind CSS Typography" src="https://flowbite.s3.amazonaws.com/github/typography.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/modal/">
+            <img alt="Tailwind CSS Modal" src="https://flowbite.s3.amazonaws.com/github/modal.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/tabs/">
+            <img alt="Tailwind CSS Tabs" src="https://flowbite.s3.amazonaws.com/github/tabs.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Navbar</td>
+    <td width="33.3333%">:construction: Pagination</td>
+    <td width="33.3333%">:construction: Timeline</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/navbars/">
+            <img alt="Tailwind CSS Navbar" src="https://flowbite.s3.amazonaws.com/github/navbar.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/pagination/">
+            <img alt="Tailwind CSS Pagination" src="https://flowbite.s3.amazonaws.com/github/pagination.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/timeline/">
+            <img alt="Tailwind CSS Timeline" src="https://flowbite.s3.amazonaws.com/github/timeline.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Progress bar</td>
+    <td width="33.3333%">:construction: Tables</td>
+    <td width="33.3333%">:construction: Toast</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/progress/">
+            <img alt="Tailwind CSS Progress Bar" src="https://flowbite.s3.amazonaws.com/github/progress.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/tables/">
+            <img alt="Tailwind CSS Tables" src="https://flowbite.s3.amazonaws.com/github/tables.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/toast/">
+            <img alt="Tailwind CSS Toast" src="https://flowbite.s3.amazonaws.com/github/toast.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Tooltips</td>
+    <td width="33.3333%">:construction: Datepicker</td>
+    <td width="33.3333%">:construction: Spinner</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/tooltips/">
+            <img alt="Tailwind CSS Tooltips" src="https://flowbite.s3.amazonaws.com/github/tooltips.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/plugins/datepicker/">
+            <img alt="Tailwind CSS Datepicker" src="https://flowbite.s3.amazonaws.com/github/datepicker.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/spinner/">
+            <img alt="Tailwind CSS Spinner" src="https://flowbite.s3.amazonaws.com/github/spinner.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Footer</td>
+    <td width="33.3333%">:construction: Accordion</td>
+    <td width="33.3333%">:construction: Sidebar</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/footer/">
+            <img alt="Tailwind CSS Footer" src="https://flowbite.s3.amazonaws.com/github/footer.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/accordion/">
+            <img alt="Tailwind CSS Accordion" src="https://flowbite.s3.amazonaws.com/github/accordion.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/sidebar/">
+            <img alt="Tailwind CSS Sidebar" src="https://flowbite.s3.amazonaws.com/github/sidebar.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Carousel</td>
+    <td width="33.3333%">:construction: Avatar</td>
+    <td width="33.3333%">:construction: Rating</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/carousel/">
+            <img alt="Tailwind CSS Carousel" src="https://flowbite.s3.amazonaws.com/github/carousel.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/avatar/">
+            <img alt="Tailwind CSS Avatar" src="https://flowbite.s3.amazonaws.com/github/avatar.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite-angular.com/#/rating/">
+            <img alt="Tailwind CSS Rating" src="https://flowbite.s3.amazonaws.com/github/rating.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Input Field</td>
+    <td width="33.3333%">:construction: File Input</td>
+    <td width="33.3333%">:construction: Search Input</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/input-field/">
+            <img alt="Tailwind CSS Input Field" src="https://flowbite.s3.amazonaws.com/github/input-field.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/file-input/">
+            <img alt="Tailwind CSS File Input" src="https://flowbite.s3.amazonaws.com/github/file-input.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/search-input/">
+            <img alt="Tailwind CSS Search Input" src="https://flowbite.s3.amazonaws.com/github/search-input.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Select</td>
+    <td width="33.3333%">:construction: Textarea</td>
+    <td width="33.3333%">:construction: Checkbox</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/select/">
+            <img alt="Tailwind CSS Select" src="https://flowbite.s3.amazonaws.com/github/select.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/textarea/">
+            <img alt="Tailwind CSS Textarea" src="https://flowbite.s3.amazonaws.com/github/textarea.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/checkbox/">
+            <img alt="Tailwind CSS Checkbox" src="https://flowbite.s3.amazonaws.com/github/checkbox.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Radio</td>
+    <td width="33.3333%">:construction: Toggle</td>
+    <td width="33.3333%">:construction: Range Slider</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/radio/">
+            <img alt="Tailwind CSS Radio" src="https://flowbite.s3.amazonaws.com/github/radio.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/toggle/">
+            <img alt="Tailwind CSS Toggle" src="https://flowbite.s3.amazonaws.com/github/toggle.jpg">
+        </a>
+    </td>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/range/">
+            <img alt="Tailwind CSS Range Slider" src="https://flowbite.s3.amazonaws.com/github/range-slider.jpg">
+        </a>
+    </td>
+  </tr>
+  <tr>
+    <td width="33.3333%">:construction: Floating Label</td>
+  </tr>
+  <tr>
+    <td width="33.3333%">
+        <a href="https://flowbite.com/docs/forms/floating-label/">
+            <img alt="Tailwind CSS Floating Label" src="https://flowbite.s3.amazonaws.com/github/floating-label.jpg">
+        </a>
+    </td>
+  </tr>
+</table>
+
+## Community
+
+If you need help or just want to discuss the library join the community on GitHub:
+
+⌨️ [Discuss Flowbite on GitHub](https://github.com/themesberg/flowbite/discussions)
+
+For casual chatting with others using the library:
+
+💬 [Join the Flowbite Discord Server](https://discord.gg/4eeurUVvTy)
+
+## Contributing
+
+Thank you for your interest in helping! Visit our [guide on contributing](https://github.com/themesberg/flowbite-angular/blob/main/CONTRIBUTING.md) to get started.
+
+## Figma
+
+If you need the Figma files for the components you can check out our website for more information:
+
+🎨 [Get access to the Figma design files](https://flowbite.com/figma/)
+
+## Copyright and license
+
+The Flowbite name and logos are trademarks of Crafty Dwarf Inc.
+
+📝 [Read about the licensing terms](https://flowbite.com/docs/getting-started/license/)

package/accordion/accordion-content.component.d.ts

@@ -4,10 +4,27 @@ import { AccordionPanelComponent } from './accordion-panel.component';
 import type { AccordionColors } from './accordion.theme';
 import { BaseComponent } from 'flowbite-angular';
 import * as i0 from "@angular/core";
+/**
+ * @see https://flowbite.com/docs/components/accordion/
+ */
 export declare class AccordionContentComponent extends BaseComponent<AccordionContentClass> {
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: AccordionContentThemeService;
+    /**
+     * The parent `AccordionPanelComponent`
+     */
     readonly accordionPanelComponent: AccordionPanelComponent;
+    /**
+     * Set the accordion content color
+     *
+     @default `AccordionPanelComponent`'s color
+     */
     color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    /**
+     * Set the custom style for this accordion content
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;

package/accordion/accordion-content.theme.d.ts

@@ -1,10 +1,16 @@
 import type { AccordionColors } from './accordion.theme';
 import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
+/**
+ * Required properties for the class generation of `AccordionContentComponent`
+ */
 export interface AccordionContentProperties {
     color: keyof AccordionColors;
     isOpen: keyof FlowbiteBoolean;
     customStyle: DeepPartial<AccordionContentTheme>;
 }
+/**
+ * Theme definition for `AccordionContentComponent`
+ */
 export interface AccordionContentTheme {
     root: {
         base: string;
@@ -12,5 +18,11 @@ export interface AccordionContentTheme {
         isOpen: FlowbiteBoolean;
     };
 }
+/**
+ * Default theme for `AccordionContentComponent`
+ */
 export declare const accordionContentTheme: AccordionContentTheme;
+/**
+ * Generated class definition for `AccordionContentComponent`
+ */
 export type AccordionContentClass = FlowbiteClass;

package/accordion/accordion-content.theme.service.d.ts

@@ -1,8 +1,19 @@
 import type { AccordionContentClass, AccordionContentProperties, AccordionContentTheme } from './accordion-content.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `AccordionContentTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN: InjectionToken<AccordionContentTheme>;
 export declare class AccordionContentThemeService implements FlowbiteThemeService<AccordionContentProperties> {
     private readonly baseTheme;
     getClasses(properties: AccordionContentProperties): AccordionContentClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionContentThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AccordionContentThemeService>;
 }

package/accordion/accordion-panel.component.d.ts

@@ -7,13 +7,41 @@ import type { AccordionColors } from './accordion.theme';
 import { BaseComponent } from 'flowbite-angular';
 import type { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * @see https://flowbite.com/docs/components/accordion/
+ */
 export declare class AccordionPanelComponent extends BaseComponent<AccordionPanelClass> implements OnInit {
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: AccordionPanelThemeService;
+    /**
+     * The parent `AccordionComponent`
+     */
     readonly accordionComponent: AccordionComponent;
+    /**
+     * The child `AccordionTitleComponent`
+     */
     readonly accordionTitleChild: import("@angular/core").Signal<AccordionTitleComponent | undefined>;
+    /**
+     * The child `AccordionContentComponent`
+     */
     readonly accordionContentChild: import("@angular/core").Signal<AccordionContentComponent | undefined>;
+    /**
+     * Set the accordion panel color
+     *
+     * @default `AccordionComponent`'s color
+     */
     color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    /**
+     * Set if the accordion panel is open or not
+     *
+     * @default false
+     */
     isOpen: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * Set the custom style for this accordion panel
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;
@@ -21,6 +49,11 @@ export declare class AccordionPanelComponent extends BaseComponent<AccordionPane
     }>;
     fetchClass(): AccordionPanelClass;
     verify(): void;
+    /**
+     * Toggle isOpen for itself and close every other `AccordionPanelComponent` if the parent `AccordionComponent`'s isAlwaysOpen is false
+     *
+     * @param isOpen Instead of toggle, it can set the value provided
+     */
     toggleVisibility(isOpen?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanelComponent, "flowbite-accordion-panel", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "isOpen": "isOpenChange"; "customStyle": "customStyleChange"; }, ["accordionTitleChild", "accordionContentChild"], ["*"], true, never>;

package/accordion/accordion-panel.theme.d.ts

@@ -1,11 +1,23 @@
 import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
+/**
+ * Required properties for th class generation of `AccordionPanelComponent`
+ */
 export interface AccordionPanelProperties {
     customStyle: DeepPartial<AccordionPanelTheme>;
 }
+/**
+ * Theme definition for `AccordionPanelComponent`
+ */
 export interface AccordionPanelTheme {
     root: {
         base: string;
     };
 }
+/**
+ * Default theme for `AccordionPanelComponent`
+ */
 export declare const accordionPanelTheme: AccordionPanelTheme;
+/**
+ * Generated class definition for `AccordionPanelComponent`
+ */
 export type AccordionPanelClass = FlowbiteClass;

package/accordion/accordion-panel.theme.service.d.ts

@@ -2,8 +2,19 @@ import type { AccordionPanelProperties, AccordionPanelTheme } from './accordion-
 import type { AccordionClass } from './accordion.theme';
 import type { FlowbiteThemeService } from 'flowbite-angular';
 import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * `InjectionToken` used to import `AccordionPanelTheme` value
+ *
+ * @example
+ * ```
+ * var theme = inject(FLOWBITE_ACCORDION_PANEL_THEME_TOKEN)
+ * ```
+ */
 export declare const FLOWBITE_ACCORDION_PANEL_THEME_TOKEN: InjectionToken<AccordionPanelTheme>;
 export declare class AccordionPanelThemeService implements FlowbiteThemeService<AccordionPanelProperties> {
     private readonly baseTheme;
     getClasses(properties: AccordionPanelProperties): AccordionClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanelThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AccordionPanelThemeService>;
 }

package/accordion/accordion-title.component.d.ts

@@ -7,12 +7,35 @@ import { IconRegistry } from 'flowbite-angular/icon';
 import type { OnInit } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
+/**
+ * @see https://flowbite.com/docs/components/accordion/
+ */
 export declare class AccordionTitleComponent extends BaseComponent<AccordionTitleClass> implements OnInit {
+    /**
+     * Service injected used to generate class
+     */
     readonly themeService: AccordionTitleThemeService;
+    /**
+     * The parent `AccordionPanelComponent`
+     */
     readonly accordionPanelComponent: AccordionPanelComponent;
+    /**
+     * `IconRegistry` service
+     */
     readonly iconRegistry: IconRegistry;
+    /**
+     * `DomSanitizer` service
+     */
     readonly domSanitizer: DomSanitizer;
+    /**
+     * Set the accordion title color
+     *
+     * @default `AccordionPanelComponents`'s color
+     */
     color: import("@angular/core").ModelSignal<keyof AccordionColors>;
+    /**
+     * Set the custom style for this accordion title
+     */
     customStyle: import("@angular/core").ModelSignal<{
         root?: {
             base?: string | undefined;
@@ -40,6 +63,9 @@ export declare class AccordionTitleComponent extends BaseComponent<AccordionTitl
     }>;
     fetchClass(): AccordionTitleClass;
     init(): void;
+    /**
+     * Toggle the parent `AccordionPanelComponent`'s isOpen
+     */
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTitleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AccordionTitleComponent, "flowbite-accordion-title", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;

package/accordion/accordion-title.theme.d.ts

@@ -1,11 +1,17 @@
 import type { AccordionColors } from './accordion.theme';
 import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
+/**
+ * Required properties for the class generation of `AccordionTitleComponent`
+ */
 export interface AccordionTitleProperties {
     color: keyof AccordionColors;
     isOpen: keyof FlowbiteBoolean;
     isFlush: keyof FlowbiteBoolean;
     customStyle: DeepPartial<AccordionTitleTheme>;
 }
+/**
+ * Theme definition for `AccordionTitleComponent`
+ */
 export interface AccordionTitleTheme {
     root: {
         base: string;
@@ -17,7 +23,13 @@ export interface AccordionTitleTheme {
         base: string;
     };
 }
+/**
+ * Default theme for `AccordionTitleComponent`
+ */
 export declare const accordionTitleTheme: AccordionTitleTheme;
+/**
+ * Generated class definition for `AccordionTitleComponent`
+ */
 export interface AccordionTitleClass extends FlowbiteClass {
     textClass: string;
 }