flowbite-angular 20.1.2 → 21.0.0

package/fesm2022/flowbite-angular-navbar.mjs

@@ -90,19 +90,19 @@ class Navbar {
         /**
          * @see {@link injectFlowbiteNavbarConfig}
          */
-        this.fixed = input(this.config.fixed, { transform: booleanAttribute });
+        this.fixed = input(this.config.fixed, { ...(ngDevMode ? { debugName: "fixed" } : {}), transform: booleanAttribute });
         /**
          * @see {@link injectFlowbiteNavbarConfig}
          */
-        this.open = input(this.config.open, { transform: booleanAttribute });
+        this.open = input(this.config.open, { ...(ngDevMode ? { debugName: "open" } : {}), transform: booleanAttribute });
         /**
          * @see {@link injectFlowbiteNavbarConfig}
          */
-        this.color = input(this.config.color);
+        this.color = input(this.config.color, ...(ngDevMode ? [{ debugName: "color" }] : []));
         /**
          * @see {@link injectFlowbiteNavbarConfig}
          */
-        this.customTheme = input(this.config.customTheme);
+        this.customTheme = input(this.config.customTheme, ...(ngDevMode ? [{ debugName: "customTheme" }] : []));
         this.theme = computed(() => {
             const mergedTheme = mergeDeep(this.config.baseTheme, this.state.customTheme());
             return {
@@ -113,7 +113,7 @@ class Navbar {
                     root: twMerge(mergedTheme.container.base, mergedTheme.container.transition),
                 },
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "theme" }] : []));
         /**
          * @internal
          */
@@ -126,34 +126,34 @@ class Navbar {
         newState ??= !this.state.open();
         this.state.open.set(newState);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Navbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: Navbar, isStandalone: true, selector: "\n    nav[flowbiteNavbar]\n  ", inputs: { fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarState({ inherit: true })], exportAs: ["flowbiteNavbar"], ngImport: i0, template: `
-    <div [class]="theme().container.root">
-      <ng-content />
-    </div>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: Navbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: Navbar, isStandalone: true, selector: "\n    nav[flowbiteNavbar]\n  ", inputs: { fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarState({ inherit: true })], exportAs: ["flowbiteNavbar"], ngImport: i0, template: `
+    <div [class]="theme().container.root">
+      <ng-content />
+    </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Navbar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: Navbar, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
-                    selector: `
-    nav[flowbiteNavbar]
+                    selector: `
+    nav[flowbiteNavbar]
   `,
                     exportAs: 'flowbiteNavbar',
                     hostDirectives: [],
                     imports: [],
                     providers: [provideFlowbiteNavbarState({ inherit: true })],
                     host: { '[class]': `theme().host.root` },
-                    template: `
-    <div [class]="theme().container.root">
-      <ng-content />
-    </div>
+                    template: `
+    <div [class]="theme().container.root">
+      <ng-content />
+    </div>
   `,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }] });
