IgniteUI · simeonoff · May 2, 2025 · May 13, 2025 · May 13, 2025
diff --git a/.gitignore b/.gitignore
@@ -48,6 +48,9 @@ src/**/*.js
 src/**/*.js.map
 src/**/*.css.map
 
+# Artefacts
+projects/igniteui-angular/**/*.component.css
+
 # Typedoc Theme
 extras/docs/themes/typedoc/bin
 extras/docs/themes/sassdoc/node_modules

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -120,7 +120,7 @@
     "ig-typedoc-theme": "^6.0.0",
     "igniteui-dockmanager": "^1.16.1",
     "igniteui-sassdoc-theme": "^1.2.3",
-    "igniteui-webcomponents": "5.3.0",
+    "igniteui-webcomponents": "6.0.0",
     "jasmine": "^5.6.0",
     "jasmine-core": "^5.6.0",
     "karma": "^6.4.4",

diff --git a/src/app/stepper/stepper.sample.ts b/src/app/stepper/stepper.sample.ts
@@ -40,7 +40,7 @@ import {
     IgcButtonComponent,
     IgcInputComponent,
     registerIconFromText,
-    IgcActiveStepChangingArgs,
+    IgcActiveStepChangingEventArgs,
 } from 'igniteui-webcomponents';
 import {
     Properties,
@@ -318,7 +318,7 @@ export class IgxStepperSampleComponent {
 
     // Handle changes from Web Component Stepper
     public onWcStepperChange(
-        event: CustomEvent<IgcActiveStepChangingArgs>
+        event: CustomEvent<IgcActiveStepChangingEventArgs>
     ): void {
         if (this.isSyncing) return;
 

diff --git a/src/app/tabs-showcase/tabs-showcase.sample.html b/src/app/tabs-showcase/tabs-showcase.sample.html
@@ -30,18 +30,17 @@
             [activation]="properties.activation">
 
             @for (contact of contacts; track contact.id) {
-                <igc-tab [selected]="contact.id === selectedTabId" [panel]="contact.i">
-                    @if(!properties.hideIcon) {
-                        <igx-icon>folder</igx-icon>
+                <igc-tab [disabled]="properties.disabled" [selected]="contact.id === selectedTabId" [panel]="contact.i">
+                    @if (!properties.hideIcon) {
+                        <igc-icon name="folder" slot="label"></igc-icon>
                     }
-                    @if(!properties.hideText) {
-                    <span>{{ contact.text }}</span>
+
+                    @if (!properties.hideText) {
+                        <span slot="label">{{ contact.text }}</span>
                     }
-                </igc-tab>
 
-                <igc-tab-panel [id]="contact.id">
                     Phone: {{ contact.phone }}
-                </igc-tab-panel>
+                </igc-tab>
             }
         </igc-tabs>
     </div>

diff --git a/src/app/tabs-showcase/tabs-showcase.sample.ts b/src/app/tabs-showcase/tabs-showcase.sample.ts
@@ -20,14 +20,25 @@ import {
     defineComponents,
     IgcTabsComponent,
     IgcTabComponent,
-    IgcTabPanelComponent,
+    registerIconFromText
 } from 'igniteui-webcomponents';
 import {
     PropertyChangeService,
     Properties,
 } from '../properties-panel/property-change.service';
 
-defineComponents(IgcTabsComponent, IgcTabComponent, IgcTabPanelComponent);
+defineComponents(IgcTabsComponent, IgcTabComponent);
+
+const icons = [
+    {
+        name: 'folder',
+        url: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Z"/></svg>'
+    }
+];
+
+icons.forEach((icon) => {
+    registerIconFromText(icon.name, icon.url);
+});
 
 @Component({
     selector: 'app-tabs-showcase-sample',

diff --git a/src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts b/src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts
        this.colsWidth = event.target.value;
    }

    public onColEnter(event: IDropBaseEventArgs, rowIndex, colIndex) {
        this.collection[rowIndex][colIndex].hovered = true;
    }

    public onColLeave(event: IDropBaseEventArgs, rowIndex, colIndex) {
        this.collection[rowIndex][colIndex].hovered = false;
    }

        this.resizeVisible = true;
    }

    public onBlur(event, rowIndex, colIndex) {
        this.cellSelected = null;
        this.collection[rowIndex][colIndex].selected = false;
        this.resizeVisible = false;
        event.target.setPointerCapture(event.pointerId);
    }

    public pointerMoveResizeLeft(event, cellRef, rowIndex, colIndex) {
        if (this.dragStarted) {
            const curDistance = this.dragStartX - event.pageX;
            const minIncrease = -this.curResizedCell.colSpan;
        }
    }

    public pointerMoveResizeRight(event, cellRef, rowIndex, colIndex) {
        if (this.dragStarted) {
            const curDistance = event.pageX - this.dragStartX;
            const maxIncrease = this.colsCount - (colIndex + this.curResizedCell.colSpan);
        }
    }

    public pointerUpResizeRight(event, cellRef, rowIndex, colIndex) {
        this.dragStarted = false;
        this.resizeVisible = false;

        this.colSpanIncrease = 0;
    }

    public pointerUpResizeLeft(event, cellRef, targetRowIndex, targetColIndex) {
        this.dragStarted = false;
        this.resizeVisible = false;

diff --git a/src/app/drop-down/drop-down-virtual/drop-down-virtual.component.ts b/src/app/drop-down/drop-down-virtual/drop-down-virtual.component.ts
      return `${this.remoteService.url}?$count=true&$skip=${state.startIndex}&$top=${chunkSize}`;
    };
    // eslint-disable-next-line prefer-spread
    this.localItems = Array.apply(null, { length: 2000 }).map((e, i) => ({
      name: `Item ${i + 1}`,
      id: i
    }));
	this.colsWidth = event.target.value;
	}

	public onColEnter(event: IDropBaseEventArgs, rowIndex, colIndex) {
Check warning on line 170 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'event' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 170 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'event' is defined but never used. Allowed unused args must match /^_/u`
	this.collection[rowIndex][colIndex].hovered = true;
	}

	public onColLeave(event: IDropBaseEventArgs, rowIndex, colIndex) {
Check warning on line 174 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'event' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 174 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'event' is defined but never used. Allowed unused args must match /^_/u`
	this.collection[rowIndex][colIndex].hovered = false;
	}

	this.resizeVisible = true;
	}

	public onBlur(event, rowIndex, colIndex) {
Check warning on line 235 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'event' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 235 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'event' is defined but never used. Allowed unused args must match /^_/u`
	this.cellSelected = null;
	this.collection[rowIndex][colIndex].selected = false;
	this.resizeVisible = false;
	event.target.setPointerCapture(event.pointerId);
	}

	public pointerMoveResizeLeft(event, cellRef, rowIndex, colIndex) {
Check warning on line 250 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'rowIndex' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 250 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'rowIndex' is defined but never used. Allowed unused args must match /^_/u`
	if (this.dragStarted) {
	const curDistance = this.dragStartX - event.pageX;
	const minIncrease = -this.curResizedCell.colSpan;
	}
	}

	public pointerMoveResizeRight(event, cellRef, rowIndex, colIndex) {
Check warning on line 262 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'rowIndex' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 262 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'cellRef' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 262 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'rowIndex' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 262 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'cellRef' is defined but never used. Allowed unused args must match /^_/u`
	if (this.dragStarted) {
	const curDistance = event.pageX - this.dragStartX;
	const maxIncrease = this.colsCount - (colIndex + this.curResizedCell.colSpan);
	}
	}

	public pointerUpResizeRight(event, cellRef, rowIndex, colIndex) {
Check warning on line 271 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'cellRef' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 271 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'event' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 271 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'cellRef' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 271 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'event' is defined but never used. Allowed unused args must match /^_/u`
	this.dragStarted = false;
	this.resizeVisible = false;

	this.colSpanIncrease = 0;
	}

	public pointerUpResizeLeft(event, cellRef, targetRowIndex, targetColIndex) {
Check warning on line 351 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (22.x) `'event' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 351 in src/app/grid-multi-row-layout-config/grid-mrl-config.sample.ts GitHub Actions / run-tests (20.x) `'event' is defined but never used. Allowed unused args must match /^_/u`
	this.dragStarted = false;
	this.resizeVisible = false;
	return `${this.remoteService.url}?$count=true&$skip=${state.startIndex}&$top=${chunkSize}`;
	};
	// eslint-disable-next-line prefer-spread
	this.localItems = Array.apply(null, { length: 2000 }).map((e, i) => ({
Check warning on line 41 in src/app/drop-down/drop-down-virtual/drop-down-virtual.component.ts GitHub Actions / run-tests (22.x) `'e' is defined but never used. Allowed unused args must match /^_/u` Check warning on line 41 in src/app/drop-down/drop-down-virtual/drop-down-virtual.component.ts GitHub Actions / run-tests (20.x) `'e' is defined but never used. Allowed unused args must match /^_/u`
	name: `Item ${i + 1}`,
	id: i
	}));