feature(REPORT-342363): public repo update

package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-samples",
-  "version": "5.3.8",
+  "version": "5.4.20",
   "scripts": {
     "test": "gulp test",
     "postinstall": "gulp copy",

src/app/common/header/header.component.html

@@ -17,9 +17,9 @@
   </div>
   <div class="ej-sb-right-side">
     <!-- We hided this element as per management instruction -->
-    <!-- <a class="ej-sb-button nav-link bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" target="_blank">Schedule
+    <!-- <a class="ej-sb-button nav-link bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" target="_blank" rel="noreferrer">Schedule
       Free Demo</a> -->
-      <a class="ej-sb-button nav-link product-detail" href="https://www.boldreports.com/embedded-reporting/angular-report-viewer" target="_blank">Product Detail</a>
-    <a class="ej-sb-button nav-link try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=120&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/" target="_blank">Try it Free</a>
+      <a class="ej-sb-button nav-link product-detail" href="https://www.boldreports.com/embedded-reporting/angular-report-viewer" target="_blank" rel="noreferrer">Product Detail</a>
+    <a class="ej-sb-button nav-link try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=128&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/" target="_blank" rel="noreferrer">Try it Free</a>
   </div>
 </div>

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

@@ -78,24 +78,24 @@ <h1 class="ej-title" #title></h1>
         <div class="cnt-text cnt-text-3" #features[2]></div>
       </div>
     </div>
-    <a class="free-trial-url" target="_blank" #freeTrialUrl>
+    <a class="free-trial-url" target="_blank" rel="noreferrer" #freeTrialUrl>
       <div class="free-trial">TRY IT FOR FREE</div>
     </a>
   </div>
 
   <!--Footer section-->
   <div class="ej-lp-footer">
     <div class="ej-lp-footer-links">
-      <a href="https://help.boldreports.com/embedded-reporting/angular-reporting/" target="_blank">
+      <a href="https://help.boldreports.com/embedded-reporting/angular-reporting/" target="_blank" rel="noreferrer">
         Documentation
       </a>
-      <a href="https://www.boldreports.com/blog" target="_blank">
+      <a href="https://www.boldreports.com/blog" target="_blank" rel="noreferrer">
         Blog
       </a>
-      <a href="https://support.boldreports.com/" target="_blank">
+      <a href="https://support.boldreports.com/" target="_blank" rel="noreferrer">
           Support
       </a> 
-      <a href="https://www.boldreports.com/feedback" target="_blank">
+      <a href="https://www.boldreports.com/feedback" target="_blank" rel="noreferrer">
           Feedback
       </a>
     </div>

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

@@ -124,7 +124,7 @@ export class MainContentComponent implements AfterViewInit {
 
   onTabBtnClick(): void {
     const modifiedUrl = this.router.url.indexOf('?') !== -1 ? this.router.url.substring(0, this.router.url.indexOf('?')) : this.router.url;
-    window.open(this.location.prepareExternalUrl(modifiedUrl) + '/preview', '_blank"');
+    window.open(this.location.prepareExternalUrl(modifiedUrl) + '/preview', '_blank', 'noreferrer');
   }
 
   onTabNext(): void {

src/app/common/preview/preview.component.html

@@ -1,17 +1,17 @@
 <!--Header portion-->
 <div class="ej-preview-header">
   <div class="ej-preview-left-side">
-    <a href="{{homePageUrl}}" target="_blank">
+    <a href="{{homePageUrl}}" target="_blank" rel="noreferrer">
       <div class="ej-preview-platform-name">Bold Reports for Angular</div>
     </a>
   </div>
   <div class="ej-preview-right-side">
     <!-- We hided this element as per management instruction -->
     <!-- <a class="ej-preview-button bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" title="Report Server"
-      target="_blank">Schedule Free Demo</a> -->
-    <a class="ej-preview-button nav-link product-detail" href="{{productDetailURL}}"  target="_blank">Product Detail</a>
-    <a class="ej-preview-button try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=120&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/" title="Report Server"
-      target="_blank">Try it Free</a>
+      target="_blank" rel="noreferrer">Schedule Free Demo</a> -->
+    <a class="ej-preview-button nav-link product-detail" href="{{productDetailURL}}"  target="_blank" rel="noreferrer">Product Detail</a>
+    <a class="ej-preview-button try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=128&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/" title="Report Server"
+      target="_blank" rel="noreferrer">Try it Free</a>
   </div>
 </div>
 <div class="ej-preview-content">

src/app/components/barcode/barcode.component.html

@@ -14,6 +14,6 @@
     <p>
         More information about Barcode can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/barcode/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/company-sales/company-sales.component.html

@@ -18,12 +18,12 @@
         <li>Sorting is applied to row groups to sort the product category and sub-category in descending and ascending
             orders. More information about sorting data in matrix groups can be found in this <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/sort-data-in-tablix-data-region/#set-sort-expression-on-a-tablix-group"
-                target="_blank">documentation</a> section.
+                target="_blank" rel="noreferrer">documentation</a> section.
         </li>
     </ul>
     <p>
         Company Sales report designing steps can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/matrix/design-ssrs-matrix-report/#format-matrix-design"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/conditional-row-formatting/conditional-row-formatting.component.html

@@ -6,18 +6,18 @@
     <p>
         This demo illustrates the Conditional Formatting feature along with <a
         href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-parameters/add/"
-        target="_blank">Report Parameters</a> using the Tablix data region. Based on the country name selected in the <code>Highlight Country</code> 
+        target="_blank" rel="noreferrer">Report Parameters</a> using the Tablix data region. Based on the country name selected in the <code>Highlight Country</code> 
         parameter, the available customer details of the respective country are highlighted using conditional formatting. It makes the report easier 
         to read horizontally and enhances the look and feel of report.
     </p>
     <ul>
         <li><b>Conditional IIF Statement</b> is used to build <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-            target="_blank">expression</a> for background color, thereby it highlights the rows based on the <code>Country Name</code> field.</li>
+            target="_blank" rel="noreferrer">expression</a> for background color, thereby it highlights the rows based on the <code>Country Name</code> field.</li>
     </ul>
     <p>
         Conditional row formatting report designing steps can be found in this <a
         href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/conditional-formatting-tablix-data-region/"
-        target="_blank">documentation</a> section.
+        target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/consolidated-balance-sheet/consolidated-balance-sheet.component.html

@@ -7,19 +7,19 @@
         Consolidated balance sheet RDLC report represents the assets and liabilities of a company and all subsidiaries
         for the last four quarters in a single sheet using <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/"
-            target="_blank">Tablix</a> report item.
+            target="_blank" rel="noreferrer">Tablix</a> report item.
     </p>
     <ul>
         <li>The <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/grouping-panel/"
-                target="_blank">Row grouping</a> feature is used to group the Assets type.</li>
+                target="_blank" rel="noreferrer">Row grouping</a> feature is used to group the Assets type.</li>
         <li>Text box report items with currency value are formatted using <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-                target="_blank">expression</a>.</li>
+                target="_blank" rel="noreferrer">expression</a>.</li>
         <li>The data used in this table is a local JSON data.</li>
     </ul>
     <p>
         More information about RDLC report can be found in this <a
-            href="https://help.boldreports.com/embedded-reporting/angular-reporting/report-viewer/rdlc-report/" target="_blank">documentation</a>
+            href="https://help.boldreports.com/embedded-reporting/angular-reporting/report-viewer/rdlc-report/" target="_blank" rel="noreferrer">documentation</a>
         section.
     </p>
 </div>

src/app/components/customer-support-analysis/customer-support-analysis.component.html

@@ -14,14 +14,14 @@
         <li>Sorting is applied to sort the <code>Representative Name</code> in <code>Average resolution time (hrs) by Representative</code> chart. 
             More information about sorting data in matrix groups can be found in this <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/sort-data-in-tablix-data-region/#set-sort-expression-on-a-tablix-group"
-            target="_blank">documentation</a> section.</li>
+            target="_blank" rel="noreferrer">documentation</a> section.</li>
         <li>The <code>TopN</code> filter is applied to the table data region to display the <code>Top 5 Satisfied Customer</code>. More information on filtering data with table 
             data region can be found in this <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/add-filters-to-tablix-data-region/"
-            target="_blank">documentation</a> section.</li>
+            target="_blank" rel="noreferrer">documentation</a> section.</li>
     </ul>
     <p>
         More information about chart data region can be found in this <a
         href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/chart/"
-        target="_blank">documentation</a> section.
+        target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/data-bar/data-bar.component.html

@@ -9,6 +9,6 @@
     </p>
     <p>
         More information about the Databar report item can be found in this <a href="https://help.boldreports.com/embedded-reporting/angular-reporting/report-designer/designer-guide/report-items/data-bar/"
-                                                                             target="_blank">documentation</a> section.
+                                                                             target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/dynamic-chart-series/dynamic-chart-series.component.html

@@ -9,6 +9,6 @@
     </p>
     <p>
         More information about the Chart report item can be found in this <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/chart/"
-                                                                              target="_blank">documentation</a> section.
+                                                                              target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/dynamic-columns/dynamic-columns.component.html

@@ -15,6 +15,6 @@
     </ul>
     <p>
         More information about the Tablix data region can be found in this <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/"
-                                                                              target="_blank">documentation</a> section.
+                                                                              target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/external-parameter-report/external-parameter-report.component.css

@@ -70,6 +70,7 @@
 #r-w-property-category,#r-w-property-subcategory,#r-w-property-startdate,#r-w-property-enddate {
   display: inline-flex;
   margin-left: 20px;
+  margin-right: 20px;
 }
 
 #r-w-property-name-category, #r-w-property-name {

src/app/components/external-parameter-report/external-parameter-report.component.html

@@ -47,23 +47,23 @@
     <p #myPara>
         The Product Line Sales RDL report represents the best performing sales people and stores using <a
             href="https://help.boldreports.com/embedded-reporting/angular-reporting/report-designer/designer-guide/report-items/tablix/"
-            target="_blank">Tablix</a> and <a
+            target="_blank" rel="noreferrer">Tablix</a> and <a
             href="https://help.boldreports.com/embedded-reporting/angular-reporting/report-designer/designer-guide/report-items/chart/"
-            target="_blank">Chart</a>
+            target="_blank" rel="noreferrer">Chart</a>
         report items.
     </p>
     <ul>
         <li>
             The sales details are organized by category and sub-category of products using the concept of external
             report parameters which is designed using <a href="https://ej2.syncfusion.com/angular/documentation/api/drop-down-list"
-                target="_blank">ejdropdownlist</a>. It allows users to filter Sub Category based on the selected
+                target="_blank" rel="noreferrer">ejdropdownlist</a>. It allows users to filter Sub Category based on the selected
             Category.
         </li>
         <li>Non cascading parameters namely start date and end date also used in this report.</li>
     </ul>
     <p>
         More information about handling the report items can be found in this <a
             href="https://help.boldreports.com/embedded-reporting/angular-reporting/report-designer/designer-guide/report-items/"
-            target="_blank">documentation</a> section.
+            target="_blank" rel="noreferrer">documentation</a> section.
     </p>
-</div>
+</div>

src/app/components/external-parameter-report/external-parameter-report.component.ts

@@ -56,8 +56,8 @@ export class ExternalParameterReportComponent {
       (parameterDataCollection: object) => {
         var startDate: DatePicker = new DatePicker({ value: new Date("1/1/2003"), width: "180px" });
         var endDate: DatePicker = new DatePicker({ value: new Date("12/31/2003"), width: "180px" });
-        let catogoryList = JSON.parse(parameterDataCollection[0].ProductCategoryDetail);
-        let subCategoryList = JSON.parse(parameterDataCollection[0].ProductSubCategoryDetail);
+        let catogoryList = JSON.parse(parameterDataCollection[0].productCategoryDetail);
+        let subCategoryList = JSON.parse(parameterDataCollection[0].productSubCategoryDetail);
         var subCategoryDropDownList = subCategoryList.filter(({ ProductCategoryID }) => ProductCategoryID == 1);
         var category: DropDownList = new DropDownList({
           dataSource: catogoryList,

src/app/components/globals.ts

@@ -1,6 +1,6 @@
 export const Globals = {
-    SERVICE_URL: 'https://demos.boldreports.com/services/api/ReportViewerWebApi',
-    DESIGNER_SERVICE_URL: 'https://demos.boldreports.com/services/api/ReportDesignerWebApi',
+    SERVICE_URL: '/demos/services/api/ReportViewerWebApi',
+    DESIGNER_SERVICE_URL: '/demos/services/api/ReportDesignerWebApi',
     TOOLBAR_OPTIONS: {
         showToolbar: true,
         items: ej.ReportViewer.ToolbarItems.All & ~ej.ReportViewer.ToolbarItems.Find,

src/app/components/grouping-aggregate/grouping-aggregate.component.html

@@ -14,11 +14,11 @@
         <li>Using the <code>Total</code> feature, the total sales amount for each quarter and year is calculated in Tablix data region.</li>
         <li>The sales value for each quarter is formatted in the <code>Currency </code> <a
             href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/format-data/"
-            target="_blank">format</a> to improve the readability of report.</li>
+            target="_blank" rel="noreferrer">format</a> to improve the readability of report.</li>
     </ul>
     <p>
         More information about the Tablix data region can be found in this <a
         href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/"
-        target="_blank">documentation</a> section.
+        target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/invoice/invoice.component.html

@@ -6,12 +6,12 @@
     <p>
         In this demo, invoice report is generated based on <a
         href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-parameters/add/"
-        target="_blank">Report Parameters</a> at run time, and it displays the comprehensive overview of an invoice that indicates the shipping order details using parameters, <a
+        target="_blank" rel="noreferrer">Report Parameters</a> at run time, and it displays the comprehensive overview of an invoice that indicates the shipping order details using parameters, <a
         href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-        target="_blank">expressions</a>, and calculated fields with Tablix report item.
+        target="_blank" rel="noreferrer">expressions</a>, and calculated fields with Tablix report item.
     </p>
     <ul>
-        <li>Using <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression" target="_blank">Expression
+        <li>Using <a href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression" target="_blank" rel="noreferrer">Expression
         </a> with text box report item, the report is designed to dynamically display the invoice details.</li>
         <li>
             Using the <code>Total</code> feature in table report item, the sum of product price is calculated.
@@ -20,6 +20,6 @@
     <p>
         More information about the text box, expressions, and table data region can be found in this <a
         href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/"
-        target="_blank">documentation</a> section.
+        target="_blank" rel="noreferrer">documentation</a> section.
     </p>
 </div>

src/app/components/load-large-data/load-large-data.component.html

@@ -10,12 +10,12 @@
         <li>The table is displayed with a total row, and the sum of sales is calculated by aggregation of
             <code>OrderQty</code> and <code>UnitPrice</code> data fields using the <a
                 href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/compose-report/properties-panel/#set-expression"
-                target="_blank">Expression</a> support.</li>
+                target="_blank" rel="noreferrer">Expression</a> support.</li>
         <li>The Item total data text box is formatted in Currency format to enhance the report design.</li>
     </ul>
     <p>
         More information about Tablix can be found in this <a
-            href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/" target="_blank">documentation</a>
+            href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/" target="_blank" rel="noreferrer">documentation</a>
         section.
     </p>
 </div>