@stratametriq/id-card-designer 1.9.2 โ†’ 1.9.4

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.
Files changed (5) hide show
  1. package/README.md +14 -3
  2. package/dist/index.css +1502 -1
  3. package/dist/index.es.js +19277 -14688
  4. package/dist/index.js +199 -157
  5. package/package.json +3 -1
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  A universal, dynamic, and highly customizable **ID Card Designer & Batch Print Dashboard** for React, Vue, Angular, and Vanilla JS.
4
4
 
5
- > **Current release:** 1.9.2
5
+ > **Current release:** 1.9.4
6
6
 
7
7
  ---
8
8
 
@@ -10,7 +10,7 @@ A universal, dynamic, and highly customizable **ID Card Designer & Batch Print D
10
10
 
11
11
  - [Overview](#overview)
12
12
  - [Live Demo](#live-demo)
13
- - [What's New in v1.9.0](#whats-new-in-v190)
13
+ - [What's New in v1.9.4](#whats-new-in-v194)
14
14
  - [Features](#features)
15
15
  - [How It Works](#how-it-works)
16
16
  - [Import Data](#import-data)
@@ -50,6 +50,15 @@ You can launch a complete ID card design studio and batch print dashboard with j
50
50
 
51
51
  ---
52
52
 
53
+ ## What's New in v1.9.4
54
+ - **Full Roster CRUD & IndexedDB Sync:** Added an interactive **"+ Add Record"** modal with integrated photo upload, an **"Edit Record"** modal for fixing details on the fly, individual row **"Delete"** with confirmation, and bulk **"Delete Selected"** actionsโ€”all synchronized with browser IndexedDB (`localforage`).
55
+ - **Interactive Multi-Column Sorting:** 1-click column header sorting (Ascending / Descending) across Name & Avatar, Class/Designation, ID Number, Guardian/Department, and Contact Phone.
56
+ - **Smart Roster Pagination:** High-performance pagination toolbar (`10`, `25`, `50`, `100`, `All`) with responsive page navigation controls, preventing DOM lag on large imported rosters (1,000+ cards).
57
+ - **Production-Grade Scannable QR & 1D Barcodes:** Upgraded QR codes (`qrcode`) and 1D Code 128 Barcodes (`jsbarcode`) to produce mathematically accurate, industry-standard matrices readable by mobile cameras and hardware laser scanners.
58
+ - **Multi-CSV Import Append:** Sequential importing now seamlessly merges new records and dynamic fields without overriding previously imported data.
59
+
60
+ ---
61
+
53
62
  ## What's New in v1.9.0
54
63
  - **AI Background Removal:** Integrated an advanced, fully client-side WebAssembly machine learning model (`@imgly/background-removal`) directly into the Live Roster Data Table. Users can now perfectly remove the background from uploaded profile photos or webcam captures with a single click, completely offline, without any backend processing or API keys.
55
64
 
@@ -67,10 +76,12 @@ You can launch a complete ID card design studio and batch print dashboard with j
67
76
  ## Features
68
77
 
69
78
  - **๐ŸŽจ Visual ID Card Designer:** A complete workspace for designing ID cards with a visual canvas, configurable elements, templates, and preview capabilities.
79
+ - **โž• Live Roster CRUD & Management:** Full inline editing ("Edit Record"), manual creation ("+ Add Record" with photo upload), individual deletion, and bulk selection deletion directly from the dashboard.
80
+ - **๐Ÿ”€ Multi-Column Sorting & Smart Pagination:** 1-click column header sorting (Ascending / Descending) and customizable pagination (`10`, `25`, `50`, `100`, `All`) for smooth performance on large datasets.
70
81
  - **๐Ÿ“ฅ CSV & Excel Import:** Import structured card data from `.csv`, `.xlsx`, and `.xls`. Imported columns can be used as dynamic fields inside templates.
71
82
  - **๐Ÿ–ผ๏ธ Bulk ZIP Photo Import:** Upload a ZIP archive containing your spreadsheet/CSV and images. The importer can fuzzy-match image filenames with records, making it possible to prepare large batches of cards without manually attaching every photo.
72
83
  - **๐Ÿ–จ๏ธ Professional Print Calibration:** Define Bleed margins, X/Y hardware cutting offsets, and double-sided interleaved layouts.
73
- - **๐Ÿ”ณ QR Codes & Barcodes:** Generate dynamic QR codes and 1D barcodes and bind them to record values such as admission numbers, employee IDs, URLs, or other unique identifiers.
84
+ - **๐Ÿ”ณ QR Codes & Barcodes:** Generate dynamic, scannable QR codes (`qrcode`) and 1D Code 128 barcodes (`jsbarcode`) and bind them to record values such as admission numbers, employee IDs, URLs, or other unique identifiers.
74
85
  - **๐Ÿท๏ธ Dynamic Field Placeholders:** Bind template elements to imported data (e.g., `ID: {{admissionNo}}`).
75
86
  - **๐Ÿง  Conditional Rendering:** Text elements can use JavaScript expressions for conditional output (e.g., `{{ department === 'HR' ? 'Red' : 'Blue' }}`).
76
87
  - **๐Ÿ”ฒ Smart Alignment Guides:** Snap elements to the center of the card or align them with other elements using visual color-coded guides (Purple for center, Red for edges).