Adding changes from build igniteui-xplat-examples-output+PRs_2024.9.13.1 (#846)

Author: azure-pipelines[bot]

samples/grids/grid/groupby-styling/src/index.css

@@ -2,12 +2,20 @@
 /* https://static.infragistics.com/xplatform/css/samples */
 
 #grid {
-    --ig-grid-group-row-background: #969799;
-    --ig-grid-group-row-selected-background: #969799;
-    --ig-grid-group-label-column-name-text: #f8f8f8;
-    --ig-grid-group-label-text: #f8f8f8;
-    --ig-grid-group-count-text-color: #222;
-    --ig-grid-expand-icon-color: #f8f8f8;
-    --ig-grid-expand-icon-hover-color: #f8f8f8;
+    --ig-chip-text-color: rgb(248, 248, 248);
+    --ig-chip-hover-text-color: rgb(225, 225, 225);
+    --ig-chip-background: rgb(73, 73, 73);
+    --ig-chip-hover-background: rgb(56, 56, 56);
+    --ig-chip-focus-background: rgb(223, 181, 13);
+    --ig-chip-selected-background: rgb(223, 181, 13);
+    --ig-chip-focus-selected-background: rgb(223, 181, 13);
+    --ig-grid-group-row-background: rgb(73, 73, 73);
+    --ig-grid-group-row-selected-background: rgb(56, 56, 56);
+    --ig-grid-group-label-column-name-text: rgb(248, 248, 248);
+    --ig-grid-group-label-text: rgb(248, 248, 248);
+    --ig-grid-group-count-background: rgb(255, 205, 15);
+    --ig-grid-group-count-text-color: rgb(34, 34, 34);
+    --ig-grid-expand-icon-color: rgb(255, 205, 15);
+    --ig-grid-expand-icon-hover-color: rgb(223, 181, 13);
 }
 

samples/grids/pivot-grid/aggregate-max-sales/src/index.ts

