feature(REPORT-502080): Bold Reports 13.1 Release changes

package.json

@@ -1,25 +1,25 @@
 {
   "name": "angular-samples",
-  "version": "12.1.12",
+  "version": "13.1.26",
   "scripts": {
     "test": "gulp test",
     "postinstall": "gulp copy",
     "build": "gulp production-build",
     "serve": "gulp serve"
   },
   "dependencies": {
-    "@angular/animations": "21.1.0",
-    "@angular/common": "21.1.0",
-    "@angular/compiler": "21.1.0",
-    "@angular/core": "21.1.0",
-    "@angular/forms": "21.1.0",
-    "@angular/platform-browser": "21.1.0",
-    "@angular/platform-browser-dynamic": "21.1.0",
-    "@angular/router": "21.1.0",
-    "@boldreports/angular-reporting-components": "12.1.12",
-    "@boldreports/javascript-reporting-controls": "12.1.12",
-    "@boldreports/javascript-reporting-extensions": "12.1.12",
-    "@boldreports/types": "12.1.12",
+    "@angular/animations": "21.2.8",
+    "@angular/common": "21.2.8",
+    "@angular/compiler": "21.2.8",
+    "@angular/core": "21.2.8",
+    "@angular/forms": "21.2.8",
+    "@angular/platform-browser": "21.2.8",
+    "@angular/platform-browser-dynamic": "21.2.8",
+    "@angular/router": "21.2.8",
+    "@boldreports/angular-reporting-components": "13.1.26",
+    "@boldreports/javascript-reporting-controls": "13.1.26",
+    "@boldreports/javascript-reporting-extensions": "13.1.26",
+    "@boldreports/types": "13.1.26",
     "@syncfusion/ej2-angular-buttons": "22.2.5",
     "@syncfusion/ej2-angular-calendars": "22.2.5",
     "@syncfusion/ej2-angular-dropdowns": "22.2.5",
@@ -36,9 +36,9 @@
     "zone.js": "0.15.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "21.1.0",
-    "@angular/cli": "21.1.0",
-    "@angular/compiler-cli": "21.1.0",
+    "@angular-devkit/build-angular": "21.2.7",
+    "@angular/cli": "21.2.7",
+    "@angular/compiler-cli": "21.2.8",
     "@types/jasmine": "2.8.8",
     "@types/jasminewd2": "2.0.3",
     "@types/jquery": "3.3.29",

src/app/common/app.component.scss

@@ -16,6 +16,7 @@
   transition: left 400ms ease;
   overflow-y: auto;
   overflow-x: hidden;
+  background-color: #FAFAFA;
 }
 
 .mobile-overlay{

src/app/common/main-content/main-content.component.scss

@@ -1,5 +1,8 @@
 .ej-main-body-content {
-  background-color: #FAFAFA;
+  height:100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
 
   #parentTabContainer {
     border: 1px solid #D7D7D7;
@@ -197,7 +200,8 @@
   color: #283A5E;
   margin: 30px 0px;
   width: 100%;
-  height: 121px;  
+  height: 121px;
+  flex-shrink: 0;
 }
 
 .header {

src/app/common/sidebar/sidebar.component.scss

@@ -55,7 +55,7 @@
         width: 90px;
         margin: 8px;
         background-image: url('./../../../assets/sidebar/portrait.png');
-        background-size: 100% 2200%;
+        background-size: 100% 2300%;
       }
 
       .ej-sb-toc-title {

src/app/components/nda-report/nda-report.component.html

@@ -0,0 +1,18 @@
+<bold-reportviewer id="nda-report" [reportServiceUrl]="serviceUrl" [reportPath]="reportPath"
+    (toolBarItemClick)="onToolbarItemClick($event)" (exportItemClick)="onExportItemClick()" [toolbarSettings]="toolbarSettings">
+</bold-reportviewer>
+
+<div id="description">
+    <p>The report demonstrates the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document. It
+        highlights secure signing and verification features for professional agreements.</p>
+    <ul>
+        <li>Illustrates PDF digital signature integration within reports.</li>
+        <li>Uses a real-world NDA template for practical demonstration.</li>
+        <li>Shows how signatures, names, dates, and locations are captured in the report item.</li>
+    </ul>
+    <p>
+        More information about the PDF signature report item can be found in this <a
+            href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/signature/design-report-with-pdf-signature/"
+            target="_blank" rel="noreferrer">documentation</a> section.
+    </p>
+</div>

src/app/components/nda-report/nda-report.component.ts

@@ -0,0 +1,25 @@
+/**
+ * NDA Reort - This demo showcases the integration of PDF digital signature in a Non-Disclosure Agreement (NDA) report.
+ */
+ import { Component } from '@angular/core';
+ import { Globals } from '../globals';
+ @Component({
+   selector: 'ej-sample',
+   templateUrl: './nda-report.component.html',
+   styleUrls: ['./nda-report.component.css'],
+   standalone: false
+ })
+ export class NDAReportComponent {
+   // Specifies the report Web API service URL. It is used to process the reports.
+   public serviceUrl = Globals.SERVICE_URL;
+   // Specifies the path of the RDL report file
+   public reportPath: string;
+   public toolbarSettings = Globals.TOOLBAR_OPTIONS;
+   public onToolbarItemClick = Globals.EDIT_REPORT;
+   public onExportItemClick = Globals.EXPORT_ITEM_CLICK;
+
+   constructor() {
+     this.reportPath = 'nda-report.rdl';
+   }
+ }
+

src/app/components/samples.json

@@ -13,7 +13,8 @@
     "pdf",
     "pdfdocument",
     "htmldocument",
-    "shape"
+    "shape",
+    "nda"
   ],
   "otherPlatforms": {
     "JavaScript": "javascript/#/",
@@ -31,7 +32,7 @@
     ],
     "freeTrialUrl": "https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
   },
-  "copyrightYear": "2025",
+  "copyrightYear": "2026",
   "samples": [
     {
       "routerPath": "product-line-sales",
@@ -530,14 +531,27 @@
       "sampleName": "HR Payroll",
       "basePath": "report-viewer",
       "directoryName": "hr-payroll",
-      "status": "New",
       "imageDetails": {
         "isLandscape": false,
         "index": 20
       },
       "metaData": {
         "description": "This demo showcases an HR Payroll report showing salaries, deductions, demographics, and performance insights in the Angular Bold Report Viewer."
       }
+    },
+    {
+      "routerPath": "nda-report",
+      "className": "NDAReportComponent",
+      "sampleName": "NDA Report",
+      "basePath": "report-viewer",
+      "directoryName": "nda-report",
+      "imageDetails": {
+        "isLandscape": false,
+        "index": 21
+      },
+      "metaData": {
+        "description": "This demo showcases the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document in Angular Bold Report Viewer."
+      }
     }
   ]
 }

src/main.ts

@@ -5,7 +5,7 @@ import { registerLicense } from '@syncfusion/ej2-base';
 import { AppModule } from './app/common/app.module';
 import { environment } from './environments/environment';
 
-registerLicense('ORg4AjUWIQA/Gnt2V1hiQlRPd11dXmJWfFN0QHNYflR1fV9DaUwxOX1dQl9gSXZRdEVhXXZfeXVSQWE=');
+registerLicense('Ngo9BigBOggjHTQxAR8/V1NGaF5cXmdCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdlWXxdcHRXQ2hcU0R0XkNWYUs=');
 if (environment.production) {
   enableProdMode();
 }