flowbite-angular 1.0.0-alpha.6 → 1.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -5
- package/accordion/README.md +2 -1
- package/alert/README.md +2 -1
- package/badge/README.md +2 -1
- package/breadcrumb/README.md +2 -1
- package/button/README.md +2 -1
- package/core/README.md +2 -1
- package/dark-theme-toggle/README.md +2 -1
- package/dropdown/README.md +2 -1
- package/esm2022/alert/alert.component.mjs +7 -3
- package/esm2022/dark-theme-toggle/dark-theme-toggle.component.mjs +13 -5
- package/esm2022/dropdown/dropdown.component.mjs +19 -5
- package/esm2022/modal/modal-header.component.mjs +7 -3
- package/esm2022/modal/modal.component.mjs +7 -3
- package/esm2022/navbar/navbar-toggle.component.mjs +11 -3
- package/esm2022/scroll-top/scroll-top.component.mjs +7 -3
- package/esm2022/sidebar/sidebar-item-group.component.mjs +7 -3
- package/esm2022/sidebar/sidebar-item.component.mjs +15 -5
- package/fesm2022/flowbite-angular-alert.mjs +6 -2
- package/fesm2022/flowbite-angular-alert.mjs.map +1 -1
- package/fesm2022/flowbite-angular-dark-theme-toggle.mjs +12 -4
- package/fesm2022/flowbite-angular-dark-theme-toggle.mjs.map +1 -1
- package/fesm2022/flowbite-angular-dropdown.mjs +18 -4
- package/fesm2022/flowbite-angular-dropdown.mjs.map +1 -1
- package/fesm2022/flowbite-angular-modal.mjs +12 -4
- package/fesm2022/flowbite-angular-modal.mjs.map +1 -1
- package/fesm2022/flowbite-angular-navbar.mjs +10 -2
- package/fesm2022/flowbite-angular-navbar.mjs.map +1 -1
- package/fesm2022/flowbite-angular-scroll-top.mjs +6 -2
- package/fesm2022/flowbite-angular-scroll-top.mjs.map +1 -1
- package/fesm2022/flowbite-angular-sidebar.mjs +20 -6
- package/fesm2022/flowbite-angular-sidebar.mjs.map +1 -1
- package/icon/README.md +2 -1
- package/indicator/README.md +2 -1
- package/modal/README.md +2 -1
- package/navbar/README.md +2 -1
- package/package.json +1 -1
- package/router-link/README.md +2 -1
- package/router-link-active/README.md +2 -1
- package/sanitize-html/README.md +2 -1
- package/scroll-top/README.md +2 -1
- package/sidebar/README.md +2 -1
- package/utils/README.md +2 -1
|
@@ -87,7 +87,9 @@ export class SidebarItemGroupComponent extends BaseComponent {
|
|
|
87
87
|
}
|
|
88
88
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SidebarItemGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
89
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.0", type: SidebarItemGroupComponent, isStandalone: true, selector: "flowbite-sidebar-item-group", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", color: "colorChange", title: "titleChange", customStyle: "customStyleChange" }, queries: [{ propertyName: "sidebarItemChildren", predicate: SidebarItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
90
|
-
<span
|
|
90
|
+
<span
|
|
91
|
+
[class]="contentClasses().spanClass"
|
|
92
|
+
(click)="toggleVisibility()">
|
|
91
93
|
<h4>{{ title() }}</h4>
|
|
92
94
|
<flowbite-icon
|
|
93
95
|
svgIcon="flowbite-angular:chevron-down"
|
|
@@ -104,7 +106,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
104
106
|
imports: [NgClass, NgIf, IconComponent],
|
|
105
107
|
selector: 'flowbite-sidebar-item-group',
|
|
106
108
|
template: `
|
|
107
|
-
<span
|
|
109
|
+
<span
|
|
110
|
+
[class]="contentClasses().spanClass"
|
|
111
|
+
(click)="toggleVisibility()">
|
|
108
112
|
<h4>{{ title() }}</h4>
|
|
109
113
|
<flowbite-icon
|
|
110
114
|
svgIcon="flowbite-angular:chevron-down"
|
|
@@ -117,4 +121,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
117
121
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
118
122
|
}]
|
|
119
123
|
}] });
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZmxvd2JpdGUtYW5ndWxhci9zaWRlYmFyL3NpZGViYXItaXRlbS1ncm91cC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbEYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFJaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFL0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsTUFBTSxFQUNOLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFFekQ7O0dBRUc7QUFvQkgsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGFBQW9DO0lBbkJuRjs7UUFvQkU7O1dBRUc7UUFDYSxpQkFBWSxHQUFHLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBQ3BFOztXQUVHO1FBQ2EsaUJBQVksR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDcEQ7O1dBRUc7UUFDYSxpQkFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwRDs7V0FFRztRQUNhLHlCQUFvQixHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3BFOztXQUVHO1FBQ2Esd0JBQW1CLEdBQUcsZUFBZSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFNUUsb0JBQW9CO1FBQ3BCOzs7OztXQUtHO1FBQ0ksV0FBTSxHQUFHLEtBQUssQ0FDbkIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsd0JBQXdCLEVBQUUsUUFBUSxFQUFFLElBQUksS0FBSyxDQUFDLENBQ3hGLENBQUM7UUFDRjs7OztXQUlHO1FBQ0ksVUFBSyxHQUFHLEtBQUssQ0FBc0IsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDN0U7O1dBRUc7UUFDSSxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ3hDOztXQUVHO1FBQ0ksZ0JBQVcsR0FBRyxLQUFLLENBQXFDLEVBQUUsQ0FBQyxDQUFDO0tBc0NwRTtJQXJDQyxZQUFZO0lBRVosc0NBQXNDO0lBQ3RCLFVBQVU7UUFDeEIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUNsQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNuQixXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRTtTQUNoQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRWUsTUFBTTtRQUNwQixJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUM1QyxNQUFNLElBQUksS0FBSyxDQUFDLG1DQUFtQyxDQUFDLENBQUM7UUFDdkQsQ0FBQztJQUNILENBQUM7SUFFZSxJQUFJO1FBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsd0JBQXdCLENBQ3hDLGtCQUFrQixFQUNsQixjQUFjLEVBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyx1QkFBdUIsQ0FBQyxxQkFBcUIsQ0FBQyxDQUNqRSxDQUFDO0lBQ0osQ0FBQztJQUNELFlBQVk7SUFFWjs7OztPQUlHO0lBQ0ksZ0JBQWdCLENBQUMsTUFBZ0I7UUFDdEMsSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDekIsTUFBTSxHQUFHLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBQzNDLENBQUM7UUFFRCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQixDQUFDOzhHQWxGVSx5QkFBeUI7a0dBQXpCLHlCQUF5Qiw4dUJBb0JrQixvQkFBb0Isb0VBbkNoRTs7Ozs7Ozs7Ozs7R0FXVCw0REFia0IsSUFBSSw2RkFBRSxhQUFhOzsyRkFpQjNCLHlCQUF5QjtrQkFuQnJDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxDQUFDO29CQUN2QyxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgU2lkZWJhckl0ZW1Hcm91cENsYXNzLCBTaWRlYmFySXRlbUdyb3VwVGhlbWUgfSBmcm9tICcuL3NpZGViYXItaXRlbS1ncm91cC50aGVtZSc7XG5pbXBvcnQgeyBTaWRlYmFySXRlbUdyb3VwVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0tZ3JvdXAudGhlbWUuc2VydmljZSc7XG5pbXBvcnQgeyBTaWRlYmFySXRlbUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaWRlYmFyTWVudUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgdHlwZSB7IFNpZGViYXJDb2xvcnMgfSBmcm9tICcuL3NpZGViYXIudGhlbWUnO1xuXG5pbXBvcnQgdHlwZSB7IERlZXBQYXJ0aWFsIH0gZnJvbSAnZmxvd2JpdGUtYW5ndWxhcic7XG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnZmxvd2JpdGUtYW5ndWxhcic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50LCBJY29uUmVnaXN0cnkgfSBmcm9tICdmbG93Yml0ZS1hbmd1bGFyL2ljb24nO1xuaW1wb3J0IHsgQ0hFVlJPTl9ET1dOX1NWR19JQ09OIH0gZnJvbSAnZmxvd2JpdGUtYW5ndWxhci91dGlscyc7XG5cbmltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29udGVudENoaWxkcmVuLFxuICBpbmplY3QsXG4gIG1vZGVsLFxuICB1bnRyYWNrZWQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG4vKipcbiAqIEBzZWUgaHR0cHM6Ly9mbG93Yml0ZS5jb20vZG9jcy9jb21wb25lbnRzL3NpZGViYXIvXG4gKi9cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgTmdJZiwgSWNvbkNvbXBvbmVudF0sXG4gIHNlbGVjdG9yOiAnZmxvd2JpdGUtc2lkZWJhci1pdGVtLWdyb3VwJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3BhblxuICAgICAgW2NsYXNzXT1cImNvbnRlbnRDbGFzc2VzKCkuc3BhbkNsYXNzXCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGVWaXNpYmlsaXR5KClcIj5cbiAgICAgIDxoND57eyB0aXRsZSgpIH19PC9oND5cbiAgICAgIDxmbG93Yml0ZS1pY29uXG4gICAgICAgIHN2Z0ljb249XCJmbG93Yml0ZS1hbmd1bGFyOmNoZXZyb24tZG93blwiXG4gICAgICAgIGNsYXNzPVwiaC02IHctNiBzaHJpbmstMCBkdXJhdGlvbi0yMDBcIlxuICAgICAgICBbY2xhc3Mucm90YXRlLTE4MF09XCIhaXNPcGVuKClcIiAvPlxuICAgIDwvc3Bhbj5cbiAgICA8bmctY29udGVudCAqbmdJZj1cImlzT3BlbigpXCIgLz5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJJdGVtR3JvdXBDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50PFNpZGViYXJJdGVtR3JvdXBDbGFzcz4ge1xuICAvKipcbiAgICogU2VydmljZSBpbmplY3RlZWQgdXNlZCB0byBnZW5lcmF0ZSBjbGFzc1xuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IHRoZW1lU2VydmljZSA9IGluamVjdChTaWRlYmFySXRlbUdyb3VwVGhlbWVTZXJ2aWNlKTtcbiAgLyoqXG4gICAqIGBJY29uUmVnaXN0cnlgIHNlcnZpY2VcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBpY29uUmVnaXN0cnkgPSBpbmplY3QoSWNvblJlZ2lzdHJ5KTtcbiAgLyoqXG4gICAqIGBEb21TYW5pdGl6ZXJgIHNlcnZpY2VcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBkb21TYW5pdGl6ZXIgPSBpbmplY3QoRG9tU2FuaXRpemVyKTtcbiAgLyoqXG4gICAqIFRoZSBwYXJlbnQgYFNpZGViYXJNZW51Q29tcG9uZW50YFxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IHNpZGViYXJNZW51Q29tcG9uZW50ID0gaW5qZWN0KFNpZGViYXJNZW51Q29tcG9uZW50KTtcbiAgLyoqXG4gICAqIExpc3Qgb2YgYFNpZGViYXJJdGVtQ29tcG9uZW50YFxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IHNpZGViYXJJdGVtQ2hpbGRyZW4gPSBjb250ZW50Q2hpbGRyZW4oU2lkZWJhckl0ZW1Db21wb25lbnQpO1xuXG4gIC8vI3JlZ2lvbiBwcm9wZXJ0aWVzXG4gIC8qKlxuICAgKiBTZXQgaWYgdGhlIHNpZGViYXIgaXRlbSBncm91cCBpcyBvcGVuXG4gICAqXG4gICAqIEBkZWZhdWx0IE9uZSBvZiBjaGlsZHJlbiBpcyBhY3RpdmVcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIHB1YmxpYyBpc09wZW4gPSBtb2RlbDxib29sZWFuPihcbiAgICB0aGlzLnNpZGViYXJJdGVtQ2hpbGRyZW4oKS5zb21lKCh4KSA9PiB4LmZsb3diaXRlUm91dGVyTGlua0FjdGl2ZT8uaXNBY3RpdmUoKSA/PyBmYWxzZSlcbiAgKTtcbiAgLyoqXG4gICAqIFNldCB0aGUgc2lkZWJhciBpdGVtIGdyb3VwIGNvbG9yXG4gICAqXG4gICAqIEBkZWZhdWx0IGBTaWRlYmFyTWVudUNvbXBvbmVudGAncyBjb2xvclxuICAgKi9cbiAgcHVibGljIGNvbG9yID0gbW9kZWw8a2V5b2YgU2lkZWJhckNvbG9ycz4odGhpcy5zaWRlYmFyTWVudUNvbXBvbmVudC5jb2xvcigpKTtcbiAgLyoqXG4gICAqIFNldCB0aGUgc2lkZWJhciBpdGVtIGdyb3VwIHRpdGxlXG4gICAqL1xuICBwdWJsaWMgdGl0bGUgPSBtb2RlbC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGN1c3RvbSBzdHlsZSBmb3IgdGhpcyBzaWRlYmFyIGl0ZW0gZ3JvdXBcbiAgICovXG4gIHB1YmxpYyBjdXN0b21TdHlsZSA9IG1vZGVsPERlZXBQYXJ0aWFsPFNpZGViYXJJdGVtR3JvdXBUaGVtZT4+KHt9KTtcbiAgLy8jZW5kcmVnaW9uXG5cbiAgLy8jcmVnaW9uIEJhc2VDb21wb25lbnQgaW1wbGVtZW50YXRpb25cbiAgcHVibGljIG92ZXJyaWRlIGZldGNoQ2xhc3MoKTogU2lkZWJhckl0ZW1Hcm91cENsYXNzIHtcbiAgICByZXR1cm4gdGhpcy50aGVtZVNlcnZpY2UuZ2V0Q2xhc3Nlcyh7XG4gICAgICBjb2xvcjogdGhpcy5jb2xvcigpLFxuICAgICAgY3VzdG9tU3R5bGU6IHRoaXMuY3VzdG9tU3R5bGUoKSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSB2ZXJpZnkoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc2lkZWJhckl0ZW1DaGlsZHJlbigpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdObyBTaWRlYmFySXRlbUNvbXBvbmVudCBhdmFpbGFibGUnKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgaW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmljb25SZWdpc3RyeS5hZGRSYXdTdmdJY29uSW5OYW1lcHNhY2UoXG4gICAgICAnZmxvd2JpdGUtYW5ndWxhcicsXG4gICAgICAnY2hldnJvbi1kb3duJyxcbiAgICAgIHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RIdG1sKENIRVZST05fRE9XTl9TVkdfSUNPTilcbiAgICApO1xuICB9XG4gIC8vI2VuZHJlZ2lvblxuXG4gIC8qKlxuICAgKiBUb2dnbGUgaXNPcGVuIHZhbHVlXG4gICAqXG4gICAqIEBwYXJhbSBpc09wZW4gSWYgcHJvdmlkZWQgZm9yY2UgaXNPcGVuIHZhbHVlXG4gICAqL1xuICBwdWJsaWMgdG9nZ2xlVmlzaWJpbGl0eShpc09wZW4/OiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKGlzT3BlbiA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICBpc09wZW4gPSB1bnRyYWNrZWQoKCkgPT4gIXRoaXMuaXNPcGVuKCkpO1xuICAgIH1cblxuICAgIHRoaXMuaXNPcGVuLnNldChpc09wZW4pO1xuICB9XG59XG4iXX0=
|
|
@@ -87,8 +87,13 @@ export class SidebarItemComponent extends BaseComponent {
|
|
|
87
87
|
}
|
|
88
88
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: SidebarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
89
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: SidebarItemComponent, isStandalone: true, selector: "flowbite-sidebar-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { icon: "iconChange", color: "colorChange", label: "labelChange", customStyle: "customStyleChange" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: `
|
|
90
|
-
<span
|
|
91
|
-
|
|
90
|
+
<span
|
|
91
|
+
class="flex-shrink-0"
|
|
92
|
+
[innerHTML]="icon()! | sanitizeHtml"
|
|
93
|
+
*ngIf="icon()"></span>
|
|
94
|
+
<span
|
|
95
|
+
[ngClass]="contentClasses().sidebarIconClass"
|
|
96
|
+
[class.ml-3]="icon()">
|
|
92
97
|
<ng-content />
|
|
93
98
|
</span>
|
|
94
99
|
<flowbite-badge *ngIf="label()">{{ label() }}</flowbite-badge>
|
|
@@ -101,8 +106,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
101
106
|
imports: [NgIf, NgClass, SanitizeHtmlPipe, BadgeComponent],
|
|
102
107
|
selector: 'flowbite-sidebar-item',
|
|
103
108
|
template: `
|
|
104
|
-
<span
|
|
105
|
-
|
|
109
|
+
<span
|
|
110
|
+
class="flex-shrink-0"
|
|
111
|
+
[innerHTML]="icon()! | sanitizeHtml"
|
|
112
|
+
*ngIf="icon()"></span>
|
|
113
|
+
<span
|
|
114
|
+
[ngClass]="contentClasses().sidebarIconClass"
|
|
115
|
+
[class.ml-3]="icon()">
|
|
106
116
|
<ng-content />
|
|
107
117
|
</span>
|
|
108
118
|
<flowbite-badge *ngIf="label()">{{ label() }}</flowbite-badge>
|
|
@@ -114,4 +124,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
114
124
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
115
125
|
}]
|
|
116
126
|
}] });
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
127
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZmxvd2JpdGUtYW5ndWxhci9zaWRlYmFyL3NpZGViYXItaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFM0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFJaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMzRSxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN4RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUVsRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7R0FFRztBQXVCSCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsYUFBK0I7SUF0QnpFOztRQXVCRTs7V0FFRztRQUNhLHVCQUFrQixHQUFHLE1BQU0sQ0FBQywyQkFBMkIsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBQzdGOztXQUVHO1FBQ2EsNkJBQXdCLEdBQUcsTUFBTSxDQUFDLGlDQUFpQyxFQUFFO1lBQ25GLFFBQVEsRUFBRSxJQUFJO1NBQ2YsQ0FBQyxDQUFDO1FBQ0g7O1dBRUc7UUFDYSxpQkFBWSxHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBQy9EOztXQUVHO1FBQ2EsOEJBQXlCLEdBQUcsTUFBTSxDQUFDLHlCQUF5QixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDbEc7O1dBRUc7UUFDYSx5QkFBb0IsR0FBRyxNQUFNLENBQUMsb0JBQW9CLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUV4RixvQkFBb0I7UUFDcEI7Ozs7V0FJRztRQUNJLFNBQUksR0FBRyxLQUFLLENBQXFCLFNBQVMsQ0FBQyxDQUFDO1FBQ25EOzs7OztXQUtHO1FBQ0ksVUFBSyxHQUFHLEtBQUssQ0FDbEIsQ0FBQyxJQUFJLENBQUMseUJBQXlCLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFFLENBQUMsS0FBSyxFQUFFLENBQ3ZFLENBQUM7UUFDRjs7OztXQUlHO1FBQ0ksVUFBSyxHQUFHLEtBQUssQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFDcEQ7O1dBRUc7UUFDSSxnQkFBVyxHQUFHLEtBQUssQ0FBZ0MsRUFBRSxDQUFDLENBQUM7S0E2Qi9EO0lBNUJDLFlBQVk7SUFFWixzQ0FBc0M7SUFDdEIsVUFBVTtRQUN4QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ2xDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFO1NBQ2hDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFZSxNQUFNO1FBQ3BCLElBQUksSUFBSSxDQUFDLG9CQUFvQixLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMseUJBQXlCLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDNUYsTUFBTSxJQUFJLEtBQUssQ0FBQyw2REFBNkQsQ0FBQyxDQUFDO1FBQ2pGLENBQUM7SUFDSCxDQUFDO0lBQ0QsWUFBWTtJQUVaOztPQUVHO0lBQ0gsT0FBTztRQUNMLENBQUMsSUFBSSxDQUFDLG9CQUFvQixJQUFJLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxvQkFBb0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQ2hHLENBQ0UsSUFBSSxDQUFDLG9CQUFvQixJQUFJLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxvQkFBb0IsQ0FDbEYsRUFBRSxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxDQUFDOzhHQTdFVSxvQkFBb0I7a0dBQXBCLG9CQUFvQixpd0JBbEJyQjs7Ozs7Ozs7Ozs7R0FXVCw0REFiUyxJQUFJLDZGQUFFLE9BQU8sK0VBQUUsZ0JBQWdCLHFEQUFFLGNBQWM7OzJGQW9COUMsb0JBQW9CO2tCQXRCaEMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsSUFBSSxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxjQUFjLENBQUM7b0JBQzFELFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7R0FXVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLFdBQVc7cUJBQ3ZCO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTaWRlYmFySXRlbUdyb3VwQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0tZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB0eXBlIHsgU2lkZWJhckl0ZW1DbGFzcywgU2lkZWJhckl0ZW1UaGVtZSB9IGZyb20gJy4vc2lkZWJhci1pdGVtLnRoZW1lJztcbmltcG9ydCB7IFNpZGViYXJJdGVtVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0udGhlbWUuc2VydmljZSc7XG5pbXBvcnQgeyBTaWRlYmFyTWVudUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1tZW51LmNvbXBvbmVudCc7XG5pbXBvcnQgdHlwZSB7IFNpZGViYXJDb2xvcnMgfSBmcm9tICcuL3NpZGViYXIudGhlbWUnO1xuXG5pbXBvcnQgdHlwZSB7IERlZXBQYXJ0aWFsIH0gZnJvbSAnZmxvd2JpdGUtYW5ndWxhcic7XG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50IH0gZnJvbSAnZmxvd2JpdGUtYW5ndWxhcic7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJ2Zsb3diaXRlLWFuZ3VsYXIvYmFkZ2UnO1xuaW1wb3J0IHsgRmxvd2JpdGVSb3V0ZXJMaW5rRGlyZWN0aXZlIH0gZnJvbSAnZmxvd2JpdGUtYW5ndWxhci9yb3V0ZXItbGluayc7XG5pbXBvcnQgeyBGbG93Yml0ZVJvdXRlckxpbmtBY3RpdmVEaXJlY3RpdmUgfSBmcm9tICdmbG93Yml0ZS1hbmd1bGFyL3JvdXRlci1saW5rLWFjdGl2ZSc7XG5pbXBvcnQgeyBTYW5pdGl6ZUh0bWxQaXBlIH0gZnJvbSAnZmxvd2JpdGUtYW5ndWxhci9zYW5pdGl6ZS1odG1sJztcblxuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBpbmplY3QsXG4gIG1vZGVsLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQHNlZSBodHRwczovL2Zsb3diaXRlLmNvbS9kb2NzL2NvbXBvbmVudHMvc2lkZWJhci9cbiAqL1xuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ0NsYXNzLCBTYW5pdGl6ZUh0bWxQaXBlLCBCYWRnZUNvbXBvbmVudF0sXG4gIHNlbGVjdG9yOiAnZmxvd2JpdGUtc2lkZWJhci1pdGVtJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJmbGV4LXNocmluay0wXCJcbiAgICAgIFtpbm5lckhUTUxdPVwiaWNvbigpISB8IHNhbml0aXplSHRtbFwiXG4gICAgICAqbmdJZj1cImljb24oKVwiPjwvc3Bhbj5cbiAgICA8c3BhblxuICAgICAgW25nQ2xhc3NdPVwiY29udGVudENsYXNzZXMoKS5zaWRlYmFySWNvbkNsYXNzXCJcbiAgICAgIFtjbGFzcy5tbC0zXT1cImljb24oKVwiPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L3NwYW4+XG4gICAgPGZsb3diaXRlLWJhZGdlICpuZ0lmPVwibGFiZWwoKVwiPnt7IGxhYmVsKCkgfX08L2Zsb3diaXRlLWJhZGdlPlxuICBgLFxuICBob3N0OiB7XG4gICAgJyhjbGljayknOiAnb25DbGljaygpJyxcbiAgfSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJJdGVtQ29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudDxTaWRlYmFySXRlbUNsYXNzPiB7XG4gIC8qKlxuICAgKiBPcHRpb25hbCBgRmxvd2JpdGVSb3V0ZXJMaW5rRGlyZWN0aXZlYCBpbmplY3RlZFxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGZsb3diaXRlUm91dGVyTGluayA9IGluamVjdChGbG93Yml0ZVJvdXRlckxpbmtEaXJlY3RpdmUsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG4gIC8qKlxuICAgKiBPcHRpb25hbCBgRmxvd2JpdGVSb3V0ZXJMaW5rQWN0aXZlRGlyZWN0aXZlYCBpbmplY3RlZFxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGZsb3diaXRlUm91dGVyTGlua0FjdGl2ZSA9IGluamVjdChGbG93Yml0ZVJvdXRlckxpbmtBY3RpdmVEaXJlY3RpdmUsIHtcbiAgICBvcHRpb25hbDogdHJ1ZSxcbiAgfSk7XG4gIC8qKlxuICAgKiBTZXJ2aWNlIGluamVjdGVkIHVzZWQgdG8gZ2VuZXJhdGUgY2xhc3NcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSB0aGVtZVNlcnZpY2UgPSBpbmplY3QoU2lkZWJhckl0ZW1UaGVtZVNlcnZpY2UpO1xuICAvKipcbiAgICogVGhlIG9wdGlvbmFsIHBhcmVudCBgU2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudGBcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBzaWRlYmFySXRlbUdyb3VwQ29tcG9uZW50ID0gaW5qZWN0KFNpZGViYXJJdGVtR3JvdXBDb21wb25lbnQsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG4gIC8qKlxuICAgKiBUaGUgb3B0aW9uYWwgcGFyZW50IGBTaWRlYmFyTWVudUNvbXBvbmVudGBcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBzaWRlYmFyTWVudUNvbXBvbmVudCA9IGluamVjdChTaWRlYmFyTWVudUNvbXBvbmVudCwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcblxuICAvLyNyZWdpb24gcHJvcGVydGllc1xuICAvKipcbiAgICogU2V0IHRoZSBzaWRlYmFyIGl0ZW0gaWNvblxuICAgKlxuICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICovXG4gIHB1YmxpYyBpY29uID0gbW9kZWw8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAvKipcbiAgICogU2V0IHRoZSBzaWRlYmFyIGl0ZW0gY29sb3JcbiAgICpcbiAgICogQGRlZmF1bHQgYFNpZGViYXJJdGVtR3JvdXBDb21wb25lbnRgJ3MgY29sb3JcbiAgICogQGRlZmF1bHQgYFNpZGViYXJNZW51Q29tcG9uZW50YCdzIGNvbG9yXG4gICAqL1xuICBwdWJsaWMgY29sb3IgPSBtb2RlbDxrZXlvZiBTaWRlYmFyQ29sb3JzPihcbiAgICAodGhpcy5zaWRlYmFySXRlbUdyb3VwQ29tcG9uZW50ID8/IHRoaXMuc2lkZWJhck1lbnVDb21wb25lbnQpIS5jb2xvcigpXG4gICk7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpZGViYXIgaXRlbSBsYWJlbFxuICAgKlxuICAgKiBAZGVmYXVsdCB1bmRlZmluZWRcbiAgICovXG4gIHB1YmxpYyBsYWJlbCA9IG1vZGVsPHN0cmluZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgLyoqXG4gICAqIFNldCB0aGUgY3VzdG9tIHN0eWxlIGZvciB0aGlzIHNpZGViYXIgaXRlbVxuICAgKi9cbiAgcHVibGljIGN1c3RvbVN0eWxlID0gbW9kZWw8RGVlcFBhcnRpYWw8U2lkZWJhckl0ZW1UaGVtZT4+KHt9KTtcbiAgLy8jZW5kcmVnaW9uXG5cbiAgLy8jcmVnaW9uIEJhc2VDb21wb25lbnQgaW1wbGVtZW50YXRpb25cbiAgcHVibGljIG92ZXJyaWRlIGZldGNoQ2xhc3MoKTogU2lkZWJhckl0ZW1DbGFzcyB7XG4gICAgcmV0dXJuIHRoaXMudGhlbWVTZXJ2aWNlLmdldENsYXNzZXMoe1xuICAgICAgaWNvbjogdGhpcy5pY29uKCksXG4gICAgICBjb2xvcjogdGhpcy5jb2xvcigpLFxuICAgICAgbGFiZWw6IHRoaXMubGFiZWwoKSxcbiAgICAgIGN1c3RvbVN0eWxlOiB0aGlzLmN1c3RvbVN0eWxlKCksXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgdmVyaWZ5KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNpZGViYXJNZW51Q29tcG9uZW50ID09PSB1bmRlZmluZWQgJiYgdGhpcy5zaWRlYmFySXRlbUdyb3VwQ29tcG9uZW50ID09PSB1bmRlZmluZWQpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignTm8gU2lkZWJhck1lbnVDb21wb25lbnQvU2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCBhdmFpbGFibGUnKTtcbiAgICB9XG4gIH1cbiAgLy8jZW5kcmVnaW9uXG5cbiAgLyoqXG4gICAqIFRvZ2dsZSBzaWRlYmFyIG1lbnUgdmlzaWJpbGl0eVxuICAgKi9cbiAgb25DbGljaygpOiB2b2lkIHtcbiAgICAodGhpcy5zaWRlYmFyTWVudUNvbXBvbmVudCB8fCB0aGlzLnNpZGViYXJJdGVtR3JvdXBDb21wb25lbnQ/LnNpZGViYXJNZW51Q29tcG9uZW50KT8uY2xvc2VBbGwoKTtcbiAgICAoXG4gICAgICB0aGlzLnNpZGViYXJNZW51Q29tcG9uZW50IHx8IHRoaXMuc2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudD8uc2lkZWJhck1lbnVDb21wb25lbnRcbiAgICApPy5zaWRlYmFyQ29tcG9uZW50LnRvZ2dsZVZpc2liaWxpdHkoZmFsc2UpO1xuICB9XG59XG4iXX0=
|
|
@@ -141,7 +141,9 @@ class AlertComponent extends BaseComponent {
|
|
|
141
141
|
aria-label="Close"
|
|
142
142
|
(click)="onDismissClick()">
|
|
143
143
|
<span class="sr-only">Close</span>
|
|
144
|
-
<flowbite-icon
|
|
144
|
+
<flowbite-icon
|
|
145
|
+
svgIcon="flowbite-angular:close"
|
|
146
|
+
class="h-5 w-5" />
|
|
145
147
|
</button>
|
|
146
148
|
</div>
|
|
147
149
|
<ng-container [ngTemplateOutlet]="additionalContent()"></ng-container>
|
|
@@ -166,7 +168,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
166
168
|
aria-label="Close"
|
|
167
169
|
(click)="onDismissClick()">
|
|
168
170
|
<span class="sr-only">Close</span>
|
|
169
|
-
<flowbite-icon
|
|
171
|
+
<flowbite-icon
|
|
172
|
+
svgIcon="flowbite-angular:close"
|
|
173
|
+
class="h-5 w-5" />
|
|
170
174
|
</button>
|
|
171
175
|
</div>
|
|
172
176
|
<ng-container [ngTemplateOutlet]="additionalContent()"></ng-container>
|
|
@@ -1 +1 @@
|
|
|
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, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `AlertTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_ALERT_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_ALERT_THEME_TOKEN = new InjectionToken<AlertTheme>(\n 'FLOWBITE_ALERT_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\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/**\n * @see https://flowbite.com/docs/components/alerts/\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 /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(AlertThemeService);\n /**\n * `IcoRegistry` service\n */\n public readonly iconRegistry = inject(IconRegistry);\n /**\n * `DomSanitizer` service\n */\n public readonly domSanitizer = inject(DomSanitizer);\n\n //#region properties\n /**\n * Set the indicator color\n *\n * @default primary\n */\n public color = model<keyof AlertColors>('primary');\n /**\n * Set if the alert has border\n *\n * @default false\n */\n public hasBorder = model<boolean>(false);\n /**\n * Set if the alert has border accent\n *\n * @default false\n */\n public hasBorderAccent = model<boolean>(false);\n /**\n * Set the custom style for this alert\n */\n public customStyle = model<DeepPartial<AlertTheme>>({});\n /**\n * Set the custom icon\n *\n * @default null\n */\n public icon = model<TemplateRef<unknown> | null>(null);\n /**\n * Set the additional content\n *\n * @default null\n */\n public additionalContent = model<TemplateRef<unknown> | null>(null);\n /**\n * Set if the alert is dismissable\n *\n * @default false\n */\n public isDismissable = model<boolean>(false);\n /**\n * Set the function called when the alert is dismissed\n *\n * @default undefined\n */\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 /**\n * Call the onDismiss function if it's not undefined\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\n/**\n * Available colors for `AlertComponent`\n */\nexport type AlertColors = Pick<\n FlowbiteColors,\n 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'\n>;\n//#endregion\n\n/**\n * Required properties for the class generation of `AlertComponent`\n */\nexport interface AlertProperties {\n color: keyof AlertColors;\n hasBorder: keyof FlowbiteBoolean;\n hasBorderAccent: keyof FlowbiteBoolean;\n customStyle: DeepPartial<AlertTheme>;\n}\n\n/**\n * Theme definition for `AlertComponent`\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\n/**\n * Default theme for `AlertComponent`\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\n/**\n * Generated class definition for `AlertComponent`\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":";;;;;;;;;;AAQA;;;;;;;AAOG;MACU,0BAA0B,GAAG,IAAI,cAAc,CAC1D,4BAA4B,EAC5B;MAKW,iBAAiB,CAAA;AAH9B,IAAA,WAAA,GAAA;AAImB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC;AAiBjE,KAAA;AAfQ,IAAA,UAAU,CAAC,UAA2B,EAAA;AAC3C,QAAA,MAAM,KAAK,GAAe,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;AAE7E,QAAA,MAAM,MAAM,GAAe;AACzB,YAAA,SAAS,EAAE,OAAO,CAChB,KAAK,CAAC,IAAI,CAAC,IAAI,EACf,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAClC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,EAC1C,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,eAAe,CAAC,CACvD;AACD,YAAA,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;SAC7F,CAAC;AAEF,QAAA,OAAO,MAAM,CAAC;KACf;8GAjBU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cAFhB,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACFD;;AAEG;AA6BG,MAAO,cAAe,SAAQ,aAAyB,CAAA;AA5B7D,IAAA,WAAA,GAAA;;AA6BE;;AAEG;AACa,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACzD;;AAEG;AACa,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACpD;;AAEG;AACa,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;;AAGpD;;;;AAIG;AACI,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAoB,SAAS,CAAC,CAAC;AACnD;;;;AAIG;AACI,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACzC;;;;AAIG;AACI,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAC/C;;AAEG;AACI,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA0B,EAAE,CAAC,CAAC;AACxD;;;;AAIG;AACI,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA8B,IAAI,CAAC,CAAC;AACvD;;;;AAIG;AACI,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAA8B,IAAI,CAAC,CAAC;AACpE;;;;AAIG;AACI,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AAC7C;;;;AAIG;QACI,IAAS,CAAA,SAAA,GAAG,KAAK,EAA0B,CAAC;AA8BpD,KAAA;;;IA1BiB,UAAU,GAAA;AACxB,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;AAClC,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,SAAS,EAAE,wBAAwB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACrD,YAAA,eAAe,EAAE,wBAAwB,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;AACjE,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAChC,SAAA,CAAC,CAAC;KACJ;IAEe,IAAI,GAAA;AAClB,QAAA,IAAI,CAAC,YAAY,CAAC,wBAAwB,CACxC,kBAAkB,EAClB,OAAO,EACP,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAC1D,CAAC;KACH;;AAGD;;AAEG;IACI,cAAc,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAE9B,QAAA,IAAI,IAAI;AAAE,YAAA,IAAI,EAAE,CAAC;KAClB;8GAzFU,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAxBf,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,OAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;AAiBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAnBS,IAAI,EAAE,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,oJAAE,aAAa,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FA0B7C,cAAc,EAAA,UAAA,EAAA,CAAA;kBA5B1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,eAAe,CAAC;AAC1E,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;AAiBT,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,aAAa,EAAE,OAAO;AACvB,qBAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;ACXD;;AAEG;AACI,MAAM,UAAU,GAAe,WAAW,CAAC;AAChD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,4CAA4C;AAClD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EACL,kHAAkH;AACpH,YAAA,IAAI,EAAE,oGAAoG;AAC1G,YAAA,IAAI,EAAE,mGAAmG;AACzG,YAAA,GAAG,EAAE,+FAA+F;AACpG,YAAA,KAAK,EACH,yGAAyG;AAC3G,YAAA,MAAM,EACJ,8GAA8G;AACjH,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,QAAQ,EAAE,UAAU;AACrB,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE,2EAA2E;AACjF,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EACL,uFAAuF;AACzF,YAAA,IAAI,EAAE,2EAA2E;AACjF,YAAA,IAAI,EAAE,2EAA2E;AACjF,YAAA,GAAG,EAAE,uEAAuE;AAC5E,YAAA,KAAK,EAAE,+EAA+E;AACtF,YAAA,MAAM,EAAE,mFAAmF;AAC5F,SAAA;AACF,KAAA;AACF,CAAA;;AC7ED;;AAEG;;;;"}
|
|
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, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `AlertTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_ALERT_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_ALERT_THEME_TOKEN = new InjectionToken<AlertTheme>(\n 'FLOWBITE_ALERT_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\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/**\n * @see https://flowbite.com/docs/components/alerts/\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\n svgIcon=\"flowbite-angular:close\"\n 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 /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(AlertThemeService);\n /**\n * `IcoRegistry` service\n */\n public readonly iconRegistry = inject(IconRegistry);\n /**\n * `DomSanitizer` service\n */\n public readonly domSanitizer = inject(DomSanitizer);\n\n //#region properties\n /**\n * Set the indicator color\n *\n * @default primary\n */\n public color = model<keyof AlertColors>('primary');\n /**\n * Set if the alert has border\n *\n * @default false\n */\n public hasBorder = model<boolean>(false);\n /**\n * Set if the alert has border accent\n *\n * @default false\n */\n public hasBorderAccent = model<boolean>(false);\n /**\n * Set the custom style for this alert\n */\n public customStyle = model<DeepPartial<AlertTheme>>({});\n /**\n * Set the custom icon\n *\n * @default null\n */\n public icon = model<TemplateRef<unknown> | null>(null);\n /**\n * Set the additional content\n *\n * @default null\n */\n public additionalContent = model<TemplateRef<unknown> | null>(null);\n /**\n * Set if the alert is dismissable\n *\n * @default false\n */\n public isDismissable = model<boolean>(false);\n /**\n * Set the function called when the alert is dismissed\n *\n * @default undefined\n */\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 /**\n * Call the onDismiss function if it's not undefined\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\n/**\n * Available colors for `AlertComponent`\n */\nexport type AlertColors = Pick<\n FlowbiteColors,\n 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'\n>;\n//#endregion\n\n/**\n * Required properties for the class generation of `AlertComponent`\n */\nexport interface AlertProperties {\n color: keyof AlertColors;\n hasBorder: keyof FlowbiteBoolean;\n hasBorderAccent: keyof FlowbiteBoolean;\n customStyle: DeepPartial<AlertTheme>;\n}\n\n/**\n * Theme definition for `AlertComponent`\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\n/**\n * Default theme for `AlertComponent`\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\n/**\n * Generated class definition for `AlertComponent`\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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"}
|
|
@@ -117,8 +117,12 @@ class DarkThemeToggleComponent extends BaseComponent {
|
|
|
117
117
|
}
|
|
118
118
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DarkThemeToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
119
119
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: DarkThemeToggleComponent, isStandalone: true, selector: "flowbite-dark-theme-toggle", inputs: { customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { customStyle: "customStyleChange" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: `
|
|
120
|
-
<flowbite-icon
|
|
121
|
-
|
|
120
|
+
<flowbite-icon
|
|
121
|
+
svgIcon="flowbite-angular:moon"
|
|
122
|
+
class="h-5 w-5 block dark:hidden" />
|
|
123
|
+
<flowbite-icon
|
|
124
|
+
svgIcon="flowbite-angular:sun"
|
|
125
|
+
class="h-5 w-5 hidden dark:block" />
|
|
122
126
|
`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "flowbite-icon", inputs: ["svgIcon"], outputs: ["svgIconChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
123
127
|
}
|
|
124
128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DarkThemeToggleComponent, decorators: [{
|
|
@@ -128,8 +132,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
128
132
|
imports: [NgIf, NgClass, IconComponent],
|
|
129
133
|
selector: 'flowbite-dark-theme-toggle',
|
|
130
134
|
template: `
|
|
131
|
-
<flowbite-icon
|
|
132
|
-
|
|
135
|
+
<flowbite-icon
|
|
136
|
+
svgIcon="flowbite-angular:moon"
|
|
137
|
+
class="h-5 w-5 block dark:hidden" />
|
|
138
|
+
<flowbite-icon
|
|
139
|
+
svgIcon="flowbite-angular:sun"
|
|
140
|
+
class="h-5 w-5 hidden dark:block" />
|
|
133
141
|
`,
|
|
134
142
|
host: {
|
|
135
143
|
'(click)': 'onClick()',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flowbite-angular-dark-theme-toggle.mjs","sources":["../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.theme.service.ts","../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.component.ts","../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.theme.ts","../../../../libs/flowbite-angular/dark-theme-toggle/flowbite-angular-dark-theme-toggle.ts"],"sourcesContent":["import type {\n DarkThemeToggleClass,\n DarkThemeToggleProperties,\n DarkThemeToggleTheme,\n} from './dark-theme-toggle.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DarkThemeToggleTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN = new InjectionToken<DarkThemeToggleTheme>(\n 'FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DarkThemeToggleThemeService\n implements FlowbiteThemeService<DarkThemeToggleProperties>\n{\n private readonly baseTheme = inject(FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN);\n\n public getClasses(properties: DarkThemeToggleProperties): DarkThemeToggleClass {\n const theme: DarkThemeToggleTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DarkThemeToggleClass = {\n rootClass: twMerge(theme.root.base),\n };\n\n return output;\n }\n}\n","import type { DarkThemeToggleClass, DarkThemeToggleTheme } from './dark-theme-toggle.theme';\nimport { DarkThemeToggleThemeService } from './dark-theme-toggle.theme.service';\n\nimport type { DeepPartial, FlowbiteTheme } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { MOON_SVG_ICON, SUN_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass, NgIf } from '@angular/common';\nimport {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n/**\n * Use to toggle light/dark mode accross the site\n */\n@Component({\n standalone: true,\n imports: [NgIf, NgClass, IconComponent],\n selector: 'flowbite-dark-theme-toggle',\n template: `\n <flowbite-icon svgIcon=\"flowbite-angular:moon\" class=\"h-5 w-5 block dark:hidden\" />\n <flowbite-icon svgIcon=\"flowbite-angular:sun\" class=\"h-5 w-5 hidden dark:block\" />\n `,\n host: {\n '(click)': 'onClick()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DarkThemeToggleComponent extends BaseComponent<DarkThemeToggleClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DarkThemeToggleThemeService);\n /**\n * `IconRegistry` service\n */\n public readonly iconRegistry = inject(IconRegistry);\n /**\n * `DomSanitizer` service\n */\n public readonly domSanitizer = inject(DomSanitizer);\n\n //#region properties\n /**\n * Set the custom style for this dark-theme-toggle\n */\n public customStyle = model<DeepPartial<DarkThemeToggleTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DarkThemeToggleClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n\n public override init(): void {\n afterNextRender(\n () => {\n this.toggleTheme(this.getTheme());\n },\n { injector: this.injector }\n );\n\n this.iconRegistry.addRawSvgIconInNamepsace(\n 'flowbite-angular',\n 'sun',\n this.domSanitizer.bypassSecurityTrustHtml(SUN_SVG_ICON)\n );\n this.iconRegistry.addRawSvgIconInNamepsace(\n 'flowbite-angular',\n 'moon',\n this.domSanitizer.bypassSecurityTrustHtml(MOON_SVG_ICON)\n );\n }\n //#endregion\n\n /**\n * Toggle between dark and light mode\n */\n public onClick() {\n this.toggleTheme();\n }\n\n /**\n * Get theme from the `localStorage`\n * @returns The current theme saved in the `localStorage` with the key `color-theme`\n */\n private getTheme(): FlowbiteTheme {\n return localStorage.getItem('color-theme') === 'dark' ? 'dark' : 'light';\n }\n\n /**\n * Toggle the theme saced in the `localStorage`\n *\n * @param theme If provided, force the theme instead of toggling it between light and dark mode\n */\n private toggleTheme(theme?: FlowbiteTheme): void {\n if (!theme) {\n const tmpTheme = this.getTheme();\n\n if (tmpTheme === 'dark') theme = 'light';\n else theme = 'dark';\n }\n\n this.setTheme(theme);\n }\n\n /**\n * Set the theme inside the page\n *\n * @param theme Theme to apply\n */\n private setTheme(theme: FlowbiteTheme): void {\n localStorage.setItem('color-theme', theme);\n\n theme === 'dark'\n ? document.documentElement.classList.add('dark')\n : document.documentElement.classList.remove('dark');\n }\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n/**\n * Required properties for the class generation of `DarkThemeToggleComponent`\n */\nexport interface DarkThemeToggleProperties {\n customStyle: DeepPartial<DarkThemeToggleTheme>;\n}\n\n/**\n * Theme definition for `DarkThemeToggleComponent`\n */\nexport interface DarkThemeToggleTheme {\n root: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DarkThemeToggleComponent`\n */\nexport const darkThemeToggleTheme: DarkThemeToggleTheme = createTheme({\n root: {\n base: 'cursor-pointer rounded-lg p-2.5 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700',\n },\n});\n\n/**\n * Generated class definition for `DarkThemeToggleComponent`\n */\nexport type DarkThemeToggleClass = FlowbiteClass;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"flowbite-angular-dark-theme-toggle.mjs","sources":["../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.theme.service.ts","../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.component.ts","../../../../libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.theme.ts","../../../../libs/flowbite-angular/dark-theme-toggle/flowbite-angular-dark-theme-toggle.ts"],"sourcesContent":["import type {\n DarkThemeToggleClass,\n DarkThemeToggleProperties,\n DarkThemeToggleTheme,\n} from './dark-theme-toggle.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DarkThemeToggleTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN = new InjectionToken<DarkThemeToggleTheme>(\n 'FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DarkThemeToggleThemeService\n implements FlowbiteThemeService<DarkThemeToggleProperties>\n{\n private readonly baseTheme = inject(FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN);\n\n public getClasses(properties: DarkThemeToggleProperties): DarkThemeToggleClass {\n const theme: DarkThemeToggleTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DarkThemeToggleClass = {\n rootClass: twMerge(theme.root.base),\n };\n\n return output;\n }\n}\n","import type { DarkThemeToggleClass, DarkThemeToggleTheme } from './dark-theme-toggle.theme';\nimport { DarkThemeToggleThemeService } from './dark-theme-toggle.theme.service';\n\nimport type { DeepPartial, FlowbiteTheme } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { MOON_SVG_ICON, SUN_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass, NgIf } from '@angular/common';\nimport {\n afterNextRender,\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n/**\n * Use to toggle light/dark mode accross the site\n */\n@Component({\n standalone: true,\n imports: [NgIf, NgClass, IconComponent],\n selector: 'flowbite-dark-theme-toggle',\n template: `\n <flowbite-icon\n svgIcon=\"flowbite-angular:moon\"\n class=\"h-5 w-5 block dark:hidden\" />\n <flowbite-icon\n svgIcon=\"flowbite-angular:sun\"\n class=\"h-5 w-5 hidden dark:block\" />\n `,\n host: {\n '(click)': 'onClick()',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DarkThemeToggleComponent extends BaseComponent<DarkThemeToggleClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DarkThemeToggleThemeService);\n /**\n * `IconRegistry` service\n */\n public readonly iconRegistry = inject(IconRegistry);\n /**\n * `DomSanitizer` service\n */\n public readonly domSanitizer = inject(DomSanitizer);\n\n //#region properties\n /**\n * Set the custom style for this dark-theme-toggle\n */\n public customStyle = model<DeepPartial<DarkThemeToggleTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DarkThemeToggleClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n\n public override init(): void {\n afterNextRender(\n () => {\n this.toggleTheme(this.getTheme());\n },\n { injector: this.injector }\n );\n\n this.iconRegistry.addRawSvgIconInNamepsace(\n 'flowbite-angular',\n 'sun',\n this.domSanitizer.bypassSecurityTrustHtml(SUN_SVG_ICON)\n );\n this.iconRegistry.addRawSvgIconInNamepsace(\n 'flowbite-angular',\n 'moon',\n this.domSanitizer.bypassSecurityTrustHtml(MOON_SVG_ICON)\n );\n }\n //#endregion\n\n /**\n * Toggle between dark and light mode\n */\n public onClick() {\n this.toggleTheme();\n }\n\n /**\n * Get theme from the `localStorage`\n * @returns The current theme saved in the `localStorage` with the key `color-theme`\n */\n private getTheme(): FlowbiteTheme {\n return localStorage.getItem('color-theme') === 'dark' ? 'dark' : 'light';\n }\n\n /**\n * Toggle the theme saced in the `localStorage`\n *\n * @param theme If provided, force the theme instead of toggling it between light and dark mode\n */\n private toggleTheme(theme?: FlowbiteTheme): void {\n if (!theme) {\n const tmpTheme = this.getTheme();\n\n if (tmpTheme === 'dark') theme = 'light';\n else theme = 'dark';\n }\n\n this.setTheme(theme);\n }\n\n /**\n * Set the theme inside the page\n *\n * @param theme Theme to apply\n */\n private setTheme(theme: FlowbiteTheme): void {\n localStorage.setItem('color-theme', theme);\n\n theme === 'dark'\n ? document.documentElement.classList.add('dark')\n : document.documentElement.classList.remove('dark');\n }\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n/**\n * Required properties for the class generation of `DarkThemeToggleComponent`\n */\nexport interface DarkThemeToggleProperties {\n customStyle: DeepPartial<DarkThemeToggleTheme>;\n}\n\n/**\n * Theme definition for `DarkThemeToggleComponent`\n */\nexport interface DarkThemeToggleTheme {\n root: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DarkThemeToggleComponent`\n */\nexport const darkThemeToggleTheme: DarkThemeToggleTheme = createTheme({\n root: {\n base: 'cursor-pointer rounded-lg p-2.5 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700',\n },\n});\n\n/**\n * Generated class definition for `DarkThemeToggleComponent`\n */\nexport type DarkThemeToggleClass = FlowbiteClass;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAYA;;;;;;;AAOG;MACU,sCAAsC,GAAG,IAAI,cAAc,CACtE,wCAAwC,EACxC;MAKW,2BAA2B,CAAA;AAHxC,IAAA,WAAA,GAAA;AAMmB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,sCAAsC,CAAC,CAAC;AAW7E,KAAA;AATQ,IAAA,UAAU,CAAC,UAAqC,EAAA;AACrD,QAAA,MAAM,KAAK,GAAyB,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;AAEvF,QAAA,MAAM,MAAM,GAAyB;YACnC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;SACpC,CAAC;AAEF,QAAA,OAAO,MAAM,CAAC;KACf;8GAbU,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,cAF1B,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACPD;;AAEG;AAmBG,MAAO,wBAAyB,SAAQ,aAAmC,CAAA;AAlBjF,IAAA,WAAA,GAAA;;AAmBE;;AAEG;AACa,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,2BAA2B,CAAC,CAAC;AACnE;;AAEG;AACa,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACpD;;AAEG;AACa,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;;AAGpD;;AAEG;AACI,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAoC,EAAE,CAAC,CAAC;AA0EnE,KAAA;;;IAtEiB,UAAU,GAAA;AACxB,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;AAClC,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAChC,SAAA,CAAC,CAAC;KACJ;IAEe,IAAI,GAAA;QAClB,eAAe,CACb,MAAK;YACH,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;SACnC,EACD,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAC5B,CAAC;AAEF,QAAA,IAAI,CAAC,YAAY,CAAC,wBAAwB,CACxC,kBAAkB,EAClB,KAAK,EACL,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC,YAAY,CAAC,CACxD,CAAC;AACF,QAAA,IAAI,CAAC,YAAY,CAAC,wBAAwB,CACxC,kBAAkB,EAClB,MAAM,EACN,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC,aAAa,CAAC,CACzD,CAAC;KACH;;AAGD;;AAEG;IACI,OAAO,GAAA;QACZ,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;AAED;;;AAGG;IACK,QAAQ,GAAA;AACd,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;KAC1E;AAED;;;;AAIG;AACK,IAAA,WAAW,CAAC,KAAqB,EAAA;QACvC,IAAI,CAAC,KAAK,EAAE;AACV,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEjC,IAAI,QAAQ,KAAK,MAAM;gBAAE,KAAK,GAAG,OAAO,CAAC;;gBACpC,KAAK,GAAG,MAAM,CAAC;SACrB;AAED,QAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACtB;AAED;;;;AAIG;AACK,IAAA,QAAQ,CAAC,KAAoB,EAAA;AACnC,QAAA,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE3C,QAAA,KAAK,KAAK,MAAM;cACZ,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;cAC9C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;KACvD;8GA3FU,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAdzB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;AAOT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EATwB,aAAa,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAgB3B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAlBpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC;AACvC,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;AAOT,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACvB,qBAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA,CAAA;;;ACpBD;;AAEG;AACI,MAAM,oBAAoB,GAAyB,WAAW,CAAC;AACpE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,gMAAgM;AACvM,KAAA;AACF,CAAA;;AC1BD;;AAEG;;;;"}
|
|
@@ -363,6 +363,8 @@ class DropdownComponent extends BaseComponent {
|
|
|
363
363
|
});
|
|
364
364
|
}
|
|
365
365
|
ngAfterViewInit() {
|
|
366
|
+
// todo : Fix ERROR ReferenceError: ResizeObserver is not defined
|
|
367
|
+
// Append when runing command 'pnpm lib:build'
|
|
366
368
|
autoUpdate(this.button.nativeElement, this.dropdown.nativeElement, () => {
|
|
367
369
|
if (!this.isOpen())
|
|
368
370
|
return;
|
|
@@ -391,10 +393,16 @@ class DropdownComponent extends BaseComponent {
|
|
|
391
393
|
}
|
|
392
394
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DropdownComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
393
395
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.0", type: DropdownComponent, isStandalone: true, selector: "flowbite-dropdown", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { label: "labelChange", isOpen: "isOpenChange", position: "positionChange", customStyle: "customStyleChange" }, host: { listeners: { "document:click": "clickout($event)" } }, queries: [{ propertyName: "dropdownItemChildren", predicate: DropdownItemComponent, isSignal: true }, { propertyName: "dropdownHeaderChildren", predicate: DropdownHeaderComponent, isSignal: true }, { propertyName: "dropdownDividerChildren", predicate: DropdownDividerComponent, isSignal: true }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
394
|
-
<button
|
|
396
|
+
<button
|
|
397
|
+
type="button"
|
|
398
|
+
[ngClass]="contentClasses().dropdownClass"
|
|
399
|
+
(click)="toggle()"
|
|
400
|
+
#button>
|
|
395
401
|
<span [ngClass]="contentClasses().spanClass">
|
|
396
402
|
{{ label() }}
|
|
397
|
-
<flowbite-icon
|
|
403
|
+
<flowbite-icon
|
|
404
|
+
svgIcon="flowbite-angular:chevron-down"
|
|
405
|
+
class="ml-2 h-4 w-4" />
|
|
398
406
|
</span>
|
|
399
407
|
</button>
|
|
400
408
|
<div
|
|
@@ -416,10 +424,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
416
424
|
imports: [NgClass, IconComponent],
|
|
417
425
|
selector: 'flowbite-dropdown',
|
|
418
426
|
template: `
|
|
419
|
-
<button
|
|
427
|
+
<button
|
|
428
|
+
type="button"
|
|
429
|
+
[ngClass]="contentClasses().dropdownClass"
|
|
430
|
+
(click)="toggle()"
|
|
431
|
+
#button>
|
|
420
432
|
<span [ngClass]="contentClasses().spanClass">
|
|
421
433
|
{{ label() }}
|
|
422
|
-
<flowbite-icon
|
|
434
|
+
<flowbite-icon
|
|
435
|
+
svgIcon="flowbite-angular:chevron-down"
|
|
436
|
+
class="ml-2 h-4 w-4" />
|
|
423
437
|
</span>
|
|
424
438
|
</button>
|
|
425
439
|
<div
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flowbite-angular-dropdown.mjs","sources":["../../../../libs/flowbite-angular/dropdown/dropdown-divider.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-divider.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-divider.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.theme.ts","../../../../libs/flowbite-angular/dropdown/flowbite-angular-dropdown.ts"],"sourcesContent":["import type {\n DropdownDividerClass,\n DropdownDividerProperties,\n DropdownDividerTheme,\n} from './dropdown-divider.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownDividerTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN = new InjectionToken<DropdownDividerTheme>(\n 'FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownDividerThemeService\n implements FlowbiteThemeService<DropdownDividerProperties>\n{\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN);\n\n public getClasses(properties: DropdownDividerProperties): DropdownDividerClass {\n const theme: DropdownDividerTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownDividerClass = {\n rootClass: twMerge(theme.root.base),\n };\n\n return output;\n }\n}\n","import type { DropdownDividerClass, DropdownDividerTheme } from './dropdown-divider.theme';\nimport { DropdownDividerThemeService } from './dropdown-divider.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'flowbite-dropdown-divider',\n template: ``,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownDividerComponent extends BaseComponent<DropdownDividerClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownDividerThemeService);\n /**\n * The parent `DropdownComponent`\n */\n public readonly dropdownComponent = inject(DropdownComponent);\n\n //#region properties\n /**\n * Set the custom style for this dropdown divider\n */\n public customStyle = model<Partial<DropdownDividerTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownDividerClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n //#endregion\n}\n","import type {\n DropdownHeaderClass,\n DropdownHeaderProperties,\n DropdownHeaderTheme,\n} from './dropdown-header.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownHeaderTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN = new InjectionToken<DropdownHeaderTheme>(\n 'FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownHeaderThemeService implements FlowbiteThemeService<DropdownHeaderProperties> {\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN);\n\n public getClasses(properties: DropdownHeaderProperties): DropdownHeaderClass {\n const theme: DropdownHeaderTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownHeaderClass = {\n rootClass: twMerge(theme.root.base),\n root: twMerge(theme.content.base),\n };\n\n return output;\n }\n}\n","import type { DropdownHeaderClass, DropdownHeaderTheme } from './dropdown-header.theme';\nimport { DropdownHeaderThemeService } from './dropdown-header.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'flowbite-dropdown-header',\n template: `\n <div [ngClass]=\"contentClasses().root\">\n <ng-content />\n </div>\n <div class=\"my-1 h-px bg-gray-100 dark:bg-gray-600\"></div>\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownHeaderComponent extends BaseComponent<DropdownHeaderClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownHeaderThemeService);\n /**\n * The parent `DropdownComponent`\n */\n public readonly dropdownComponent = inject(DropdownComponent);\n\n //#region properties\n /**\n * Set the custom style for this dropdown header\n */\n public customStyle = model<Partial<DropdownHeaderTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownHeaderClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n //#endregion\n}\n","import type {\n DropdownItemClass,\n DropdownItemProperties,\n DropdownItemTheme,\n} from './dropdown-item.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownItemTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN = new InjectionToken<DropdownItemTheme>(\n 'FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownItemThemeService implements FlowbiteThemeService<DropdownItemProperties> {\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN);\n\n public getClasses(properties: DropdownItemProperties): DropdownItemClass {\n const theme: DropdownItemTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownItemClass = {\n rootClass: twMerge(theme.root.base),\n };\n\n return output;\n }\n}\n","import type { DropdownItemClass, DropdownItemTheme } from './dropdown-item.theme';\nimport { DropdownItemThemeService } from './dropdown-item.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'flowbite-dropdown-item',\n template: `<ng-content />`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownItemComponent extends BaseComponent<DropdownItemClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownItemThemeService);\n /**\n * The parent `DropdownComponent`\n */\n public readonly dropdownComponent = inject(DropdownComponent);\n\n //#region properties\n /**\n * Set the custom style for this dropdown item\n */\n public customStyle = model<DeepPartial<DropdownItemTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownItemClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n //#endregion\n}\n","import type { DropdownClass, DropdownProperties, DropdownTheme } from './dropdown.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_THEME_TOKEN = new InjectionToken<DropdownTheme>(\n 'FLOWBITE_DROPDOWN_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownThemeService implements FlowbiteThemeService<DropdownProperties> {\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_THEME_TOKEN);\n\n public getClasses(properties: DropdownProperties): DropdownClass {\n const theme: DropdownTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownClass = {\n rootClass: twMerge(theme.root.base),\n dropdownClass: twMerge(theme.dropdown.base),\n spanClass: twMerge(theme.span.base),\n containerClass: twMerge(\n theme.container.base,\n theme.container.isOpen[properties.isOpen],\n theme.container.placement[properties.placement]\n ),\n contentClass: twMerge(theme.content.base),\n subContentClass: twMerge(theme.subContent.base),\n };\n\n return output;\n }\n}\n","import { DropdownDividerComponent } from './dropdown-divider.component';\nimport { DropdownHeaderComponent } from './dropdown-header.component';\nimport { DropdownItemComponent } from './dropdown-item.component';\nimport type { DropdownClass, DropdownPositions, DropdownTheme } from './dropdown.theme';\nimport { DropdownThemeService } from './dropdown.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { CHEVRON_DOWN_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass } from '@angular/common';\nimport type { AfterViewInit } from '@angular/core';\nimport {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n ElementRef,\n inject,\n model,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport type { Placement } from '@floating-ui/dom';\nimport { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass, IconComponent],\n selector: 'flowbite-dropdown',\n template: `\n <button type=\"button\" [ngClass]=\"contentClasses().dropdownClass\" (click)=\"toggle()\" #button>\n <span [ngClass]=\"contentClasses().spanClass\">\n {{ label() }}\n <flowbite-icon svgIcon=\"flowbite-angular:chevron-down\" class=\"ml-2 h-4 w-4\" />\n </span>\n </button>\n <div\n [ngClass]=\"contentClasses().containerClass\"\n #dropdown\n [style.display]=\"isOpen() ? 'block' : 'none'\">\n <div [ngClass]=\"contentClasses().contentClass\">\n <ul [ngClass]=\"contentClasses().subContentClass\">\n <ng-content />\n </ul>\n </div>\n </div>\n `,\n host: {\n '(document:click)': 'clickout($event)',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownComponent extends BaseComponent<DropdownClass> implements AfterViewInit {\n @ViewChild('dropdown') dropdown!: ElementRef;\n @ViewChild('button') button!: ElementRef;\n\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownThemeService);\n /**\n * `IconRegistry` service\n */\n public readonly iconRegistry = inject(IconRegistry);\n /**\n * `DomSanitizer` service\n */\n public readonly domSanitizer = inject(DomSanitizer);\n /**\n * List of `DropdownItemComponent`\n */\n public readonly dropdownItemChildren = contentChildren(DropdownItemComponent);\n /**\n * List of `DropdownHeaderComponent`\n */\n public readonly dropdownHeaderChildren = contentChildren(DropdownHeaderComponent);\n /**\n * List of `DropdownDividerComponent`\n */\n public readonly dropdownDividerChildren = contentChildren(DropdownDividerComponent);\n\n //#region properties\n /**\n * Set the dropdown label\n *\n * @default Dropdown\n */\n public label = model('Dropdown');\n /**\n * Set if the dropdown is open\n *\n * @default false\n */\n public isOpen = model<boolean>(false);\n /**\n * Set the dropdown position\n *\n * @default bottom-center\n */\n public position = model<keyof DropdownPositions>('bottom-center');\n /**\n * Set the custom style for this dropdown\n */\n public customStyle = model<DeepPartial<DropdownTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownClass {\n return this.themeService.getClasses({\n label: this.label(),\n isOpen: booleanToFlowbiteBoolean(this.isOpen()),\n placement: this.position(),\n customStyle: this.customStyle(),\n });\n }\n\n public override init(): void {\n this.iconRegistry.addRawSvgIconInNamepsace(\n 'flowbite-angular',\n 'chevron-down',\n this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_DOWN_SVG_ICON)\n );\n }\n\n public override verify(): void {\n if (this.dropdownItemChildren().length === 0) {\n throw new Error('No DropdownItemComponent available');\n }\n }\n //#endregion\n\n x = 0;\n y = 0;\n width = 0;\n\n /**\n * Toggle dropdown isOpen\n */\n public toggle() {\n this.isOpen.set(!this.isOpen());\n }\n\n calculatePosition() {\n computePosition(this.button.nativeElement, this.dropdown.nativeElement, {\n placement: this.convertPosition(this.position()),\n middleware: [offset(8), flip(), shift()],\n }).then(({ x, y }: { x: number; y: number }) => {\n this.dropdown.nativeElement.style.left = x + 'px';\n this.dropdown.nativeElement.style.top = y + 'px';\n this.width = this.button.nativeElement.offsetWidth;\n });\n }\n\n ngAfterViewInit() {\n autoUpdate(this.button.nativeElement, this.dropdown.nativeElement, () => {\n if (!this.isOpen()) return;\n this.calculatePosition();\n });\n }\n\n // Onclick outside the dropdown, close it\n clickout(event: Event) {\n if (\n !this.dropdown.nativeElement.contains(event.target) &&\n this.isOpen() &&\n !this.button.nativeElement.contains(event.target)\n ) {\n this.isOpen.set(false);\n }\n }\n\n convertPosition(pos: keyof DropdownPositions): Placement {\n switch (pos) {\n case 'top-center':\n return 'top';\n case 'bottom-center':\n return 'bottom';\n case 'left-center':\n return 'left';\n case 'right-center':\n return 'right';\n }\n }\n}\n","import type {\n DeepPartial,\n FlowbiteBoolean,\n FlowbiteClass,\n FlowbitePositions,\n} from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n//#region Component theme option\n/**\n * Available positions for `DropdownComponent`\n */\nexport interface DropdownPositions extends Pick<FlowbitePositions, 'bottom-center' | 'top-center'> {\n 'left-center': string;\n 'right-center': string;\n}\n//#endregion\n\n/**\n * Required properties for the class generation of `DropdownComponent`\n */\nexport interface DropdownProperties {\n label: string;\n isOpen: keyof FlowbiteBoolean;\n placement: keyof DropdownPositions;\n customStyle: DeepPartial<DropdownTheme>;\n}\n\n/**\n * Theme definition for `DropdownComponent`\n */\nexport interface DropdownTheme {\n root: {\n base: string;\n };\n dropdown: {\n base: string;\n };\n span: {\n base: string;\n };\n container: {\n base: string;\n isOpen: FlowbiteBoolean;\n placement: DropdownPositions;\n };\n content: {\n base: string;\n };\n subContent: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DropdownComponent`\n */\nexport const dropdownTheme: DropdownTheme = createTheme({\n root: {\n base: '',\n },\n dropdown: {\n base: 'text-white bg-blue-700 border border-transparent hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 disabled:hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 dark:disabled:hover:bg-blue-600 group flex h-min items-center justify-center p-0.5 text-center font-medium focus:z-10 rounded-lg',\n },\n span: {\n base: 'flex items-center rounded-md text-sm px-4 py-2',\n },\n container: {\n base: 'z-10 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 min-w-fit absolute',\n isOpen: {\n enabled: 'block',\n disabled: 'hidden',\n },\n placement: {\n 'top-center': '',\n 'bottom-center': '',\n 'left-center': '',\n 'right-center': '',\n },\n },\n content: {\n base: 'py-1 text-sm text-gray-700 dark:text-gray-200 shadow-md',\n },\n subContent: {\n base: 'py-1',\n },\n});\n\n/**\n * Generated class definition for `DropdownComponent`\n */\nexport interface DropdownClass extends FlowbiteClass {\n dropdownClass: string;\n spanClass: string;\n containerClass: string;\n contentClass: string;\n subContentClass: string;\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\n\n/**\n * Required properties for the cmass generation of `DropdownItemComponent`\n */\nexport interface DropdownItemProperties {\n customStyle: DeepPartial<DropdownItemTheme>;\n}\n\n/**\n * Theme definition for `DropdownItemComponent`\n */\nexport interface DropdownItemTheme {\n root: {\n base: string;\n };\n}\n\n/**\n * Default theme value for `DropdownItemComponent`\n */\nexport const dropdownItemTheme: DropdownItemTheme = {\n root: {\n base: 'flex items-center justify-start py-2 px-4 text-sm text-gray-700 cursor-pointer hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-white',\n },\n};\n\n/**\n * Generated class definition for `DropdownItemComponent`\n */\nexport type DropdownItemClass = FlowbiteClass;\n","import type { FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n/**\n * Required properties for the class generation of `DropdownDividerComponent`\n */\nexport interface DropdownDividerProperties {\n customStyle: Partial<DropdownDividerTheme>;\n}\n\n/**\n * Theme definition for `DropdownDividerComponent`\n */\nexport interface DropdownDividerTheme {\n root: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DropdownDividerComponent`\n */\nexport const dropdownDividerTheme: DropdownDividerTheme = createTheme({\n root: {\n base: 'block my-1 h-px bg-gray-100 dark:bg-gray-600',\n },\n});\n\n/**\n * Generated class definition for `DropdownDividerComponent`\n */\nexport type DropdownDividerClass = FlowbiteClass;\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n/**\n * Required properties for the class generation of `DropdownHeaderComponent`\n */\nexport interface DropdownHeaderProperties {\n customStyle: DeepPartial<DropdownHeaderTheme>;\n}\n\n/**\n * Theme definition of `DropdownHeaderComponent`\n */\nexport interface DropdownHeaderTheme {\n root: {\n base: string;\n };\n content: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DropdownHeaderComponent`\n */\nexport const dropdownHeaderTheme: DropdownHeaderTheme = createTheme({\n root: {\n base: '',\n },\n content: {\n base: 'block py-2 px-4 text-sm text-gray-700 dark:text-gray-200',\n },\n});\n\n/**\n * Generated class definition for `DropdownHeaderComponent`\n */\nexport interface DropdownHeaderClass extends FlowbiteClass {\n root: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"flowbite-angular-dropdown.mjs","sources":["../../../../libs/flowbite-angular/dropdown/dropdown-divider.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-divider.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown.theme.service.ts","../../../../libs/flowbite-angular/dropdown/dropdown.component.ts","../../../../libs/flowbite-angular/dropdown/dropdown.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-item.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-divider.theme.ts","../../../../libs/flowbite-angular/dropdown/dropdown-header.theme.ts","../../../../libs/flowbite-angular/dropdown/flowbite-angular-dropdown.ts"],"sourcesContent":["import type {\n DropdownDividerClass,\n DropdownDividerProperties,\n DropdownDividerTheme,\n} from './dropdown-divider.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownDividerTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN = new InjectionToken<DropdownDividerTheme>(\n 'FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownDividerThemeService\n implements FlowbiteThemeService<DropdownDividerProperties>\n{\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN);\n\n public getClasses(properties: DropdownDividerProperties): DropdownDividerClass {\n const theme: DropdownDividerTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownDividerClass = {\n rootClass: twMerge(theme.root.base),\n };\n\n return output;\n }\n}\n","import type { DropdownDividerClass, DropdownDividerTheme } from './dropdown-divider.theme';\nimport { DropdownDividerThemeService } from './dropdown-divider.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'flowbite-dropdown-divider',\n template: ``,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownDividerComponent extends BaseComponent<DropdownDividerClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownDividerThemeService);\n /**\n * The parent `DropdownComponent`\n */\n public readonly dropdownComponent = inject(DropdownComponent);\n\n //#region properties\n /**\n * Set the custom style for this dropdown divider\n */\n public customStyle = model<Partial<DropdownDividerTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownDividerClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n //#endregion\n}\n","import type {\n DropdownHeaderClass,\n DropdownHeaderProperties,\n DropdownHeaderTheme,\n} from './dropdown-header.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownHeaderTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN = new InjectionToken<DropdownHeaderTheme>(\n 'FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownHeaderThemeService implements FlowbiteThemeService<DropdownHeaderProperties> {\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN);\n\n public getClasses(properties: DropdownHeaderProperties): DropdownHeaderClass {\n const theme: DropdownHeaderTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownHeaderClass = {\n rootClass: twMerge(theme.root.base),\n root: twMerge(theme.content.base),\n };\n\n return output;\n }\n}\n","import type { DropdownHeaderClass, DropdownHeaderTheme } from './dropdown-header.theme';\nimport { DropdownHeaderThemeService } from './dropdown-header.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'flowbite-dropdown-header',\n template: `\n <div [ngClass]=\"contentClasses().root\">\n <ng-content />\n </div>\n <div class=\"my-1 h-px bg-gray-100 dark:bg-gray-600\"></div>\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownHeaderComponent extends BaseComponent<DropdownHeaderClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownHeaderThemeService);\n /**\n * The parent `DropdownComponent`\n */\n public readonly dropdownComponent = inject(DropdownComponent);\n\n //#region properties\n /**\n * Set the custom style for this dropdown header\n */\n public customStyle = model<Partial<DropdownHeaderTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownHeaderClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n //#endregion\n}\n","import type {\n DropdownItemClass,\n DropdownItemProperties,\n DropdownItemTheme,\n} from './dropdown-item.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownItemTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN = new InjectionToken<DropdownItemTheme>(\n 'FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownItemThemeService implements FlowbiteThemeService<DropdownItemProperties> {\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN);\n\n public getClasses(properties: DropdownItemProperties): DropdownItemClass {\n const theme: DropdownItemTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownItemClass = {\n rootClass: twMerge(theme.root.base),\n };\n\n return output;\n }\n}\n","import type { DropdownItemClass, DropdownItemTheme } from './dropdown-item.theme';\nimport { DropdownItemThemeService } from './dropdown-item.theme.service';\nimport { DropdownComponent } from './dropdown.component';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent } from 'flowbite-angular';\n\nimport { NgClass } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n model,\n ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass],\n selector: 'flowbite-dropdown-item',\n template: `<ng-content />`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownItemComponent extends BaseComponent<DropdownItemClass> {\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownItemThemeService);\n /**\n * The parent `DropdownComponent`\n */\n public readonly dropdownComponent = inject(DropdownComponent);\n\n //#region properties\n /**\n * Set the custom style for this dropdown item\n */\n public customStyle = model<DeepPartial<DropdownItemTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownItemClass {\n return this.themeService.getClasses({\n customStyle: this.customStyle(),\n });\n }\n //#endregion\n}\n","import type { DropdownClass, DropdownProperties, DropdownTheme } from './dropdown.theme';\n\nimport type { FlowbiteThemeService } from 'flowbite-angular';\nimport { mergeTheme } from 'flowbite-angular/utils';\n\nimport { inject, Injectable, InjectionToken } from '@angular/core';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * `InjectionToken` used to import `DropdownTheme` value\n *\n * @example\n * ```\n * var theme = inject(FLOWBITE_DROPDOWN_THEME_TOKEN)\n * ```\n */\nexport const FLOWBITE_DROPDOWN_THEME_TOKEN = new InjectionToken<DropdownTheme>(\n 'FLOWBITE_DROPDOWN_THEME_TOKEN'\n);\n\n@Injectable({\n providedIn: 'root',\n})\nexport class DropdownThemeService implements FlowbiteThemeService<DropdownProperties> {\n private readonly baseTheme = inject(FLOWBITE_DROPDOWN_THEME_TOKEN);\n\n public getClasses(properties: DropdownProperties): DropdownClass {\n const theme: DropdownTheme = mergeTheme(this.baseTheme, properties.customStyle);\n\n const output: DropdownClass = {\n rootClass: twMerge(theme.root.base),\n dropdownClass: twMerge(theme.dropdown.base),\n spanClass: twMerge(theme.span.base),\n containerClass: twMerge(\n theme.container.base,\n theme.container.isOpen[properties.isOpen],\n theme.container.placement[properties.placement]\n ),\n contentClass: twMerge(theme.content.base),\n subContentClass: twMerge(theme.subContent.base),\n };\n\n return output;\n }\n}\n","import { DropdownDividerComponent } from './dropdown-divider.component';\nimport { DropdownHeaderComponent } from './dropdown-header.component';\nimport { DropdownItemComponent } from './dropdown-item.component';\nimport type { DropdownClass, DropdownPositions, DropdownTheme } from './dropdown.theme';\nimport { DropdownThemeService } from './dropdown.theme.service';\n\nimport type { DeepPartial } from 'flowbite-angular';\nimport { BaseComponent, booleanToFlowbiteBoolean } from 'flowbite-angular';\nimport { IconComponent, IconRegistry } from 'flowbite-angular/icon';\nimport { CHEVRON_DOWN_SVG_ICON } from 'flowbite-angular/utils';\n\nimport { NgClass } from '@angular/common';\nimport type { AfterViewInit } from '@angular/core';\nimport {\n ChangeDetectionStrategy,\n Component,\n contentChildren,\n ElementRef,\n inject,\n model,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport type { Placement } from '@floating-ui/dom';\nimport { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom';\n\n/**\n * @see https://flowbite.com/docs/components/dropdowns/\n */\n@Component({\n standalone: true,\n imports: [NgClass, IconComponent],\n selector: 'flowbite-dropdown',\n template: `\n <button\n type=\"button\"\n [ngClass]=\"contentClasses().dropdownClass\"\n (click)=\"toggle()\"\n #button>\n <span [ngClass]=\"contentClasses().spanClass\">\n {{ label() }}\n <flowbite-icon\n svgIcon=\"flowbite-angular:chevron-down\"\n class=\"ml-2 h-4 w-4\" />\n </span>\n </button>\n <div\n [ngClass]=\"contentClasses().containerClass\"\n #dropdown\n [style.display]=\"isOpen() ? 'block' : 'none'\">\n <div [ngClass]=\"contentClasses().contentClass\">\n <ul [ngClass]=\"contentClasses().subContentClass\">\n <ng-content />\n </ul>\n </div>\n </div>\n `,\n host: {\n '(document:click)': 'clickout($event)',\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownComponent extends BaseComponent<DropdownClass> implements AfterViewInit {\n @ViewChild('dropdown') dropdown!: ElementRef;\n @ViewChild('button') button!: ElementRef;\n\n /**\n * Service injected used to generate class\n */\n public readonly themeService = inject(DropdownThemeService);\n /**\n * `IconRegistry` service\n */\n public readonly iconRegistry = inject(IconRegistry);\n /**\n * `DomSanitizer` service\n */\n public readonly domSanitizer = inject(DomSanitizer);\n /**\n * List of `DropdownItemComponent`\n */\n public readonly dropdownItemChildren = contentChildren(DropdownItemComponent);\n /**\n * List of `DropdownHeaderComponent`\n */\n public readonly dropdownHeaderChildren = contentChildren(DropdownHeaderComponent);\n /**\n * List of `DropdownDividerComponent`\n */\n public readonly dropdownDividerChildren = contentChildren(DropdownDividerComponent);\n\n //#region properties\n /**\n * Set the dropdown label\n *\n * @default Dropdown\n */\n public label = model('Dropdown');\n /**\n * Set if the dropdown is open\n *\n * @default false\n */\n public isOpen = model<boolean>(false);\n /**\n * Set the dropdown position\n *\n * @default bottom-center\n */\n public position = model<keyof DropdownPositions>('bottom-center');\n /**\n * Set the custom style for this dropdown\n */\n public customStyle = model<DeepPartial<DropdownTheme>>({});\n //#endregion\n\n //#region BaseComponent implementation\n public override fetchClass(): DropdownClass {\n return this.themeService.getClasses({\n label: this.label(),\n isOpen: booleanToFlowbiteBoolean(this.isOpen()),\n placement: this.position(),\n customStyle: this.customStyle(),\n });\n }\n\n public override init(): void {\n this.iconRegistry.addRawSvgIconInNamepsace(\n 'flowbite-angular',\n 'chevron-down',\n this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_DOWN_SVG_ICON)\n );\n }\n\n public override verify(): void {\n if (this.dropdownItemChildren().length === 0) {\n throw new Error('No DropdownItemComponent available');\n }\n }\n //#endregion\n\n x = 0;\n y = 0;\n width = 0;\n\n /**\n * Toggle dropdown isOpen\n */\n public toggle() {\n this.isOpen.set(!this.isOpen());\n }\n\n calculatePosition() {\n computePosition(this.button.nativeElement, this.dropdown.nativeElement, {\n placement: this.convertPosition(this.position()),\n middleware: [offset(8), flip(), shift()],\n }).then(({ x, y }: { x: number; y: number }) => {\n this.dropdown.nativeElement.style.left = x + 'px';\n this.dropdown.nativeElement.style.top = y + 'px';\n this.width = this.button.nativeElement.offsetWidth;\n });\n }\n\n ngAfterViewInit() {\n // todo : Fix ERROR ReferenceError: ResizeObserver is not defined\n // Append when runing command 'pnpm lib:build'\n autoUpdate(this.button.nativeElement, this.dropdown.nativeElement, () => {\n if (!this.isOpen()) return;\n this.calculatePosition();\n });\n }\n\n // Onclick outside the dropdown, close it\n clickout(event: Event) {\n if (\n !this.dropdown.nativeElement.contains(event.target) &&\n this.isOpen() &&\n !this.button.nativeElement.contains(event.target)\n ) {\n this.isOpen.set(false);\n }\n }\n\n convertPosition(pos: keyof DropdownPositions): Placement {\n switch (pos) {\n case 'top-center':\n return 'top';\n case 'bottom-center':\n return 'bottom';\n case 'left-center':\n return 'left';\n case 'right-center':\n return 'right';\n }\n }\n}\n","import type {\n DeepPartial,\n FlowbiteBoolean,\n FlowbiteClass,\n FlowbitePositions,\n} from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n//#region Component theme option\n/**\n * Available positions for `DropdownComponent`\n */\nexport interface DropdownPositions extends Pick<FlowbitePositions, 'bottom-center' | 'top-center'> {\n 'left-center': string;\n 'right-center': string;\n}\n//#endregion\n\n/**\n * Required properties for the class generation of `DropdownComponent`\n */\nexport interface DropdownProperties {\n label: string;\n isOpen: keyof FlowbiteBoolean;\n placement: keyof DropdownPositions;\n customStyle: DeepPartial<DropdownTheme>;\n}\n\n/**\n * Theme definition for `DropdownComponent`\n */\nexport interface DropdownTheme {\n root: {\n base: string;\n };\n dropdown: {\n base: string;\n };\n span: {\n base: string;\n };\n container: {\n base: string;\n isOpen: FlowbiteBoolean;\n placement: DropdownPositions;\n };\n content: {\n base: string;\n };\n subContent: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DropdownComponent`\n */\nexport const dropdownTheme: DropdownTheme = createTheme({\n root: {\n base: '',\n },\n dropdown: {\n base: 'text-white bg-blue-700 border border-transparent hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 disabled:hover:bg-blue-700 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 dark:disabled:hover:bg-blue-600 group flex h-min items-center justify-center p-0.5 text-center font-medium focus:z-10 rounded-lg',\n },\n span: {\n base: 'flex items-center rounded-md text-sm px-4 py-2',\n },\n container: {\n base: 'z-10 bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 min-w-fit absolute',\n isOpen: {\n enabled: 'block',\n disabled: 'hidden',\n },\n placement: {\n 'top-center': '',\n 'bottom-center': '',\n 'left-center': '',\n 'right-center': '',\n },\n },\n content: {\n base: 'py-1 text-sm text-gray-700 dark:text-gray-200 shadow-md',\n },\n subContent: {\n base: 'py-1',\n },\n});\n\n/**\n * Generated class definition for `DropdownComponent`\n */\nexport interface DropdownClass extends FlowbiteClass {\n dropdownClass: string;\n spanClass: string;\n containerClass: string;\n contentClass: string;\n subContentClass: string;\n}\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\n\n/**\n * Required properties for the cmass generation of `DropdownItemComponent`\n */\nexport interface DropdownItemProperties {\n customStyle: DeepPartial<DropdownItemTheme>;\n}\n\n/**\n * Theme definition for `DropdownItemComponent`\n */\nexport interface DropdownItemTheme {\n root: {\n base: string;\n };\n}\n\n/**\n * Default theme value for `DropdownItemComponent`\n */\nexport const dropdownItemTheme: DropdownItemTheme = {\n root: {\n base: 'flex items-center justify-start py-2 px-4 text-sm text-gray-700 cursor-pointer hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-white',\n },\n};\n\n/**\n * Generated class definition for `DropdownItemComponent`\n */\nexport type DropdownItemClass = FlowbiteClass;\n","import type { FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n/**\n * Required properties for the class generation of `DropdownDividerComponent`\n */\nexport interface DropdownDividerProperties {\n customStyle: Partial<DropdownDividerTheme>;\n}\n\n/**\n * Theme definition for `DropdownDividerComponent`\n */\nexport interface DropdownDividerTheme {\n root: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DropdownDividerComponent`\n */\nexport const dropdownDividerTheme: DropdownDividerTheme = createTheme({\n root: {\n base: 'block my-1 h-px bg-gray-100 dark:bg-gray-600',\n },\n});\n\n/**\n * Generated class definition for `DropdownDividerComponent`\n */\nexport type DropdownDividerClass = FlowbiteClass;\n","import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';\nimport { createTheme } from 'flowbite-angular/utils';\n\n/**\n * Required properties for the class generation of `DropdownHeaderComponent`\n */\nexport interface DropdownHeaderProperties {\n customStyle: DeepPartial<DropdownHeaderTheme>;\n}\n\n/**\n * Theme definition of `DropdownHeaderComponent`\n */\nexport interface DropdownHeaderTheme {\n root: {\n base: string;\n };\n content: {\n base: string;\n };\n}\n\n/**\n * Default theme for `DropdownHeaderComponent`\n */\nexport const dropdownHeaderTheme: DropdownHeaderTheme = createTheme({\n root: {\n base: '',\n },\n content: {\n base: 'block py-2 px-4 text-sm text-gray-700 dark:text-gray-200',\n },\n});\n\n/**\n * Generated class definition for `DropdownHeaderComponent`\n */\nexport interface DropdownHeaderClass extends FlowbiteClass {\n root: string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -233,7 +233,9 @@ class ModalHeaderComponent extends BaseComponent {
|
|
|
233
233
|
[ngClass]="contentClasses().modalHeaderButtonClass"
|
|
234
234
|
data-modal-hide="medium-modal"
|
|
235
235
|
(click)="modalComponent.close()">
|
|
236
|
-
<flowbite-icon
|
|
236
|
+
<flowbite-icon
|
|
237
|
+
svgIcon="flowbite-angular:close"
|
|
238
|
+
class="w-5 h-5" />
|
|
237
239
|
<span class="sr-only">Close modal</span>
|
|
238
240
|
</button>
|
|
239
241
|
`, 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 }); }
|
|
@@ -253,7 +255,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
253
255
|
[ngClass]="contentClasses().modalHeaderButtonClass"
|
|
254
256
|
data-modal-hide="medium-modal"
|
|
255
257
|
(click)="modalComponent.close()">
|
|
256
|
-
<flowbite-icon
|
|
258
|
+
<flowbite-icon
|
|
259
|
+
svgIcon="flowbite-angular:close"
|
|
260
|
+
class="w-5 h-5" />
|
|
257
261
|
<span class="sr-only">Close modal</span>
|
|
258
262
|
</button>
|
|
259
263
|
`,
|
|
@@ -425,7 +429,9 @@ class ModalComponent extends BaseComponent {
|
|
|
425
429
|
<ng-template #modal>
|
|
426
430
|
<div class="bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-[99]"></div>
|
|
427
431
|
|
|
428
|
-
<div
|
|
432
|
+
<div
|
|
433
|
+
[ngClass]="contentClasses().modalWrapperClass"
|
|
434
|
+
(click)="onBackdropClick($event)">
|
|
429
435
|
<div [ngClass]="contentClasses().modalContainerClass">
|
|
430
436
|
<div [ngClass]="contentClasses().modalContentClass">
|
|
431
437
|
<ng-content />
|
|
@@ -445,7 +451,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
|
|
|
445
451
|
<ng-template #modal>
|
|
446
452
|
<div class="bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-[99]"></div>
|
|
447
453
|
|
|
448
|
-
<div
|
|
454
|
+
<div
|
|
455
|
+
[ngClass]="contentClasses().modalWrapperClass"
|
|
456
|
+
(click)="onBackdropClick($event)">
|
|
449
457
|
<div [ngClass]="contentClasses().modalContainerClass">
|
|
450
458
|
<div [ngClass]="contentClasses().modalContentClass">
|
|
451
459
|
<ng-content />
|