Adding changes from build igniteui-xplat-examples-output+PRs_2024.1.15.2 (#113)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>

Author: azure-pipelines[bot]

samples/charts/category-chart/axis-range/src/app.component.html

@@ -9,26 +9,26 @@
       name="propertyEditorPanel1"
       #propertyEditorPanel1>
           <igx-property-editor-property-description
-          propertyPath="YAxisMinimumValue"
+          propertyPath="YAxisMinimumValueHandler"
           name="YAxisMinimumValue"
           #yAxisMinimumValue
           label="Y Axis Minimum Value"
           shouldOverrideDefaultEditor="true"
           valueType="EnumValue"
           dropDownNames="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100"
           dropDownValues="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100"
-          primitiveValue="0">
+          (changed)="this.editorChangeUpdateYAxisMinimumValue($event)">
           </igx-property-editor-property-description>
           <igx-property-editor-property-description
-          propertyPath="YAxisMaximumValue"
+          propertyPath="YAxisMaximumValueHandler"
           name="YAxisMaximumValue"
           #yAxisMaximumValue
           label="Y Axis Maximum Value"
           shouldOverrideDefaultEditor="true"
           valueType="EnumValue"
           dropDownNames="100, 110, 120, 130, 140, 150, 160, 170, 180, 190, 200"
           dropDownValues="100, 110, 120, 130, 140, 150, 160, 170, 180, 190, 200"
-          primitiveValue="150">
+          (changed)="this.editorChangeUpdateYAxisMaximumValue($event)">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>

samples/charts/category-chart/axis-range/src/app.component.ts

@@ -1,8 +1,11 @@
 import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
 import { ComponentRenderer, PropertyEditorPanelDescriptionModule, LegendDescriptionModule, CategoryChartDescriptionModule } from 'igniteui-angular-core';
 import { CountryRenewableElectricityItem, CountryRenewableElectricity } from './CountryRenewableElectricity';
-import { IgxLegendComponent, IgxCategoryChartComponent } from 'igniteui-angular-charts';
-import { IgxPropertyEditorPanelComponent, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
+import { IgxPropertyEditorPropertyDescriptionChangedEventArgs, IgxPropertyEditorPropertyDescriptionComponent } from 'igniteui-angular-layouts';
+import { IgxCategoryChartComponent, MarkerType, MarkerType_$type } from 'igniteui-angular-charts';
+import { EnumUtil } from 'igniteui-angular-core';
+import { IgxLegendComponent } from 'igniteui-angular-charts';
+import { IgxPropertyEditorPanelComponent } from 'igniteui-angular-layouts';
 
 import { defineAllComponents } from 'igniteui-webcomponents';
 
@@ -57,5 +60,17 @@ export class AppComponent implements AfterViewInit
 	{
 	}
 
+	public editorChangeUpdateYAxisMinimumValue({ sender, args }: { sender: any, args: IgxPropertyEditorPropertyDescriptionChangedEventArgs }): void {
+
+		var yAxisMinimumVal = args.newValue;
+	    this.chart.yAxisMinimumValue = parseInt(yAxisMinimumVal);
+	}
+
+	public editorChangeUpdateYAxisMaximumValue({ sender, args }: { sender: any, args: IgxPropertyEditorPropertyDescriptionChangedEventArgs }): void {
+
+	    var yAxisMaximumVal = args.newValue;
+	    this.chart.yAxisMaximumValue = parseInt(yAxisMaximumVal);
+	}
+
 }
 

samples/charts/category-chart/chart-highlight-filter/src/app.component.html

@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -25,7 +25,7 @@
       [dataSource]="salesData"
       initialGroups="MonthName"
       initialHighlightFilter="Country ne 'UK'"
-      highlightedValuesDisplayMode="Overlay">
+      highlightedValuesDisplayMode="Hidden">
       </igx-category-chart>
   </div>
 </div>

samples/charts/data-chart/chart-highlight-filter-datasource/src/app.component.html

@@ -13,15 +13,15 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
   <div class="container fill">
       <igx-data-chart
       shouldAutoExpandMarginForInitialLabels="true"
       computedPlotAreaMarginMode="Series"
-      highlightedValuesDisplayMode="Overlay"
+      highlightedValuesDisplayMode="Hidden"
       name="chart"
       #chart>
           <igx-category-x-axis

samples/charts/data-chart/chart-highlight-filter-multiple-series/src/app.component.html

@@ -13,7 +13,7 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
@@ -23,7 +23,7 @@
       computedPlotAreaMarginMode="Series"
       name="chart"
       #chart
-      highlightedValuesDisplayMode="Overlay">
+      highlightedValuesDisplayMode="Hidden">
           <igx-category-x-axis
           name="xAxis"
           #xAxis

samples/charts/data-chart/chart-highlight-filter/src/app.component.html

@@ -13,15 +13,15 @@
           name="HighlightedValuesDisplayModeEditor"
           #highlightedValuesDisplayModeEditor
           label="Highlight Display Mode: "
-          primitiveValue="Overlay">
+          primitiveValue="Hidden">
           </igx-property-editor-property-description>
       </igx-property-editor-panel>
   </div>
   <div class="container fill">
       <igx-data-chart
       shouldAutoExpandMarginForInitialLabels="true"
       computedPlotAreaMarginMode="Series"
-      highlightedValuesDisplayMode="Overlay"
+      highlightedValuesDisplayMode="Hidden"
       name="chart"
       #chart>
           <igx-category-x-axis