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

package/fesm2022/flowbite-angular-modal.mjs

@@ -0,0 +1,386 @@
+import { mergeTheme, CLOSE_SVG_ICON, createTheme } from 'flowbite-angular/utils';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, model, Component, ViewEncapsulation, ChangeDetectionStrategy, contentChild, viewChild, TemplateRef, ViewContainerRef } from '@angular/core';
+import { twMerge } from 'tailwind-merge';
+import { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';
+import { NgClass } from '@angular/common';
+import { IconRegistry, IconComponent } from 'flowbite-angular/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { Router, NavigationStart } from '@angular/router';
+import { Subject, takeUntil, filter } from 'rxjs';
+
+const FLOWBITE_MODAL_BODY_THEME_TOKEN = new InjectionToken('FLOWBITE_MODAL_BODY_THEME_TOKEN');
+class ModalBodyThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_MODAL_BODY_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+class ModalBodyComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(ModalBodyThemeService);
+        this.modalComponent = inject(ModalComponent);
+        //#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: ModalBodyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: ModalBodyComponent, isStandalone: true, selector: "flowbite-modal-body", 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: ModalBodyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-modal-body',
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_MODAL_FOOTER_THEME_TOKEN = new InjectionToken('FLOWBITE_MODAL_FOOTER_THEME_TOKEN');
+class ModalFooterThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_MODAL_FOOTER_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+        };
+        return output;
+    }
+}
+
+class ModalFooterComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.themeService = inject(ModalFooterThemeService);
+        this.modalComponent = inject(ModalComponent);
+        //#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: ModalFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: ModalFooterComponent, isStandalone: true, selector: "flowbite-modal-footer", 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: ModalFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-modal-footer',
+                    template: `<ng-content />`,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_MODAL_HEADER_THEME_TOKEN = new InjectionToken('FLOWBITE_MODAL_HEADER_THEME_TOKEN');
+class ModalHeaderThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_MODAL_HEADER_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+            modalHeaderTitleClass: twMerge(theme.title.base),
+            modalHeaderButtonClass: twMerge(theme.button.base),
+        };
+        return output;
+    }
+}
+
+class ModalHeaderComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.stateService = inject(ModalHeaderThemeService);
+        this.modalComponent = inject(ModalComponent);
+        this.iconRegistry = inject(IconRegistry);
+        this.domSanitizer = inject(DomSanitizer);
+        //#region properties
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.stateService.getClasses({
+            customStyle: this.customStyle(),
+        });
+    }
+    init() {
+        this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'close', this.domSanitizer.bypassSecurityTrustHtml(CLOSE_SVG_ICON));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ModalHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: ModalHeaderComponent, isStandalone: true, selector: "flowbite-modal-header", inputs: { customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { customStyle: "customStyleChange" }, usesInheritance: true, ngImport: i0, template: `
+    <h3 [ngClass]="contentClasses().modalHeaderTitleClass">
+      <ng-content />
+    </h3>
+    <button
+      type="button"
+      [ngClass]="contentClasses().modalHeaderButtonClass"
+      data-modal-hide="medium-modal"
+      (click)="modalComponent.close()">
+      <flowbite-icon svgIcon="flowbite-angular:close" class="w-5 h-5" />
+      <span class="sr-only">Close modal</span>
+    </button>
+  `, 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: ModalHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass, IconComponent],
+                    selector: 'flowbite-modal-header',
+                    template: `
+    <h3 [ngClass]="contentClasses().modalHeaderTitleClass">
+      <ng-content />
+    </h3>
+    <button
+      type="button"
+      [ngClass]="contentClasses().modalHeaderButtonClass"
+      data-modal-hide="medium-modal"
+      (click)="modalComponent.close()">
+      <flowbite-icon svgIcon="flowbite-angular:close" class="w-5 h-5" />
+      <span class="sr-only">Close modal</span>
+    </button>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const FLOWBITE_MODAL_THEME_TOKEN = new InjectionToken('FLOWBITE_MODAL_THEME_TOKEN');
+class ModalThemeService {
+    constructor() {
+        this.baseTheme = inject(FLOWBITE_MODAL_THEME_TOKEN);
+    }
+    getClasses(properties) {
+        const theme = mergeTheme(this.baseTheme, properties.customStyle);
+        const output = {
+            rootClass: twMerge(theme.root.base),
+            modalWrapperClass: twMerge(theme.wrapper.base, theme.wrapper.position[properties.position]),
+            modalContainerClass: twMerge(theme.container.base, theme.container.size[properties.size]),
+            modalContentClass: twMerge(theme.content.base),
+        };
+        return output;
+    }
+}
+
+/**
+ * @see https://flowbite.com/docs/components/modal/
+ */
+class ModalComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.destroyed = new Subject();
+        this.themeService = inject(ModalThemeService);
+        this.modalHeaderChild = contentChild(ModalHeaderComponent);
+        this.modalBodyChild = contentChild(ModalBodyComponent);
+        this.modalFooterChild = contentChild(ModalFooterComponent);
+        //#region template properties
+        this.template = viewChild.required('modal', { read: TemplateRef });
+        this.viewContainer = inject(ViewContainerRef);
+        this.router = inject(Router);
+        //#endregion
+        //#region properties
+        this.size = model('md');
+        this.position = model('center');
+        this.isDismissable = model(false);
+        this.isOpen = model(false);
+        this.customStyle = model({});
+    }
+    //#endregion
+    //#region BaseComponent implementation
+    fetchClass() {
+        return this.themeService.getClasses({
+            isOpen: booleanToFlowbiteBoolean(this.isOpen()),
+            size: this.size(),
+            position: this.position(),
+            customStyle: this.customStyle(),
+        });
+    }
+    init() {
+        // close modal if it's not destroyed on route change
+        this.router.events
+            .pipe(takeUntil(this.destroyed), filter(() => this.isOpen()), filter((event) => event instanceof NavigationStart))
+            .subscribe(() => this.close());
+    }
+    verify() {
+        if (this.modalBodyChild() === undefined) {
+            throw new Error('No ModalBodyComponent available');
+        }
+    }
+    //#endregion
+    ngOnDestroy() {
+        this.destroyed.next();
+        this.destroyed.complete();
+    }
+    open() {
+        this.isOpen.set(true);
+        this.changeBackdrop();
+    }
+    close() {
+        this.isOpen.set(false);
+        this.changeBackdrop();
+    }
+    toggle() {
+        this.isOpen.set(!this.isOpen());
+        this.changeBackdrop();
+    }
+    // If isOpen changes, add or remove template
+    changeBackdrop() {
+        if (this.isOpen()) {
+            this.createTemplate();
+        }
+        else {
+            this.destroyTemplate();
+        }
+    }
+    createTemplate() {
+        if (this.embeddedView) {
+            this.destroyTemplate();
+        }
+        this.embeddedView = this.viewContainer.createEmbeddedView(this.template());
+    }
+    destroyTemplate() {
+        this.embeddedView?.destroy();
+    }
+    onKeydownHandler(event) {
+        console.log('hello');
+        if (event.key === 'Escape') {
+            this.close();
+        }
+    }
+    onBackdropClick(event) {
+        if (event.target == event.currentTarget && this.isDismissable()) {
+            this.close();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.0", type: ModalComponent, isStandalone: true, selector: "flowbite-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, isDismissable: { classPropertyName: "isDismissable", publicName: "isDismissable", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { size: "sizeChange", position: "positionChange", isDismissable: "isDismissableChange", isOpen: "isOpenChange", customStyle: "customStyleChange" }, host: { attributes: { "tabindex": "-1" }, listeners: { "document:keydown": "onKeydownHandler($event)" } }, queries: [{ propertyName: "modalHeaderChild", first: true, predicate: ModalHeaderComponent, descendants: true, isSignal: true }, { propertyName: "modalBodyChild", first: true, predicate: ModalBodyComponent, descendants: true, isSignal: true }, { propertyName: "modalFooterChild", first: true, predicate: ModalFooterComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["modal"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-template #modal>
+      <div class="bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-[99]"></div>
+
+      <div [ngClass]="contentClasses().modalWrapperClass" (click)="onBackdropClick($event)">
+        <div [ngClass]="contentClasses().modalContainerClass">
+          <div [ngClass]="contentClasses().modalContentClass">
+            <ng-content />
+          </div>
+        </div>
+      </div>
+    </ng-template>
+  `, 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: ModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [NgClass],
+                    selector: 'flowbite-modal',
+                    template: `
+    <ng-template #modal>
+      <div class="bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-[99]"></div>
+
+      <div [ngClass]="contentClasses().modalWrapperClass" (click)="onBackdropClick($event)">
+        <div [ngClass]="contentClasses().modalContainerClass">
+          <div [ngClass]="contentClasses().modalContentClass">
+            <ng-content />
+          </div>
+        </div>
+      </div>
+    </ng-template>
+  `,
+                    host: {
+                        tabindex: '-1',
+                        '(document:keydown)': 'onKeydownHandler($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
+const modalTheme = createTheme({
+    root: {
+        base: '',
+    },
+    wrapper: {
+        base: 'fixed top-0 left-0 right-0 z-[100] w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] md:h-full flex',
+        position: {
+            'top-left': 'items-start justify-start',
+            'top-center': 'items-start justify-center',
+            'top-right': 'items-start justify-end',
+            'center-left': 'items-center justify-start',
+            center: 'items-center justify-center',
+            'center-right': 'items-center justify-end',
+            'bottom-left': 'items-end justify-start',
+            'bottom-center': 'items-end justify-center',
+            'bottom-right': 'items-end justify-end',
+        },
+    },
+    container: {
+        base: 'relative w-full h-full md:h-auto',
+        size: {
+            sm: 'max-w-md',
+            md: 'max-w-lg',
+            lg: 'max-w-4xl',
+            xl: 'max-w-7xl',
+        },
+    },
+    content: {
+        base: 'relative bg-white rounded-lg shadow dark:bg-gray-700',
+    },
+});
+
+const modalHeaderTheme = createTheme({
+    root: {
+        base: 'flex items-center justify-between p-5 border-b rounded-t dark:border-gray-600',
+    },
+    title: {
+        base: 'text-xl font-medium text-gray-900 dark:text-white',
+    },
+    button: {
+        base: 'text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white',
+    },
+});
+
+const modalBodyTheme = createTheme({
+    root: {
+        base: 'block p-6 space-y-6',
+    },
+});
+
+const modalFooterTheme = createTheme({
+    root: {
+        base: 'flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600',
+    },
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FLOWBITE_MODAL_BODY_THEME_TOKEN, FLOWBITE_MODAL_FOOTER_THEME_TOKEN, FLOWBITE_MODAL_HEADER_THEME_TOKEN, FLOWBITE_MODAL_THEME_TOKEN, ModalBodyComponent, ModalBodyThemeService, ModalComponent, ModalFooterComponent, ModalFooterThemeService, ModalHeaderComponent, ModalHeaderThemeService, ModalThemeService, modalBodyTheme, modalFooterTheme, modalHeaderTheme, modalTheme };
+//# sourceMappingURL=flowbite-angular-modal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flowbite-angular-modal.mjs","sources":["../../../../libs/flowbite-angular/modal/modal-body.theme.service.ts","../../../../libs/flowbite-angular/modal/modal-body.component.ts","../../../../libs/flowbite-angular/modal/modal-footer.theme.service.ts","../../../../libs/flowbite-angular/modal/modal-footer.component.ts","../../../../libs/flowbite-angular/modal/modal-header.theme.service.ts","../../../../libs/flowbite-angular/modal/modal-header.component.ts","../../../../libs/flowbite-angular/modal/modal.theme.service.ts","../../../../libs/flowbite-angular/modal/modal.component.ts","../../../../libs/flowbite-angular/modal/modal.theme.ts","../../../../libs/flowbite-angular/modal/modal-header.theme.ts","../../../../libs/flowbite-angular/modal/modal-body.theme.ts","../../../../libs/flowbite-angular/modal/modal-footer.theme.ts","../../../../libs/flowbite-angular/modal/flowbite-angular-modal.ts"],"sourcesContent":["import type { ModalBodyClass, ModalBodyProperties, ModalBodyTheme } from './modal-body.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_MODAL_BODY_THEME_TOKEN = new InjectionToken<ModalBodyTheme>(\n  'FLOWBITE_MODAL_BODY_THEME_TOKEN'\n);\n\nexport class ModalBodyThemeService implements FlowbiteThemeService<ModalBodyProperties> {\n  private readonly baseTheme = inject(FLOWBITE_MODAL_BODY_THEME_TOKEN);\n\n  public getClasses(properties: ModalBodyProperties): ModalBodyClass {\n    const theme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: ModalBodyClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import type { ModalBodyClass, ModalBodyTheme } from './modal-body.theme';\nimport { ModalBodyThemeService } from './modal-body.theme.service';\nimport { ModalComponent } from './modal.component';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-modal-body',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ModalBodyComponent extends BaseComponent<ModalBodyClass> {\n  public readonly themeService = inject(ModalBodyThemeService);\n  public readonly modalComponent = inject(ModalComponent);\n\n  //#region properties\n  public customStyle = model<DeepPartial<ModalBodyTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): ModalBodyClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  ModalFooterClass,\n  ModalFooterProperties,\n  ModalFooterTheme,\n} from './modal-footer.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_MODAL_FOOTER_THEME_TOKEN = new InjectionToken<ModalFooterTheme>(\n  'FLOWBITE_MODAL_FOOTER_THEME_TOKEN'\n);\n\nexport class ModalFooterThemeService implements FlowbiteThemeService<ModalFooterProperties> {\n  private readonly baseTheme = inject(FLOWBITE_MODAL_FOOTER_THEME_TOKEN);\n\n  public getClasses(properties: ModalFooterProperties): ModalFooterClass {\n    const theme: ModalFooterTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: ModalFooterClass = {\n      rootClass: twMerge(theme.root.base),\n    };\n\n    return output;\n  }\n}\n","import type { ModalFooterClass, ModalFooterTheme } from './modal-footer.theme';\nimport { ModalFooterThemeService } from './modal-footer.theme.service';\nimport { ModalComponent } from './modal.component';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-modal-footer',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ModalFooterComponent extends BaseComponent<ModalFooterClass> {\n  public readonly themeService = inject(ModalFooterThemeService);\n  public readonly modalComponent = inject(ModalComponent);\n\n  //#region properties\n  public customStyle = model<DeepPartial<ModalFooterTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): ModalFooterClass {\n    return this.themeService.getClasses({\n      customStyle: this.customStyle(),\n    });\n  }\n  //#endregion\n}\n","import type {\n  ModalHeaderClass,\n  ModalHeaderProperties,\n  ModalHeaderTheme,\n} from './modal-header.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\nexport const FLOWBITE_MODAL_HEADER_THEME_TOKEN = new InjectionToken<ModalHeaderTheme>(\n  'FLOWBITE_MODAL_HEADER_THEME_TOKEN'\n);\n\nexport class ModalHeaderThemeService implements FlowbiteThemeService<ModalHeaderProperties> {\n  private readonly baseTheme = inject(FLOWBITE_MODAL_HEADER_THEME_TOKEN);\n\n  public getClasses(properties: ModalHeaderProperties): ModalHeaderClass {\n    const theme: ModalHeaderTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: ModalHeaderClass = {\n      rootClass: twMerge(theme.root.base),\n      modalHeaderTitleClass: twMerge(theme.title.base),\n      modalHeaderButtonClass: twMerge(theme.button.base),\n    };\n\n    return output;\n  }\n}\n","import type { ModalHeaderClass, ModalHeaderTheme } from './modal-header.theme';\nimport { ModalHeaderThemeService } from './modal-header.theme.service';\nimport { ModalComponent } from './modal.component';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { CLOSE_SVG_ICON } from 'flowbite-angular/utils';\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';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n  standalone: true,\n  imports: [NgClass, IconComponent],\n  selector: 'flowbite-modal-header',\n  template: `\n    <h3 [ngClass]=\"contentClasses().modalHeaderTitleClass\">\n      <ng-content />\n    </h3>\n    <button\n      type=\"button\"\n      [ngClass]=\"contentClasses().modalHeaderButtonClass\"\n      data-modal-hide=\"medium-modal\"\n      (click)=\"modalComponent.close()\">\n      <flowbite-icon svgIcon=\"flowbite-angular:close\" class=\"w-5 h-5\" />\n      <span class=\"sr-only\">Close modal</span>\n    </button>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ModalHeaderComponent extends BaseComponent<ModalHeaderClass> implements OnInit {\n  public readonly stateService = inject(ModalHeaderThemeService);\n  public readonly modalComponent = inject(ModalComponent);\n  public readonly iconRegistry = inject(IconRegistry);\n  public readonly domSanitizer = inject(DomSanitizer);\n\n  //#region properties\n  public customStyle = model<DeepPartial<ModalHeaderTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): ModalHeaderClass {\n    return this.stateService.getClasses({\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","import type { ModalClass, ModalProperties, ModalTheme } from './modal.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_MODAL_THEME_TOKEN = new InjectionToken<ModalTheme>(\n  'FLOWBITE_MODAL_THEME_TOKEN'\n);\n\nexport class ModalThemeService implements FlowbiteThemeService<ModalProperties> {\n  private readonly baseTheme = inject(FLOWBITE_MODAL_THEME_TOKEN);\n\n  public getClasses(properties: ModalProperties): ModalClass {\n    const theme: ModalTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n    const output: ModalClass = {\n      rootClass: twMerge(theme.root.base),\n      modalWrapperClass: twMerge(theme.wrapper.base, theme.wrapper.position[properties.position]),\n      modalContainerClass: twMerge(theme.container.base, theme.container.size[properties.size]),\n      modalContentClass: twMerge(theme.content.base),\n    };\n\n    return output;\n  }\n}\n","import { ModalBodyComponent } from './modal-body.component';\nimport { ModalFooterComponent } from './modal-footer.component';\nimport { ModalHeaderComponent } from './modal-header.component';\nimport type { ModalClass, ModalPositions, ModalSizes, ModalTheme } from './modal.theme';\nimport { ModalThemeService } from './modal.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport type { EmbeddedViewRef, OnDestroy } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  inject,\n  model,\n  TemplateRef,\n  viewChild,\n  ViewContainerRef,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NavigationStart, Router } from '@angular/router';\nimport { filter, Subject, takeUntil } from 'rxjs';\n\n/**\n * @see https://flowbite.com/docs/components/modal/\n */\n@Component({\n  standalone: true,\n  imports: [NgClass],\n  selector: 'flowbite-modal',\n  template: `\n    <ng-template #modal>\n      <div class=\"bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-[99]\"></div>\n\n      <div [ngClass]=\"contentClasses().modalWrapperClass\" (click)=\"onBackdropClick($event)\">\n        <div [ngClass]=\"contentClasses().modalContainerClass\">\n          <div [ngClass]=\"contentClasses().modalContentClass\">\n            <ng-content />\n          </div>\n        </div>\n      </div>\n    </ng-template>\n  `,\n  host: {\n    tabindex: '-1',\n    '(document:keydown)': 'onKeydownHandler($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ModalComponent extends BaseComponent<ModalClass> implements OnDestroy {\n  private readonly destroyed = new Subject<void>();\n\n  public readonly themeService = inject(ModalThemeService);\n  public readonly modalHeaderChild = contentChild(ModalHeaderComponent);\n  public readonly modalBodyChild = contentChild(ModalBodyComponent);\n  public readonly modalFooterChild = contentChild(ModalFooterComponent);\n\n  //#region template properties\n  private readonly template = viewChild.required('modal', { read: TemplateRef });\n\n  private readonly viewContainer = inject(ViewContainerRef);\n  private readonly router = inject(Router);\n\n  private embeddedView?: EmbeddedViewRef<unknown>;\n  //#endregion\n\n  //#region properties\n  public size = model<keyof ModalSizes>('md');\n  public position = model<keyof ModalPositions>('center');\n  public isDismissable = model<boolean>(false);\n  public isOpen = model<boolean>(false);\n  public customStyle = model<DeepPartial<ModalTheme>>({});\n  //#endregion\n\n  //#region BaseComponent implementation\n  public override fetchClass(): ModalClass {\n    return this.themeService.getClasses({\n      isOpen: booleanToFlowbiteBoolean(this.isOpen()),\n      size: this.size(),\n      position: this.position(),\n      customStyle: this.customStyle(),\n    });\n  }\n\n  public override init(): void {\n    // close modal if it's not destroyed on route change\n    this.router.events\n      .pipe(\n        takeUntil(this.destroyed),\n        filter(() => this.isOpen()),\n        filter((event) => event instanceof NavigationStart)\n      )\n      .subscribe(() => this.close());\n  }\n\n  public override verify(): void {\n    if (this.modalBodyChild() === undefined) {\n      throw new Error('No ModalBodyComponent available');\n    }\n  }\n  //#endregion\n\n  ngOnDestroy(): void {\n    this.destroyed.next();\n    this.destroyed.complete();\n  }\n\n  open() {\n    this.isOpen.set(true);\n    this.changeBackdrop();\n  }\n\n  close() {\n    this.isOpen.set(false);\n    this.changeBackdrop();\n  }\n\n  toggle() {\n    this.isOpen.set(!this.isOpen());\n    this.changeBackdrop();\n  }\n\n  // If isOpen changes, add or remove template\n  changeBackdrop() {\n    if (this.isOpen()) {\n      this.createTemplate();\n    } else {\n      this.destroyTemplate();\n    }\n  }\n\n  private createTemplate() {\n    if (this.embeddedView) {\n      this.destroyTemplate();\n    }\n\n    this.embeddedView = this.viewContainer.createEmbeddedView(this.template());\n  }\n\n  private destroyTemplate() {\n    this.embeddedView?.destroy();\n  }\n\n  onKeydownHandler(event: KeyboardEvent) {\n    console.log('hello');\n    if (event.key === 'Escape') {\n      this.close();\n    }\n  }\n\n  onBackdropClick(event: MouseEvent) {\n    if (event.target == event.currentTarget && this.isDismissable()) {\n      this.close();\n    }\n  }\n}\n","import type {\n  DeepPartial,\n  FlowbiteBoolean,\n  FlowbiteClass,\n  FlowbitePositions,\n  FlowbiteSizes,\n} from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n//#region Component theme option\nexport interface ModalSizes extends Pick<FlowbiteSizes, 'sm' | 'md' | 'lg' | 'xl'> {\n  [key: string]: string;\n}\n\nexport interface ModalPositions\n  extends Pick<\n    FlowbitePositions,\n    | 'center'\n    | 'top-left'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'top-center'\n    | 'bottom-center'\n    | 'center-left'\n    | 'center-right'\n  > {\n  [key: string]: string;\n}\n//#endregion\n\nexport interface ModalProperties {\n  isOpen: keyof FlowbiteBoolean;\n  size: keyof ModalSizes;\n  position: keyof ModalPositions;\n  customStyle: DeepPartial<ModalTheme>;\n}\n\nexport interface ModalTheme {\n  root: {\n    base: string;\n  };\n  wrapper: {\n    base: string;\n    position: ModalPositions;\n  };\n  container: {\n    base: string;\n    size: ModalSizes;\n  };\n  content: {\n    base: string;\n  };\n}\n\nexport const modalTheme: ModalTheme = createTheme({\n  root: {\n    base: '',\n  },\n  wrapper: {\n    base: 'fixed top-0 left-0 right-0 z-[100] w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] md:h-full flex',\n    position: {\n      'top-left': 'items-start justify-start',\n      'top-center': 'items-start justify-center',\n      'top-right': 'items-start justify-end',\n      'center-left': 'items-center justify-start',\n      center: 'items-center justify-center',\n      'center-right': 'items-center justify-end',\n      'bottom-left': 'items-end justify-start',\n      'bottom-center': 'items-end justify-center',\n      'bottom-right': 'items-end justify-end',\n    },\n  },\n  container: {\n    base: 'relative w-full h-full md:h-auto',\n    size: {\n      sm: 'max-w-md',\n      md: 'max-w-lg',\n      lg: 'max-w-4xl',\n      xl: 'max-w-7xl',\n    },\n  },\n  content: {\n    base: 'relative bg-white rounded-lg shadow dark:bg-gray-700',\n  },\n});\n\nexport interface ModalClass extends FlowbiteClass {\n  modalWrapperClass: string;\n  modalContainerClass: string;\n  modalContentClass: string;\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface ModalHeaderProperties {\n  customStyle: DeepPartial<ModalHeaderTheme>;\n}\n\nexport interface ModalHeaderTheme {\n  root: {\n    base: string;\n  };\n  title: {\n    base: string;\n  };\n  button: {\n    base: string;\n  };\n}\n\nexport const modalHeaderTheme: ModalHeaderTheme = createTheme({\n  root: {\n    base: 'flex items-center justify-between p-5 border-b rounded-t dark:border-gray-600',\n  },\n  title: {\n    base: 'text-xl font-medium text-gray-900 dark:text-white',\n  },\n  button: {\n    base: 'text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white',\n  },\n});\n\nexport interface ModalHeaderClass extends FlowbiteClass {\n  modalHeaderTitleClass: string;\n  modalHeaderButtonClass: string;\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface ModalBodyProperties {\n  customStyle: DeepPartial<ModalBodyTheme>;\n}\n\nexport interface ModalBodyTheme {\n  root: {\n    base: string;\n  };\n}\n\nexport const modalBodyTheme: ModalBodyTheme = createTheme({\n  root: {\n    base: 'block p-6 space-y-6',\n  },\n});\n\nexport type ModalBodyClass = FlowbiteClass;\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\nexport interface ModalFooterProperties {\n  customStyle: DeepPartial<ModalFooterTheme>;\n}\n\nexport interface ModalFooterTheme {\n  root: {\n    base: string;\n  };\n}\n\nexport const modalFooterTheme: ModalFooterTheme = createTheme({\n  root: {\n    base: 'flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600',\n  },\n});\n\nexport type ModalFooterClass = FlowbiteClass;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}