@memberjunction/ng-entity-viewer 5.10.1 → 5.12.0

package/dist/lib/view-header/view-header.component.js

@@ -188,11 +188,11 @@ export class ViewHeaderComponent {
             i0.ɵɵconditional(ctx.IsModified ? 5 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.IsModified && ctx.CanEdit ? 6 : -1);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: [".view-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.view-name-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n.view-name[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1f2937;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 250px;\n}\n\n.view-name.editable[_ngcontent-%COMP%] {\n  cursor: pointer;\n  border-bottom: 1px dashed transparent;\n  transition: border-color 0.15s ease;\n}\n\n.view-name.editable[_ngcontent-%COMP%]:hover {\n  border-bottom-color: #3b82f6;\n  color: #2563eb;\n}\n\n\n\n.name-input[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1f2937;\n  padding: 2px 8px;\n  border: 1px solid #3b82f6;\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n  max-width: 250px;\n}\n\n\n\n.shared-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  color: #6b7280;\n  font-size: 13px;\n}\n\n.shared-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n\n\n.modified-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: #fef3c7;\n  color: #92400e;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\n\n.view-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.action-btn[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.15s ease;\n  font-size: 12px;\n}\n\n.action-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.action-btn.save-btn[_ngcontent-%COMP%] {\n  background: #3b82f6;\n  color: white;\n}\n\n.action-btn.save-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #2563eb;\n}\n\n.action-btn.save-as-btn[_ngcontent-%COMP%] {\n  background: #e5e7eb;\n  color: #374151;\n}\n\n.action-btn.save-as-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #d1d5db;\n}\n\n.action-btn.revert-btn[_ngcontent-%COMP%] {\n  background: #e5e7eb;\n  color: #374151;\n}\n\n.action-btn.revert-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #fecaca;\n  color: #dc2626;\n}"] });
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: [".view-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.view-name-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n.view-name[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 250px;\n}\n\n.view-name.editable[_ngcontent-%COMP%] {\n  cursor: pointer;\n  border-bottom: 1px dashed transparent;\n  transition: border-color 0.15s ease;\n}\n\n.view-name.editable[_ngcontent-%COMP%]:hover {\n  border-bottom-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary-hover);\n}\n\n\n\n.name-input[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  padding: 2px 8px;\n  border: 1px solid var(--mj-brand-primary);\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n  max-width: 250px;\n}\n\n\n\n.shared-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n.shared-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n\n\n.modified-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-status-warning-text);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n\n\n.view-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.action-btn[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.15s ease;\n  font-size: 12px;\n}\n\n.action-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.action-btn.save-btn[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.action-btn.save-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.action-btn.save-as-btn[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.action-btn.save-as-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-bg-surface-active);\n}\n\n.action-btn.revert-btn[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.action-btn.revert-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ViewHeaderComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-view-header', template: "<div class=\"view-header\">\n  <!-- View Name (click to edit) -->\n  <div class=\"view-name-container\">\n    @if (IsEditing) {\n      <input\n        type=\"text\"\n        class=\"name-input\"\n        [(ngModel)]=\"EditValue\"\n        (keydown.enter)=\"ConfirmEdit()\"\n        (keydown.escape)=\"CancelEdit()\"\n        (blur)=\"ConfirmEdit()\"\n        #nameInput\n      />\n    } @else {\n      <span\n        class=\"view-name\"\n        [class.editable]=\"CanEdit\"\n        (click)=\"StartEdit()\"\n        [title]=\"CanEdit ? 'Click to rename' : ViewName\">\n        {{ ViewName }}\n      </span>\n    }\n\n    <!-- Shared Indicator -->\n    @if (IsShared) {\n      <span class=\"shared-badge\" title=\"Shared view\">\n        <i class=\"fa-solid fa-users\"></i>\n      </span>\n    }\n\n    <!-- Modified Badge -->\n    @if (IsModified) {\n      <span class=\"modified-badge\">Modified</span>\n    }\n  </div>\n\n  <!-- Actions (shown when modified) -->\n  @if (IsModified && CanEdit) {\n    <div class=\"view-actions\">\n      <button\n        class=\"action-btn save-btn\"\n        (click)=\"OnSave()\"\n        [disabled]=\"IsSaving\"\n        title=\"Save changes\">\n        @if (IsSaving) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        } @else {\n          <i class=\"fa-solid fa-save\"></i>\n        }\n      </button>\n      <button\n        class=\"action-btn save-as-btn\"\n        (click)=\"OnSaveAsNew()\"\n        [disabled]=\"IsSaving\"\n        title=\"Save as new view\">\n        <i class=\"fa-solid fa-plus\"></i>\n      </button>\n      <button\n        class=\"action-btn revert-btn\"\n        (click)=\"OnRevert()\"\n        [disabled]=\"IsSaving\"\n        title=\"Revert to saved state\">\n        <i class=\"fa-solid fa-undo\"></i>\n      </button>\n    </div>\n  }\n</div>\n", styles: [".view-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.view-name-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* View Name */\n.view-name {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1f2937;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 250px;\n}\n\n.view-name.editable {\n  cursor: pointer;\n  border-bottom: 1px dashed transparent;\n  transition: border-color 0.15s ease;\n}\n\n.view-name.editable:hover {\n  border-bottom-color: #3b82f6;\n  color: #2563eb;\n}\n\n/* Name Input (inline edit) */\n.name-input {\n  font-size: 15px;\n  font-weight: 500;\n  color: #1f2937;\n  padding: 2px 8px;\n  border: 1px solid #3b82f6;\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n  max-width: 250px;\n}\n\n/* Shared Badge */\n.shared-badge {\n  display: flex;\n  align-items: center;\n  color: #6b7280;\n  font-size: 13px;\n}\n\n.shared-badge i {\n  font-size: 12px;\n}\n\n/* Modified Badge */\n.modified-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: #fef3c7;\n  color: #92400e;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Action Buttons */\n.view-actions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.action-btn {\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.15s ease;\n  font-size: 12px;\n}\n\n.action-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.action-btn.save-btn {\n  background: #3b82f6;\n  color: white;\n}\n\n.action-btn.save-btn:hover:not(:disabled) {\n  background: #2563eb;\n}\n\n.action-btn.save-as-btn {\n  background: #e5e7eb;\n  color: #374151;\n}\n\n.action-btn.save-as-btn:hover:not(:disabled) {\n  background: #d1d5db;\n}\n\n.action-btn.revert-btn {\n  background: #e5e7eb;\n  color: #374151;\n}\n\n.action-btn.revert-btn:hover:not(:disabled) {\n  background: #fecaca;\n  color: #dc2626;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-view-header', template: "<div class=\"view-header\">\n  <!-- View Name (click to edit) -->\n  <div class=\"view-name-container\">\n    @if (IsEditing) {\n      <input\n        type=\"text\"\n        class=\"name-input\"\n        [(ngModel)]=\"EditValue\"\n        (keydown.enter)=\"ConfirmEdit()\"\n        (keydown.escape)=\"CancelEdit()\"\n        (blur)=\"ConfirmEdit()\"\n        #nameInput\n      />\n    } @else {\n      <span\n        class=\"view-name\"\n        [class.editable]=\"CanEdit\"\n        (click)=\"StartEdit()\"\n        [title]=\"CanEdit ? 'Click to rename' : ViewName\">\n        {{ ViewName }}\n      </span>\n    }\n\n    <!-- Shared Indicator -->\n    @if (IsShared) {\n      <span class=\"shared-badge\" title=\"Shared view\">\n        <i class=\"fa-solid fa-users\"></i>\n      </span>\n    }\n\n    <!-- Modified Badge -->\n    @if (IsModified) {\n      <span class=\"modified-badge\">Modified</span>\n    }\n  </div>\n\n  <!-- Actions (shown when modified) -->\n  @if (IsModified && CanEdit) {\n    <div class=\"view-actions\">\n      <button\n        class=\"action-btn save-btn\"\n        (click)=\"OnSave()\"\n        [disabled]=\"IsSaving\"\n        title=\"Save changes\">\n        @if (IsSaving) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        } @else {\n          <i class=\"fa-solid fa-save\"></i>\n        }\n      </button>\n      <button\n        class=\"action-btn save-as-btn\"\n        (click)=\"OnSaveAsNew()\"\n        [disabled]=\"IsSaving\"\n        title=\"Save as new view\">\n        <i class=\"fa-solid fa-plus\"></i>\n      </button>\n      <button\n        class=\"action-btn revert-btn\"\n        (click)=\"OnRevert()\"\n        [disabled]=\"IsSaving\"\n        title=\"Revert to saved state\">\n        <i class=\"fa-solid fa-undo\"></i>\n      </button>\n    </div>\n  }\n</div>\n", styles: [".view-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.view-name-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* View Name */\n.view-name {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 250px;\n}\n\n.view-name.editable {\n  cursor: pointer;\n  border-bottom: 1px dashed transparent;\n  transition: border-color 0.15s ease;\n}\n\n.view-name.editable:hover {\n  border-bottom-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary-hover);\n}\n\n/* Name Input (inline edit) */\n.name-input {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  padding: 2px 8px;\n  border: 1px solid var(--mj-brand-primary);\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n  max-width: 250px;\n}\n\n/* Shared Badge */\n.shared-badge {\n  display: flex;\n  align-items: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n.shared-badge i {\n  font-size: 12px;\n}\n\n/* Modified Badge */\n.modified-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-status-warning-text);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n/* Action Buttons */\n.view-actions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.action-btn {\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.15s ease;\n  font-size: 12px;\n}\n\n.action-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.action-btn.save-btn {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.action-btn.save-btn:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.action-btn.save-as-btn {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.action-btn.save-as-btn:hover:not(:disabled) {\n  background: var(--mj-bg-surface-active);\n}\n\n.action-btn.revert-btn {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n.action-btn.revert-btn:hover:not(:disabled) {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { ViewName: [{
             type: Input
         }], IsModified: [{

package/dist/module.d.ts

@@ -3,20 +3,20 @@ import * as i1 from "./lib/entity-cards/entity-cards.component";
 import * as i2 from "./lib/entity-viewer/entity-viewer.component";
 import * as i3 from "./lib/entity-record-detail-panel/entity-record-detail-panel.component";
 import * as i4 from "./lib/pill/pill.component";
-import * as i5 from "./lib/pagination/pagination.component";
-import * as i6 from "./lib/entity-data-grid/entity-data-grid.component";
-import * as i7 from "./lib/view-config-panel/view-config-panel.component";
-import * as i8 from "./lib/aggregate-panel/aggregate-panel.component";
-import * as i9 from "./lib/aggregate-setup-dialog/aggregate-setup-dialog.component";
-import * as i10 from "./lib/confirm-dialog/confirm-dialog.component";
-import * as i11 from "./lib/quick-save-dialog/quick-save-dialog.component";
-import * as i12 from "./lib/view-header/view-header.component";
-import * as i13 from "./lib/duplicate-view-dialog/duplicate-view-dialog.component";
-import * as i14 from "./lib/shared-view-warning-dialog/shared-view-warning-dialog.component";
-import * as i15 from "@angular/common";
-import * as i16 from "@angular/forms";
-import * as i17 from "ag-grid-angular";
-import * as i18 from "@memberjunction/ng-shared-generic";
+import * as i5 from "./lib/entity-data-grid/entity-data-grid.component";
+import * as i6 from "./lib/view-config-panel/view-config-panel.component";
+import * as i7 from "./lib/aggregate-panel/aggregate-panel.component";
+import * as i8 from "./lib/aggregate-setup-dialog/aggregate-setup-dialog.component";
+import * as i9 from "./lib/confirm-dialog/confirm-dialog.component";
+import * as i10 from "./lib/quick-save-dialog/quick-save-dialog.component";
+import * as i11 from "./lib/view-header/view-header.component";
+import * as i12 from "./lib/duplicate-view-dialog/duplicate-view-dialog.component";
+import * as i13 from "./lib/shared-view-warning-dialog/shared-view-warning-dialog.component";
+import * as i14 from "@angular/common";
+import * as i15 from "@angular/forms";
+import * as i16 from "ag-grid-angular";
+import * as i17 from "@memberjunction/ng-shared-generic";
+import * as i18 from "@memberjunction/ng-pagination";
 import * as i19 from "@memberjunction/ng-timeline";
 import * as i20 from "@memberjunction/ng-export-service";
 /**
@@ -28,7 +28,6 @@ import * as i20 from "@memberjunction/ng-export-service";
  * - EntityCardsComponent: Card-based view with standalone or parent-managed data
  * - EntityRecordDetailPanelComponent: Detail panel for displaying single record information
  * - PillComponent: Semantic color pills for categorical values
- * - PaginationComponent: Beautiful "Load More" pagination with progress indicator
  * - ViewConfigPanelComponent: Sliding panel for configuring view settings (columns, sort, filters)
  *
  * @example
@@ -43,7 +42,7 @@ import * as i20 from "@memberjunction/ng-export-service";
  */
 export declare class EntityViewerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EntityViewerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EntityViewerModule, [typeof i1.EntityCardsComponent, typeof i2.EntityViewerComponent, typeof i3.EntityRecordDetailPanelComponent, typeof i4.PillComponent, typeof i5.PaginationComponent, typeof i6.EntityDataGridComponent, typeof i7.ViewConfigPanelComponent, typeof i8.AggregatePanelComponent, typeof i9.AggregateSetupDialogComponent, typeof i10.ConfirmDialogComponent, typeof i11.QuickSaveDialogComponent, typeof i12.ViewHeaderComponent, typeof i13.DuplicateViewDialogComponent, typeof i14.SharedViewWarningDialogComponent], [typeof i15.CommonModule, typeof i16.FormsModule, typeof i17.AgGridModule, typeof i18.SharedGenericModule, typeof i19.TimelineModule, typeof i20.ExportServiceModule], [typeof i1.EntityCardsComponent, typeof i2.EntityViewerComponent, typeof i3.EntityRecordDetailPanelComponent, typeof i4.PillComponent, typeof i5.PaginationComponent, typeof i6.EntityDataGridComponent, typeof i7.ViewConfigPanelComponent, typeof i8.AggregatePanelComponent, typeof i9.AggregateSetupDialogComponent, typeof i10.ConfirmDialogComponent, typeof i11.QuickSaveDialogComponent, typeof i12.ViewHeaderComponent, typeof i13.DuplicateViewDialogComponent, typeof i14.SharedViewWarningDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EntityViewerModule, [typeof i1.EntityCardsComponent, typeof i2.EntityViewerComponent, typeof i3.EntityRecordDetailPanelComponent, typeof i4.PillComponent, typeof i5.EntityDataGridComponent, typeof i6.ViewConfigPanelComponent, typeof i7.AggregatePanelComponent, typeof i8.AggregateSetupDialogComponent, typeof i9.ConfirmDialogComponent, typeof i10.QuickSaveDialogComponent, typeof i11.ViewHeaderComponent, typeof i12.DuplicateViewDialogComponent, typeof i13.SharedViewWarningDialogComponent], [typeof i14.CommonModule, typeof i15.FormsModule, typeof i16.AgGridModule, typeof i17.SharedGenericModule, typeof i18.PaginationComponent, typeof i19.TimelineModule, typeof i20.ExportServiceModule], [typeof i1.EntityCardsComponent, typeof i2.EntityViewerComponent, typeof i3.EntityRecordDetailPanelComponent, typeof i4.PillComponent, typeof i5.EntityDataGridComponent, typeof i6.ViewConfigPanelComponent, typeof i7.AggregatePanelComponent, typeof i8.AggregateSetupDialogComponent, typeof i9.ConfirmDialogComponent, typeof i10.QuickSaveDialogComponent, typeof i11.ViewHeaderComponent, typeof i12.DuplicateViewDialogComponent, typeof i13.SharedViewWarningDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EntityViewerModule>;
 }
 //# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBA0Ca,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAAI"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAyCa,kBAAkB;yCAAlB,kBAAkB;0CAAlB,kBAAkB;0CAAlB,kBAAkB;CAAI"}

package/dist/module.js

@@ -3,13 +3,13 @@ import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { AgGridModule } from 'ag-grid-angular';
 import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { PaginationComponent } from '@memberjunction/ng-pagination';
 import { TimelineModule } from '@memberjunction/ng-timeline';
 import { ExportServiceModule } from '@memberjunction/ng-export-service';
 import { EntityCardsComponent } from './lib/entity-cards/entity-cards.component';
 import { EntityViewerComponent } from './lib/entity-viewer/entity-viewer.component';
 import { EntityRecordDetailPanelComponent } from './lib/entity-record-detail-panel/entity-record-detail-panel.component';
 import { PillComponent } from './lib/pill/pill.component';
-import { PaginationComponent } from './lib/pagination/pagination.component';
 import { EntityDataGridComponent } from './lib/entity-data-grid/entity-data-grid.component';
 import { ViewConfigPanelComponent } from './lib/view-config-panel/view-config-panel.component';
 import { AggregatePanelComponent } from './lib/aggregate-panel/aggregate-panel.component';
@@ -29,7 +29,6 @@ import * as i0 from "@angular/core";
  * - EntityCardsComponent: Card-based view with standalone or parent-managed data
  * - EntityRecordDetailPanelComponent: Detail panel for displaying single record information
  * - PillComponent: Semantic color pills for categorical values
- * - PaginationComponent: Beautiful "Load More" pagination with progress indicator
  * - ViewConfigPanelComponent: Sliding panel for configuring view settings (columns, sort, filters)
  *
  * @example
@@ -49,6 +48,7 @@ export class EntityViewerModule {
             FormsModule,
             AgGridModule,
             SharedGenericModule,
+            PaginationComponent,
             TimelineModule,
             ExportServiceModule] });
 }
@@ -60,7 +60,6 @@ export class EntityViewerModule {
                     EntityViewerComponent,
                     EntityRecordDetailPanelComponent,
                     PillComponent,
-                    PaginationComponent,
                     EntityDataGridComponent,
                     ViewConfigPanelComponent,
                     AggregatePanelComponent,
@@ -76,6 +75,7 @@ export class EntityViewerModule {
                     FormsModule,
                     AgGridModule,
                     SharedGenericModule,
+                    PaginationComponent,
                     TimelineModule,
                     ExportServiceModule
                 ],
@@ -84,7 +84,6 @@ export class EntityViewerModule {
                     EntityViewerComponent,
                     EntityRecordDetailPanelComponent,
                     PillComponent,
-                    PaginationComponent,
                     EntityDataGridComponent,
                     ViewConfigPanelComponent,
                     AggregatePanelComponent,
@@ -101,7 +100,6 @@ export class EntityViewerModule {
         EntityViewerComponent,
         EntityRecordDetailPanelComponent,
         PillComponent,
-        PaginationComponent,
         EntityDataGridComponent,
         ViewConfigPanelComponent,
         AggregatePanelComponent,
@@ -114,12 +112,12 @@ export class EntityViewerModule {
         FormsModule,
         AgGridModule,
         SharedGenericModule,
+        PaginationComponent,
         TimelineModule,
         ExportServiceModule], exports: [EntityCardsComponent,
         EntityViewerComponent,
         EntityRecordDetailPanelComponent,
         PillComponent,
-        PaginationComponent,
         EntityDataGridComponent,
         ViewConfigPanelComponent,
         AggregatePanelComponent,

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"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","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { AgGridModule } from 'ag-grid-angular';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { TimelineModule } from '@memberjunction/ng-timeline';\nimport { ExportServiceModule } from '@memberjunction/ng-export-service';\n\nimport { EntityCardsComponent } from './lib/entity-cards/entity-cards.component';\nimport { EntityViewerComponent } from './lib/entity-viewer/entity-viewer.component';\nimport { EntityRecordDetailPanelComponent } from './lib/entity-record-detail-panel/entity-record-detail-panel.component';\nimport { PillComponent } from './lib/pill/pill.component';\nimport { PaginationComponent } from './lib/pagination/pagination.component';\nimport { EntityDataGridComponent } from './lib/entity-data-grid/entity-data-grid.component';\nimport { ViewConfigPanelComponent } from './lib/view-config-panel/view-config-panel.component';\nimport { AggregatePanelComponent } from './lib/aggregate-panel/aggregate-panel.component';\nimport { AggregateSetupDialogComponent } from './lib/aggregate-setup-dialog/aggregate-setup-dialog.component';\nimport { ConfirmDialogComponent } from './lib/confirm-dialog/confirm-dialog.component';\nimport { QuickSaveDialogComponent } from './lib/quick-save-dialog/quick-save-dialog.component';\nimport { ViewHeaderComponent } from './lib/view-header/view-header.component';\nimport { DuplicateViewDialogComponent } from './lib/duplicate-view-dialog/duplicate-view-dialog.component';\nimport { SharedViewWarningDialogComponent } from './lib/shared-view-warning-dialog/shared-view-warning-dialog.component';\n\n/**\n * EntityViewerModule - Provides components for viewing entity data\n *\n * This module exports:\n * - EntityViewerComponent: Composite component with grid/cards toggle, server-side filtering/sorting/pagination\n * - EntityDataGridComponent: Modern AG Grid-based grid with Before/After cancelable events\n * - EntityCardsComponent: Card-based view with standalone or parent-managed data\n * - EntityRecordDetailPanelComponent: Detail panel for displaying single record information\n * - PillComponent: Semantic color pills for categorical values\n * - PaginationComponent: Beautiful \"Load More\" pagination with progress indicator\n * - ViewConfigPanelComponent: Sliding panel for configuring view settings (columns, sort, filters)\n *\n * @example\n * ```typescript\n * import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';\n *\n * @NgModule({\n *   imports: [EntityViewerModule]\n * })\n * export class MyModule { }\n * ```\n */\n@NgModule({\n  declarations: [\n    EntityCardsComponent,\n    EntityViewerComponent,\n    EntityRecordDetailPanelComponent,\n    PillComponent,\n    PaginationComponent,\n    EntityDataGridComponent,\n    ViewConfigPanelComponent,\n    AggregatePanelComponent,\n    AggregateSetupDialogComponent,\n    ConfirmDialogComponent,\n    QuickSaveDialogComponent,\n    ViewHeaderComponent,\n    DuplicateViewDialogComponent,\n    SharedViewWarningDialogComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    AgGridModule,\n    SharedGenericModule,\n    TimelineModule,\n    ExportServiceModule\n  ],\n  exports: [\n    EntityCardsComponent,\n    EntityViewerComponent,\n    EntityRecordDetailPanelComponent,\n    PillComponent,\n    PaginationComponent,\n    EntityDataGridComponent,\n    ViewConfigPanelComponent,\n    AggregatePanelComponent,\n    AggregateSetupDialogComponent,\n    ConfirmDialogComponent,\n    QuickSaveDialogComponent,\n    ViewHeaderComponent,\n    DuplicateViewDialogComponent,\n    SharedViewWarningDialogComponent\n  ]\n})\nexport class EntityViewerModule { }\n"]}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"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","sourcesContent":["import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { AgGridModule } from 'ag-grid-angular';\nimport { SharedGenericModule } from '@memberjunction/ng-shared-generic';\nimport { PaginationComponent } from '@memberjunction/ng-pagination';\nimport { TimelineModule } from '@memberjunction/ng-timeline';\nimport { ExportServiceModule } from '@memberjunction/ng-export-service';\n\nimport { EntityCardsComponent } from './lib/entity-cards/entity-cards.component';\nimport { EntityViewerComponent } from './lib/entity-viewer/entity-viewer.component';\nimport { EntityRecordDetailPanelComponent } from './lib/entity-record-detail-panel/entity-record-detail-panel.component';\nimport { PillComponent } from './lib/pill/pill.component';\nimport { EntityDataGridComponent } from './lib/entity-data-grid/entity-data-grid.component';\nimport { ViewConfigPanelComponent } from './lib/view-config-panel/view-config-panel.component';\nimport { AggregatePanelComponent } from './lib/aggregate-panel/aggregate-panel.component';\nimport { AggregateSetupDialogComponent } from './lib/aggregate-setup-dialog/aggregate-setup-dialog.component';\nimport { ConfirmDialogComponent } from './lib/confirm-dialog/confirm-dialog.component';\nimport { QuickSaveDialogComponent } from './lib/quick-save-dialog/quick-save-dialog.component';\nimport { ViewHeaderComponent } from './lib/view-header/view-header.component';\nimport { DuplicateViewDialogComponent } from './lib/duplicate-view-dialog/duplicate-view-dialog.component';\nimport { SharedViewWarningDialogComponent } from './lib/shared-view-warning-dialog/shared-view-warning-dialog.component';\n\n/**\n * EntityViewerModule - Provides components for viewing entity data\n *\n * This module exports:\n * - EntityViewerComponent: Composite component with grid/cards toggle, server-side filtering/sorting/pagination\n * - EntityDataGridComponent: Modern AG Grid-based grid with Before/After cancelable events\n * - EntityCardsComponent: Card-based view with standalone or parent-managed data\n * - EntityRecordDetailPanelComponent: Detail panel for displaying single record information\n * - PillComponent: Semantic color pills for categorical values\n * - ViewConfigPanelComponent: Sliding panel for configuring view settings (columns, sort, filters)\n *\n * @example\n * ```typescript\n * import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';\n *\n * @NgModule({\n *   imports: [EntityViewerModule]\n * })\n * export class MyModule { }\n * ```\n */\n@NgModule({\n  declarations: [\n    EntityCardsComponent,\n    EntityViewerComponent,\n    EntityRecordDetailPanelComponent,\n    PillComponent,\n    EntityDataGridComponent,\n    ViewConfigPanelComponent,\n    AggregatePanelComponent,\n    AggregateSetupDialogComponent,\n    ConfirmDialogComponent,\n    QuickSaveDialogComponent,\n    ViewHeaderComponent,\n    DuplicateViewDialogComponent,\n    SharedViewWarningDialogComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    AgGridModule,\n    SharedGenericModule,\n    PaginationComponent,\n    TimelineModule,\n    ExportServiceModule\n  ],\n  exports: [\n    EntityCardsComponent,\n    EntityViewerComponent,\n    EntityRecordDetailPanelComponent,\n    PillComponent,\n    EntityDataGridComponent,\n    ViewConfigPanelComponent,\n    AggregatePanelComponent,\n    AggregateSetupDialogComponent,\n    ConfirmDialogComponent,\n    QuickSaveDialogComponent,\n    ViewHeaderComponent,\n    DuplicateViewDialogComponent,\n    SharedViewWarningDialogComponent\n  ]\n})\nexport class EntityViewerModule { }\n"]}

package/dist/public-api.d.ts

@@ -10,7 +10,6 @@ export * from './lib/entity-cards/entity-cards.component';
 export * from './lib/entity-viewer/entity-viewer.component';
 export * from './lib/entity-record-detail-panel/entity-record-detail-panel.component';
 export * from './lib/pill/pill.component';
-export * from './lib/pagination/pagination.component';
 export * from './lib/entity-data-grid/entity-data-grid.component';
 export * from './lib/entity-data-grid/models/grid-types';
 export * from './lib/entity-data-grid/events/grid-events';

package/dist/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uEAAuE,CAAC;AACtF,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AAGtD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAG1D,cAAc,qDAAqD,CAAC;AAGpE,cAAc,iDAAiD,CAAC;AAGhE,cAAc,+DAA+D,CAAC;AAG9E,cAAc,+CAA+C,CAAC;AAG9D,cAAc,qDAAqD,CAAC;AAGpE,cAAc,yCAAyC,CAAC;AAGxD,cAAc,6DAA6D,CAAC;AAG5E,cAAc,uEAAuE,CAAC;AAGtF,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uEAAuE,CAAC;AACtF,cAAc,2BAA2B,CAAC;AAG1C,cAAc,mDAAmD,CAAC;AAClE,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAG1D,cAAc,qDAAqD,CAAC;AAGpE,cAAc,iDAAiD,CAAC;AAGhE,cAAc,+DAA+D,CAAC;AAG9E,cAAc,+CAA+C,CAAC;AAG9D,cAAc,qDAAqD,CAAC;AAGpE,cAAc,yCAAyC,CAAC;AAGxD,cAAc,6DAA6D,CAAC;AAG5E,cAAc,uEAAuE,CAAC;AAGtF,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}

package/dist/public-api.js

@@ -13,7 +13,6 @@ export * from './lib/entity-cards/entity-cards.component';
 export * from './lib/entity-viewer/entity-viewer.component';
 export * from './lib/entity-record-detail-panel/entity-record-detail-panel.component';
 export * from './lib/pill/pill.component';
-export * from './lib/pagination/pagination.component';
 // Entity Data Grid (modern AG Grid component with Before/After events)
 export * from './lib/entity-data-grid/entity-data-grid.component';
 export * from './lib/entity-data-grid/models/grid-types';

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,SAAS;AACT,cAAc,UAAU,CAAC;AAEzB,uBAAuB;AACvB,cAAc,aAAa,CAAC;AAE5B,aAAa;AACb,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uEAAuE,CAAC;AACtF,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AAEtD,uEAAuE;AACvE,cAAc,mDAAmD,CAAC;AAClE,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAE1D,2DAA2D;AAC3D,cAAc,qDAAqD,CAAC;AAEpE,iDAAiD;AACjD,cAAc,iDAAiD,CAAC;AAEhE,oEAAoE;AACpE,cAAc,+DAA+D,CAAC;AAE9E,wDAAwD;AACxD,cAAc,+CAA+C,CAAC;AAE9D,8CAA8C;AAC9C,cAAc,qDAAqD,CAAC;AAEpE,sEAAsE;AACtE,cAAc,yCAAyC,CAAC;AAExD,uEAAuE;AACvE,cAAc,6DAA6D,CAAC;AAE5E,gEAAgE;AAChE,cAAc,uEAAuE,CAAC;AAEtF,YAAY;AACZ,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC","sourcesContent":["/**\n * @memberjunction/ng-entity-viewer\n *\n * Angular components for viewing entity data in multiple formats.\n * Provides grid (AG Grid) and card views with filtering, selection, and shared data management.\n */\n\n// Module\nexport * from './module';\n\n// Types and Interfaces\nexport * from './lib/types';\n\n// Components\nexport * from './lib/entity-cards/entity-cards.component';\nexport * from './lib/entity-viewer/entity-viewer.component';\nexport * from './lib/entity-record-detail-panel/entity-record-detail-panel.component';\nexport * from './lib/pill/pill.component';\nexport * from './lib/pagination/pagination.component';\n\n// Entity Data Grid (modern AG Grid component with Before/After events)\nexport * from './lib/entity-data-grid/entity-data-grid.component';\nexport * from './lib/entity-data-grid/models/grid-types';\nexport * from './lib/entity-data-grid/events/grid-events';\n\n// View Config Panel (sliding panel for view configuration)\nexport * from './lib/view-config-panel/view-config-panel.component';\n\n// Aggregate Panel (card-based aggregate display)\nexport * from './lib/aggregate-panel/aggregate-panel.component';\n\n// Aggregate Setup Dialog (3-mode dialog for configuring aggregates)\nexport * from './lib/aggregate-setup-dialog/aggregate-setup-dialog.component';\n\n// Confirm Dialog (generic reusable confirmation dialog)\nexport * from './lib/confirm-dialog/confirm-dialog.component';\n\n// Quick Save Dialog (focused view save modal)\nexport * from './lib/quick-save-dialog/quick-save-dialog.component';\n\n// View Header (inline name edit, modified badge, save/revert actions)\nexport * from './lib/view-header/view-header.component';\n\n// Duplicate View Dialog (modal for duplicating views with custom name)\nexport * from './lib/duplicate-view-dialog/duplicate-view-dialog.component';\n\n// Shared View Warning Dialog (warning when saving shared views)\nexport * from './lib/shared-view-warning-dialog/shared-view-warning-dialog.component';\n\n// Utilities\nexport * from './lib/utils/highlight.util';\nexport * from './lib/utils/record.util';\n"]}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,SAAS;AACT,cAAc,UAAU,CAAC;AAEzB,uBAAuB;AACvB,cAAc,aAAa,CAAC;AAE5B,aAAa;AACb,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uEAAuE,CAAC;AACtF,cAAc,2BAA2B,CAAC;AAE1C,uEAAuE;AACvE,cAAc,mDAAmD,CAAC;AAClE,cAAc,0CAA0C,CAAC;AACzD,cAAc,2CAA2C,CAAC;AAE1D,2DAA2D;AAC3D,cAAc,qDAAqD,CAAC;AAEpE,iDAAiD;AACjD,cAAc,iDAAiD,CAAC;AAEhE,oEAAoE;AACpE,cAAc,+DAA+D,CAAC;AAE9E,wDAAwD;AACxD,cAAc,+CAA+C,CAAC;AAE9D,8CAA8C;AAC9C,cAAc,qDAAqD,CAAC;AAEpE,sEAAsE;AACtE,cAAc,yCAAyC,CAAC;AAExD,uEAAuE;AACvE,cAAc,6DAA6D,CAAC;AAE5E,gEAAgE;AAChE,cAAc,uEAAuE,CAAC;AAEtF,YAAY;AACZ,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC","sourcesContent":["/**\n * @memberjunction/ng-entity-viewer\n *\n * Angular components for viewing entity data in multiple formats.\n * Provides grid (AG Grid) and card views with filtering, selection, and shared data management.\n */\n\n// Module\nexport * from './module';\n\n// Types and Interfaces\nexport * from './lib/types';\n\n// Components\nexport * from './lib/entity-cards/entity-cards.component';\nexport * from './lib/entity-viewer/entity-viewer.component';\nexport * from './lib/entity-record-detail-panel/entity-record-detail-panel.component';\nexport * from './lib/pill/pill.component';\n\n// Entity Data Grid (modern AG Grid component with Before/After events)\nexport * from './lib/entity-data-grid/entity-data-grid.component';\nexport * from './lib/entity-data-grid/models/grid-types';\nexport * from './lib/entity-data-grid/events/grid-events';\n\n// View Config Panel (sliding panel for view configuration)\nexport * from './lib/view-config-panel/view-config-panel.component';\n\n// Aggregate Panel (card-based aggregate display)\nexport * from './lib/aggregate-panel/aggregate-panel.component';\n\n// Aggregate Setup Dialog (3-mode dialog for configuring aggregates)\nexport * from './lib/aggregate-setup-dialog/aggregate-setup-dialog.component';\n\n// Confirm Dialog (generic reusable confirmation dialog)\nexport * from './lib/confirm-dialog/confirm-dialog.component';\n\n// Quick Save Dialog (focused view save modal)\nexport * from './lib/quick-save-dialog/quick-save-dialog.component';\n\n// View Header (inline name edit, modified badge, save/revert actions)\nexport * from './lib/view-header/view-header.component';\n\n// Duplicate View Dialog (modal for duplicating views with custom name)\nexport * from './lib/duplicate-view-dialog/duplicate-view-dialog.component';\n\n// Shared View Warning Dialog (warning when saving shared views)\nexport * from './lib/shared-view-warning-dialog/shared-view-warning-dialog.component';\n\n// Utilities\nexport * from './lib/utils/highlight.util';\nexport * from './lib/utils/record.util';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-entity-viewer",
-  "version": "5.10.1",
+  "version": "5.12.0",
   "description": "MemberJunction: Angular components for viewing entity data in multiple formats (grid, cards) with filtering, selection, and shared data management",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -37,14 +37,15 @@
     "ag-grid-community": "^35.0.1"
   },
   "dependencies": {
-    "@memberjunction/core-entities": "5.10.1",
-    "@memberjunction/export-engine": "5.10.1",
-    "@memberjunction/global": "5.10.1",
-    "@memberjunction/core": "5.10.1",
-    "@memberjunction/ng-shared-generic": "5.10.1",
-    "@memberjunction/ng-timeline": "5.10.1",
-    "@memberjunction/ng-filter-builder": "5.10.1",
-    "@memberjunction/ng-export-service": "5.10.1",
+    "@memberjunction/core-entities": "5.12.0",
+    "@memberjunction/export-engine": "5.12.0",
+    "@memberjunction/global": "5.12.0",
+    "@memberjunction/core": "5.12.0",
+    "@memberjunction/ng-pagination": "5.12.0",
+    "@memberjunction/ng-shared-generic": "5.12.0",
+    "@memberjunction/ng-timeline": "5.12.0",
+    "@memberjunction/ng-filter-builder": "5.12.0",
+    "@memberjunction/ng-export-service": "5.12.0",
     "rxjs": "^7.8.2",
     "tslib": "^2.8.1"
   },

