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

package/fesm2022/flowbite-angular-dark-theme-toggle.mjs

@@ -0,0 +1,105 @@
+import { mergeTheme, SUN_SVG_ICON, MOON_SVG_ICON, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, afterNextRender, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent } from 'flowbite-angular';
+import { IconRegistry, IconComponent } from 'flowbite-angular/icon';
+import { NgIf, NgClass } from '@angular/common';
+import { DomSanitizer } from '@angular/platform-browser';
+
+const FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN = new InjectionToken('FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN');
+class DarkThemeToggleThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+class DarkThemeToggleComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(DarkThemeToggleThemeService);
+        this.iconRegistry = inject(IconRegistry);
+        this.domSanitizer = inject(DomSanitizer);
+        //#region properties
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            customStyle: this.customStyle(),
+        });
+    }
+    init() {
+        afterNextRender(() => {
+            this.toggleTheme(this.getTheme());
+        }, { injector: this.injector });
+        this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'sun', this.domSanitizer.bypassSecurityTrustHtml(SUN_SVG_ICON));
+        this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'moon', this.domSanitizer.bypassSecurityTrustHtml(MOON_SVG_ICON));
+    }
+    //#endregion
+    onClick() {
+        this.toggleTheme();
+    }
+    getTheme() {
+        return localStorage.getItem('color-theme') === 'dark' ? 'dark' : 'light';
+    }
+    toggleTheme(theme) {
+        if (!theme) {
+            const tmpTheme = this.getTheme();
+            if (tmpTheme === 'dark')
+                theme = 'light';
+            else
+                theme = 'dark';
+        }
+        this.setTheme(theme);
+    }
+    setTheme(theme) {
+        localStorage.setItem('color-theme', theme);
+        theme === 'dark'
+            ? document.documentElement.classList.add('dark')
+            : document.documentElement.classList.remove('dark');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DarkThemeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: DarkThemeToggleComponent, isStandalone: true, selector: "flowbite-dark-theme-toggle", inputs: { customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { customStyle: "customStyleChange" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: `
+    <flowbite-icon svgIcon="flowbite-angular:moon" class="h-5 w-5 block dark:hidden" />
+    <flowbite-icon svgIcon="flowbite-angular:sun" class="h-5 w-5 hidden dark:block" />
+  `, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "flowbite-icon", inputs: ["svgIcon"], outputs: ["svgIconChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DarkThemeToggleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgIf, NgClass, IconComponent],
+                    selector: 'flowbite-dark-theme-toggle',
+                    template: `
+    <flowbite-icon svgIcon="flowbite-angular:moon" class="h-5 w-5 block dark:hidden" />
+    <flowbite-icon svgIcon="flowbite-angular:sun" class="h-5 w-5 hidden dark:block" />
+  `,
+                    host: {
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const darkThemeToggleTheme = createTheme({
+    root: {
+        base: 'cursor-pointer rounded-lg p-2.5 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700',
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DarkThemeToggleComponent, DarkThemeToggleThemeService, FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN, darkThemeToggleTheme };
+//# sourceMappingURL=flowbite-angular-dark-theme-toggle.mjs.map

package/fesm2022/flowbite-angular-dark-theme-toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-dark-theme-toggle.mjs","sources":["../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.theme.service.ts","../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.component.ts","../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.theme.ts","../../../../libs/flowbite-angular/dark-theme-toggle/flowbite-angular-dark-theme-toggle.ts"],"sourcesContent":["import type {\n  DarkThemeToggleClass,\n  DarkThemeToggleProperties,\n  DarkThemeToggleTheme,\n} from './dark-theme-toggle.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\nexport const FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN = new InjectionToken<DarkThemeToggleTheme>(\n  'FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN'\n);\n\nexport class DarkThemeToggleThemeService\n  implements FlowbiteThemeService<DarkThemeToggleProperties>\n{\n  private readonly baseTheme = inject(FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN);\n\n  public getClasses(properties: DarkThemeToggleProperties): DarkThemeToggleClass {\n    const theme: DarkThemeToggleTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: DarkThemeToggleClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import type { DarkThemeToggleClass, DarkThemeToggleTheme } from './dark-theme-toggle.theme';\nimport { DarkThemeToggleThemeService } from './dark-theme-toggle.theme.service';\n\nimport type { DeepPartial, FlowbiteTheme } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { MOON_SVG_ICON, SUN_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass, NgIf } from '@angular/common';\nimport {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n  standalone: true,\n  imports: [NgIf, NgClass, IconComponent],\n  selector: 'flowbite-dark-theme-toggle',\n  template: `\n    <flowbite-icon svgIcon=\"flowbite-angular:moon\" class=\"h-5 w-5 block dark:hidden\" />\n    <flowbite-icon svgIcon=\"flowbite-angular:sun\" class=\"h-5 w-5 hidden dark:block\" />\n  `,\n  host: {\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DarkThemeToggleComponent extends BaseComponent<DarkThemeToggleClass> {\n  public readonly themeService = inject(DarkThemeToggleThemeService);\n  public readonly iconRegistry = inject(IconRegistry);\n  public readonly domSanitizer = inject(DomSanitizer);\n\n  //#region properties\n  public customStyle = model<DeepPartial<DarkThemeToggleTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): DarkThemeToggleClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override init(): void {\n    afterNextRender(\n      () => {\n        this.toggleTheme(this.getTheme());\n      },\n      { injector: this.injector }\n    );\n\n    this.iconRegistry.addRawSvgIconInNamepsace(\n      'flowbite-angular',\n      'sun',\n      this.domSanitizer.bypassSecurityTrustHtml(SUN_SVG_ICON)\n    );\n    this.iconRegistry.addRawSvgIconInNamepsace(\n      'flowbite-angular',\n      'moon',\n      this.domSanitizer.bypassSecurityTrustHtml(MOON_SVG_ICON)\n    );\n  }\n  //#endregion\n\n  public onClick() {\n    this.toggleTheme();\n  }\n\n  private getTheme(): FlowbiteTheme {\n    return localStorage.getItem('color-theme') === 'dark' ? 'dark' : 'light';\n  }\n\n  private toggleTheme(theme?: FlowbiteTheme): void {\n    if (!theme) {\n      const tmpTheme = this.getTheme();\n\n      if (tmpTheme === 'dark') theme = 'light';\n      else theme = 'dark';\n    }\n\n    this.setTheme(theme);\n  }\n\n  private setTheme(theme: FlowbiteTheme): void {\n    localStorage.setItem('color-theme', theme);\n\n    theme === 'dark'\n      ? document.documentElement.classList.add('dark')\n      : document.documentElement.classList.remove('dark');\n  }\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface DarkThemeToggleProperties {\n  customStyle: DeepPartial<DarkThemeToggleTheme>;\n}\n\nexport interface DarkThemeToggleTheme {\n  root: {\n    base: string;\n  };\n}\nexport const darkThemeToggleTheme: DarkThemeToggleTheme = createTheme({\n  root: {\n    base: 'cursor-pointer rounded-lg p-2.5 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700',\n  },\n});\n\nexport type DarkThemeToggleClass = FlowbiteClass;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/flowbite-angular-dropdown.mjs

@@ -0,0 +1,368 @@
+import { mergeTheme, CHEVRON_DOWN_SVG_ICON, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, Component, ViewEncapsulation, ChangeDetectionStrategy, contentChildren, ViewChild } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';
+import { NgClass } from '@angular/common';
+import { IconRegistry, IconComponent } from 'flowbite-angular/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { computePosition, offset, flip, shift, autoUpdate } from '@floating-ui/dom';
+
+const FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN = new InjectionToken('FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN');
+class DropdownDividerThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+class DropdownDividerComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(DropdownDividerThemeService);
+        this.dropdownComponent = inject(DropdownComponent);
+        //#region properties
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            customStyle: this.customStyle(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownDividerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: DropdownDividerComponent, isStandalone: true, selector: "flowbite-dropdown-divider", inputs: { customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { customStyle: "customStyleChange" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownDividerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-dropdown-divider',
+                    template: ``,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN = new InjectionToken('FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN');
+class DropdownHeaderThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+            root: twMerge(theme.content.base),
+        };
+        return output;
+    }
+}
+
+class DropdownHeaderComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(DropdownHeaderThemeService);
+        this.dropdownComponent = inject(DropdownComponent);
+        //#region properties
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            customStyle: this.customStyle(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: DropdownHeaderComponent, isStandalone: true, selector: "flowbite-dropdown-header", inputs: { customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { customStyle: "customStyleChange" }, usesInheritance: true, ngImport: i0, template: `
+    <div [ngClass]="contentClasses().root">
+      <ng-content />
+    </div>
+    <div class="my-1 h-px bg-gray-100 dark:bg-gray-600"></div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-dropdown-header',
+                    template: `
+    <div [ngClass]="contentClasses().root">
+      <ng-content />
+    </div>
+    <div class="my-1 h-px bg-gray-100 dark:bg-gray-600"></div>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN = new InjectionToken('FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN');
+class DropdownItemThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+class DropdownItemComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(DropdownItemThemeService);
+        this.dropdownComponent = inject(DropdownComponent);
+        //#region properties
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            customStyle: this.customStyle(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: DropdownItemComponent, isStandalone: true, selector: "flowbite-dropdown-item", inputs: { customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { customStyle: "customStyleChange" }, usesInheritance: true, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-dropdown-item',
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_DROPDOWN_THEME_TOKEN = new InjectionToken('FLOWBITE_DROPDOWN_THEME_TOKEN');
+class DropdownThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_DROPDOWN_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+            dropdownClass: twMerge(theme.dropdown.base),
+            spanClass: twMerge(theme.span.base),
+            containerClass: twMerge(theme.container.base, theme.container.isOpen[properties.isOpen], theme.container.placement[properties.placement]),
+            contentClass: twMerge(theme.content.base),
+            subContentClass: twMerge(theme.subContent.base),
+        };
+        return output;
+    }
+}
+
+/**
+ * @see https://flowbite.com/docs/components/dropdowns/
+ */
+class DropdownComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(DropdownThemeService);
+        this.iconRegistry = inject(IconRegistry);
+        this.domSanitizer = inject(DomSanitizer);
+        this.dropdownItemChildren = contentChildren(DropdownItemComponent);
+        this.dropdownHeaderChildren = contentChildren(DropdownHeaderComponent);
+        this.dropdownDividerChildren = contentChildren(DropdownDividerComponent);
+        //#region properties
+        this.label = model('Dropdown');
+        this.isOpen = model(false);
+        this.position = model('bottom-center');
+        this.customStyle = model({});
+        //#endregion
+        this.x = 0;
+        this.y = 0;
+        this.width = 0;
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            label: this.label(),
+            isOpen: booleanToFlowbiteBoolean(this.isOpen()),
+            placement: this.position(),
+            customStyle: this.customStyle(),
+        });
+    }
+    init() {
+        this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'chevron-down', this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_DOWN_SVG_ICON));
+    }
+    verify() {
+        if (this.dropdownItemChildren().length === 0) {
+            throw new Error('No DropdownItemComponent available');
+        }
+    }
+    toggle() {
+        this.isOpen.set(!this.isOpen());
+    }
+    calculatePosition() {
+        computePosition(this.button.nativeElement, this.dropdown.nativeElement, {
+            placement: this.convertPosition(this.position()),
+            middleware: [offset(8), flip(), shift()],
+        }).then(({ x, y }) => {
+            this.dropdown.nativeElement.style.left = x + 'px';
+            this.dropdown.nativeElement.style.top = y + 'px';
+            this.width = this.button.nativeElement.offsetWidth;
+        });
+    }
+    ngAfterViewInit() {
+        autoUpdate(this.button.nativeElement, this.dropdown.nativeElement, () => {
+            if (!this.isOpen())
+                return;
+            this.calculatePosition();
+        });
+    }
+    // Onclick outside the dropdown, close it
+    clickout(event) {
+        if (!this.dropdown.nativeElement.contains(event.target) &&
+            this.isOpen() &&
+            !this.button.nativeElement.contains(event.target)) {
+            this.isOpen.set(false);
+        }
+    }
+    convertPosition(pos) {
+        switch (pos) {
+            case 'top-center':
+                return 'top';
+            case 'bottom-center':
+                return 'bottom';
+            case 'left-center':
+                return 'left';
+            case 'right-center':
+                return 'right';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.0", type: DropdownComponent, isStandalone: true, selector: "flowbite-dropdown", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { label: "labelChange", isOpen: "isOpenChange", position: "positionChange", customStyle: "customStyleChange" }, host: { listeners: { "document:click": "clickout($event)" } }, queries: [{ propertyName: "dropdownItemChildren", predicate: DropdownItemComponent, isSignal: true }, { propertyName: "dropdownHeaderChildren", predicate: DropdownHeaderComponent, isSignal: true }, { propertyName: "dropdownDividerChildren", predicate: DropdownDividerComponent, isSignal: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <button type="button" [ngClass]="contentClasses().dropdownClass" (click)="toggle()" #button>
+      <span [ngClass]="contentClasses().spanClass">
+        {{ label() }}
+        <flowbite-icon svgIcon="flowbite-angular:chevron-down" class="ml-2 h-4 w-4" />
+      </span>
+    </button>
+    <div
+      [ngClass]="contentClasses().containerClass"
+      #dropdown
+      [style.display]="isOpen() ? 'block' : 'none'">
+      <div [ngClass]="contentClasses().contentClass">
+        <ul [ngClass]="contentClasses().subContentClass">
+          <ng-content />
+        </ul>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "flowbite-icon", inputs: ["svgIcon"], outputs: ["svgIconChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass, IconComponent],
+                    selector: 'flowbite-dropdown',
+                    template: `
+    <button type="button" [ngClass]="contentClasses().dropdownClass" (click)="toggle()" #button>
+      <span [ngClass]="contentClasses().spanClass">
+        {{ label() }}
+        <flowbite-icon svgIcon="flowbite-angular:chevron-down" class="ml-2 h-4 w-4" />
+      </span>
+    </button>
+    <div
+      [ngClass]="contentClasses().containerClass"
+      #dropdown
+      [style.display]="isOpen() ? 'block' : 'none'">
+      <div [ngClass]="contentClasses().contentClass">
+        <ul [ngClass]="contentClasses().subContentClass">
+          <ng-content />
+        </ul>
+      </div>
+    </div>
+  `,
+                    host: {
+                        '(document:click)': 'clickout($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { dropdown: [{
+                type: ViewChild,
+                args: ['dropdown']
+            }], button: [{
+                type: ViewChild,
+                args: ['button']
+            }] } });
+
+const dropdownTheme = createTheme({
+    root: {
+        base: '',
+    },
+    dropdown: {
+        base: 'text-white bg-blue-700 border border-transparent hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 disabled:hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 dark:disabled:hover:bg-blue-600 group flex h-min items-center justify-center p-0.5 text-center font-medium focus:z-10 rounded-lg',
+    },
+    span: {
+        base: 'flex items-center rounded-md text-sm px-4 py-2',
+    },
+    container: {
+        base: 'z-10 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 min-w-fit absolute',
+        isOpen: {
+            enabled: 'block',
+            disabled: 'hidden',
+        },
+        placement: {
+            'top-center': '',
+            'bottom-center': '',
+            'left-center': '',
+            'right-center': '',
+        },
+    },
+    content: {
+        base: 'py-1 text-sm text-gray-700 dark:text-gray-200 shadow-md',
+    },
+    subContent: {
+        base: 'py-1',
+    },
+});
+
+const dropdownItemTheme = {
+    root: {
+        base: 'flex items-center justify-start py-2 px-4 text-sm text-gray-700 cursor-pointer hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-white',
+    },
+};
+
+const dropdownDividerTheme = createTheme({
+    root: {
+        base: 'block my-1 h-px bg-gray-100 dark:bg-gray-600',
+    },
+});
+
+const dropdownHeaderTheme = createTheme({
+    root: {
+        base: '',
+    },
+    content: {
+        base: 'block py-2 px-4 text-sm text-gray-700 dark:text-gray-200',
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DropdownComponent, DropdownDividerComponent, DropdownDividerThemeService, DropdownHeaderComponent, DropdownHeaderThemeService, DropdownItemComponent, DropdownItemThemeService, DropdownThemeService, FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN, FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN, FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN, FLOWBITE_DROPDOWN_THEME_TOKEN, dropdownDividerTheme, dropdownHeaderTheme, dropdownItemTheme, dropdownTheme };
+//# sourceMappingURL=flowbite-angular-dropdown.mjs.map

package/fesm2022/flowbite-angular-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-dropdown.mjs","sources":["../../../../libs/flowbite-angular/dropdown/dropdown-divider.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-divider.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-divider.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.theme.ts","../../../../libs/flowbite-angular/dropdown/flowbite-angular-dropdown.ts"],"sourcesContent":["import type {\n  DropdownDividerClass,\n  DropdownDividerProperties,\n  DropdownDividerTheme,\n} from './dropdown-divider.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\nexport const FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN = new InjectionToken<DropdownDividerTheme>(\n  'FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN'\n);\n\nexport class DropdownDividerThemeService\n  implements FlowbiteThemeService<DropdownDividerProperties>\n{\n  private readonly baseTheme = inject(FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN);\n\n  public getClasses(properties: DropdownDividerProperties): DropdownDividerClass {\n    const theme: DropdownDividerTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: DropdownDividerClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import type { DropdownDividerClass, DropdownDividerTheme } from './dropdown-divider.theme';\nimport { DropdownDividerThemeService } from './dropdown-divider.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-dropdown-divider',\n  template: ``,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownDividerComponent extends BaseComponent<DropdownDividerClass> {\n  public readonly themeService = inject(DropdownDividerThemeService);\n  public readonly dropdownComponent = inject(DropdownComponent);\n\n  //#region properties\n  public customStyle = model<Partial<DropdownDividerTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): DropdownDividerClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  DropdownHeaderClass,\n  DropdownHeaderProperties,\n  DropdownHeaderTheme,\n} from './dropdown-header.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\nexport const FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN = new InjectionToken<DropdownHeaderTheme>(\n  'FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN'\n);\n\nexport class DropdownHeaderThemeService implements FlowbiteThemeService<DropdownHeaderProperties> {\n  private readonly baseTheme = inject(FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN);\n\n  public getClasses(properties: DropdownHeaderProperties): DropdownHeaderClass {\n    const theme: DropdownHeaderTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: DropdownHeaderClass = {\n      rootClass: twMerge(theme.root.base),\n      root: twMerge(theme.content.base),\n    };\n\n    return output;\n  }\n}\n","import type { DropdownHeaderClass, DropdownHeaderTheme } from './dropdown-header.theme';\nimport { DropdownHeaderThemeService } from './dropdown-header.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-dropdown-header',\n  template: `\n    <div [ngClass]=\"contentClasses().root\">\n      <ng-content />\n    </div>\n    <div class=\"my-1 h-px bg-gray-100 dark:bg-gray-600\"></div>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownHeaderComponent extends BaseComponent<DropdownHeaderClass> {\n  public readonly themeService = inject(DropdownHeaderThemeService);\n  public readonly dropdownComponent = inject(DropdownComponent);\n\n  //#region properties\n  public customStyle = model<Partial<DropdownHeaderTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): DropdownHeaderClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  DropdownItemClass,\n  DropdownItemProperties,\n  DropdownItemTheme,\n} from './dropdown-item.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\nexport const FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN = new InjectionToken<DropdownItemTheme>(\n  'FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN'\n);\n\nexport class DropdownItemThemeService implements FlowbiteThemeService<DropdownItemProperties> {\n  private readonly baseTheme = inject(FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN);\n\n  public getClasses(properties: DropdownItemProperties): DropdownItemClass {\n    const theme: DropdownItemTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: DropdownItemClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import type { DropdownItemClass, DropdownItemTheme } from './dropdown-item.theme';\nimport { DropdownItemThemeService } from './dropdown-item.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-dropdown-item',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownItemComponent extends BaseComponent<DropdownItemClass> {\n  public readonly themeService = inject(DropdownItemThemeService);\n  public readonly dropdownComponent = inject(DropdownComponent);\n\n  //#region properties\n  public customStyle = model<DeepPartial<DropdownItemTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): DropdownItemClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type { DropdownClass, DropdownProperties, DropdownTheme } from './dropdown.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\nexport const FLOWBITE_DROPDOWN_THEME_TOKEN = new InjectionToken<DropdownTheme>(\n  'FLOWBITE_DROPDOWN_THEME_TOKEN'\n);\n\nexport class DropdownThemeService implements FlowbiteThemeService<DropdownProperties> {\n  private readonly baseTheme = inject(FLOWBITE_DROPDOWN_THEME_TOKEN);\n\n  public getClasses(properties: DropdownProperties): DropdownClass {\n    const theme: DropdownTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: DropdownClass = {\n      rootClass: twMerge(theme.root.base),\n      dropdownClass: twMerge(theme.dropdown.base),\n      spanClass: twMerge(theme.span.base),\n      containerClass: twMerge(\n        theme.container.base,\n        theme.container.isOpen[properties.isOpen],\n        theme.container.placement[properties.placement]\n      ),\n      contentClass: twMerge(theme.content.base),\n      subContentClass: twMerge(theme.subContent.base),\n    };\n\n    return output;\n  }\n}\n","import { DropdownDividerComponent } from './dropdown-divider.component';\nimport { DropdownHeaderComponent } from './dropdown-header.component';\nimport { DropdownItemComponent } from './dropdown-item.component';\nimport type { DropdownClass, DropdownPositions, DropdownTheme } from './dropdown.theme';\nimport { DropdownThemeService } from './dropdown.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { CHEVRON_DOWN_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass } from '@angular/common';\nimport type { AfterViewInit } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  ElementRef,\n  inject,\n  model,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport type { Placement } from '@floating-ui/dom';\nimport { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n  standalone: true,\n  imports: [NgClass, IconComponent],\n  selector: 'flowbite-dropdown',\n  template: `\n    <button type=\"button\" [ngClass]=\"contentClasses().dropdownClass\" (click)=\"toggle()\" #button>\n      <span [ngClass]=\"contentClasses().spanClass\">\n        {{ label() }}\n        <flowbite-icon svgIcon=\"flowbite-angular:chevron-down\" class=\"ml-2 h-4 w-4\" />\n      </span>\n    </button>\n    <div\n      [ngClass]=\"contentClasses().containerClass\"\n      #dropdown\n      [style.display]=\"isOpen() ? 'block' : 'none'\">\n      <div [ngClass]=\"contentClasses().contentClass\">\n        <ul [ngClass]=\"contentClasses().subContentClass\">\n          <ng-content />\n        </ul>\n      </div>\n    </div>\n  `,\n  host: {\n    '(document:click)': 'clickout($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownComponent extends BaseComponent<DropdownClass> implements AfterViewInit {\n  @ViewChild('dropdown') dropdown!: ElementRef;\n  @ViewChild('button') button!: ElementRef;\n\n  public readonly themeService = inject(DropdownThemeService);\n  public readonly iconRegistry = inject(IconRegistry);\n  public readonly domSanitizer = inject(DomSanitizer);\n  public readonly dropdownItemChildren = contentChildren(DropdownItemComponent);\n  public readonly dropdownHeaderChildren = contentChildren(DropdownHeaderComponent);\n  public readonly dropdownDividerChildren = contentChildren(DropdownDividerComponent);\n\n  //#region properties\n  public label = model('Dropdown');\n  public isOpen = model<boolean>(false);\n  public position = model<keyof DropdownPositions>('bottom-center');\n  public customStyle = model<DeepPartial<DropdownTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): DropdownClass {\n    return this.themeService.getClasses({\n      label: this.label(),\n      isOpen: booleanToFlowbiteBoolean(this.isOpen()),\n      placement: this.position(),\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override init(): void {\n    this.iconRegistry.addRawSvgIconInNamepsace(\n      'flowbite-angular',\n      'chevron-down',\n      this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_DOWN_SVG_ICON)\n    );\n  }\n\n  public override verify(): void {\n    if (this.dropdownItemChildren().length === 0) {\n      throw new Error('No DropdownItemComponent available');\n    }\n  }\n  //#endregion\n\n  x = 0;\n  y = 0;\n  width = 0;\n\n  toggle() {\n    this.isOpen.set(!this.isOpen());\n  }\n\n  calculatePosition() {\n    computePosition(this.button.nativeElement, this.dropdown.nativeElement, {\n      placement: this.convertPosition(this.position()),\n      middleware: [offset(8), flip(), shift()],\n    }).then(({ x, y }: { x: number; y: number }) => {\n      this.dropdown.nativeElement.style.left = x + 'px';\n      this.dropdown.nativeElement.style.top = y + 'px';\n      this.width = this.button.nativeElement.offsetWidth;\n    });\n  }\n\n  ngAfterViewInit() {\n    autoUpdate(this.button.nativeElement, this.dropdown.nativeElement, () => {\n      if (!this.isOpen()) return;\n      this.calculatePosition();\n    });\n  }\n\n  // Onclick outside the dropdown, close it\n  clickout(event: Event) {\n    if (\n      !this.dropdown.nativeElement.contains(event.target) &&\n      this.isOpen() &&\n      !this.button.nativeElement.contains(event.target)\n    ) {\n      this.isOpen.set(false);\n    }\n  }\n\n  convertPosition(pos: keyof DropdownPositions): Placement {\n    switch (pos) {\n      case 'top-center':\n        return 'top';\n      case 'bottom-center':\n        return 'bottom';\n      case 'left-center':\n        return 'left';\n      case 'right-center':\n        return 'right';\n    }\n  }\n}\n","import type {\n  DeepPartial,\n  FlowbiteBoolean,\n  FlowbiteClass,\n  FlowbitePositions,\n} from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n//#region Component theme option\nexport interface DropdownPositions extends Pick<FlowbitePositions, 'bottom-center' | 'top-center'> {\n  'left-center': string;\n  'right-center': string;\n}\n//#endregion\n\nexport interface DropdownProperties {\n  label: string;\n  isOpen: keyof FlowbiteBoolean;\n  placement: keyof DropdownPositions;\n  customStyle: DeepPartial<DropdownTheme>;\n}\n\nexport interface DropdownTheme {\n  root: {\n    base: string;\n  };\n  dropdown: {\n    base: string;\n  };\n  span: {\n    base: string;\n  };\n  container: {\n    base: string;\n    isOpen: FlowbiteBoolean;\n    placement: DropdownPositions;\n  };\n  content: {\n    base: string;\n  };\n  subContent: {\n    base: string;\n  };\n}\n\nexport const dropdownTheme: DropdownTheme = createTheme({\n  root: {\n    base: '',\n  },\n  dropdown: {\n    base: 'text-white bg-blue-700 border border-transparent hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 disabled:hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 dark:disabled:hover:bg-blue-600 group flex h-min items-center justify-center p-0.5 text-center font-medium focus:z-10 rounded-lg',\n  },\n  span: {\n    base: 'flex items-center rounded-md text-sm px-4 py-2',\n  },\n  container: {\n    base: 'z-10 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 min-w-fit absolute',\n    isOpen: {\n      enabled: 'block',\n      disabled: 'hidden',\n    },\n    placement: {\n      'top-center': '',\n      'bottom-center': '',\n      'left-center': '',\n      'right-center': '',\n    },\n  },\n  content: {\n    base: 'py-1 text-sm text-gray-700 dark:text-gray-200 shadow-md',\n  },\n  subContent: {\n    base: 'py-1',\n  },\n});\n\nexport interface DropdownClass extends FlowbiteClass {\n  dropdownClass: string;\n  spanClass: string;\n  containerClass: string;\n  contentClass: string;\n  subContentClass: string;\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\n\nexport interface DropdownItemProperties {\n  customStyle: DeepPartial<DropdownItemTheme>;\n}\n\nexport interface DropdownItemTheme {\n  root: {\n    base: string;\n  };\n}\n\nexport const dropdownItemTheme: DropdownItemTheme = {\n  root: {\n    base: 'flex items-center justify-start py-2 px-4 text-sm text-gray-700 cursor-pointer hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-white',\n  },\n};\n\nexport type DropdownItemClass = FlowbiteClass;\n","import type { FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface DropdownDividerProperties {\n  customStyle: Partial<DropdownDividerTheme>;\n}\n\nexport interface DropdownDividerTheme {\n  root: {\n    base: string;\n  };\n}\n\nexport const dropdownDividerTheme: DropdownDividerTheme = createTheme({\n  root: {\n    base: 'block my-1 h-px bg-gray-100 dark:bg-gray-600',\n  },\n});\n\nexport type DropdownDividerClass = FlowbiteClass;\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface DropdownHeaderProperties {\n  customStyle: DeepPartial<DropdownHeaderTheme>;\n}\n\nexport interface DropdownHeaderTheme {\n  root: {\n    base: string;\n  };\n  content: {\n    base: string;\n  };\n}\n\nexport const dropdownHeaderTheme: DropdownHeaderTheme = createTheme({\n  root: {\n    base: '',\n  },\n  content: {\n    base: 'block py-2 px-4 text-sm text-gray-700 dark:text-gray-200',\n  },\n});\n\nexport interface DropdownHeaderClass extends FlowbiteClass {\n  root: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}