fix(samples): after upgrading to igniteui-webcomponents to version 6.0.0

Author: simeonoff

package-lock.json

@@ -123,7 +123,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",

package.json

@@ -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;
 

src/app/stepper/stepper.sample.ts

@@ -32,17 +32,16 @@
 
             @for (contact of contacts; track contact.id) {
                 <igc-tab [disabled]="properties.disabled" [selected]="contact.id === selectedTabId" [panel]="contact.i">
-                    @if(!properties.hideIcon) {
-                        <igc-icon name="folder"></igc-icon>
+                    @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>

src/app/tabs-showcase/tabs-showcase.sample.html

@@ -20,14 +20,14 @@ import {
     defineComponents,
     IgcTabsComponent,
     IgcTabComponent,
-    IgcTabPanelComponent, registerIconFromText,
+    registerIconFromText,
 } from 'igniteui-webcomponents';
 import {
     PropertyChangeService,
     Properties,
 } from '../properties-panel/property-change.service';
 
-defineComponents(IgcTabsComponent, IgcTabComponent, IgcTabPanelComponent);
+defineComponents(IgcTabsComponent, IgcTabComponent);
 
 const icons = [
     {