deps(webcomponents): bump to latest version

Author: simeonoff

.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

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;
 

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>

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',