Adding changes from build igniteui-xplat-examples-output+PRs_2026.1.13.1 (#1136)

Co-authored-by: tfsbuild <tfsbuild@infragistics.com>
Co-authored-by: HUSSAR-mtrela (Martin Trela) <HUSSAR-mtrela@users.noreply.github.com>

Author: 3 people

samples/grids/grid/column-moving-options/src/index.ts

@@ -111,9 +111,9 @@ export class Sample {
         const column = (ctx as any).column;
         return html`<div style="display:flex;">
                      <span>${column.field}</span>
-                     <span style="margin-left: auto;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
+                     <span style="margin-left: auto; cursor: pointer;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
                    </div>`;
-        };
+        };
 
     public webGridCurrencyCellTemplate = (ctx: IgcCellTemplateContext) => {
         if (ctx.cell.value > 0) {

samples/grids/grid/column-moving-styles/src/index.ts

@@ -111,9 +111,9 @@ export class Sample {
         const column = (ctx as any).column;
         return html`<div style="display:flex;">
                      <span>${column.field}</span>
-                     <span style="margin-left: auto;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
+                     <span style="margin-left: auto; cursor: pointer;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
                    </div>`;
-        };
+        };
 
     public webGridCurrencyCellTemplate = (ctx: IgcCellTemplateContext) => {
         if (ctx.cell.value > 0) {

samples/grids/grid/column-pinning-options/src/index.ts

@@ -65,9 +65,9 @@ export class Sample {
         const column = (ctx as any).column;
         return html`<div style="display:flex;">
                      <span>${column.field}</span>
-                     <span style="margin-left: auto;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
+                     <span style="margin-left: auto; cursor: pointer;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
                    </div>`;
-        };
+        };
 
     public toggleColumnPin(field: string) {
         var grid: IgcGridComponent = this.grid;

samples/grids/grid/multi-column-headers-template/src/index.ts

@@ -53,7 +53,7 @@ export class Sample {
     public webGridColumnGroupHeaderTemplate = (ctx: IgcColumnTemplateContext) => {
         const column = (ctx as any).column;
         return html`<div style="display:flex;align-items:center;gap:5px;">
-                    <span draggable="false"  @click=${(e: any) => this.toggleColumnGroup(column)}>
+                    <span draggable="false" style="cursor:pointer;" @click=${(e: any) => this.toggleColumnGroup(column)}>
                 ${this.columnGroupStates.get(column) ? "🔽" : "🔼"}
                     </span>
                         <span>${column.header}</span>

samples/grids/grid/row-selection-mode/index.html

@@ -28,7 +28,11 @@
             <igc-property-editor-property-description
             name="selectionType"
             id="selectionType"
-            property-path="RowSelection">
+            property-path="RowSelection"
+            value-type="EnumValue"
+            label="Row Selection"
+            drop-down-names="None, Single, Multiple"
+            drop-down-values="None, Single, Multiple">
             </igc-property-editor-property-description>
             <igc-property-editor-property-description
             name="hideRowSelectors"

samples/grids/hierarchical-grid/column-moving-options/src/index.ts

@@ -66,7 +66,7 @@ export class Sample {
         const column = (ctx as any).column;
         return html`<div style="display:flex;">
                      <span>${column.field}</span>
-                     <span style="margin-left: auto;" @click=${(e: any) => this.toggleColumnPin(column)}>📌</span>
+                     <span style="margin-left: auto; cursor: pointer;" @click=${(e: any) => this.toggleColumnPin(column)}>📌</span>
                    </div>`;
     };
 

samples/grids/hierarchical-grid/column-moving-styles/src/index.ts

@@ -66,7 +66,7 @@ export class Sample {
         const column = (ctx as any).column;
         return html`<div style="display:flex;">
                      <span>${column.field}</span>
-                     <span style="margin-left: auto;" @click=${(e: any) => this.toggleColumnPin(column)}>📌</span>
+                     <span style="margin-left: auto; cursor: pointer;" @click=${(e: any) => this.toggleColumnPin(column)}>📌</span>
                    </div>`;
     };
 

samples/grids/hierarchical-grid/column-pinning-options/src/index.ts

@@ -97,7 +97,7 @@ export class Sample {
         const column = (ctx as any).column;
         return html`<div style="display:flex;">
                      <span>${column.field}</span>
-                     <span style="margin-left: auto;" @click=${(e: any) => this.toggleColumnPin(column)}>📌</span>
+                     <span style="margin-left: auto; cursor: pointer;" @click=${(e: any) => this.toggleColumnPin(column)}>📌</span>
                    </div>`;
     };
 

samples/grids/hierarchical-grid/row-selection-mode/index.html

@@ -28,7 +28,11 @@
             <igc-property-editor-property-description
             name="selectionType"
             id="selectionType"
-            property-path="RowSelection">
+            property-path="RowSelection"
+            value-type="EnumValue"
+            label="Row Selection"
+            drop-down-names="None, Single, Multiple"
+            drop-down-values="None, Single, Multiple">
             </igc-property-editor-property-description>
             <igc-property-editor-property-description
             name="hideRowSelectors"

samples/grids/tree-grid/column-moving-options/src/index.ts

@@ -81,9 +81,9 @@ export class Sample {
         const column = (ctx as any).column;
         return html`<div style="display:flex;">
                      <span>${column.field}</span>
-                     <span style="margin-left: auto;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
+                     <span style="margin-left: auto; cursor: pointer;" @pointerdown=${(e: any) => this.toggleColumnPin(column.field)}>📌</span>
                    </div>`;
-        };
+        };
 
     public toggleColumnPin(field: string) {
         var grid = this.treeGrid;