feat(pagination): remove directive & use flowbite-button

apps/docs/docs/components/pagination/_custom.component.html

@@ -6,12 +6,4 @@
   [ariaLabel]="'Custom pagination'"
   [customStyle]="{
     navigation: { base: 'flex gap-2' },
-  }"
-  [buttonCustomStyle]="{
-    root: {
-      base: 'flex justify-center items-center h-8 min-w-8 bg-neutral-400 dark:bg-neutral-700 text-black dark:text-white hover:bg-neutral-300 hover:dark:bg-neutral-600 rounded-full text-sm',
-      active: {
-        enabled: 'bg-blue-400 dark:bg-blue-700 hover:bg-blue-300 hover:dark:bg-blue-600',
-      },
-    },
   }" />

apps/docs/docs/components/pagination/ng-doc.page.ts

@@ -6,6 +6,11 @@ import { FlowbiteTextComponent } from './_text.component';
 
 import type { NgDocPage } from '@ng-doc/core';
 
+/**
+ * Use the pagination component to show a list of buttons to navigate in your tables
+ *
+ * @status:info NEW
+ */
 const pagination: NgDocPage = {
   title: 'Pagination',
   mdFile: './index.md',

apps/docs/docs/getting-started/quickstart/ng-doc.page.ts

@@ -5,7 +5,7 @@ import type { NgDocPage } from '@ng-doc/core';
 /**
  * Get started with flowbite-angular by including it into your project using NPM
  *
- * @status:alert UPDATES
+ * @status:success UPDATES
  */
 const Quickstart: NgDocPage = {
   title: 'Quickstart',

apps/docs/docs/getting-started/versioning/index.md

@@ -6,6 +6,8 @@ keyword: VersioningPage
 
 | Flowbite-angular version | Angular version | TailwindCSS version |
 | ------------------------ | --------------- | ------------------- |
+| 1.4.0                    | >=18.0.0        | ^3.0.0              |
+| 1.3.0                    | >=18.0.0        | ^3.0.0              |
 | 1.2.0                    | >=18.0.0        | ^3.0.0              |
 | 1.1.1                    | 18.0.0          | ^3.0.24             |
 | 1.0.0                    | 18.0.0          | ^3.0.24             |

apps/docs/docs/getting-started/versioning/ng-doc.page.ts

@@ -6,7 +6,7 @@ import type { NgDocPage } from '@ng-doc/core';
  * Here is a reference table that matches versions of flowbite-angular with its Angular version. It
  * also shows the TailwindCSS version used.
  *
- * @status:alert NEW
+ * @status:info NEW
  */
 const Versioning: NgDocPage = {
   title: 'Versioning',

libs/flowbite-angular/core/flowbite.theme.init.ts

@@ -119,11 +119,7 @@ import {
   NavbarToggleThemeService,
 } from 'flowbite-angular/navbar';
 import {
-  FLOWBITE_PAGINATION_BUTTON_THEME_TOKEN,
   FLOWBITE_PAGINATION_THEME_TOKEN,
-  paginationButtonDefaultValueProvider,
-  paginationButtonTheme,
-  PaginationButtonThemeService,
   paginationDefaultValueProvider,
   paginationTheme,
   PaginationThemeService,
@@ -277,10 +273,6 @@ export function initFlowbite(): EnvironmentProviders {
       provide: PaginationThemeService,
       useClass: PaginationThemeService,
     },
-    {
-      provide: PaginationButtonThemeService,
-      useClass: PaginationButtonThemeService,
-    },
     {
       provide: ScrollTopThemeService,
       useClass: ScrollTopThemeService,
@@ -413,10 +405,6 @@ export function initFlowbite(): EnvironmentProviders {
       provide: FLOWBITE_PAGINATION_THEME_TOKEN,
       useValue: paginationTheme,
     },
-    {
-      provide: FLOWBITE_PAGINATION_BUTTON_THEME_TOKEN,
-      useValue: paginationButtonTheme,
-    },
     {
       provide: FLOWBITE_SCROLL_TOP_THEME_TOKEN,
       useValue: scrollTopTheme,
@@ -474,7 +462,6 @@ export function initFlowbite(): EnvironmentProviders {
     navbarContentDefaultValueProvider,
     navbarBrandDefaultThemeProvider,
     paginationDefaultValueProvider,
-    paginationButtonDefaultValueProvider,
     scrollTopDefaultValueProvider,
     sidebarDefaultValueProvider,
     sidebarToggleDefaultValueProvider,

libs/flowbite-angular/pagination/index.ts

@@ -17,18 +17,3 @@ export {
   PaginationThemeService,
   FLOWBITE_PAGINATION_THEME_TOKEN,
 } from './pagination.theme.service';
-
-export {
-  paginationButtonDefaultValueProvider,
-  FLOWBITE_PAGINATION_BUTTON_CUSTOM_STYLE_DEFAULT_VALUE,
-} from './pagination-button.directive';
-export type {
-  PaginationButtonProperties,
-  PaginationButtonClass,
-  PaginationButtonTheme,
-} from './pagination-button.theme';
-export { paginationButtonTheme } from './pagination-button.theme';
-export {
-  PaginationButtonThemeService,
-  FLOWBITE_PAGINATION_BUTTON_THEME_TOKEN,
-} from './pagination-button.theme.service';