package/dist/lib/pagination/pagination.component.d.ts

@@ -1,60 +0,0 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { PaginationState } from '../types';
-import * as i0 from "@angular/core";
-/**
- * PaginationComponent - Beautiful pagination controls for entity data
- *
- * Provides a modern, responsive pagination UI with:
- * - Current page / total pages display
- * - Records count with range display
- * - Load more button for progressive loading
- * - Visual loading state
- *
- * @example
- * ```html
- * <mj-pagination
- *   [pagination]="paginationState"
- *   (loadMore)="onLoadMore()">
- * </mj-pagination>
- * ```
- */
-export declare class PaginationComponent implements OnChanges {
-    /**
-     * Current pagination state
-     */
-    pagination: PaginationState;
-    /**
-     * Number of records currently displayed
-     */
-    loadedRecordCount: number;
-    /**
-     * Emitted when user requests more data
-     */
-    loadMore: EventEmitter<void>;
-    /**
-     * Emitted when user requests to go to a specific page
-     */
-    goToPage: EventEmitter<number>;
-    displayedFrom: number;
-    displayedTo: number;
-    totalPages: number;
-    currentPageDisplay: number;
-    remainingRecords: number;
-    ngOnChanges(changes: SimpleChanges): void;
-    private updateDisplayValues;
-    /**
-     * Handle load more button click
-     */
-    onLoadMore(): void;
-    /**
-     * Get the progress percentage for the progress bar
-     */
-    get progressPercent(): number;
-    /**
-     * Get the number of records that will load on next click
-     */
-    get nextLoadCount(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "mj-pagination", never, { "pagination": { "alias": "pagination"; "required": false; }; "loadedRecordCount": { "alias": "loadedRecordCount"; "required": false; }; }, { "loadMore": "loadMore"; "goToPage": "goToPage"; }, never, never, false, never>;
-}
-//# sourceMappingURL=pagination.component.d.ts.map

package/dist/lib/pagination/pagination.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.component.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination/pagination.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACjG,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;;AAE3C;;;;;;;;;;;;;;;;GAgBG;AACH,qBAMa,mBAAoB,YAAW,SAAS;IACnD;;OAEG;IACM,UAAU,EAAE,eAAe,CAMlC;IAEF;;OAEG;IACM,iBAAiB,EAAE,MAAM,CAAK;IAEvC;;OAEG;IACO,QAAQ,qBAA4B;IAE9C;;OAEG;IACO,QAAQ,uBAA8B;IAGzC,aAAa,EAAE,MAAM,CAAK;IAC1B,WAAW,EAAE,MAAM,CAAK;IACxB,UAAU,EAAE,MAAM,CAAK;IACvB,kBAAkB,EAAE,MAAM,CAAK;IAC/B,gBAAgB,EAAE,MAAM,CAAK;IAEpC,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAMzC,OAAO,CAAC,mBAAmB;IAe3B;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;OAEG;IACH,IAAI,eAAe,IAAI,MAAM,CAG5B;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;yCA7EU,mBAAmB;2CAAnB,mBAAmB;CA8E/B"}

package/dist/lib/pagination/pagination.component.js

@@ -1,201 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-function PaginationComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "number");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 8);
-    i0.ɵɵtext(4, "of");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 9);
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "number");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 10);
-    i0.ɵɵtext(9, "records");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 2, ctx_r0.displayedTo));
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 4, ctx_r0.pagination.totalRecords));
-} }
-function PaginationComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 3);
-    i0.ɵɵtext(1, "No records");
-    i0.ɵɵelementEnd();
-} }
-function PaginationComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "div", 11);
-    i0.ɵɵelement(2, "div", 12);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("width", ctx_r0.progressPercent, "%");
-    i0.ɵɵclassProp("complete", !ctx_r0.pagination.hasMore);
-} }
-function PaginationComponent_Conditional_6_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 14);
-    i0.ɵɵelementStart(1, "span");
-    i0.ɵɵtext(2, "Loading...");
-    i0.ɵɵelementEnd();
-} }
-function PaginationComponent_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 15);
-    i0.ɵɵelementStart(1, "span");
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "number");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 16);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "number");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("Load ", i0.ɵɵpipeBind1(3, 2, ctx_r0.nextLoadCount), " more");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(6, 4, ctx_r0.remainingRecords), " remaining");
-} }
-function PaginationComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5)(1, "button", 13);
-    i0.ɵɵlistener("click", function PaginationComponent_Conditional_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onLoadMore()); });
-    i0.ɵɵconditionalCreate(2, PaginationComponent_Conditional_6_Conditional_2_Template, 3, 0)(3, PaginationComponent_Conditional_6_Conditional_3_Template, 7, 6);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r0.pagination.isLoading);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.pagination.isLoading ? 2 : 3);
-} }
-function PaginationComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "i", 17);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "All records loaded");
-    i0.ɵɵelementEnd()();
-} }
-/**
- * PaginationComponent - Beautiful pagination controls for entity data
- *
- * Provides a modern, responsive pagination UI with:
- * - Current page / total pages display
- * - Records count with range display
- * - Load more button for progressive loading
- * - Visual loading state
- *
- * @example
- * ```html
- * <mj-pagination
- *   [pagination]="paginationState"
- *   (loadMore)="onLoadMore()">
- * </mj-pagination>
- * ```
- */
-export class PaginationComponent {
-    /**
-     * Current pagination state
-     */
-    pagination = {
-        currentPage: 0,
-        pageSize: 100,
-        totalRecords: 0,
-        hasMore: false,
-        isLoading: false
-    };
-    /**
-     * Number of records currently displayed
-     */
-    loadedRecordCount = 0;
-    /**
-     * Emitted when user requests more data
-     */
-    loadMore = new EventEmitter();
-    /**
-     * Emitted when user requests to go to a specific page
-     */
-    goToPage = new EventEmitter();
-    // Computed display values
-    displayedFrom = 0;
-    displayedTo = 0;
-    totalPages = 0;
-    currentPageDisplay = 0;
-    remainingRecords = 0;
-    ngOnChanges(changes) {
-        if (changes['pagination'] || changes['loadedRecordCount']) {
-            this.updateDisplayValues();
-        }
-    }
-    updateDisplayValues() {
-        const { currentPage, pageSize, totalRecords, hasMore } = this.pagination;
-        // Calculate display range
-        this.displayedFrom = totalRecords > 0 ? 1 : 0;
-        this.displayedTo = this.loadedRecordCount;
-        // Calculate total pages
-        this.totalPages = Math.ceil(totalRecords / pageSize);
-        this.currentPageDisplay = currentPage + 1;
-        // Calculate remaining records
-        this.remainingRecords = Math.max(0, totalRecords - this.loadedRecordCount);
-    }
-    /**
-     * Handle load more button click
-     */
-    onLoadMore() {
-        if (!this.pagination.isLoading && this.pagination.hasMore) {
-            this.loadMore.emit();
-        }
-    }
-    /**
-     * Get the progress percentage for the progress bar
-     */
-    get progressPercent() {
-        if (this.pagination.totalRecords === 0)
-            return 100;
-        return Math.min(100, (this.loadedRecordCount / this.pagination.totalRecords) * 100);
-    }
-    /**
-     * Get the number of records that will load on next click
-     */
-    get nextLoadCount() {
-        return Math.min(this.pagination.pageSize, this.remainingRecords);
-    }
-    static ɵfac = function PaginationComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaginationComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaginationComponent, selectors: [["mj-pagination"]], inputs: { pagination: "pagination", loadedRecordCount: "loadedRecordCount" }, outputs: { loadMore: "loadMore", goToPage: "goToPage" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 8, vars: 4, consts: [[1, "pagination-container"], [1, "pagination-info"], [1, "records-display"], [1, "no-records"], [1, "progress-section"], [1, "load-more-section"], [1, "all-loaded"], [1, "records-shown"], [1, "records-separator"], [1, "records-total"], [1, "records-label"], [1, "progress-bar-container"], [1, "progress-bar-fill"], [1, "load-more-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin", "loading-icon"], [1, "fa-solid", "fa-arrow-down", "load-icon"], [1, "remaining-badge"], [1, "fa-solid", "fa-check-circle"]], template: function PaginationComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
-            i0.ɵɵconditionalCreate(3, PaginationComponent_Conditional_3_Template, 10, 6)(4, PaginationComponent_Conditional_4_Template, 2, 0, "span", 3);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(5, PaginationComponent_Conditional_5_Template, 3, 4, "div", 4);
-            i0.ɵɵconditionalCreate(6, PaginationComponent_Conditional_6_Template, 4, 2, "div", 5);
-            i0.ɵɵconditionalCreate(7, PaginationComponent_Conditional_7_Template, 4, 0, "div", 6);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.pagination.totalRecords > 0 ? 3 : 4);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.pagination.totalRecords > 0 ? 5 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.pagination.hasMore ? 6 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.pagination.hasMore && ctx.pagination.totalRecords > 0 ? 7 : -1);
-        } }, dependencies: [i1.DecimalPipe], styles: [".pagination-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  padding: 16px 24px;\n  background: linear-gradient(to top, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.9));\n  border-top: 1px solid #e8e8e8;\n  backdrop-filter: blur(8px);\n  flex-shrink: 0;\n}\n\n\n\n.pagination-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.records-display[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  font-size: 14px;\n  color: #666;\n}\n\n.records-shown[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 16px;\n  color: #1976d2;\n}\n\n.records-separator[_ngcontent-%COMP%] {\n  color: #999;\n}\n\n.records-total[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #333;\n}\n\n.records-label[_ngcontent-%COMP%] {\n  color: #999;\n}\n\n.no-records[_ngcontent-%COMP%] {\n  color: #999;\n  font-style: italic;\n}\n\n\n\n.progress-section[_ngcontent-%COMP%] {\n  flex: 1;\n  max-width: 300px;\n  min-width: 100px;\n}\n\n.progress-bar-container[_ngcontent-%COMP%] {\n  height: 6px;\n  background: #e8e8e8;\n  border-radius: 3px;\n  overflow: hidden;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n}\n\n.progress-bar-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  background: linear-gradient(90deg, #42a5f5, #1976d2);\n  border-radius: 3px;\n  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n\n.progress-bar-fill[_ngcontent-%COMP%]::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.3) 50%,\n    transparent 100%\n  );\n  animation: _ngcontent-%COMP%_shimmer 2s infinite;\n}\n\n.progress-bar-fill.complete[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, #66bb6a, #43a047);\n}\n\n.progress-bar-fill.complete[_ngcontent-%COMP%]::after {\n  display: none;\n}\n\n@keyframes _ngcontent-%COMP%_shimmer {\n  0% { transform: translateX(-100%); }\n  100% { transform: translateX(100%); }\n}\n\n\n\n.load-more-section[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.load-more-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 20px;\n  background: linear-gradient(135deg, #1976d2, #1565c0);\n  color: white;\n  border: none;\n  border-radius: 24px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.25);\n}\n\n.load-more-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: linear-gradient(135deg, #1565c0, #0d47a1);\n  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.35);\n  transform: translateY(-1px);\n}\n\n.load-more-btn[_ngcontent-%COMP%]:active:not(:disabled) {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(25, 118, 210, 0.25);\n}\n\n.load-more-btn[_ngcontent-%COMP%]:disabled {\n  background: #bdbdbd;\n  cursor: not-allowed;\n  box-shadow: none;\n}\n\n.load-icon[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.loading-icon[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.remaining-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 400;\n}\n\n\n\n.all-loaded[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  background: rgba(76, 175, 80, 0.1);\n  border-radius: 20px;\n  color: #2e7d32;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.all-loaded[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n\n\n@media (max-width: 600px) {\n  .pagination-container[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n    gap: 12px;\n    padding: 12px 16px;\n  }\n\n  .progress-section[_ngcontent-%COMP%] {\n    order: 3;\n    flex-basis: 100%;\n    max-width: none;\n  }\n\n  .remaining-badge[_ngcontent-%COMP%] {\n    display: none;\n  }\n}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
-        type: Component,
-        args: [{ standalone: false, selector: 'mj-pagination', template: "<div class=\"pagination-container\">\n  <!-- Records summary -->\n  <div class=\"pagination-info\">\n    <span class=\"records-display\">\n      @if (pagination.totalRecords > 0) {\n        <span class=\"records-shown\">{{ displayedTo | number }}</span>\n        <span class=\"records-separator\">of</span>\n        <span class=\"records-total\">{{ pagination.totalRecords | number }}</span>\n        <span class=\"records-label\">records</span>\n      } @else {\n        <span class=\"no-records\">No records</span>\n      }\n    </span>\n  </div>\n\n  <!-- Progress bar -->\n  @if (pagination.totalRecords > 0) {\n    <div class=\"progress-section\">\n      <div class=\"progress-bar-container\">\n        <div\n          class=\"progress-bar-fill\"\n          [style.width.%]=\"progressPercent\"\n          [class.complete]=\"!pagination.hasMore\">\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Load more button -->\n  @if (pagination.hasMore) {\n    <div class=\"load-more-section\">\n      <button\n        class=\"load-more-btn\"\n        [disabled]=\"pagination.isLoading\"\n        (click)=\"onLoadMore()\">\n        @if (pagination.isLoading) {\n          <i class=\"fa-solid fa-spinner fa-spin loading-icon\"></i>\n          <span>Loading...</span>\n        } @else {\n          <i class=\"fa-solid fa-arrow-down load-icon\"></i>\n          <span>Load {{ nextLoadCount | number }} more</span>\n          <span class=\"remaining-badge\">{{ remainingRecords | number }} remaining</span>\n        }\n      </button>\n    </div>\n  }\n\n  <!-- All loaded indicator -->\n  @if (!pagination.hasMore && pagination.totalRecords > 0) {\n    <div class=\"all-loaded\">\n      <i class=\"fa-solid fa-check-circle\"></i>\n      <span>All records loaded</span>\n    </div>\n  }\n</div>\n", styles: [".pagination-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  padding: 16px 24px;\n  background: linear-gradient(to top, rgba(248, 249, 250, 0.95), rgba(255, 255, 255, 0.9));\n  border-top: 1px solid #e8e8e8;\n  backdrop-filter: blur(8px);\n  flex-shrink: 0;\n}\n\n/* Records Info Section */\n.pagination-info {\n  display: flex;\n  align-items: center;\n}\n\n.records-display {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  font-size: 14px;\n  color: #666;\n}\n\n.records-shown {\n  font-weight: 600;\n  font-size: 16px;\n  color: #1976d2;\n}\n\n.records-separator {\n  color: #999;\n}\n\n.records-total {\n  font-weight: 500;\n  color: #333;\n}\n\n.records-label {\n  color: #999;\n}\n\n.no-records {\n  color: #999;\n  font-style: italic;\n}\n\n/* Progress Bar Section */\n.progress-section {\n  flex: 1;\n  max-width: 300px;\n  min-width: 100px;\n}\n\n.progress-bar-container {\n  height: 6px;\n  background: #e8e8e8;\n  border-radius: 3px;\n  overflow: hidden;\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);\n}\n\n.progress-bar-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #42a5f5, #1976d2);\n  border-radius: 3px;\n  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n}\n\n.progress-bar-fill::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.3) 50%,\n    transparent 100%\n  );\n  animation: shimmer 2s infinite;\n}\n\n.progress-bar-fill.complete {\n  background: linear-gradient(90deg, #66bb6a, #43a047);\n}\n\n.progress-bar-fill.complete::after {\n  display: none;\n}\n\n@keyframes shimmer {\n  0% { transform: translateX(-100%); }\n  100% { transform: translateX(100%); }\n}\n\n/* Load More Button */\n.load-more-section {\n  display: flex;\n  align-items: center;\n}\n\n.load-more-btn {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 20px;\n  background: linear-gradient(135deg, #1976d2, #1565c0);\n  color: white;\n  border: none;\n  border-radius: 24px;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.25);\n}\n\n.load-more-btn:hover:not(:disabled) {\n  background: linear-gradient(135deg, #1565c0, #0d47a1);\n  box-shadow: 0 4px 12px rgba(25, 118, 210, 0.35);\n  transform: translateY(-1px);\n}\n\n.load-more-btn:active:not(:disabled) {\n  transform: translateY(0);\n  box-shadow: 0 2px 6px rgba(25, 118, 210, 0.25);\n}\n\n.load-more-btn:disabled {\n  background: #bdbdbd;\n  cursor: not-allowed;\n  box-shadow: none;\n}\n\n.load-icon {\n  font-size: 12px;\n}\n\n.loading-icon {\n  font-size: 14px;\n}\n\n.remaining-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  background: rgba(255, 255, 255, 0.2);\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 400;\n}\n\n/* All Loaded Indicator */\n.all-loaded {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  background: rgba(76, 175, 80, 0.1);\n  border-radius: 20px;\n  color: #2e7d32;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.all-loaded i {\n  font-size: 14px;\n}\n\n/* Responsive adjustments */\n@media (max-width: 600px) {\n  .pagination-container {\n    flex-wrap: wrap;\n    gap: 12px;\n    padding: 12px 16px;\n  }\n\n  .progress-section {\n    order: 3;\n    flex-basis: 100%;\n    max-width: none;\n  }\n\n  .remaining-badge {\n    display: none;\n  }\n}\n"] }]
-    }], null, { pagination: [{
-            type: Input
-        }], loadedRecordCount: [{
-            type: Input
-        }], loadMore: [{
-            type: Output
-        }], goToPage: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "src/lib/pagination/pagination.component.ts", lineNumber: 27 }); })();
-//# sourceMappingURL=pagination.component.js.map