+        }], propDecorators: { fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], customTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTheme", required: false }] }] } });
 
 const flowbiteNavbarItemTheme = createTheme({
     host: {
@@ -228,7 +228,7 @@ class NavbarItem {
         /**
          * @see {@link injectFlowbiteNavbarItemConfig}
          */
-        this.customTheme = input(this.config.customTheme);
+        this.customTheme = input(this.config.customTheme, ...(ngDevMode ? [{ debugName: "customTheme" }] : []));
         this.theme = computed(() => {
             const mergedTheme = mergeDeep(this.config.baseTheme, this.state.customTheme());
             return {
@@ -236,7 +236,7 @@ class NavbarItem {
                     root: twMerge(mergedTheme.host.base, mergedTheme.host.transition, mergedTheme.host.focus, mergedTheme.host.disabled, colorToTheme(mergedTheme.host.color, this.navbarState().color())),
                 },
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "theme" }] : []));
         this.state = flowbiteNavbarItemState(this);
     }
     /**
@@ -251,16 +251,16 @@ class NavbarItem {
     toggleNavbar() {
         this.navbarState().toggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NavbarItem, isStandalone: true, selector: "\n    a[flowbiteNavbarItem],\n    button[flowbiteNavbarItem]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarItemState()], exportAs: ["flowbiteNavbarItem"], hostDirectives: [{ directive: i1.BaseButton, inputs: ["color", "color"] }, { directive: i2.NgpButton, inputs: ["disabled", "disabled"] }, { directive: i3.NgpFocus, inputs: ["ngpFocusDisabled", "focusDisabled"], outputs: ["ngpFocus", "ngpFocus"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: NavbarItem, isStandalone: true, selector: "\n    a[flowbiteNavbarItem],\n    button[flowbiteNavbarItem]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarItemState()], exportAs: ["flowbiteNavbarItem"], hostDirectives: [{ directive: i1.BaseButton, inputs: ["color", "color"] }, { directive: i2.NgpButton, inputs: ["disabled", "disabled"] }, { directive: i3.NgpFocus, inputs: ["ngpFocusDisabled", "focusDisabled"], outputs: ["ngpFocus", "ngpFocus"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarItem, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: `
-    a[flowbiteNavbarItem],
-    button[flowbiteNavbarItem]
+                    selector: `
+    a[flowbiteNavbarItem],
+    button[flowbiteNavbarItem]
   `,
                     exportAs: 'flowbiteNavbarItem',
                     hostDirectives: [
@@ -286,7 +286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '(click)': 'onClick()',
                     },
                 }]
-        }] });
+        }], propDecorators: { customTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTheme", required: false }] }] } });
 
 const flowbiteNavbarContentTheme = createTheme({
     host: {
@@ -369,7 +369,7 @@ class NavbarContent {
         /**
          * @see {@link injectFlowbiteNavbarContentConfig}
          */
-        this.customTheme = input(this.config.customTheme);
+        this.customTheme = input(this.config.customTheme, ...(ngDevMode ? [{ debugName: "customTheme" }] : []));
         this.theme = computed(() => {
             const mergedTheme = mergeDeep(this.config.baseTheme, this.state.customTheme());
             return {
@@ -380,40 +380,40 @@ class NavbarContent {
                     root: twMerge(mergedTheme.container.base, mergedTheme.container.transition, colorToTheme(mergedTheme.container.color, this.navbarState().color())),
                 },
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "theme" }] : []));
         /**
          * @internal
          */
         this.state = flowbiteNavbarContentState(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: NavbarContent, isStandalone: true, selector: "\n    div[flowbiteNavbarContent]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarContentState()], exportAs: ["flowbiteNavbarContent"], ngImport: i0, template: `
-    <ul [class]="theme().container.root">
-      <ng-content />
-    </ul>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: NavbarContent, isStandalone: true, selector: "\n    div[flowbiteNavbarContent]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarContentState()], exportAs: ["flowbiteNavbarContent"], ngImport: i0, template: `
+    <ul [class]="theme().container.root">
+      <ng-content />
+    </ul>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarContent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
-                    selector: `
-    div[flowbiteNavbarContent]
+                    selector: `
+    div[flowbiteNavbarContent]
   `,
                     exportAs: 'flowbiteNavbarContent',
                     hostDirectives: [],
                     imports: [],
                     providers: [provideFlowbiteNavbarContentState()],
                     host: { '[class]': `theme().host.root` },
-                    template: `
-    <ul [class]="theme().container.root">
-      <ng-content />
-    </ul>
+                    template: `
+    <ul [class]="theme().container.root">
+      <ng-content />
+    </ul>
   `,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }] });
+        }], propDecorators: { customTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTheme", required: false }] }] } });
 
 const flowbiteNavbarToggleTheme = createTheme({
     host: {
@@ -488,7 +488,7 @@ class NavbarToggle {
         /**
          * @see {@link injectFlowbiteNavbarToggleConfig}
          */
-        this.customTheme = input(this.config.customTheme);
+        this.customTheme = input(this.config.customTheme, ...(ngDevMode ? [{ debugName: "customTheme" }] : []));
         this.theme = computed(() => {
             const mergedTheme = mergeDeep(this.config.baseTheme, this.state.customTheme());
             return {
@@ -496,7 +496,7 @@ class NavbarToggle {
                     root: twMerge(mergedTheme.host.base, mergedTheme.host.transition, mergedTheme.host.focus, mergedTheme.host.disabled, colorToTheme(mergedTheme.host.color, this.navbarState().color())),
                 },
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "theme" }] : []));
         this.state = flowbiteNavbarToggleState(this);
     }
     /**
@@ -511,15 +511,15 @@ class NavbarToggle {
     toggleNavbar() {
         this.navbarState().toggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NavbarToggle, isStandalone: true, selector: "\n    button[flowbiteNavbarToggle]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarToggleState(), provideIcons({ bars })], exportAs: ["flowbiteNavbarToggle"], hostDirectives: [{ directive: i1.BaseButton }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: NavbarToggle, isStandalone: true, selector: "\n    button[flowbiteNavbarToggle]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" }, properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarToggleState(), provideIcons({ bars })], exportAs: ["flowbiteNavbarToggle"], hostDirectives: [{ directive: i1.BaseButton }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarToggle, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: `
-    button[flowbiteNavbarToggle]
+                    selector: `
+    button[flowbiteNavbarToggle]
   `,
                     exportAs: 'flowbiteNavbarToggle',
                     hostDirectives: [
@@ -535,7 +535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '(click)': 'onClick()',
                     },
                 }]
-        }] });
+        }], propDecorators: { customTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTheme", required: false }] }] } });
 
 const flowbiteNavbarBrandTheme = createTheme({
     host: {
@@ -578,7 +578,7 @@ class NavbarBrand {
         /**
          * @see {@link injectFlowbiteNavbarBrandConfig}
          */
-        this.customTheme = input(this.config.customTheme);
+        this.customTheme = input(this.config.customTheme, ...(ngDevMode ? [{ debugName: "customTheme" }] : []));
         this.theme = computed(() => {
             const mergedTheme = mergeDeep(this.config.baseTheme, this.state.customTheme());
             return {
@@ -586,28 +586,28 @@ class NavbarBrand {
                     root: twMerge(mergedTheme.host.base, mergedTheme.host.transition),
                 },
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "theme" }] : []));
         this.state = flowbiteNavbarBrandState(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarBrand, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NavbarBrand, isStandalone: true, selector: "\n    a[flowbiteNavbarBrand]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme().host.root", "attr.type": "button" } }, providers: [provideFlowbiteNavbarBrandState()], exportAs: ["flowbiteNavbarBrand"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarBrand, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: NavbarBrand, isStandalone: true, selector: "\n    a[flowbiteNavbarBrand]\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarBrandState()], exportAs: ["flowbiteNavbarBrand"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarBrand, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarBrand, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: `
-    a[flowbiteNavbarBrand]
+                    selector: `
+    a[flowbiteNavbarBrand]
   `,
                     exportAs: 'flowbiteNavbarBrand',
                     hostDirectives: [],
                     providers: [provideFlowbiteNavbarBrandState()],
                     host: {
                         '[class]': `theme().host.root`,
-                        '[attr.type]': 'button',
+                        type: 'button',
                     },
                 }]