@@ -13,22 +13,22 @@ export class Sample {
     public get pivotConfiguration1(): IgcPivotConfiguration {
         if (this._pivotConfiguration1 == null)
         {
-            var pivotConfiguration1 = new IgcPivotConfiguration();
+            var pivotConfiguration1: IgcPivotConfiguration = {} as IgcPivotConfiguration;
 
-            var pivotDimension1 = new IgcPivotDimension();
+            var pivotDimension1: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension1.memberName = "Country";
             pivotDimension1.enabled = true;
 
             pivotConfiguration1.columns = [pivotDimension1];
-            var pivotDimension2 = new IgcPivotDimension();
+            var pivotDimension2: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension2.memberName = "Product";
             pivotDimension2.enabled = true;
 
             pivotConfiguration1.rows = [pivotDimension2];
-            var pivotValue1 = new IgcPivotValue();
+            var pivotValue1: IgcPivotValue = {} as IgcPivotValue;
             pivotValue1.member = "Sales";
             pivotValue1.enabled = true;
-            var pivotAggregator1 = new IgcPivotAggregator();
+            var pivotAggregator1: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator1.key = "MAX";
             pivotAggregator1.aggregator = this.pivotSalesDataAggregateMaxSales;
 

samples/grids/pivot-grid/aggregate-units-sold/src/index.ts

@@ -13,22 +13,22 @@ export class Sample {
     public get pivotConfiguration1(): IgcPivotConfiguration {
         if (this._pivotConfiguration1 == null)
         {
-            var pivotConfiguration1 = new IgcPivotConfiguration();
+            var pivotConfiguration1: IgcPivotConfiguration = {} as IgcPivotConfiguration;
 
-            var pivotDimension1 = new IgcPivotDimension();
+            var pivotDimension1: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension1.memberName = "Country";
             pivotDimension1.enabled = true;
 
             pivotConfiguration1.columns = [pivotDimension1];
-            var pivotDimension2 = new IgcPivotDimension();
+            var pivotDimension2: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension2.memberName = "Product";
             pivotDimension2.enabled = true;
 
             pivotConfiguration1.rows = [pivotDimension2];
-            var pivotValue1 = new IgcPivotValue();
+            var pivotValue1: IgcPivotValue = {} as IgcPivotValue;
             pivotValue1.member = "Sales";
             pivotValue1.enabled = true;
-            var pivotAggregator1 = new IgcPivotAggregator();
+            var pivotAggregator1: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator1.key = "MAX";
             pivotAggregator1.label = "SalesValue";
             pivotAggregator1.aggregator = this.pivotSalesDataAggregateUnitsSold;

samples/grids/pivot-grid/features/src/index.ts

@@ -13,12 +13,12 @@ export class Sample {
     public get pivotConfiguration1(): IgcPivotConfiguration {
         if (this._pivotConfiguration1 == null)
         {
-            var pivotConfiguration1 = new IgcPivotConfiguration();
+            var pivotConfiguration1: IgcPivotConfiguration = {} as IgcPivotConfiguration;
 
             var pivotDateDimension1 = new IgcPivotDateDimension();
             pivotDateDimension1.memberName = "Date";
             pivotDateDimension1.enabled = true;
-            var pivotDimension1 = new IgcPivotDimension();
+            var pivotDimension1: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension1.memberName = "Date";
             pivotDimension1.enabled = true;
 
@@ -32,42 +32,42 @@ export class Sample {
             pivotDateDimension1.options = pivotDateDimensionOptions1;
 
             pivotConfiguration1.columns = [pivotDateDimension1];
-            var pivotDimension2 = new IgcPivotDimension();
+            var pivotDimension2: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension2.memberName = "ProductName";
             pivotDimension2.sortDirection = SortingDirection.Asc;
             pivotDimension2.enabled = true;
 
-            var pivotDimension3 = new IgcPivotDimension();
+            var pivotDimension3: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension3.memberName = "SellerCity";
             pivotDimension3.enabled = true;
 
             pivotConfiguration1.rows = [pivotDimension2,pivotDimension3];
-            var pivotDimension4 = new IgcPivotDimension();
+            var pivotDimension4: IgcPivotDimension = {} as IgcPivotDimension;
             pivotDimension4.memberName = "SellerName";
             pivotDimension4.enabled = true;
 
             pivotConfiguration1.filters = [pivotDimension4];
-            var pivotValue1 = new IgcPivotValue();
+            var pivotValue1: IgcPivotValue = {} as IgcPivotValue;
             pivotValue1.member = "AmountofSale";
             pivotValue1.displayName = "Amount of Sale";
             pivotValue1.enabled = true;
-            var pivotAggregator1 = new IgcPivotAggregator();
+            var pivotAggregator1: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator1.key = "SUM";
             pivotAggregator1.label = "Sum of Sale";
             pivotAggregator1.aggregator = this.pivotDataFlatAggregateSumSale;
 
             pivotValue1.aggregate = pivotAggregator1;
-            var pivotAggregator2 = new IgcPivotAggregator();
+            var pivotAggregator2: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator2.key = "SUM";
             pivotAggregator2.label = "Sum of Sale";
             pivotAggregator2.aggregator = this.pivotDataFlatAggregateSumSale;
 
-            var pivotAggregator3 = new IgcPivotAggregator();
+            var pivotAggregator3: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator3.key = "MIN";
             pivotAggregator3.label = "Minimum of Sale";
             pivotAggregator3.aggregator = this.pivotDataFlatAggregateMinSale;
 
-            var pivotAggregator4 = new IgcPivotAggregator();
+            var pivotAggregator4: IgcPivotAggregator = {} as IgcPivotAggregator;
             pivotAggregator4.key = "MAX";
             pivotAggregator4.label = "Maximum of Sale";
             pivotAggregator4.aggregator = this.pivotDataFlatAggregateMaxSale;