package/dist/lib/pagination/pagination.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.component.js","sourceRoot":"","sources":["../../../src/lib/pagination/pagination.component.ts","../../../src/lib/pagination/pagination.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\nimport { PaginationState } from '../types';\n\n/**\n * PaginationComponent - Beautiful pagination controls for entity data\n *\n * Provides a modern, responsive pagination UI with:\n * - Current page / total pages display\n * - Records count with range display\n * - Load more button for progressive loading\n * - Visual loading state\n *\n * @example\n * ```html\n * <mj-pagination\n *   [pagination]=\"paginationState\"\n *   (loadMore)=\"onLoadMore()\">\n * </mj-pagination>\n * ```\n */\n@Component({\n  standalone: false,\n  selector: 'mj-pagination',\n  templateUrl: './pagination.component.html',\n  styleUrls: ['./pagination.component.css']\n})\nexport class PaginationComponent implements OnChanges {\n  /**\n   * Current pagination state\n   */\n  @Input() pagination: PaginationState = {\n    currentPage: 0,\n    pageSize: 100,\n    totalRecords: 0,\n    hasMore: false,\n    isLoading: false\n  };\n\n  /**\n   * Number of records currently displayed\n   */\n  @Input() loadedRecordCount: number = 0;\n\n  /**\n   * Emitted when user requests more data\n   */\n  @Output() loadMore = new EventEmitter<void>();\n\n  /**\n   * Emitted when user requests to go to a specific page\n   */\n  @Output() goToPage = new EventEmitter<number>();\n\n  // Computed display values\n  public displayedFrom: number = 0;\n  public displayedTo: number = 0;\n  public totalPages: number = 0;\n  public currentPageDisplay: number = 0;\n  public remainingRecords: number = 0;\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['pagination'] || changes['loadedRecordCount']) {\n      this.updateDisplayValues();\n    }\n  }\n\n  private updateDisplayValues(): void {\n    const { currentPage, pageSize, totalRecords, hasMore } = this.pagination;\n\n    // Calculate display range\n    this.displayedFrom = totalRecords > 0 ? 1 : 0;\n    this.displayedTo = this.loadedRecordCount;\n\n    // Calculate total pages\n    this.totalPages = Math.ceil(totalRecords / pageSize);\n    this.currentPageDisplay = currentPage + 1;\n\n    // Calculate remaining records\n    this.remainingRecords = Math.max(0, totalRecords - this.loadedRecordCount);\n  }\n\n  /**\n   * Handle load more button click\n   */\n  onLoadMore(): void {\n    if (!this.pagination.isLoading && this.pagination.hasMore) {\n      this.loadMore.emit();\n    }\n  }\n\n  /**\n   * Get the progress percentage for the progress bar\n   */\n  get progressPercent(): number {\n    if (this.pagination.totalRecords === 0) return 100;\n    return Math.min(100, (this.loadedRecordCount / this.pagination.totalRecords) * 100);\n  }\n\n  /**\n   * Get the number of records that will load on next click\n   */\n  get nextLoadCount(): number {\n    return Math.min(this.pagination.pageSize, this.remainingRecords);\n  }\n}\n","<div class=\"pagination-container\">\n  <!-- Records summary -->\n  <div class=\"pagination-info\">\n    <span class=\"records-display\">\n      @if (pagination.totalRecords > 0) {\n        <span class=\"records-shown\">{{ displayedTo | number }}</span>\n        <span class=\"records-separator\">of</span>\n        <span class=\"records-total\">{{ pagination.totalRecords | number }}</span>\n        <span class=\"records-label\">records</span>\n      } @else {\n        <span class=\"no-records\">No records</span>\n      }\n    </span>\n  </div>\n\n  <!-- Progress bar -->\n  @if (pagination.totalRecords > 0) {\n    <div class=\"progress-section\">\n      <div class=\"progress-bar-container\">\n        <div\n          class=\"progress-bar-fill\"\n          [style.width.%]=\"progressPercent\"\n          [class.complete]=\"!pagination.hasMore\">\n        </div>\n      </div>\n    </div>\n  }\n\n  <!-- Load more button -->\n  @if (pagination.hasMore) {\n    <div class=\"load-more-section\">\n      <button\n        class=\"load-more-btn\"\n        [disabled]=\"pagination.isLoading\"\n        (click)=\"onLoadMore()\">\n        @if (pagination.isLoading) {\n          <i class=\"fa-solid fa-spinner fa-spin loading-icon\"></i>\n          <span>Loading...</span>\n        } @else {\n          <i class=\"fa-solid fa-arrow-down load-icon\"></i>\n          <span>Load {{ nextLoadCount | number }} more</span>\n          <span class=\"remaining-badge\">{{ remainingRecords | number }} remaining</span>\n        }\n      </button>\n    </div>\n  }\n\n  <!-- All loaded indicator -->\n  @if (!pagination.hasMore && pagination.totalRecords > 0) {\n    <div class=\"all-loaded\">\n      <i class=\"fa-solid fa-check-circle\"></i>\n      <span>All records loaded</span>\n    </div>\n  }\n</div>\n"]}