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

package/fesm2022/flowbite-angular-alert.mjs

@@ -0,0 +1,151 @@
+import { mergeTheme, CLOSE_SVG_ICON, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';
+import { ButtonComponent } from 'flowbite-angular/button';
+import { IconRegistry, IconComponent } from 'flowbite-angular/icon';
+import { NgIf, NgClass, NgTemplateOutlet } from '@angular/common';
+import { DomSanitizer } from '@angular/platform-browser';
+
+const FLOWBITE_ALERT_THEME_TOKEN = new InjectionToken('FLOWBITE_ALERT_THEME_TOKEN');
+class AlertThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_ALERT_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.color[properties.color], theme.root.hasBorder[properties.hasBorder], theme.root.hasBorderAccent[properties.hasBorderAccent]),
+            closeButtonClass: twMerge(theme.closeButton.base, theme.closeButton.color[properties.color]),
+        };
+        return output;
+    }
+}
+
+class AlertComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(AlertThemeService);
+        this.iconRegistry = inject(IconRegistry);
+        this.domSanitizer = inject(DomSanitizer);
+        //#region properties
+        this.color = model('primary');
+        this.hasBorder = model(false);
+        this.hasBorderAccent = model(false);
+        this.customStyle = model({});
+        this.icon = model(null);
+        this.additionalContent = model(null);
+        this.isDismissable = model(false);
+        this.onDismiss = model();
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            color: this.color(),
+            hasBorder: booleanToFlowbiteBoolean(this.hasBorder()),
+            hasBorderAccent: booleanToFlowbiteBoolean(this.hasBorderAccent()),
+            customStyle: this.customStyle(),
+        });
+    }
+    init() {
+        this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'close', this.domSanitizer.bypassSecurityTrustHtml(CLOSE_SVG_ICON));
+    }
+    //#endregion
+    onDismissClick() {
+        const func = this.onDismiss();
+        if (func)
+            func();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: AlertComponent, isStandalone: true, selector: "flowbite-alert", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, hasBorder: { classPropertyName: "hasBorder", publicName: "hasBorder", isSignal: true, isRequired: false, transformFunction: null }, hasBorderAccent: { classPropertyName: "hasBorderAccent", publicName: "hasBorderAccent", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, additionalContent: { classPropertyName: "additionalContent", publicName: "additionalContent", isSignal: true, isRequired: false, transformFunction: null }, isDismissable: { classPropertyName: "isDismissable", publicName: "isDismissable", isSignal: true, isRequired: false, transformFunction: null }, onDismiss: { classPropertyName: "onDismiss", publicName: "onDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange", hasBorder: "hasBorderChange", hasBorderAccent: "hasBorderAccentChange", customStyle: "customStyleChange", icon: "iconChange", additionalContent: "additionalContentChange", isDismissable: "isDismissableChange", onDismiss: "onDismissChange" }, host: { properties: { "attr.role": "alert" } }, usesInheritance: true, ngImport: i0, template: `
+    <div class="flex items-center">
+      <ng-container [ngTemplateOutlet]="icon()"></ng-container>
+      <div>
+        <ng-content />
+      </div>
+      <button
+        type="button"
+        [ngClass]="contentClasses()!.closeButtonClass"
+        *ngIf="isDismissable()"
+        aria-label="Close"
+        (click)="onDismissClick()">
+        <span class="sr-only">Close</span>
+        <flowbite-icon svgIcon="flowbite-angular:close" class="h-5 w-5" />
+      </button>
+    </div>
+    <ng-container [ngTemplateOutlet]="additionalContent()"></ng-container>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: AlertComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgIf, NgClass, NgTemplateOutlet, IconComponent, ButtonComponent],
+                    selector: 'flowbite-alert',
+                    template: `
+    <div class="flex items-center">
+      <ng-container [ngTemplateOutlet]="icon()"></ng-container>
+      <div>
+        <ng-content />
+      </div>
+      <button
+        type="button"
+        [ngClass]="contentClasses()!.closeButtonClass"
+        *ngIf="isDismissable()"
+        aria-label="Close"
+        (click)="onDismissClick()">
+        <span class="sr-only">Close</span>
+        <flowbite-icon svgIcon="flowbite-angular:close" class="h-5 w-5" />
+      </button>
+    </div>
+    <ng-container [ngTemplateOutlet]="additionalContent()"></ng-container>
+  `,
+                    host: {
+                        '[attr.role]': 'alert',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const alertTheme = createTheme({
+    root: {
+        base: 'flex flex-col gap-2 p-4 text-sm rounded-lg',
+        color: {
+            primary: 'text-primary-800 dark:text-primary-400 bg-primary-50 dark:bg-gray-800 border-primary-300 dark:border-primary-800',
+            dark: 'text-gray-800 dark:text-gray-300 bg-gray-100 dark:bg-gray-800 border-gray-300 dark:border-gray-600',
+            blue: 'text-blue-800 dark:text-blue-400 bg-blue-50 dark:bg-gray-800 border-blue-300 dark:border-blue-800',
+            red: 'text-red-800 dark:text-red-400 bg-red-100 dark:bg-gray-800 border-red-300 dark:border-red-800',
+            green: 'text-green-800 dark:text-green-400 bg-green-100 dark:bg-gray-800 border-green-300 dark:border-green-800',
+            yellow: 'text-yellow-800 dark:text-yellow-300 bg-yellow-100 dark:bg-gray-800 border-yellow-300 dark:border-yellow-800',
+        },
+        hasBorder: {
+            enabled: 'border',
+            disabled: 'border-0',
+        },
+        hasBorderAccent: {
+            enabled: 'border-t-4',
+            disabled: '',
+        },
+    },
+    closeButton: {
+        base: '-mx-1.5 -my-1.5 ml-auto inline-flex h-8 w-8 rounded-lg p-1.5 focus:ring-2',
+        color: {
+            primary: 'text-primary-500 dark:text-primary-600 hover:bg-primary-200 dark:hover:bg-primary-300',
+            dark: 'text-gray-500 dark:text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-300',
+            blue: 'text-blue-500 dark:text-blue-600 hover:bg-blue-200 dark:hover:bg-blue-300',
+            red: 'text-red-500 dark:text-red-600 hover:bg-red-200 dark:hover:bg-red-300',
+            green: 'text-green-500 dark:text-green-600 hover:bg-green-200 dark:hover:bg-green-300',
+            yellow: 'text-yellow-500 dark:text-yellow-600 hover:bg-yellow-200 dark:hover:bg-yellow-300',
+        },
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AlertComponent, AlertThemeService, FLOWBITE_ALERT_THEME_TOKEN, alertTheme };
+//# sourceMappingURL=flowbite-angular-alert.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-alert.mjs","sources":["../../../../libs/flowbite-angular/alert/alert.theme.service.ts","../../../../libs/flowbite-angular/alert/alert.component.ts","../../../../libs/flowbite-angular/alert/alert.theme.ts","../../../../libs/flowbite-angular/alert/flowbite-angular-alert.ts"],"sourcesContent":["import type { AlertClass, AlertProperties, AlertTheme } from './alert.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_ALERT_THEME_TOKEN = new InjectionToken<AlertTheme>(\n  'FLOWBITE_ALERT_THEME_TOKEN'\n);\n\nexport class AlertThemeService implements FlowbiteThemeService<AlertProperties> {\n  private readonly baseTheme = inject(FLOWBITE_ALERT_THEME_TOKEN);\n\n  public getClasses(properties: AlertProperties): AlertClass {\n    const theme: AlertTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: AlertClass = {\n      rootClass: twMerge(\n        theme.root.base,\n        theme.root.color[properties.color],\n        theme.root.hasBorder[properties.hasBorder],\n        theme.root.hasBorderAccent[properties.hasBorderAccent]\n      ),\n      closeButtonClass: twMerge(theme.closeButton.base, theme.closeButton.color[properties.color]),\n    };\n\n    return output;\n  }\n}\n","import type { AlertClass, AlertColors, AlertTheme } from './alert.theme';\nimport { AlertThemeService } from './alert.theme.service';\n\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\nimport type { DeepPartial } from 'flowbite-angular';\nimport { ButtonComponent } from 'flowbite-angular/button';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { CLOSE_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';\nimport type { OnInit, TemplateRef } from '@angular/core';\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  standalone: true,\n  imports: [NgIf, NgClass, NgTemplateOutlet, IconComponent, ButtonComponent],\n  selector: 'flowbite-alert',\n  template: `\n    <div class=\"flex items-center\">\n      <ng-container [ngTemplateOutlet]=\"icon()\"></ng-container>\n      <div>\n        <ng-content />\n      </div>\n      <button\n        type=\"button\"\n        [ngClass]=\"contentClasses()!.closeButtonClass\"\n        *ngIf=\"isDismissable()\"\n        aria-label=\"Close\"\n        (click)=\"onDismissClick()\">\n        <span class=\"sr-only\">Close</span>\n        <flowbite-icon svgIcon=\"flowbite-angular:close\" class=\"h-5 w-5\" />\n      </button>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"additionalContent()\"></ng-container>\n  `,\n  host: {\n    '[attr.role]': 'alert',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AlertComponent extends BaseComponent<AlertClass> implements OnInit {\n  public readonly themeService = inject(AlertThemeService);\n  public readonly iconRegistry = inject(IconRegistry);\n  public readonly domSanitizer = inject(DomSanitizer);\n\n  //#region properties\n  public color = model<keyof AlertColors>('primary');\n  public hasBorder = model<boolean>(false);\n  public hasBorderAccent = model<boolean>(false);\n  public customStyle = model<DeepPartial<AlertTheme>>({});\n  public icon = model<TemplateRef<unknown> | null>(null);\n  public additionalContent = model<TemplateRef<unknown> | null>(null);\n  public isDismissable = model<boolean>(false);\n  public onDismiss = model<() => void | undefined>();\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): AlertClass {\n    return this.themeService.getClasses({\n      color: this.color(),\n      hasBorder: booleanToFlowbiteBoolean(this.hasBorder()),\n      hasBorderAccent: booleanToFlowbiteBoolean(this.hasBorderAccent()),\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override init(): void {\n    this.iconRegistry.addRawSvgIconInNamepsace(\n      'flowbite-angular',\n      'close',\n      this.domSanitizer.bypassSecurityTrustHtml(CLOSE_SVG_ICON)\n    );\n  }\n  //#endregion\n\n  public onDismissClick() {\n    const func = this.onDismiss();\n\n    if (func) func();\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 type AlertColors = Pick<\n  FlowbiteColors,\n  'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'\n>;\n//#endregion\n\nexport interface AlertProperties {\n  color: keyof AlertColors;\n  hasBorder: keyof FlowbiteBoolean;\n  hasBorderAccent: keyof FlowbiteBoolean;\n  customStyle: DeepPartial<AlertTheme>;\n}\n\nexport interface AlertTheme {\n  root: {\n    base: string;\n    color: AlertColors;\n    hasBorder: FlowbiteBoolean;\n    hasBorderAccent: FlowbiteBoolean;\n  };\n  closeButton: {\n    base: string;\n    color: AlertColors;\n  };\n}\n\nexport const alertTheme: AlertTheme = createTheme({\n  root: {\n    base: 'flex flex-col gap-2 p-4 text-sm rounded-lg',\n    color: {\n      primary:\n        'text-primary-800 dark:text-primary-400 bg-primary-50 dark:bg-gray-800 border-primary-300 dark:border-primary-800',\n      dark: 'text-gray-800 dark:text-gray-300 bg-gray-100 dark:bg-gray-800 border-gray-300 dark:border-gray-600',\n      blue: 'text-blue-800 dark:text-blue-400 bg-blue-50 dark:bg-gray-800 border-blue-300 dark:border-blue-800',\n      red: 'text-red-800 dark:text-red-400 bg-red-100 dark:bg-gray-800 border-red-300 dark:border-red-800',\n      green:\n        'text-green-800 dark:text-green-400 bg-green-100 dark:bg-gray-800 border-green-300 dark:border-green-800',\n      yellow:\n        'text-yellow-800 dark:text-yellow-300 bg-yellow-100 dark:bg-gray-800 border-yellow-300 dark:border-yellow-800',\n    },\n    hasBorder: {\n      enabled: 'border',\n      disabled: 'border-0',\n    },\n    hasBorderAccent: {\n      enabled: 'border-t-4',\n      disabled: '',\n    },\n  },\n  closeButton: {\n    base: '-mx-1.5 -my-1.5 ml-auto inline-flex h-8 w-8 rounded-lg p-1.5 focus:ring-2',\n    color: {\n      primary:\n        'text-primary-500 dark:text-primary-600 hover:bg-primary-200 dark:hover:bg-primary-300',\n      dark: 'text-gray-500 dark:text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-300',\n      blue: 'text-blue-500 dark:text-blue-600 hover:bg-blue-200 dark:hover:bg-blue-300',\n      red: 'text-red-500 dark:text-red-600 hover:bg-red-200 dark:hover:bg-red-300',\n      green: 'text-green-500 dark:text-green-600 hover:bg-green-200 dark:hover:bg-green-300',\n      yellow: 'text-yellow-500 dark:text-yellow-600 hover:bg-yellow-200 dark:hover:bg-yellow-300',\n    },\n  },\n});\n\nexport interface AlertClass extends FlowbiteClass {\n  closeButtonClass: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/flowbite-angular-badge.mjs

@@ -0,0 +1,105 @@
+import { mergeTheme, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';
+import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
+import { NgClass } from '@angular/common';
+
+const FLOWBITE_BADGE_THEME_TOKEN = new InjectionToken('FLOWBITE_BADGE_THEME_TOKEN');
+class BadgeThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_BADGE_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.color[properties.color], theme.root.size[properties.size], theme.root.isPill[properties.isPill == 'enabled' || properties.isIconOnly == 'enabled'
+                ? 'enabled'
+                : properties.isPill], theme.root.isIconOnly[properties.isIconOnly], theme.root.link[properties.link ? 'enabled' : 'disabled']),
+        };
+        return output;
+    }
+}
+
+/**
+ * @see https://flowbite.com/docs/components/badge/
+ */
+class BadgeComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.flowbiteRouterLink = inject(FlowbiteRouterLinkDirective, { optional: true });
+        this.themeService = inject(BadgeThemeService);
+        //#region properties
+        this.color = model('primary');
+        this.size = model('xs');
+        this.isIconOnly = model(false);
+        this.isPill = model(false);
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            color: this.color(),
+            size: this.size(),
+            isIconOnly: booleanToFlowbiteBoolean(this.isIconOnly()),
+            isPill: booleanToFlowbiteBoolean(this.isPill()),
+            link: this.flowbiteRouterLink?.routerLink.urlTree ?? null,
+            customStyle: this.customStyle(),
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: BadgeComponent, isStandalone: true, selector: "flowbite-badge", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, isIconOnly: { classPropertyName: "isIconOnly", publicName: "isIconOnly", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange", size: "sizeChange", isIconOnly: "isIconOnlyChange", isPill: "isPillChange", 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: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-badge',
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const badgeTheme = createTheme({
+    root: {
+        base: 'flex h-fit items-center gap-1 font-semibold',
+        color: {
+            primary: 'bg-primary-100 dark:bg-primary-700 text-primary-800 dark:text-primary-300 group-hover:bg-primary-200 dark:group-hover:bg-primary-600',
+            dark: 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600',
+            blue: 'bg-blue-100 dark:bg-blue-200 text-blue-800 dark:text-blue-800 group-hover:bg-blue-200 dark:group-hover:bg-blue-300',
+            red: 'bg-red-100 dark:bg-red-200 text-red-800 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300',
+            green: 'bg-green-100 dark:bg-green-200 text-green-800 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300',
+            yellow: 'bg-yellow-100 dark:bg-yellow-200 text-yellow-800 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300',
+            indigo: 'bg-indigo-100 dark:bg-indigo-200 text-indigo-800 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300',
+            purple: 'bg-purple-100 dark:bg-purple-200 text-purple-800 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300',
+            pink: 'bg-pink-100 dark:bg-pink-200 text-pink-800 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300',
+        },
+        size: {
+            xs: 'text-xs p-1',
+            sm: 'text-sm p-1.5',
+        },
+        isPill: {
+            enabled: 'rounded-full',
+            disabled: 'rounded',
+        },
+        link: {
+            enabled: 'group cursor-pointer',
+            disabled: '',
+        },
+        isIconOnly: {
+            enabled: '',
+            disabled: 'px-2 py-0.5',
+        },
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeComponent, BadgeThemeService, FLOWBITE_BADGE_THEME_TOKEN, badgeTheme };
+//# sourceMappingURL=flowbite-angular-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-badge.mjs","sources":["../../../../libs/flowbite-angular/badge/badge.theme.service.ts","../../../../libs/flowbite-angular/badge/badge.component.ts","../../../../libs/flowbite-angular/badge/badge.theme.ts","../../../../libs/flowbite-angular/badge/flowbite-angular-badge.ts"],"sourcesContent":["import type { BadgeClass, BadgeProperties, BadgeTheme } from './badge.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_BADGE_THEME_TOKEN = new InjectionToken<BadgeTheme>(\n  'FLOWBITE_BADGE_THEME_TOKEN'\n);\n\nexport class BadgeThemeService implements FlowbiteThemeService<BadgeProperties> {\n  private readonly baseTheme = inject(FLOWBITE_BADGE_THEME_TOKEN);\n\n  public getClasses(properties: BadgeProperties): BadgeClass {\n    const theme: BadgeTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: BadgeClass = {\n      rootClass: twMerge(\n        theme.root.base,\n        theme.root.color[properties.color],\n        theme.root.size[properties.size],\n        theme.root.isPill[\n          properties.isPill == 'enabled' || properties.isIconOnly == 'enabled'\n            ? 'enabled'\n            : properties.isPill\n        ],\n        theme.root.isIconOnly[properties.isIconOnly],\n        theme.root.link[properties.link ? 'enabled' : 'disabled']\n      ),\n    };\n\n    return output;\n  }\n}\n","import type { BadgeClass, BadgeColors, BadgeSizes, BadgeTheme } from './badge.theme';\nimport { BadgeThemeService } from './badge.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\nimport { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/badge/\n */\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-badge',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BadgeComponent extends BaseComponent<BadgeClass> {\n  public readonly flowbiteRouterLink = inject(FlowbiteRouterLinkDirective, { optional: true });\n  public readonly themeService = inject(BadgeThemeService);\n\n  //#region properties\n  public color = model<keyof BadgeColors>('primary');\n  public size = model<keyof BadgeSizes>('xs');\n  public isIconOnly = model<boolean>(false);\n  public isPill = model<boolean>(false);\n  public customStyle = model<DeepPartial<BadgeTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): BadgeClass {\n    return this.themeService.getClasses({\n      color: this.color(),\n      size: this.size(),\n      isIconOnly: booleanToFlowbiteBoolean(this.isIconOnly()),\n      isPill: booleanToFlowbiteBoolean(this.isPill()),\n      link: this.flowbiteRouterLink?.routerLink.urlTree ?? null,\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  DeepPartial,\n  FlowbiteBoolean,\n  FlowbiteClass,\n  FlowbiteColors,\n  FlowbiteSizes,\n  RouterLinkParameter,\n} from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n//#region Component theme option\nexport interface BadgeColors\n  extends Pick<\n    FlowbiteColors,\n    'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink'\n  > {\n  [key: string]: string;\n}\n\nexport interface BadgeSizes extends Pick<FlowbiteSizes, 'xs' | 'sm'> {\n  [key: string]: string;\n}\n//#endregion\n\nexport interface BadgeProperties {\n  color: keyof BadgeColors;\n  size: keyof BadgeSizes;\n  isIconOnly: keyof FlowbiteBoolean;\n  isPill: keyof FlowbiteBoolean;\n  link: RouterLinkParameter;\n  customStyle: DeepPartial<BadgeTheme>;\n}\n\nexport interface BadgeTheme {\n  root: {\n    base: string;\n    color: BadgeColors;\n    size: BadgeSizes;\n    isPill: FlowbiteBoolean;\n    isIconOnly: FlowbiteBoolean;\n    link: FlowbiteBoolean;\n  };\n}\n\nexport const badgeTheme: BadgeTheme = createTheme({\n  root: {\n    base: 'flex h-fit items-center gap-1 font-semibold',\n    color: {\n      primary:\n        'bg-primary-100 dark:bg-primary-700 text-primary-800 dark:text-primary-300 group-hover:bg-primary-200 dark:group-hover:bg-primary-600',\n      dark: 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600',\n      blue: 'bg-blue-100 dark:bg-blue-200 text-blue-800 dark:text-blue-800 group-hover:bg-blue-200 dark:group-hover:bg-blue-300',\n      red: 'bg-red-100 dark:bg-red-200 text-red-800 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300',\n      green:\n        'bg-green-100 dark:bg-green-200 text-green-800 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300',\n      yellow:\n        'bg-yellow-100 dark:bg-yellow-200 text-yellow-800 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300',\n      indigo:\n        'bg-indigo-100 dark:bg-indigo-200 text-indigo-800 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300',\n      purple:\n        'bg-purple-100 dark:bg-purple-200 text-purple-800 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300',\n      pink: 'bg-pink-100 dark:bg-pink-200 text-pink-800 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300',\n    },\n    size: {\n      xs: 'text-xs p-1',\n      sm: 'text-sm p-1.5',\n    },\n    isPill: {\n      enabled: 'rounded-full',\n      disabled: 'rounded',\n    },\n    link: {\n      enabled: 'group cursor-pointer',\n      disabled: '',\n    },\n    isIconOnly: {\n      enabled: '',\n      disabled: 'px-2 py-0.5',\n    },\n  },\n});\n\nexport type BadgeClass = 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-breadcrumb.mjs

@@ -0,0 +1,159 @@
+import { mergeTheme, CHEVRON_RIGHT_SVG_ICON, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, Component, ViewEncapsulation, ChangeDetectionStrategy, contentChildren } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent } from 'flowbite-angular';
+import { IconRegistry, IconComponent } from 'flowbite-angular/icon';
+import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
+import { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
+import { DomSanitizer } from '@angular/platform-browser';
+
+const FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN = new InjectionToken('FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN');
+class BreadcrumbItemThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base, theme.root.color[properties.color]),
+            breadcrumbIconClass: twMerge(theme.icon.base),
+        };
+        return output;
+    }
+}
+
+class BreadcrumbItemComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(BreadcrumbItemThemeService);
+        this.breadcrumbComponent = inject(BreadcrumbComponent);
+        this.flowbiteRouterLink = inject(FlowbiteRouterLinkDirective, { optional: true });
+        this.iconRegistry = inject(IconRegistry);
+        this.domSanitizer = inject(DomSanitizer);
+        //#region properties
+        this.color = model(this.breadcrumbComponent.color());
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            color: this.color(),
+            link: this.flowbiteRouterLink?.routerLink.urlTree ?? null,
+            customStyle: this.customStyle(),
+        });
+    }
+    init() {
+        this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'chevron-right', this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_RIGHT_SVG_ICON));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BreadcrumbItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: BreadcrumbItemComponent, isStandalone: true, selector: "flowbite-breadcrumb-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" }, usesInheritance: true, ngImport: i0, template: `
+    <flowbite-icon
+      [ngClass]="contentClasses().breadcrumbIconClass"
+      svgIcon="flowbite-angular:chevron-right" />
+    <ng-content />
+  `, 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: BreadcrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgIf, NgClass, NgTemplateOutlet, IconComponent],
+                    selector: 'flowbite-breadcrumb-item',
+                    template: `
+    <flowbite-icon
+      [ngClass]="contentClasses().breadcrumbIconClass"
+      svgIcon="flowbite-angular:chevron-right" />
+    <ng-content />
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_BREADCRUMB_THEME_TOKEN = new InjectionToken('FLOWBITE_BREADCRUMB_THEME_TOKEN');
+class BreadcrumbThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_BREADCRUMB_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+/**
+ * @see https://flowbite.com/docs/components/breadcrumb/
+ */
+class BreadcrumbComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(BreadcrumbThemeService);
+        this.breadcrumbItemChildren = contentChildren(BreadcrumbItemComponent);
+        //#region properties
+        this.color = model('primary');
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            customStyle: this.customStyle(),
+        });
+    }
+    verify() {
+        if (this.breadcrumbItemChildren().length === 0) {
+            throw new Error('No BreadcrumbItemComponent available');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.0", type: BreadcrumbComponent, isStandalone: true, selector: "flowbite-breadcrumb", 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: { properties: { "attr.aria-label": "breadcrumb" } }, queries: [{ propertyName: "breadcrumbItemChildren", predicate: BreadcrumbItemComponent, 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: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-breadcrumb',
+                    template: `<ng-content />`,
+                    host: {
+                        '[attr.aria-label]': 'breadcrumb',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const breadcrumbTheme = createTheme({
+    root: {
+        base: 'flex items-center',
+    },
+});
+
+const breadcrumbItemTheme = createTheme({
+    root: {
+        base: 'group flex items-center text-sm font-medium cursor-pointer',
+        color: {
+            primary: 'text-primary-700 dark:text-primary-400 hover:text-primary-900 dark:hover:text-primary-500',
+            dark: 'text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white',
+            blue: 'text-blue-700 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-500',
+            red: 'text-red-700 dark:text-red-400 hover:text-red-900 dark:hover:text-red-500',
+            green: 'text-green-700 dark:text-green-400 hover:text-green-900 dark:hover:text-green-500',
+            yellow: 'text-yellow-700 dark:text-yellow-400 hover:text-yellow-900 dark:hover:text-yellow-500',
+        },
+    },
+    icon: {
+        base: 'mx-1 h-6 w-6 md:mx-2 group-first:hidden',
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbItemThemeService, BreadcrumbThemeService, FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN, FLOWBITE_BREADCRUMB_THEME_TOKEN, breadcrumbItemTheme, breadcrumbTheme };
+//# sourceMappingURL=flowbite-angular-breadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-breadcrumb.mjs","sources":["../../../../libs/flowbite-angular/breadcrumb/breadcrumb-item.theme.service.ts","../../../../libs/flowbite-angular/breadcrumb/breadcrumb-item.component.ts","../../../../libs/flowbite-angular/breadcrumb/breadcrumb.theme.service.ts","../../../../libs/flowbite-angular/breadcrumb/breadcrumb.component.ts","../../../../libs/flowbite-angular/breadcrumb/breadcrumb.theme.ts","../../../../libs/flowbite-angular/breadcrumb/breadcrumb-item.theme.ts","../../../../libs/flowbite-angular/breadcrumb/flowbite-angular-breadcrumb.ts"],"sourcesContent":["import type {\n  BreadcrumbItemClass,\n  BreadcrumbItemProperties,\n  BreadcrumbItemTheme,\n} from './breadcrumb-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_BREADCRUMB_ITEM_THEME_TOKEN = new InjectionToken<BreadcrumbItemTheme>(\n  'FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN'\n);\n\nexport class BreadcrumbItemThemeService implements FlowbiteThemeService<BreadcrumbItemProperties> {\n  private readonly baseTheme = inject(FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN);\n\n  public getClasses(properties: BreadcrumbItemProperties): BreadcrumbItemClass {\n    const theme: BreadcrumbItemTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: BreadcrumbItemClass = {\n      rootClass: twMerge(theme.root.base, theme.root.color[properties.color]),\n      breadcrumbIconClass: twMerge(theme.icon.base),\n    };\n\n    return output;\n  }\n}\n","import type { BreadcrumbItemClass, BreadcrumbItemTheme } from './breadcrumb-item.theme';\nimport { BreadcrumbItemThemeService } from './breadcrumb-item.theme.service';\nimport { BreadcrumbComponent } from './breadcrumb.component';\nimport type { BreadcrumbColors } from './breadcrumb.theme';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';\nimport { CHEVRON_RIGHT_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';\nimport type { OnInit } from '@angular/core';\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  standalone: true,\n  imports: [NgIf, NgClass, NgTemplateOutlet, IconComponent],\n  selector: 'flowbite-breadcrumb-item',\n  template: `\n    <flowbite-icon\n      [ngClass]=\"contentClasses().breadcrumbIconClass\"\n      svgIcon=\"flowbite-angular:chevron-right\" />\n    <ng-content />\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbItemComponent extends BaseComponent<BreadcrumbItemClass> implements OnInit {\n  public readonly themeService = inject(BreadcrumbItemThemeService);\n  public readonly breadcrumbComponent = inject(BreadcrumbComponent);\n  public readonly flowbiteRouterLink = inject(FlowbiteRouterLinkDirective, { optional: true });\n  public readonly iconRegistry = inject(IconRegistry);\n  public readonly domSanitizer = inject(DomSanitizer);\n\n  //#region properties\n  public color = model<keyof BreadcrumbColors>(this.breadcrumbComponent.color());\n  public customStyle = model<DeepPartial<BreadcrumbItemTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): BreadcrumbItemClass {\n    return this.themeService.getClasses({\n      color: this.color(),\n      link: this.flowbiteRouterLink?.routerLink.urlTree ?? null,\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override init(): void {\n    this.iconRegistry.addRawSvgIconInNamepsace(\n      'flowbite-angular',\n      'chevron-right',\n      this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_RIGHT_SVG_ICON)\n    );\n  }\n  //#endregion\n}\n","import type { BreadcrumbClass, BreadcrumbProperties, BreadcrumbTheme } from './breadcrumb.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_BREADCRUMB_THEME_TOKEN = new InjectionToken<BreadcrumbTheme>(\n  'FLOWBITE_BREADCRUMB_THEME_TOKEN'\n);\n\nexport class BreadcrumbThemeService implements FlowbiteThemeService<BreadcrumbProperties> {\n  private readonly baseTheme = inject(FLOWBITE_BREADCRUMB_THEME_TOKEN);\n\n  public getClasses(properties: BreadcrumbProperties): BreadcrumbClass {\n    const theme: BreadcrumbTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: BreadcrumbClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import { BreadcrumbItemComponent } from './breadcrumb-item.component';\nimport type { BreadcrumbClass, BreadcrumbColors, BreadcrumbTheme } from './breadcrumb.theme';\nimport { BreadcrumbThemeService } from './breadcrumb.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/breadcrumb/\n */\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-breadcrumb',\n  template: `<ng-content />`,\n  host: {\n    '[attr.aria-label]': 'breadcrumb',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BreadcrumbComponent extends BaseComponent<BreadcrumbClass> {\n  public readonly themeService = inject(BreadcrumbThemeService);\n  public readonly breadcrumbItemChildren = contentChildren(BreadcrumbItemComponent);\n\n  //#region properties\n  public color = model<keyof BreadcrumbColors>('primary');\n  public customStyle = model<DeepPartial<BreadcrumbTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): BreadcrumbClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override verify(): void {\n    if (this.breadcrumbItemChildren().length === 0) {\n      throw new Error('No BreadcrumbItemComponent available');\n    }\n  }\n  //#endregion\n}\n","import type { DeepPartial, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface BreadcrumbColors\n  extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'> {\n  [key: string]: string;\n}\n\nexport interface BreadcrumbProperties {\n  customStyle: DeepPartial<BreadcrumbTheme>;\n}\n\nexport interface BreadcrumbTheme {\n  root: {\n    base: string;\n  };\n}\n\nexport const breadcrumbTheme: BreadcrumbTheme = createTheme({\n  root: {\n    base: 'flex items-center',\n  },\n});\n\nexport type BreadcrumbClass = FlowbiteClass;\n","import type { BreadcrumbColors } from './breadcrumb.theme';\n\nimport type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nimport type { UrlTree } from '@angular/router';\n\nexport interface BreadcrumbItemProperties {\n  color: keyof BreadcrumbColors;\n  link: UrlTree | null;\n  customStyle: DeepPartial<BreadcrumbItemTheme>;\n}\n\nexport interface BreadcrumbItemTheme {\n  root: {\n    base: string;\n    color: BreadcrumbColors;\n  };\n  icon: {\n    base: string;\n  };\n}\n\nexport const breadcrumbItemTheme: BreadcrumbItemTheme = createTheme({\n  root: {\n    base: 'group flex items-center text-sm font-medium cursor-pointer',\n    color: {\n      primary:\n        'text-primary-700 dark:text-primary-400 hover:text-primary-900 dark:hover:text-primary-500',\n      dark: 'text-gray-700 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white',\n      blue: 'text-blue-700 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-500',\n      red: 'text-red-700 dark:text-red-400 hover:text-red-900 dark:hover:text-red-500',\n      green: 'text-green-700 dark:text-green-400 hover:text-green-900 dark:hover:text-green-500',\n      yellow:\n        'text-yellow-700 dark:text-yellow-400 hover:text-yellow-900 dark:hover:text-yellow-500',\n    },\n  },\n  icon: {\n    base: 'mx-1 h-6 w-6 md:mx-2 group-first:hidden',\n  },\n});\n\nexport interface BreadcrumbItemClass extends FlowbiteClass {\n  breadcrumbIconClass: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}