@stratametriq/id-card-designer 1.9.4 → 1.10.0

package/README.md

@@ -2,7 +2,7 @@
 
 A universal, dynamic, and highly customizable **ID Card Designer & Batch Print Dashboard** for React, Vue, Angular, and Vanilla JS.
 
-> **Current release:** 1.9.4
+> **Current release:** 1.10.0
 
 ---
 
@@ -10,7 +10,7 @@ A universal, dynamic, and highly customizable **ID Card Designer & Batch Print D
 
 - [Overview](#overview)
 - [Live Demo](#live-demo)
-- [What's New in v1.9.4](#whats-new-in-v194)
+- [What's New in v1.10.0](#whats-new-in-v1100)
 - [Features](#features)
 - [How It Works](#how-it-works)
 - [Import Data](#import-data)
@@ -50,6 +50,26 @@ You can launch a complete ID card design studio and batch print dashboard with j
 
 ---
 
+## What's New in v1.10.0
+- **Brand & Security Watermark Suite:** Complete watermarking support for card templates, live canvas editing, previews, and batch print exports.
+  - **Multi-Mode Watermarks:** Brand / Security Text (`STRATAMETRIQ`, `OFFICIAL`, `SAMPLE`, `CONFIDENTIAL`, `DRAFT`), Custom Logo/Seal Uploads, and Repeating SVG Security Tiles.
+  - **Dynamic Placeholders:** Watermarks support live field bindings like `{{companyName}}` or `{{employeeId}}`.
+  - **Inspector Controls:** Opacity sliders (`3%`–`40%`), rotation angle dials (`-45°` to `45°`), color and font size controls.
+  - **Layer & Side Targeting:** Background (behind text/photo) vs. Overlay (top security layer) placement with side targeting (`all`, `front`, `back`).
+  - **300 DPI Export Integrity:** Watermarks export crisp in PDFs, thermal CR80 PVC prints, and PNGs while ensuring 100% barcode/QR optical scannability.
+
+---
+
+## What's New in v1.9.5
+- **Multi-Mode Scannable QR Codes:** Added support for Dynamic Field Binding (with URL prefixes), Static URLs, and vCard 3.0 Digital Contact Cards (instant smartphone scan-to-save contacts).
+- **Custom QR Colors & Error Correction Level (ECC):** Full foreground and background color pickers with selectable ECC levels (`L`, `M`, `Q`, `H`).
+- **1-Click Blank Excel Template Generator:** Download clean, pre-formatted `.xlsx` spreadsheets matching the columns of any active department.
+- **CR80 Thermal PVC Print Matrix Fix:** Accurate single-card sheet layout (`1 Col × 1 Row`, `54×86 mm`) calculations in the Live Sheet Grid Matrix.
+- **Enhanced Text Wrapping & Auto-Shrink:** Intelligent text break-word handling for long addresses and multi-line descriptions.
+- **Roster Monospace ID Badge Polish:** Added `whiteSpace: nowrap` to table ID badges in the Live Roster Directory.
+
+---
+
 ## What's New in v1.9.4
 - **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`).
 - **Interactive Multi-Column Sorting:** 1-click column header sorting (Ascending / Descending) across Name & Avatar, Class/Designation, ID Number, Guardian/Department, and Contact Phone.
@@ -84,6 +104,7 @@ You can launch a complete ID card design studio and batch print dashboard with j
 - **🔳 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.
 - **🏷️ Dynamic Field Placeholders:** Bind template elements to imported data (e.g., `ID: {{admissionNo}}`).
 - **🧠 Conditional Rendering:** Text elements can use JavaScript expressions for conditional output (e.g., `{{ department === 'HR' ? 'Red' : 'Blue' }}`).
+- **🛡️ Brand & Security Watermark Suite:** Add customizable text watermarks (`STRATAMETRIQ`, `CONFIDENTIAL`, `SAMPLE`), uploaded brand seal logos, and repeating security tile patterns with live opacity, rotation, and layer controls.
 - **🔲 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).
 - **⌨️ Keyboard Shortcuts:** Navigate the editor faster using Undo/Redo (`Ctrl+Z`, `Ctrl+Y`), Duplicate (`Ctrl+C`, `Ctrl+V`), Delete, and Arrow Key nudging.
 ---

package/dist/index.css

@@ -1499,4 +1499,17 @@ body, button, input, select, textarea {
 }
 .ricd-context-menu-item:hover {
   background: #f3f4f6;
+}
+
+/* Watermark Layer Styling */
+.ricd-watermark-layer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none !important;
+  user-select: none !important;
+  overflow: hidden;
+  box-sizing: border-box;
 }