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

package/fesm2022/flowbite-angular-navbar.mjs

@@ -0,0 +1,422 @@
+import { mergeTheme, BARS_SVG_ICON, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, Component, ViewEncapsulation, ChangeDetectionStrategy, contentChild, untracked } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';
+import { NgClass, CommonModule } from '@angular/common';
+import { IconRegistry, IconComponent } from 'flowbite-angular/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
+import { FlowbiteRouterLinkActiveDirective } from 'flowbite-angular/router-link-active';
+
+const FLOWBITE_NAVBAR_BRAND_THEME_TOKEN = new InjectionToken('FLOWBITE_NAVBAR_BRAND_THEME_TOKEN');
+class NavbarBrandThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_NAVBAR_BRAND_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+class NavbarBrandComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(NavbarBrandThemeService);
+        this.navbarComponent = inject(NavbarComponent);
+        //#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: NavbarBrandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: NavbarBrandComponent, isStandalone: true, selector: "flowbite-navbar-brand", 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: NavbarBrandComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'flowbite-navbar-brand',
+                    standalone: true,
+                    imports: [NgClass],
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN = new InjectionToken('FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN');
+class NavbarContentThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.isOpen[properties.isOpen]),
+            navbarContentListClass: twMerge(theme.list.base),
+        };
+        return output;
+    }
+}
+
+class NavbarContentComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(NavbarContentThemeService);
+        this.navbarComponent = model(inject(NavbarComponent));
+        //#region properties
+        this.color = model(this.navbarComponent().color());
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            isOpen: booleanToFlowbiteBoolean(this.navbarComponent().isOpen()),
+            customStyle: this.customStyle(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: NavbarContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: NavbarContentComponent, isStandalone: true, selector: "flowbite-navbar-content", inputs: { navbarComponent: { classPropertyName: "navbarComponent", publicName: "navbarComponent", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navbarComponent: "navbarComponentChange", color: "colorChange", customStyle: "customStyleChange" }, usesInheritance: true, ngImport: i0, template: `
+    <div [ngClass]="contentClasses().navbarContentListClass">
+      <ng-content />
+    </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: NavbarContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'flowbite-navbar-content',
+                    standalone: true,
+                    imports: [NgClass],
+                    template: `
+    <div [ngClass]="contentClasses().navbarContentListClass">
+      <ng-content />
+    </div>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN = new InjectionToken('FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN');
+class NavbarToggleThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+class NavbarToggleComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(NavbarToggleThemeService);
+        this.navbarComponent = model(inject(NavbarComponent));
+        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() {
+        this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'bars', this.domSanitizer.bypassSecurityTrustHtml(BARS_SVG_ICON));
+    }
+    //#endregion
+    onClick() {
+        const isCollapsed = this.navbarComponent().isOpen();
+        this.navbarComponent().isOpen.set(!isCollapsed);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: NavbarToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: NavbarToggleComponent, isStandalone: true, selector: "flowbite-navbar-toggle", inputs: { navbarComponent: { classPropertyName: "navbarComponent", publicName: "navbarComponent", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navbarComponent: "navbarComponentChange", customStyle: "customStyleChange" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: ` <flowbite-icon svgIcon="flowbite-angular:bars" class="w-5 h-5" /> `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: NavbarToggleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'flowbite-navbar-toggle',
+                    standalone: true,
+                    imports: [CommonModule, IconComponent],
+                    template: ` <flowbite-icon svgIcon="flowbite-angular:bars" class="w-5 h-5" /> `,
+                    host: {
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_NAVBAR_THEME_TOKEN = new InjectionToken('FLOWBITE_NAVBAR_THEME_TOKEN');
+class NavbarThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_NAVBAR_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.color['gray'], theme.root.isRounded[properties.isRounded], theme.root.hasBorder[properties.hasBorder], theme.root.isFixed[properties.isFixed]),
+        };
+        return output;
+    }
+}
+
+/**
+ * @see https://flowbite.com/docs/components/navbar/
+ */
+class NavbarComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(NavbarThemeService);
+        this.navbarBrandChild = contentChild(NavbarBrandComponent);
+        this.navbarToggleChild = contentChild(NavbarToggleComponent);
+        this.navbarContentChild = contentChild(NavbarContentComponent);
+        //#region properties
+        this.color = model('primary');
+        this.isOpen = model(false);
+        this.isRounded = model(false);
+        this.hasBorder = model(false);
+        this.isFixed = model(false);
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            hasBorder: booleanToFlowbiteBoolean(this.isRounded()),
+            isRounded: booleanToFlowbiteBoolean(this.hasBorder()),
+            isFixed: booleanToFlowbiteBoolean(this.isFixed()),
+            customStyle: this.customStyle(),
+        });
+    }
+    verify() {
+        if (this.navbarContentChild() === undefined) {
+            throw new Error('No NavbarContentComponent available');
+        }
+    }
+    //#endregion
+    toggleVisibility(isOpen) {
+        if (isOpen === undefined) {
+            isOpen = untracked(() => !this.isOpen());
+        }
+        this.isOpen.set(isOpen);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: NavbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.0", type: NavbarComponent, isStandalone: true, selector: "flowbite-navbar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, isRounded: { classPropertyName: "isRounded", publicName: "isRounded", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, isFixed: { classPropertyName: "isFixed", publicName: "isFixed", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange", isOpen: "isOpenChange", isRounded: "isRoundedChange", hasBorder: "hasBorderChange", isFixed: "isFixedChange", customStyle: "customStyleChange" }, queries: [{ propertyName: "navbarBrandChild", first: true, predicate: NavbarBrandComponent, descendants: true, isSignal: true }, { propertyName: "navbarToggleChild", first: true, predicate: NavbarToggleComponent, descendants: true, isSignal: true }, { propertyName: "navbarContentChild", first: true, predicate: NavbarContentComponent, descendants: true, isSignal: true }], 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: NavbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-navbar',
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const navbarTheme = createTheme({
+    root: {
+        base: 'flex flex-wrap items-center justify-between p-4',
+        color: {
+            primary: 'bg-primary-200 dark:bg-primary-800 border-primary-200 dark:border-primary-700',
+            gray: 'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700',
+        },
+        isRounded: {
+            enabled: 'rounded',
+            disabled: '',
+        },
+        hasBorder: {
+            enabled: 'border',
+            disabled: '',
+        },
+        isFixed: {
+            enabled: 'border-b',
+            disabled: '',
+        },
+    },
+});
+
+const navbarBrandTheme = createTheme({
+    root: {
+        base: 'cursor-pointer flex items-center space-x-3 rtl:space-x-reverse',
+    },
+});
+
+const navbarContentTheme = createTheme({
+    root: {
+        base: 'w-full md:block md:w-auto order-last md:order-none',
+        isOpen: {
+            enabled: '',
+            disabled: 'hidden',
+        },
+    },
+    list: {
+        base: 'font-medium flex flex-col p-4 md:p-0 mt-4 items-center border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-900 md:dark:bg-gray-800 dark:border-gray-700',
+    },
+});
+
+const FLOWBITE_NAVBAR_ITEM_THEME_TOKEN = new InjectionToken('FLOWBITE_NAVBAR_ITEM_THEME_TOKEN');
+class NavbarItemThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_NAVBAR_ITEM_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.color[properties.color]),
+        };
+        return output;
+    }
+}
+
+class NavbarItemComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.flowbiteRouterLink = inject(FlowbiteRouterLinkDirective, { optional: true });
+        this.flowbiteRouterLinkActive = inject(FlowbiteRouterLinkActiveDirective, {
+            optional: true,
+        });
+        this.themeService = inject(NavbarItemThemeService);
+        this.navbarContentComponent = inject(NavbarContentComponent);
+        //#region properties
+        this.color = model(this.navbarContentComponent.color());
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            color: this.color(),
+            customStyle: this.customStyle(),
+        });
+    }
+    //#endregion
+    onClick() {
+        this.navbarContentComponent.navbarComponent().toggleVisibility(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: NavbarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: NavbarItemComponent, isStandalone: true, selector: "flowbite-navbar-item", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange", customStyle: "customStyleChange" }, host: { listeners: { "click": "onClick()" } }, 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: NavbarItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'flowbite-navbar-item',
+                    standalone: true,
+                    imports: [NgClass],
+                    template: `<ng-content />`,
+                    host: {
+                        '(click)': 'onClick()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const navbarItemTheme = createTheme({
+    root: {
+        base: 'cursor-pointer block py-2 px-3 rounded text-sm text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 md:hover:bg-transparent md:border-0 md:p-0 md:dark:hover:bg-transparent',
+        color: {
+            primary: 'md:hover:text-primary-700 md:dark:hover:text-primary-500 aria-current:text-primary-500 dark:aria-current:text-primary-300',
+            gray: 'md:hover:text-gray-700 md:dark:hover:text-gray-500 aria-current:text-gray-500 dark:aria-current:text-gray-300',
+        },
+    },
+});
+
+const navbarToogleTheme = createTheme({
+    root: {
+        base: 'cursor-pointer inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600',
+    },
+});
+
+const FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN = new InjectionToken('FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN');
+class NavbarIconButtonThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.color[properties.color]),
+        };
+        return output;
+    }
+}
+
+class NavbarIconButtonComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(NavbarIconButtonThemeService);
+        this.navbarComponent = inject(NavbarComponent, { optional: true });
+        this.navbarContentComponent = inject(NavbarContentComponent, { optional: true });
+        //#region properties
+        this.color = model(this.navbarContentComponent?.color() || this.navbarComponent.color());
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            color: this.color(),
+            customStyle: this.customStyle(),
+        });
+    }
+    verify() {
+        if (this.navbarComponent === null && this.navbarContentComponent === null) {
+            throw new Error('No NavbarComponent/NavbarContentComponent available');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: NavbarIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: NavbarIconButtonComponent, isStandalone: true, selector: "flowbite-navbar-icon-button", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange", 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: NavbarIconButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'flowbite-navbar-icon-button',
+                    standalone: true,
+                    imports: [],
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const navbarIconButtonTheme = 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',
+        color: {
+            primary: 'text-primary-500 dark:text-primary-300',
+            gray: 'text-gray-500 dark:text-gray-400',
+            blue: 'text-blue-500 dark:text-blue-300',
+            red: 'text-red-500 dark:text-red-300',
+            green: 'text-green-500 dark:text-green-300',
+            yellow: 'text-yellow-500 dark:text-yellow-300',
+        },
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FLOWBITE_NAVBAR_BRAND_THEME_TOKEN, FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN, FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN, FLOWBITE_NAVBAR_ITEM_THEME_TOKEN, FLOWBITE_NAVBAR_THEME_TOKEN, FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN, NavbarBrandComponent, NavbarBrandThemeService, NavbarComponent, NavbarContentComponent, NavbarContentThemeService, NavbarIconButtonComponent, NavbarIconButtonThemeService, NavbarItemComponent, NavbarItemThemeService, NavbarThemeService, NavbarToggleComponent, NavbarToggleThemeService, navbarBrandTheme, navbarContentTheme, navbarIconButtonTheme, navbarItemTheme, navbarTheme, navbarToogleTheme };
+//# sourceMappingURL=flowbite-angular-navbar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-navbar.mjs","sources":["../../../../libs/flowbite-angular/navbar/navbar-brand.theme.service.ts","../../../../libs/flowbite-angular/navbar/navbar-brand.component.ts","../../../../libs/flowbite-angular/navbar/navbar-content.theme.service.ts","../../../../libs/flowbite-angular/navbar/navbar-content.component.ts","../../../../libs/flowbite-angular/navbar/navbar-toggle.theme.service.ts","../../../../libs/flowbite-angular/navbar/navbar-toggle.component.ts","../../../../libs/flowbite-angular/navbar/navbar.theme.service.ts","../../../../libs/flowbite-angular/navbar/navbar.component.ts","../../../../libs/flowbite-angular/navbar/navbar.theme.ts","../../../../libs/flowbite-angular/navbar/navbar-brand.theme.ts","../../../../libs/flowbite-angular/navbar/navbar-content.theme.ts","../../../../libs/flowbite-angular/navbar/navbar-item.theme.service.ts","../../../../libs/flowbite-angular/navbar/navbar-item.component.ts","../../../../libs/flowbite-angular/navbar/navbar-item.theme.ts","../../../../libs/flowbite-angular/navbar/navbar-toggle.theme.ts","../../../../libs/flowbite-angular/navbar/navbar-icon-button.theme.service.ts","../../../../libs/flowbite-angular/navbar/navbar-icon-button.component.ts","../../../../libs/flowbite-angular/navbar/navbar-icon-button.theme.ts","../../../../libs/flowbite-angular/navbar/flowbite-angular-navbar.ts"],"sourcesContent":["import type {\n  NavbarBrandClass,\n  NavbarBrandProperties,\n  NavbarBrandTheme,\n} from './navbar-brand.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_NAVBAR_BRAND_THEME_TOKEN = new InjectionToken<NavbarBrandTheme>(\n  'FLOWBITE_NAVBAR_BRAND_THEME_TOKEN'\n);\n\nexport class NavbarBrandThemeService implements FlowbiteThemeService<NavbarBrandProperties> {\n  private readonly baseTheme = inject(FLOWBITE_NAVBAR_BRAND_THEME_TOKEN);\n\n  public getClasses(properties: NavbarBrandProperties): NavbarBrandClass {\n    const theme: NavbarBrandTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: NavbarBrandClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import type { NavbarBrandClass, NavbarBrandTheme } from './navbar-brand.theme';\nimport { NavbarBrandThemeService } from './navbar-brand.theme.service';\nimport { NavbarComponent } from './navbar.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  selector: 'flowbite-navbar-brand',\n  standalone: true,\n  imports: [NgClass],\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarBrandComponent extends BaseComponent<NavbarBrandClass> {\n  public readonly themeService = inject(NavbarBrandThemeService);\n  public readonly navbarComponent = inject(NavbarComponent);\n\n  //#region properties\n  public customStyle = model<DeepPartial<NavbarBrandTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): NavbarBrandClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  NavbarContentClass,\n  NavbarContentProperties,\n  NavbarContentTheme,\n} from './navbar-content.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_NAVBAR_CONTENT_THEME_TOKEN = new InjectionToken<NavbarContentTheme>(\n  'FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN'\n);\n\nexport class NavbarContentThemeService implements FlowbiteThemeService<NavbarContentProperties> {\n  private readonly baseTheme = inject(FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN);\n\n  public getClasses(properties: NavbarContentProperties): NavbarContentClass {\n    const theme: NavbarContentTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: NavbarContentClass = {\n      rootClass: twMerge(theme.root.base, theme.root.isOpen[properties.isOpen]),\n      navbarContentListClass: twMerge(theme.list.base),\n    };\n\n    return output;\n  }\n}\n","import type { NavbarContentClass, NavbarContentTheme } from './navbar-content.theme';\nimport { NavbarContentThemeService } from './navbar-content.theme.service';\nimport { NavbarComponent } from './navbar.component';\nimport type { NavbarColors } from './navbar.theme';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport type { OnInit } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'flowbite-navbar-content',\n  standalone: true,\n  imports: [NgClass],\n  template: `\n    <div [ngClass]=\"contentClasses().navbarContentListClass\">\n      <ng-content />\n    </div>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarContentComponent extends BaseComponent<NavbarContentClass> implements OnInit {\n  public readonly themeService = inject(NavbarContentThemeService);\n  public readonly navbarComponent = model<NavbarComponent>(inject(NavbarComponent));\n\n  //#region properties\n  public color = model<keyof NavbarColors>(this.navbarComponent().color());\n  public customStyle = model<DeepPartial<NavbarContentTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): NavbarContentClass {\n    return this.themeService.getClasses({\n      isOpen: booleanToFlowbiteBoolean(this.navbarComponent().isOpen()),\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  NavbarToggleClass,\n  NavbarToggleProperties,\n  NavbarToggleTheme,\n} from './navbar-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_NAVBAR_TOGGLE_THEME_TOKEN = new InjectionToken<NavbarToggleTheme>(\n  'FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN'\n);\n\nexport class NavbarToggleThemeService implements FlowbiteThemeService<NavbarToggleProperties> {\n  private readonly baseTheme = inject(FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN);\n\n  public getClasses(properties: NavbarToggleProperties): NavbarToggleClass {\n    const theme: NavbarToggleTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: NavbarToggleClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import type { NavbarToggleClass, NavbarToggleTheme } from './navbar-toggle.theme';\nimport { NavbarToggleThemeService } from './navbar-toggle.theme.service';\nimport { NavbarComponent } from './navbar.component';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { BARS_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n  selector: 'flowbite-navbar-toggle',\n  standalone: true,\n  imports: [CommonModule, IconComponent],\n  template: ` <flowbite-icon svgIcon=\"flowbite-angular:bars\" class=\"w-5 h-5\" /> `,\n  host: {\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarToggleComponent extends BaseComponent<NavbarToggleClass> {\n  public readonly themeService = inject(NavbarToggleThemeService);\n  public readonly navbarComponent = model<NavbarComponent>(inject(NavbarComponent));\n  public readonly iconRegistry = inject(IconRegistry);\n  public readonly domSanitizer = inject(DomSanitizer);\n\n  //#region properties\n  public customStyle = model<DeepPartial<NavbarToggleTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): NavbarToggleClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override init(): void {\n    this.iconRegistry.addRawSvgIconInNamepsace(\n      'flowbite-angular',\n      'bars',\n      this.domSanitizer.bypassSecurityTrustHtml(BARS_SVG_ICON)\n    );\n  }\n  //#endregion\n\n  public onClick(): void {\n    const isCollapsed = this.navbarComponent().isOpen();\n\n    this.navbarComponent().isOpen.set(!isCollapsed);\n  }\n}\n","import type { NavbarClass, NavbarProperties, NavbarTheme } from './navbar.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_NAVBAR_THEME_TOKEN = new InjectionToken<NavbarTheme>(\n  'FLOWBITE_NAVBAR_THEME_TOKEN'\n);\n\nexport class NavbarThemeService implements FlowbiteThemeService<NavbarProperties> {\n  private readonly baseTheme = inject(FLOWBITE_NAVBAR_THEME_TOKEN);\n\n  public getClasses(properties: NavbarProperties): NavbarClass {\n    const theme: NavbarTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: NavbarClass = {\n      rootClass: twMerge(\n        theme.root.base,\n        theme.root.color['gray'],\n        theme.root.isRounded[properties.isRounded],\n        theme.root.hasBorder[properties.hasBorder],\n        theme.root.isFixed[properties.isFixed]\n      ),\n    };\n\n    return output;\n  }\n}\n","import { NavbarBrandComponent } from './navbar-brand.component';\nimport { NavbarContentComponent } from './navbar-content.component';\nimport { NavbarToggleComponent } from './navbar-toggle.component';\nimport type { NavbarClass, NavbarColors, NavbarTheme } from './navbar.theme';\nimport { NavbarThemeService } from './navbar.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  inject,\n  model,\n  untracked,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/navbar/\n */\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-navbar',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarComponent extends BaseComponent<NavbarClass> {\n  public readonly themeService = inject(NavbarThemeService);\n  public readonly navbarBrandChild = contentChild(NavbarBrandComponent);\n  public readonly navbarToggleChild = contentChild(NavbarToggleComponent);\n  public readonly navbarContentChild = contentChild(NavbarContentComponent);\n\n  //#region properties\n  public color = model<keyof NavbarColors>('primary');\n  public isOpen = model<boolean>(false);\n  public isRounded = model<boolean>(false);\n  public hasBorder = model<boolean>(false);\n  public isFixed = model<boolean>(false);\n  public customStyle = model<DeepPartial<NavbarTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): NavbarClass {\n    return this.themeService.getClasses({\n      hasBorder: booleanToFlowbiteBoolean(this.isRounded()),\n      isRounded: booleanToFlowbiteBoolean(this.hasBorder()),\n      isFixed: booleanToFlowbiteBoolean(this.isFixed()),\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override verify(): void {\n    if (this.navbarContentChild() === undefined) {\n      throw new Error('No NavbarContentComponent available');\n    }\n  }\n  //#endregion\n\n  public toggleVisibility(isOpen?: boolean): void {\n    if (isOpen === undefined) {\n      isOpen = untracked(() => !this.isOpen());\n    }\n\n    this.isOpen.set(isOpen);\n  }\n}\n","import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n//#region Component theme option\nexport interface NavbarColors extends Pick<FlowbiteColors, 'primary' | 'gray'> {\n  [key: string]: string;\n}\n//#endregion\n\nexport interface NavbarProperties {\n  isRounded: keyof FlowbiteBoolean;\n  hasBorder: keyof FlowbiteBoolean;\n  isFixed: keyof FlowbiteBoolean;\n  customStyle: DeepPartial<NavbarTheme>;\n}\n\nexport interface NavbarTheme {\n  root: {\n    base: string;\n    color: NavbarColors;\n    isRounded: FlowbiteBoolean;\n    hasBorder: FlowbiteBoolean;\n    isFixed: FlowbiteBoolean;\n  };\n}\n\nexport const navbarTheme: NavbarTheme = createTheme({\n  root: {\n    base: 'flex flex-wrap items-center justify-between p-4',\n    color: {\n      primary: 'bg-primary-200 dark:bg-primary-800 border-primary-200 dark:border-primary-700',\n      gray: 'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700',\n    },\n    isRounded: {\n      enabled: 'rounded',\n      disabled: '',\n    },\n    hasBorder: {\n      enabled: 'border',\n      disabled: '',\n    },\n    isFixed: {\n      enabled: 'border-b',\n      disabled: '',\n    },\n  },\n});\n\nexport type NavbarClass = FlowbiteClass;\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface NavbarBrandProperties {\n  customStyle: DeepPartial<NavbarBrandTheme>;\n}\n\nexport interface NavbarBrandTheme {\n  root: {\n    base: string;\n  };\n}\n\nexport const navbarBrandTheme: NavbarBrandTheme = createTheme({\n  root: {\n    base: 'cursor-pointer flex items-center space-x-3 rtl:space-x-reverse',\n  },\n});\n\nexport type NavbarBrandClass = FlowbiteClass;\n","import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface NavbarContentProperties {\n  isOpen: keyof FlowbiteBoolean;\n  customStyle: DeepPartial<NavbarContentTheme>;\n}\n\nexport interface NavbarContentTheme {\n  root: {\n    base: string;\n    isOpen: FlowbiteBoolean;\n  };\n  list: {\n    base: string;\n  };\n}\n\nexport const navbarContentTheme: NavbarContentTheme = createTheme({\n  root: {\n    base: 'w-full md:block md:w-auto order-last md:order-none',\n    isOpen: {\n      enabled: '',\n      disabled: 'hidden',\n    },\n  },\n  list: {\n    base: 'font-medium flex flex-col p-4 md:p-0 mt-4 items-center border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-900 md:dark:bg-gray-800 dark:border-gray-700',\n  },\n});\n\nexport interface NavbarContentClass extends FlowbiteClass {\n  navbarContentListClass: string;\n}\n","import type { NabvarItemProperties, NavbarItemClass, NavbarItemTheme } from './navbar-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_NAVBAR_ITEM_THEME_TOKEN = new InjectionToken<NavbarItemTheme>(\n  'FLOWBITE_NAVBAR_ITEM_THEME_TOKEN'\n);\n\nexport class NavbarItemThemeService implements FlowbiteThemeService<NabvarItemProperties> {\n  private readonly baseTheme = inject(FLOWBITE_NAVBAR_ITEM_THEME_TOKEN);\n\n  public getClasses(properties: NabvarItemProperties): NavbarItemClass {\n    const theme: NavbarItemTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: NavbarItemClass = {\n      rootClass: twMerge(theme.root.base, theme.root.color[properties.color]),\n    };\n\n    return output;\n  }\n}\n","import { NavbarContentComponent } from './navbar-content.component';\nimport type { NavbarItemClass, NavbarItemTheme } from './navbar-item.theme';\nimport { NavbarItemThemeService } from './navbar-item.theme.service';\nimport type { NavbarColors } from './navbar.theme';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\nimport { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';\nimport { FlowbiteRouterLinkActiveDirective } from 'flowbite-angular/router-link-active';\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  selector: 'flowbite-navbar-item',\n  standalone: true,\n  imports: [NgClass],\n  template: `<ng-content />`,\n  host: {\n    '(click)': 'onClick()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarItemComponent extends BaseComponent<NavbarItemClass> {\n  public readonly flowbiteRouterLink = inject(FlowbiteRouterLinkDirective, { optional: true });\n  public readonly flowbiteRouterLinkActive = inject(FlowbiteRouterLinkActiveDirective, {\n    optional: true,\n  });\n  public readonly themeService = inject(NavbarItemThemeService);\n  public readonly navbarContentComponent = inject(NavbarContentComponent);\n\n  //#region properties\n  public color = model<keyof NavbarColors>(this.navbarContentComponent.color());\n  public customStyle = model<DeepPartial<NavbarItemTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): NavbarItemClass {\n    return this.themeService.getClasses({\n      color: this.color(),\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n\n  public onClick(): void {\n    this.navbarContentComponent.navbarComponent().toggleVisibility(false);\n  }\n}\n","import type { NavbarColors } from './navbar.theme';\n\nimport type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface NabvarItemProperties {\n  color: keyof NavbarColors;\n  customStyle: DeepPartial<NavbarItemTheme>;\n}\n\nexport interface NavbarItemTheme {\n  root: {\n    base: string;\n    color: NavbarColors;\n  };\n}\n\nexport const navbarItemTheme: NavbarItemTheme = createTheme({\n  root: {\n    base: 'cursor-pointer block py-2 px-3 rounded text-sm text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 md:hover:bg-transparent md:border-0 md:p-0 md:dark:hover:bg-transparent',\n    color: {\n      primary:\n        'md:hover:text-primary-700 md:dark:hover:text-primary-500 aria-current:text-primary-500 dark:aria-current:text-primary-300',\n      gray: 'md:hover:text-gray-700 md:dark:hover:text-gray-500 aria-current:text-gray-500 dark:aria-current:text-gray-300',\n    },\n  },\n});\n\nexport type NavbarItemClass = FlowbiteClass;\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface NavbarToggleProperties {\n  customStyle: DeepPartial<NavbarToggleTheme>;\n}\n\nexport interface NavbarToggleTheme {\n  root: {\n    base: string;\n  };\n}\n\nexport const navbarToogleTheme: NavbarToggleTheme = createTheme({\n  root: {\n    base: 'cursor-pointer inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600',\n  },\n});\n\nexport type NavbarToggleClass = FlowbiteClass;\n","import type {\n  NavbarIconButtonClass,\n  NavbarIconButtonProperties,\n  NavbarIconButtonTheme,\n} from './navbar-icon-button.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_NAVBAR_ICON_BUTTON_THEME_TOKEN = new InjectionToken<NavbarIconButtonTheme>(\n  'FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN'\n);\n\nexport class NavbarIconButtonThemeService\n  implements FlowbiteThemeService<NavbarIconButtonProperties>\n{\n  private readonly baseTheme = inject(FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN);\n\n  public getClasses(properties: NavbarIconButtonProperties): NavbarIconButtonClass {\n    const theme: NavbarIconButtonTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: NavbarIconButtonClass = {\n      rootClass: twMerge(theme.root.base, theme.root.color[properties.color]),\n    };\n\n    return output;\n  }\n}\n","import { NavbarContentComponent } from './navbar-content.component';\nimport type { NavbarIconButtonClass, NavbarIconButtonTheme } from './navbar-icon-button.theme';\nimport { NavbarIconButtonThemeService } from './navbar-icon-button.theme.service';\nimport { NavbarComponent } from './navbar.component';\nimport type { NavbarColors } from './navbar.theme';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'flowbite-navbar-icon-button',\n  standalone: true,\n  imports: [],\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarIconButtonComponent extends BaseComponent<NavbarIconButtonClass> {\n  public readonly themeService = inject(NavbarIconButtonThemeService);\n  public readonly navbarComponent = inject(NavbarComponent, { optional: true });\n  public readonly navbarContentComponent = inject(NavbarContentComponent, { optional: true });\n\n  //#region properties\n  public color = model<keyof NavbarColors>(\n    this.navbarContentComponent?.color() || this.navbarComponent!.color()\n  );\n  public customStyle = model<DeepPartial<NavbarIconButtonTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): NavbarIconButtonClass {\n    return this.themeService.getClasses({\n      color: this.color(),\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override verify(): void {\n    if (this.navbarComponent === null && this.navbarContentComponent === null) {\n      throw new Error('No NavbarComponent/NavbarContentComponent available');\n    }\n  }\n}\n","import type { NavbarColors } from './navbar.theme';\n\nimport type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface NavbarIconButtonProperties {\n  color: keyof NavbarColors;\n  customStyle: DeepPartial<NavbarIconButtonTheme>;\n}\n\nexport interface NavbarIconButtonTheme {\n  root: {\n    base: string;\n    color: NavbarColors;\n  };\n}\n\nexport const navbarIconButtonTheme: NavbarIconButtonTheme = 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    color: {\n      primary: 'text-primary-500 dark:text-primary-300',\n      gray: 'text-gray-500 dark:text-gray-400',\n      blue: 'text-blue-500 dark:text-blue-300',\n      red: 'text-red-500 dark:text-red-300',\n      green: 'text-green-500 dark:text-green-300',\n      yellow: 'text-yellow-500 dark:text-yellow-300',\n    },\n  },\n});\n\nexport type NavbarIconButtonClass = 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-router-link-active.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Directive } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterLinkActive } from '@angular/router';
+
+/**
+ * Wrapping directive over RouterLinkActive.
+ *
+ * @usageNotes
+ * It provides a clean way to have 'isActive' data with signal base value.
+ *
+ * @see `RouterLinkActive`
+ */
+class FlowbiteRouterLinkActiveDirective {
+    get isActive() {
+        return this._isActive.asReadonly();
+    }
+    /**
+     * Set the RouterLinkActive's ariaCurrentWhenActive to the value passed to the component (via this Directive).
+     */
+    constructor() {
+        this.ariaCurrentValue = true;
+        this.routerLinkActive = inject(RouterLinkActive);
+        this._isActive = signal(this.routerLinkActive.isActive);
+        this.routerLinkActive.ariaCurrentWhenActive = this.ariaCurrentValue;
+    }
+    onIsActiveChange() {
+        this._isActive.set(this.routerLinkActive.isActive);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FlowbiteRouterLinkActiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0", type: FlowbiteRouterLinkActiveDirective, isStandalone: true, selector: "[flowbiteRouterLinkActive]", host: { attributes: { "isActiveChange": "onIsActiveChange" } }, hostDirectives: [{ directive: i1.RouterLinkActive, inputs: ["routerLinkActiveOptions", "routerLinkActiveOptions", "ariaCurrentWhenActive", "ariaCurrentWhenActive", "routerLinkActive", "routerLinkActive"], outputs: ["isActiveChange", "isActiveChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FlowbiteRouterLinkActiveDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[flowbiteRouterLinkActive]',
+                    host: {
+                        isActiveChange: 'onIsActiveChange',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: RouterLinkActive,
+                            inputs: ['routerLinkActiveOptions', 'ariaCurrentWhenActive', 'routerLinkActive'],
+                            outputs: ['isActiveChange'],
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FlowbiteRouterLinkActiveDirective };
+//# sourceMappingURL=flowbite-angular-router-link-active.mjs.map

package/fesm2022/flowbite-angular-router-link-active.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-router-link-active.mjs","sources":["../../../../libs/flowbite-angular/router-link-active/flowbite-router-link-active.directive.ts","../../../../libs/flowbite-angular/router-link-active/flowbite-angular-router-link-active.ts"],"sourcesContent":["import type { Signal } from '@angular/core';\nimport { Directive, inject, signal } from '@angular/core';\nimport { RouterLinkActive } from '@angular/router';\n\n/**\n * Wrapping directive over RouterLinkActive.\n *\n * @usageNotes\n * It provides a clean way to have 'isActive' data with signal base value.\n *\n * @see `RouterLinkActive`\n */\n@Directive({\n  standalone: true,\n  selector: '[flowbiteRouterLinkActive]',\n  host: {\n    isActiveChange: 'onIsActiveChange',\n  },\n  hostDirectives: [\n    {\n      directive: RouterLinkActive,\n      inputs: ['routerLinkActiveOptions', 'ariaCurrentWhenActive', 'routerLinkActive'],\n      outputs: ['isActiveChange'],\n    },\n  ],\n})\nexport class FlowbiteRouterLinkActiveDirective {\n  private readonly ariaCurrentValue: boolean = true;\n\n  public routerLinkActive = inject(RouterLinkActive);\n\n  private _isActive = signal<boolean>(this.routerLinkActive.isActive);\n\n  public get isActive(): Signal<boolean> {\n    return this._isActive.asReadonly();\n  }\n\n  /**\n   * Set the RouterLinkActive's ariaCurrentWhenActive to the value passed to the component (via this Directive).\n   */\n  constructor() {\n    this.routerLinkActive.ariaCurrentWhenActive = this.ariaCurrentValue;\n  }\n\n  onIsActiveChange(): void {\n    this._isActive.set(this.routerLinkActive.isActive);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAIA;;;;;;;AAOG;MAeU,iCAAiC,CAAA;AAO5C,IAAA,IAAW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;KACpC;AAED;;AAEG;AACH,IAAA,WAAA,GAAA;QAbiB,IAAgB,CAAA,gBAAA,GAAY,IAAI,CAAC;AAE3C,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAE3C,IAAS,CAAA,SAAA,GAAG,MAAM,CAAU,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAUlE,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,GAAG,IAAI,CAAC,gBAAgB,CAAC;KACrE;IAED,gBAAgB,GAAA;QACd,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;KACpD;8GApBU,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,yBAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,kBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAd7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,IAAI,EAAE;AACJ,wBAAA,cAAc,EAAE,kBAAkB;AACnC,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,gBAAgB;AAC3B,4BAAA,MAAM,EAAE,CAAC,yBAAyB,EAAE,uBAAuB,EAAE,kBAAkB,CAAC;4BAChF,OAAO,EAAE,CAAC,gBAAgB,CAAC;AAC5B,yBAAA;AACF,qBAAA;AACF,iBAAA,CAAA;;;ACzBD;;AAEG;;;;"}

package/fesm2022/flowbite-angular-router-link.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { inject, model, Directive } from '@angular/core';
+import * as i1 from '@angular/router';
+import { Router, RouterLink } from '@angular/router';
+
+/**
+ * Wrapping directive over RouterLink.
+ *
+ * @see `RouterLink`
+ */
+class FlowbiteRouterLinkDirective {
+    constructor() {
+        this.router = inject(Router);
+        this.routerLink = inject(RouterLink);
+        this.href = model();
+    }
+    onClick() {
+        const hrefValue = this.href();
+        if (hrefValue) {
+            this.router.navigateByUrl(hrefValue);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FlowbiteRouterLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.0", type: FlowbiteRouterLinkDirective, isStandalone: true, selector: "[flowbiteRouterLink]", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { href: "hrefChange" }, host: { listeners: { "click": "onClick()" } }, hostDirectives: [{ directive: i1.RouterLink, inputs: ["target", "target", "queryParams", "queryParams", "fragment", "fragment", "queryParamsHandling", "queryParamsHandling", "state", "state", "info", "info", "relativeTo", "relativeTo", "preserveFragment", "preserveFragment", "skipLocationChange", "skipLocationChange", "replaceUrl", "replaceUrl", "routerLink", "routerLink"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: FlowbiteRouterLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[flowbiteRouterLink]',
+                    host: {
+                        '(click)': 'onClick()',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: RouterLink,
+                            inputs: [
+                                'target',
+                                'queryParams',
+                                'fragment',
+                                'queryParamsHandling',
+                                'state',
+                                'info',
+                                'relativeTo',
+                                'preserveFragment',
+                                'skipLocationChange',
+                                'replaceUrl',
+                                'routerLink',
+                            ],
+                            outputs: [],
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FlowbiteRouterLinkDirective };
+//# sourceMappingURL=flowbite-angular-router-link.mjs.map