chore(demos): fix TS-998113 unused standalone imports warnings

src/app/action-strip/action-strip.sample.ts

@@ -7,7 +7,6 @@ import {
     IgxActionStripComponent,
     IgxActionStripMenuItemDirective,
     IgxButtonDirective,
-    IgxButtonGroupComponent,
     IgxCellTemplateDirective,
     IgxColumnComponent,
     IgxGridComponent,
@@ -65,7 +64,6 @@ class User {
     imports: [
         NgIf,
         NgFor,
-        IgxButtonGroupComponent,
         IgxButtonDirective,
         IgxActionStripComponent,
         IgxIconComponent,

src/app/button/button.sample.ts

@@ -1,14 +1,14 @@
 import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { Router } from '@angular/router';
-import { IgxButtonDirective, IgxButtonGroupComponent, IgxIconButtonDirective, IgxIconComponent, IgxIconService, IgxRippleDirective } from 'igniteui-angular';
+import { IgxButtonDirective, IgxIconButtonDirective, IgxIconComponent, IgxIconService } from 'igniteui-angular';
 import { SizeSelectorComponent } from '../size-selector/size-selector.component';
 
 @Component({
     selector: 'app-button-sample',
     styleUrls: ['button.sample.scss'],
     templateUrl: 'button.sample.html',
     encapsulation: ViewEncapsulation.None,
-    imports: [IgxButtonDirective, IgxIconComponent, IgxButtonGroupComponent, IgxIconButtonDirective, IgxRippleDirective, SizeSelectorComponent]
+    imports: [IgxButtonDirective, IgxIconComponent, IgxIconButtonDirective, SizeSelectorComponent]
 })
 export class ButtonSampleComponent implements OnInit {
     @ViewChild('inactive', { read: IgxIconButtonDirective, static: true })

src/app/calendar-views/calendar-views.sample.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, OnInit, ViewChild } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { DateRangeType, IgxButtonDirective, IgxCardComponent, IgxDaysViewComponent, IgxMonthsViewComponent, IgxRippleDirective, IgxYearsViewComponent } from 'igniteui-angular';
+import { DateRangeType, IgxButtonDirective, IgxDaysViewComponent, IgxMonthsViewComponent, IgxRippleDirective, IgxYearsViewComponent } from 'igniteui-angular';
 
 
 @Component({
@@ -10,7 +10,6 @@ import { DateRangeType, IgxButtonDirective, IgxCardComponent, IgxDaysViewCompone
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [
         FormsModule,
-        IgxCardComponent,
         IgxMonthsViewComponent,
         IgxYearsViewComponent,
         IgxDaysViewComponent,

src/app/calendar/calendar.sample.ts

@@ -14,13 +14,10 @@ import {
     IgxDateRangePickerModule,
     IgxCalendarComponent,
     IgxCalendarView,
-    IgxCardComponent,
     IgxHintDirective,
     IgxIconComponent,
     IgxInputDirective,
     IgxInputGroupComponent,
-    IgxLabelDirective,
-    IgxRippleDirective,
     IgxSwitchComponent,
     IViewDateChangeEventArgs,
     DateRange,
@@ -72,13 +69,10 @@ defineComponents(IgcCalendarComponent);
     ],
     imports: [
         IgxButtonDirective,
-        IgxRippleDirective,
         IgxDateRangePickerModule,
-        IgxCardComponent,
         IgxCalendarComponent,
         IgxButtonGroupComponent,
         IgxInputGroupComponent,
-        IgxLabelDirective,
         IgxInputDirective,
         IgxHintDirective,
         FormsModule,

src/app/carousel/carousel.sample.ts

@@ -1,14 +1,14 @@
 import { Component, ViewChild } from '@angular/core';
-import { NgFor, NgIf } from '@angular/common';
+import { NgFor } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-import { CarouselIndicatorsOrientation, IgxButtonDirective, IgxCarouselComponent, IgxCarouselIndicatorDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxSlideComponent, IgxSwitchComponent, IgxToggleActionDirective } from 'igniteui-angular';
+import { CarouselIndicatorsOrientation, IGX_CAROUSEL_DIRECTIVES, IgxButtonDirective, IgxCarouselComponent, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective, IgxSwitchComponent, IgxToggleActionDirective } from 'igniteui-angular';
 
 
 @Component({
     selector: 'app-carousel-sample',
     styleUrls: ['carousel.sample.scss'],
     templateUrl: 'carousel.sample.html',
-    imports: [IgxSwitchComponent, FormsModule, IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, NgFor, IgxDropDownItemComponent, IgxCarouselComponent, IgxSlideComponent, IgxCarouselIndicatorDirective, NgIf]
+    imports: [IgxSwitchComponent, FormsModule, IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, NgFor, IgxDropDownItemComponent, IGX_CAROUSEL_DIRECTIVES]
 })
 export class CarouselSampleComponent {
     @ViewChild('car', { static: true })

src/app/chips/chips.sample.ts

@@ -6,7 +6,6 @@ import {
     IChipsAreaReorderEventArgs,
     IChipsAreaSelectEventArgs,
     IgxAvatarComponent,
-    IgxButtonGroupComponent,
     IgxChipComponent,
     IgxChipsAreaComponent,
     IgxDropDirective,
@@ -26,7 +25,6 @@ import { SizeSelectorComponent } from '../size-selector/size-selector.component'
     styleUrls: ['chips.sample.scss', '../app.component.scss'],
     templateUrl: 'chips.sample.html',
     imports: [
-        IgxButtonGroupComponent,
         IgxChipComponent,
         IgxCircularProgressBarComponent,
         IgxIconComponent,

src/app/combo/combo.sample.html

@@ -204,7 +204,9 @@ <h1 class="combo-sample__title">Template items</h1>
                 <button igxButton="flat" igxRipple>Add VERY CUSTOM item</button>
             </ng-template>
             <label igxLabel>States</label>
-            <igx-icon igx-prefix>home</igx-icon>
+            <igx-prefix>
+                <igx-icon>home</igx-icon>
+            </igx-prefix>
             <igx-hint>Please select the states you've visited</igx-hint>
         </igx-combo>
         <ng-template #customItemTemplate let-display let-key="valueKey">

src/app/combo/combo.sample.ts

@@ -25,8 +25,6 @@ import {
     IgxComboHeaderDirective,
     IgxHintDirective,
     IgxIconComponent,
-    IgxInputDirective,
-    IgxInputGroupComponent,
     IgxLabelDirective,
     IgxPrefixDirective,
     IgxRippleDirective,
@@ -45,8 +43,6 @@ import { SizeSelectorComponent } from '../size-selector/size-selector.component'
     templateUrl: './combo.sample.html',
     styleUrls: ['combo.sample.scss'],
     imports: [
-        IgxInputGroupComponent,
-        IgxInputDirective,
         FormsModule,
         IgxSimpleComboComponent,
         IgxLabelDirective,

src/app/date-time-editor/date-time-editor.sample.ts

@@ -1,12 +1,12 @@
 import { Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { IgxButtonDirective, IgxDateTimeEditorDirective, IgxDateTimeEditorEventArgs, IgxIconButtonDirective, IgxIconComponent, IgxInputDirective, IgxInputGroupComponent, IgxRippleDirective, IgxSuffixDirective } from 'igniteui-angular';
+import { IgxDateTimeEditorDirective, IgxDateTimeEditorEventArgs, IgxIconButtonDirective, IgxIconComponent, IgxInputDirective, IgxInputGroupComponent, IgxRippleDirective, IgxSuffixDirective } from 'igniteui-angular';
 
 @Component({
     selector: 'app-date-time-editor',
     templateUrl: './date-time-editor.sample.html',
     styleUrls: ['./date-time-editor.sample.css'],
-    imports: [IgxInputGroupComponent, IgxInputDirective, IgxDateTimeEditorDirective, FormsModule, IgxSuffixDirective, IgxRippleDirective, IgxButtonDirective, IgxIconComponent, IgxIconButtonDirective]
+    imports: [IgxInputGroupComponent, IgxInputDirective, IgxDateTimeEditorDirective, FormsModule, IgxSuffixDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective]
 })
 export class DateTimeEditorSampleComponent {
   public date = new Date(2020, 2, 23);

src/app/divider/divider.component.ts

@@ -1,6 +1,5 @@
 import { Component, QueryList, ViewChildren } from '@angular/core';
 import {
-	IgxButtonDirective,
 	IgxDividerDirective, IgxHintDirective,
 	IgxIconComponent,
 	IgxInputDirective,
@@ -22,7 +21,6 @@ import {
         CommonModule,
         FormsModule,
         IgxSwitchComponent,
-        IgxButtonDirective,
         IgxDividerDirective,
         IgxInputGroupComponent,
         IgxInputDirective,

src/app/grid-column-moving/grid-column-moving.sample.ts

@@ -4,15 +4,14 @@ import { FormsModule } from '@angular/forms';
 
 import { SAMPLE_DATA } from '../shared/sample-data';
 
-import { PageHeaderComponent } from '../pageHeading/pageHeading.component';
 import { IgxButtonDirective, IgxButtonGroupComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxGridComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxIconComponent, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPaginatorComponent } from 'igniteui-angular';
 
 @Component({
     providers: [],
     selector: 'app-grid-column-moving-sample',
     styleUrls: ['grid-column-moving.sample.scss'],
     templateUrl: 'grid-column-moving.sample.html',
-    imports: [IgxButtonDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxLabelDirective, IgxButtonGroupComponent, IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarAdvancedFilteringComponent, NgFor, IgxColumnComponent, IgxCellTemplateDirective, NgIf, IgxPaginatorComponent, PageHeaderComponent, IgxColumnGroupComponent, IgxCellHeaderTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent]
+    imports: [IgxButtonDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxLabelDirective, IgxButtonGroupComponent, IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarAdvancedFilteringComponent, NgFor, IgxColumnComponent, IgxCellTemplateDirective, NgIf, IgxPaginatorComponent, IgxColumnGroupComponent, IgxCellHeaderTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent]
 })
 export class GridColumnMovingSampleComponent implements OnInit {
     @HostBinding('style.--ig-size')

src/app/grid-re-create/grid-re-create.sample.ts

@@ -1,6 +1,6 @@
-import { NgFor, NgIf } from '@angular/common';
+import { NgIf } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
-import {  IgxAvatarComponent, IgxColumnComponent, IgxGridComponent, IgxIconComponent, IgxListComponent, IgxListItemComponent, IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular';
+import { IgxColumnComponent, IgxGridComponent } from 'igniteui-angular';
 
 
 @Component({
@@ -10,8 +10,7 @@ import {  IgxAvatarComponent, IgxColumnComponent, IgxGridComponent, IgxIconCompo
     standalone: true,
     providers: [
     ],
-    imports: [NgIf, NgFor, IgxGridComponent, IgxColumnComponent,IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxIconComponent,
-         IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent,  IgxPageNavigationComponent]
+    imports: [NgIf, IgxGridComponent, IgxColumnComponent]
 })
 export class GridRecreateSampleComponent implements OnInit {
     public data = [] as any[];

src/app/grid-selection/grid-selection.sample.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, Component, ViewChild } from '@angular/core';
-import { NgFor, NgIf, AsyncPipe } from '@angular/common';
+import { NgFor } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
 import { Observable } from 'rxjs';
@@ -14,7 +14,6 @@ import { data } from '../shared/data';
     styleUrls: ['grid-selection.sample.scss'],
     providers: [RemoteService],
     imports: [
-        AsyncPipe,
         FormsModule,
         IGX_INPUT_GROUP_DIRECTIVES,
         IGX_SELECT_DIRECTIVES,
@@ -23,7 +22,6 @@ import { data } from '../shared/data';
         IgxGridComponent,
         IgxSwitchComponent,
         NgFor,
-        NgIf,
     ]
 })
 export class GridSelectionComponent implements AfterViewInit {

src/app/hound/hound.component.ts

@@ -1,6 +1,5 @@
 import {Component, OnInit} from '@angular/core';
 import {
-    IgxAvatarComponent,
     IgxButtonModule,
     IgxCheckboxComponent,
     IgxComboComponent,
@@ -23,7 +22,6 @@ import {
     IgxTabsComponent,
     IgxTabsModule,
     IgxToggleActionDirective,
-    IgxToggleDirective
 } from "igniteui-angular";
 import {FormsModule} from "@angular/forms";
 import {NgForOf, NgIf} from "@angular/common";
@@ -45,7 +43,6 @@ import {NgForOf, NgIf} from "@angular/common";
         IgxComboComponent,
         IgxCheckboxComponent,
         IgxDropDownComponent,
-        IgxToggleDirective,
         IgxDropDownItemComponent,
         IgxToggleActionDirective,
         IgxRadioComponent,
@@ -57,7 +54,6 @@ import {NgForOf, NgIf} from "@angular/common";
         IgxTabItemComponent,
         IgxTabHeaderIconDirective,
         IgxTabHeaderLabelDirective,
-        IgxAvatarComponent,
         IgxTabHeaderComponent,
     ],
     templateUrl: './hound.component.html',

src/app/list/list.sample.ts

@@ -7,16 +7,13 @@ import {
     IgxAvatarComponent,
     IgxBadgeComponent,
     IgxButtonDirective,
-    IgxButtonGroupComponent,
-    IgxCardComponent,
     IgxCheckboxComponent,
     IgxDialogComponent,
     IgxFilterDirective,
     IgxFilterOptions,
     IgxFilterPipe,
     IgxIconComponent,
     IgxListComponent,
-    IgxRippleDirective,
     IgxSwitchComponent
 } from 'igniteui-angular';
 import { SizeSelectorComponent } from '../size-selector/size-selector.component';
@@ -36,10 +33,7 @@ interface Employee {
     imports: [
         NgFor,
         FormsModule,
-        IgxButtonGroupComponent,
         IgxBadgeComponent,
-        IgxCardComponent,
-        IgxRippleDirective,
         IgxIconComponent,
         IgxCheckboxComponent,
         IgxAvatarComponent,

src/app/month-picker/month-picker.sample.ts

@@ -1,12 +1,12 @@
 import { Component } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { IgxCardComponent, IgxMonthPickerComponent, IgxButtonDirective } from 'igniteui-angular';
+import { IgxMonthPickerComponent, IgxButtonDirective } from 'igniteui-angular';
 
 @Component({
     selector: 'app-monthpicker',
     styleUrls: ['./month-picker.sample.scss'],
     templateUrl: './month-picker.sample.html',
-    imports: [IgxCardComponent, IgxMonthPickerComponent, IgxButtonDirective, FormsModule]
+    imports: [IgxMonthPickerComponent, IgxButtonDirective, FormsModule]
 })
 export class MonthPickerSampleComponent {
     public date = new Date(2024, 1, 1);

src/app/pageHeading/pageHeading.component.ts

@@ -1,12 +1,12 @@
 import { Component, Input } from '@angular/core';
-import { IgxButtonDirective, IgxIconButtonDirective, IgxIconComponent, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular';
+import { IgxIconButtonDirective, IgxIconComponent, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular';
 
 
 @Component({
     selector: 'app-page-header',
     styleUrls: ['./pageHeading.styles.scss'],
     templateUrl: './pageHeading.template.html',
-    imports: [IgxButtonDirective, IgxRippleDirective, IgxToggleActionDirective, IgxIconComponent, IgxIconButtonDirective]
+    imports: [IgxRippleDirective, IgxToggleActionDirective, IgxIconComponent, IgxIconButtonDirective]
 })
 export class PageHeaderComponent {
     @Input()

src/app/pivot-grid-state/pivot-grid-state.sample.html

@@ -22,9 +22,9 @@
             [filterMode]="'quickFilter'"
             [rowSelection]="'single'"
         >
-            <!-- <ng-template igxPivotRowDimensionHeader let-col>
-                <span>{{col.header}}</span>
-            </ng-template> -->
+            <ng-template igxPivotRowDimensionHeader let-col>
+                <span>{{col.header}} 📐</span>
+            </ng-template>
         </igx-pivot-grid>
     </div>
     <igx-pivot-data-selector [grid]="grid1"></igx-pivot-data-selector>

src/app/query-builder/query-builder.sample.html

@@ -7,7 +7,7 @@
             [fields]="this.fields"
             [expressionTree]="this.expressionTree">
             <!-- Custom header -->
-            <!-- <igx-query-builder-header [title]="'Builder'" [showLegend]="false"><span>Custom Title</span></igx-query-builder-header> -->
+            <igx-query-builder-header [title]="'Builder'" [showLegend]="false"><span>Custom Title</span></igx-query-builder-header>
         </igx-query-builder>
 
         <div class="sample-buttons">

src/app/query-builder/query-builder.sample.ts

@@ -5,7 +5,6 @@ import { FilteringExpressionsTree, IgxStringFilteringOperand,
     changei18n,
     IExpressionTree,
     IgxButtonDirective,
-    IgxButtonGroupComponent,
     IgxRippleDirective,
     IgxQueryBuilderHeaderComponent} from 'igniteui-angular';
 import { IgxResourceStringsFR } from 'igniteui-angular-i18n';
@@ -16,7 +15,7 @@ import { SizeSelectorComponent } from '../size-selector/size-selector.component'
     selector: 'app-query-builder-sample',
     styleUrls: ['query-builder.sample.scss'],
     templateUrl: 'query-builder.sample.html',
-    imports: [IgxButtonGroupComponent, IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxButtonDirective, IgxRippleDirective, SizeSelectorComponent]
+    imports: [IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, IgxButtonDirective, IgxRippleDirective, SizeSelectorComponent]
 })
 export class QueryBuilderComponent implements OnInit {
     @ViewChild('queryBuilder', { static: true })

src/app/select/select.sample.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, ViewChildren, QueryList, ViewChild } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgFor } from '@angular/common';
-import { IgxButtonDirective, IgxSelectComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxSelectHeaderDirective, IgxSelectFooterDirective, IgxButtonGroupComponent, IgxSuffixDirective, IgxHintDirective, IgxSelectGroupComponent, IgxSwitchComponent, ISelectionEventArgs, CancelableEventArgs, HorizontalAlignment, VerticalAlignment, ConnectedPositioningStrategy, AbsoluteScrollStrategy } from 'igniteui-angular';
+import { IgxButtonDirective, IgxSelectComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxSelectHeaderDirective, IgxSelectFooterDirective, IgxSuffixDirective, IgxHintDirective, IgxSelectGroupComponent, IgxSwitchComponent, ISelectionEventArgs, CancelableEventArgs, HorizontalAlignment, VerticalAlignment, ConnectedPositioningStrategy, AbsoluteScrollStrategy } from 'igniteui-angular';
 import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations';
 import { SizeSelectorComponent } from '../size-selector/size-selector.component';
 
@@ -22,7 +22,6 @@ import { SizeSelectorComponent } from '../size-selector/size-selector.component'
         NgFor,
         IgxSelectHeaderDirective,
         IgxSelectFooterDirective,
-        IgxButtonGroupComponent,
         IgxSuffixDirective,
         IgxHintDirective,
         IgxSelectGroupComponent,

src/app/virtual-for-directive/virtual-for.sample.ts

@@ -1,7 +1,7 @@
 import { Component, ViewChild, OnInit, ViewEncapsulation } from '@angular/core';
 import { NgClass, AsyncPipe } from '@angular/common';
 import { RemoteService } from '../shared/remote.service';
-import { IgxForOfDirective, ButtonGroupAlignment, IgxListComponent, IgxButtonDirective, IgxButtonGroupComponent, IgxInputDirective, IgxInputGroupComponent, IgxListItemComponent, IgxSuffixDirective, IgxAvatarComponent } from 'igniteui-angular';
+import { IgxForOfDirective, ButtonGroupAlignment, IgxListComponent, IgxButtonDirective, IgxButtonGroupComponent, IgxInputDirective, IgxInputGroupComponent, IgxListItemComponent, IgxSuffixDirective } from 'igniteui-angular';
 
 
 @Component({
@@ -10,7 +10,7 @@ import { IgxForOfDirective, ButtonGroupAlignment, IgxListComponent, IgxButtonDir
     styleUrls: ['virtual-for.sample.css'],
     encapsulation: ViewEncapsulation.None,
     providers: [RemoteService],
-    imports: [IgxAvatarComponent, IgxListComponent, IgxForOfDirective, IgxListItemComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxButtonDirective, IgxButtonGroupComponent, NgClass, AsyncPipe]
+    imports: [IgxListComponent, IgxForOfDirective, IgxListItemComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxButtonDirective, IgxButtonGroupComponent, NgClass, AsyncPipe]
 })
 export class VirtualForSampleComponent implements OnInit {
     @ViewChild('virtDirVertical', { read: IgxForOfDirective, static: true })