-        }] });
+        }], propDecorators: { customTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTheme", required: false }] }] } });
 
 const flowbiteNavbarIconItemTheme = createTheme({
     host: {
@@ -684,7 +684,7 @@ class NavbarIconItem {
         /**
          * @see {@link injectFlowbiteNavbarIconItemConfig}
          */
-        this.customTheme = input(this.config.customTheme);
+        this.customTheme = input(this.config.customTheme, ...(ngDevMode ? [{ debugName: "customTheme" }] : []));
         this.theme = computed(() => {
             const mergedTheme = mergeDeep(this.config.baseTheme, this.state.customTheme());
             return {
@@ -692,22 +692,22 @@ class NavbarIconItem {
                     root: twMerge(mergedTheme.host.base, mergedTheme.host.transition, mergedTheme.host.focus, mergedTheme.host.disabled, colorToTheme(mergedTheme.host.color, this.navbarState().color())),
                 },
             };
-        });
+        }, ...(ngDevMode ? [{ debugName: "theme" }] : []));
         /**
          * @internal
          */
         this.state = flowbiteNavbarIconItemState(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarIconItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: NavbarIconItem, isStandalone: true, selector: "\n    button[flowbiteNavbarIconItem],\n    a[flowbiteNavbarIconItem],\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarIconItemState()], exportAs: ["flowbiteNavbarIconItem"], hostDirectives: [{ directive: i1.BaseButton, inputs: ["color", "color"] }, { directive: i2.NgpButton, inputs: ["disabled", "disabled"] }, { directive: i3.NgpFocus, inputs: ["ngpFocusDisabled", "focusDisabled"], outputs: ["ngpFocus", "ngpFocus"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarIconItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: NavbarIconItem, isStandalone: true, selector: "\n    button[flowbiteNavbarIconItem],\n    a[flowbiteNavbarIconItem],\n  ", inputs: { customTheme: { classPropertyName: "customTheme", publicName: "customTheme", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "theme().host.root" } }, providers: [provideFlowbiteNavbarIconItemState()], exportAs: ["flowbiteNavbarIconItem"], hostDirectives: [{ directive: i1.BaseButton, inputs: ["color", "color"] }, { directive: i2.NgpButton, inputs: ["disabled", "disabled"] }, { directive: i3.NgpFocus, inputs: ["ngpFocusDisabled", "focusDisabled"], outputs: ["ngpFocus", "ngpFocus"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NavbarIconItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: NavbarIconItem, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: `
-    button[flowbiteNavbarIconItem],
-    a[flowbiteNavbarIconItem],
+                    selector: `
+    button[flowbiteNavbarIconItem],
+    a[flowbiteNavbarIconItem],
   `,
                     exportAs: 'flowbiteNavbarIconItem',
                     hostDirectives: [
@@ -730,7 +730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                     providers: [provideFlowbiteNavbarIconItemState()],
                     host: { '[class]': `theme().host.root` },
                 }]
-        }] });
+        }], propDecorators: { customTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "customTheme", required: false }] }] } });
 
 /* Navbar */