ng update @infragistics/igniteui-angular

damyanpetev · Nov 16, 2023 · cc41515 · cc41515
1 parent 9287969
commit cc41515
Show file tree

Hide file tree

Showing 21 changed files with 99 additions and 118 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -43,12 +43,12 @@
     "@angular/service-worker": "17.0.2",
     "@angular/ssr": "^17.0.0",
     "@igniteui/material-icons-extended": "^3.0.2",
-    "@infragistics/igniteui-angular": "^16.1.0-beta.9",
+    "@infragistics/igniteui-angular": "^17.0.1",
     "@types/express": "^4.17.17",
     "compression": "^1.7.4",
     "express": "^4.18.1",
     "hammerjs": "^2.0.8",
-    "igniteui-angular-i18n": "^16.0.23",
+    "igniteui-angular-i18n": "^17.0.1",
     "minireset.css": "0.0.4",
     "rxjs": "^7.8.0",
     "tslib": "^2.6.2",

diff --git a/projects/bellumgens/src/app/player-section/map-pool/map-pool.component.html b/projects/bellumgens/src/app/player-section/map-pool/map-pool.component.html
@@ -1,5 +1,5 @@
 <div class="map-wrapper">
-  <igx-card *ngFor="let map of maps | activeDutyMaps:viewAll" [horizontal]="false" [ngClass]="map.isPlayed ? 'map-column' : 'map-column map-inactive'">
+  <igx-card *ngFor="let map of maps | activeDutyMaps:viewAll" [horizontal]="false" [ngClass]="map.isPlayed ? 'map-column' : 'map-column map-inactive'" elevated>
     <igx-card-media>
       <img [ngSrc]="map.image" width="360" height="203" [alt]="map.map" />
     </igx-card-media>

diff --git a/projects/bellumgens/src/app/player-section/player.component.html b/projects/bellumgens/src/app/player-section/player.component.html
@@ -79,7 +79,7 @@ <h4 i18n>Steam account is private.</h4>
     <p i18n>To do this go to <span class="highlight">Steam Profile --> Edit Profile --> Privacy Settings --> Set: 'My profile: Public' and 'Game details: public'</span></p>
   </div>
 
-  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats">
+  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats" elevated>
     <igx-card-header>
       <h4 igxCardHeaderTitle>KDR</h4>
     </igx-card-header>
@@ -94,7 +94,7 @@ <h4 igxCardHeaderTitle>KDR</h4>
     </igx-card-content>
   </igx-card>
 
-  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats">
+  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats" elevated>
     <igx-card-header>
       <h4 igxCardHeaderTitle>Headshot %</h4>
     </igx-card-header>
@@ -103,7 +103,7 @@ <h4 igxCardHeaderTitle>Headshot %</h4>
     </igx-card-content>
   </igx-card>
 
-  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats">
+  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats" elevated>
     <igx-card-header>
       <h4 igxCardHeaderTitle i18n>Accuracy</h4>
     </igx-card-header>
@@ -112,7 +112,7 @@ <h4 igxCardHeaderTitle i18n>Accuracy</h4>
     </igx-card-content>
   </igx-card>
 
-  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats">
+  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats" elevated>
     <igx-card-header>
       <h4 igxCardHeaderTitle i18n>Top weapon</h4>
     </igx-card-header>
@@ -124,7 +124,7 @@ <h5>{{ player.userStats.favouriteWeapon?.name }}</h5>
     </igx-card-content>
   </igx-card>
 
-  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats">
+  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats" elevated>
     <igx-card-header>
       <h4 igxCardHeaderTitle i18n>Availability</h4>
     </igx-card-header>
@@ -133,7 +133,7 @@ <h4 igxCardHeaderTitle i18n>Availability</h4>
     </igx-card-content>
   </igx-card>
 
-  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats">
+  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats" elevated>
     <igx-card-header>
       <h4 igxCardHeaderTitle i18n>Weapons</h4>
     </igx-card-header>
@@ -152,7 +152,7 @@ <h4 igxCardHeaderTitle i18n>Weapons</h4>
   </igx-card>
 
   <!-- Map Pool -->
-  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats map-pool">
+  <igx-card *ngIf="!player.userStatsException" class="player-detail__stats map-pool" elevated>
     <igx-card-header>
       <h4 igxCardHeaderTitle i18n>{{ viewAll ? 'Showing All' : 'Showing Active Duty' }} Maps</h4>
       <button igxButton="flat" igxRipple (click)="viewAll = !viewAll" i18n>{{viewAll ? 'View Active Duty' : 'View All'}}</button>

diff --git a/projects/bellumgens/src/app/search/quick-search/quick-search.component.ts b/projects/bellumgens/src/app/search/quick-search/quick-search.component.ts
@@ -22,7 +22,7 @@ export class QuickSearchComponent {
     this.apiService.searchResult.subscribe(data => {
       const test: IgxSimpleComboComponent = null;
 
-      if (!!test.value && !!test.selection) {
+      if (!!test.displayValue && !!test.value) {
         this.searchResult = data;
       }
     });

diff --git a/...cts/bellumgens/src/app/search/search-results/player-results/player-results.component.html b/...cts/bellumgens/src/app/search/search-results/player-results/player-results.component.html
@@ -4,7 +4,7 @@
   <div class="content-container-row">
     <h4 class="igx-card-header__title" i18n>Found <span class="highlight">{{players?.length }}</span> results for players{{ query | queryParsed:true }}</h4>
   </div>
-  <igx-card *ngFor="let player of players" class="navigatable" [routerLink]="['/players', player.customURL || player.id]">
+  <igx-card *ngFor="let player of players" class="navigatable" [routerLink]="['/players', player.customURL || player.id]" elevated>
     <igx-card-header>
       <igx-avatar igxCardThumbnail [src]="player.avatarMedium" [size]="'medium'" [initials]="player.username" shape="circle"></igx-avatar>
       <h3 igxCardHeaderTitle class="highlight">{{ player.username }}</h3>

diff --git a/projects/bellumgens/src/app/search/search-results/team-results/team-results.component.html b/projects/bellumgens/src/app/search/search-results/team-results/team-results.component.html
@@ -5,7 +5,7 @@
   <div class="content-container-row">
     <h4 class="igx-card-header__title" i18n>Found <span class="highlight">{{teams?.length }}</span> results for teams{{ query | queryParsed }}</h4>
   </div>
-  <igx-card *ngFor="let team of teams" class="navigatable" [routerLink]="['/team', team.customUrl]">
+  <igx-card *ngFor="let team of teams" class="navigatable" [routerLink]="['/team', team.customUrl]" elevated>
     <igx-card-header>
       <igx-avatar igxCardThumbnail [src]="team.teamAvatar" [initials]="team.teamName" [size]="'medium'" shape="circle"></igx-avatar>
       <h3 igxCardHeaderTitle>{{ team.teamName }}</h3>

diff --git a/projects/bellumgens/src/app/search/search/search.component.html b/projects/bellumgens/src/app/search/search/search.component.html
@@ -1,4 +1,4 @@
-<igx-buttongroup class="search-type" [multiSelection]="false" (selected)="searchType = $event.index + 1">
+<igx-buttongroup class="search-type"  (selected)="searchType = $event.index + 1">
   <button igxButton igxRipple i18n>Players</button>
   <button igxButton igxRipple i18n>Teams</button>
 </igx-buttongroup>

diff --git a/projects/bellumgens/src/app/strategies/strategies.component.html b/projects/bellumgens/src/app/strategies/strategies.component.html
@@ -33,7 +33,7 @@
 <div class="card-wrapper">
   <span *ngIf="!loading && !strats?.length" class="igx-card-header__subtitle" i18n>No strategies found...</span>
 
-  <igx-card type="outlined" *ngFor="let strat of strats | stratFilter:viewAll:pipeTrigger | sidestrats:maps:order">
+  <igx-card  *ngFor="let strat of strats | stratFilter:viewAll:pipeTrigger | sidestrats:maps:order">
     <igx-card-header>
       <h2 igxCardHeaderTitle
           class="strat-title navigatable"
@@ -101,7 +101,7 @@ <h6 igxCardHeaderSubtitle class="card-smaller-subtitle" i18n>Last Edit: {{ strat
 
   </igx-card>
 
-  <igx-card type="outlined" class="fit-content-card" *ngIf="hasMore">
+  <igx-card  class="fit-content-card" *ngIf="hasMore">
     <igx-card-header class="empty-strategy">
       <h4 class="igx-card-header__title" i18n>Load More...</h4>
     </igx-card-header>

diff --git a/projects/bellumgens/src/app/strategies/strategy-details/strategy-details.component.html b/projects/bellumgens/src/app/strategies/strategy-details/strategy-details.component.html
@@ -1,6 +1,6 @@
 <bg-loading *ngIf="!strat"></bg-loading>
 
-<igx-card *ngIf="strat" class="strategy-details" type="outlined" [horizontal]="horizontal">
+<igx-card *ngIf="strat" class="strategy-details"  [horizontal]="horizontal">
 
   <div igxLayout igxLayoutDir="column" igxFlex [igxFlexGrow]="1">
     <igx-card-media *ngIf="strat.url | isVideo else imageContent" height="100%">

diff --git a/projects/bellumgens/src/app/team-section/team-details/team-details.component.html b/projects/bellumgens/src/app/team-section/team-details/team-details.component.html
@@ -5,7 +5,7 @@ <h4 i18n>Practice</h4>
   </div>
 
   <div class="right-details-container">
-    <igx-card type="outlined">
+    <igx-card>
       <igx-card-header>
         <h3 igxCardHeaderTitle i18n>Active roster</h3>
       </igx-card-header>
@@ -53,7 +53,7 @@ <h3 igxCardHeaderTitle i18n>Active roster</h3>
       </igx-card-content>
     </igx-card>
 
-    <igx-card type="outlined">
+    <igx-card>
       <igx-card-header>
         <h3 igxCardHeaderTitle i18n>Bench</h3>
         <h4 igxCardHeaderSubtitle *ngIf="isAdmin" i18n>Drag players to add them to the active roster</h4>
@@ -85,7 +85,7 @@ <h4 igxCardHeaderSubtitle *ngIf="isAdmin" i18n>Drag players to add them to the a
       </igx-card-content>
     </igx-card>
 
-    <igx-card type="outlined">
+    <igx-card>
       <igx-card-header>
         <h3 igxCardHeaderTitle i18n>Inactive</h3>
       </igx-card-header>

diff --git a/projects/bellumgens/src/app/team-section/team-nav/team-nav.component.html b/projects/bellumgens/src/app/team-section/team-nav/team-nav.component.html
@@ -5,7 +5,7 @@
 <div class="card-wrapper">
   <p *ngIf="!authUser" i18n>You need to login to view your teams.</p>
 
-  <igx-card class="team-card" *ngFor="let team of teams | async">
+  <igx-card class="team-card" *ngFor="let team of teams | async" elevated>
     <igx-card-header>
       <igx-avatar igxCardThumbnail [src]="team.teamAvatar" [initials]="team.teamName" shape="circle"></igx-avatar>
       <h3 igxCardHeaderTitle>{{ team.teamName }}</h3>

diff --git a/projects/common/src/lib/confirm/confirm.component.html b/projects/common/src/lib/confirm/confirm.component.html
@@ -9,4 +9,4 @@
 </igx-dialog>
 
 <igx-combo #combo></igx-combo>
-{{ combo.value }} & {{ combo.selection }}
+{{ combo.displayValue }} & {{ combo.value }}
diff --git a/projects/common/src/lib/confirm/confirm.component.ts b/projects/common/src/lib/confirm/confirm.component.ts
@@ -43,7 +43,7 @@ export class ConfirmComponent {
     const test: IgxSimpleComboComponent = null;
 
     this.confirmEntity = entity;
-    this.dialog.open({ modal: !!test.value, closeOnEscape: !!test.selection});
+    this.dialog.open({ modal: !!test.displayValue, closeOnEscape: !!test.value});
   }
 }
 

diff --git a/projects/ebleague/src/app/admin/admin-csgo/admin-csgo.component.html b/projects/ebleague/src/app/admin/admin-csgo/admin-csgo.component.html
@@ -106,7 +106,7 @@
     </ng-template>
   </igx-grid>
 
-  <igx-card class="margin-top" type="outlined">
+  <igx-card class="margin-top">
     <igx-card-header>
       <igx-avatar igxCardThumbnail shape="circle" src="/assets/wallpapers/csgo-watermark.webp"></igx-avatar>
       <h1 igxCardHeaderTitle i18n>{{ selectedTournament ? selectedTournament.name : 'No' }} Participants</h1>
@@ -135,7 +135,7 @@ <h2 igxCardHeaderSubtitle i18n>Drag and drop participants into the groups</h2>
       </div>
 
       <div class="card-wrapper">
-        <igx-card *ngFor="let group of groups">
+        <igx-card *ngFor="let group of groups" elevated>
           <igx-card-header>
             <igx-avatar igxCardThumbnail shape="circle" src="/assets/wallpapers/csgo-watermark.webp"></igx-avatar>
             <h1 *ngIf="!group.inEdit" igxCardHeaderTitle>{{group.name}}</h1>
@@ -173,7 +173,7 @@ <h1 *ngIf="!group.inEdit" igxCardHeaderTitle>{{group.name}}</h1>
           </igx-card-content>
         </igx-card>
 
-        <igx-card class="new-group-card">
+        <igx-card class="new-group-card" elevated>
           <igx-card-header>
             <igx-avatar igxCardThumbnail shape="circle" src="/assets/wallpapers/csgo-watermark.webp"></igx-avatar>
             <h1 *ngIf="!newGroup.inEdit" igxCardHeaderTitle i18n>New group</h1>

diff --git a/projects/ebleague/src/app/admin/admin-sc2/admin-sc2.component.html b/projects/ebleague/src/app/admin/admin-sc2/admin-sc2.component.html
@@ -104,7 +104,7 @@
     </ng-template>
   </igx-grid>
 
-  <igx-card type="outlined" class="margin-top">
+  <igx-card  class="margin-top">
     <igx-card-header>
       <igx-avatar igxCardThumbnail shape="circle" src="/assets/wallpapers/sc2-watermark.webp"></igx-avatar>
       <h1 igxCardHeaderTitle i18n>{{selectedTournament ? selectedTournament.name : 'No'}} Participants</h1>
@@ -132,7 +132,7 @@ <h2 igxCardHeaderSubtitle i18n>Drag and drop participants into the groups</h2>
         </div>
       </div>
       <div class="card-wrapper">
-        <igx-card *ngFor="let group of groups">
+        <igx-card *ngFor="let group of groups" elevated>
           <igx-card-header>
             <igx-avatar igxCardThumbnail shape="circle" src="/assets/wallpapers/sc2-watermark.webp"></igx-avatar>
             <h1 *ngIf="!group.inEdit" igxCardHeaderTitle>{{group.name}}</h1>
@@ -169,7 +169,7 @@ <h1 *ngIf="!group.inEdit" igxCardHeaderTitle>{{group.name}}</h1>
           </igx-card-content>
         </igx-card>
 
-        <igx-card class="new-group-card">
+        <igx-card class="new-group-card" elevated>
           <igx-card-header>
             <igx-avatar igxCardThumbnail shape="circle" src="/assets/wallpapers/sc2-watermark.webp"></igx-avatar>
             <h1 *ngIf="!newGroup.inEdit" igxCardHeaderTitle i18n>New group</h1>

diff --git a/projects/ebleague/src/app/news/news.component.html b/projects/ebleague/src/app/news/news.component.html
@@ -1,14 +1,14 @@
 
 
 <div class="overview-container-card">
-  <igx-card [horizontal]="horizontal">
+  <igx-card [horizontal]="horizontal" elevated>
     <igx-card-header>
       <h1 igxCardHeaderTitle>Интервю с <span class="highlight">Борис 'SuGaRBuNNy' Попов</span></h1>
       <h2 igxCardHeaderSubtitle>Победител от Сезон 1 по StarCraft II</h2>
     </igx-card-header>
 
     <igx-combo #combo></igx-combo>
-    {{ combo.value }} & {{ combo.selection }}
+    {{ combo.displayValue }} & {{ combo.value }}
 
     <igx-card-content class="interview-body">
       <h6>Коя беше най-оспорваната ви среща?</h6>

diff --git a/projects/ebleague/src/app/tournaments/production-crew/production-crew.component.html b/projects/ebleague/src/app/tournaments/production-crew/production-crew.component.html
@@ -1,5 +1,5 @@
 <div class="card-wrapper">
-  <igx-card *ngFor="let member of crewMembers">
+  <igx-card *ngFor="let member of crewMembers" elevated>
     <igx-card-header>
       <h1 igxCardHeaderTitle>{{ member.name }}</h1>
       <h2 igxCardHeaderSubtitle>{{ member.position }}</h2>

diff --git a/projects/ebleague/src/app/tournaments/tournament-csgo/tournament-csgo.component.html b/projects/ebleague/src/app/tournaments/tournament-csgo/tournament-csgo.component.html
@@ -1,5 +1,5 @@
 <div class="overview-container-card">
-  <igx-card type="outlined">
+  <igx-card>
     <igx-card-header>
       <igx-avatar src="/assets/wallpapers/csgo-watermark.webp" igxCardThumbnail shape="circle"></igx-avatar>
       <h1 igxCardHeaderTitle i18n>{{ tournament?.name }} CS:GO League</h1>

diff --git a/projects/ebleague/src/app/tournaments/tournament-sc2/tournament-sc2.component.html b/projects/ebleague/src/app/tournaments/tournament-sc2/tournament-sc2.component.html
@@ -1,5 +1,5 @@
 <div class="overview-container-card">
-  <igx-card type="outlined">
+  <igx-card>
     <igx-card-header>
       <igx-avatar src="/assets/wallpapers/sc2-watermark.webp" igxCardThumbnail shape="circle" />
       <h1 igxCardHeaderTitle>{{ tournament?.name }} StarCraft II League</h1>

diff --git a/projects/ebleague/src/app/tournaments/tournaments-main/tournaments-main.component.html b/projects/ebleague/src/app/tournaments/tournaments-main/tournaments-main.component.html
@@ -1,7 +1,7 @@
 <div class="card-wrapper">
   <h2 class="content-container-row" i18n>Active tournaments</h2>
   <h5 class="content-container-row" *ngIf="!tournaments || !tournaments.length" i18n>No active tournaments found...</h5>
-  <igx-card *ngFor="let tournament of tournaments">
+  <igx-card *ngFor="let tournament of tournaments" elevated>
     <igx-card-media>
       <img [ngSrc]="tournament.logo" width="352" height="300" [alt]="tournament.name" />
     </igx-card-media>
@@ -23,7 +23,7 @@ <h4 igxCardHeaderTitle>{{tournament.name}}</h4>
     <h2 i18n>Upcoming tournaments</h2>
     <h5 *ngIf="!upcoming || !upcoming.length" i18n>No upcoming tournaments found...</h5>
   </div>
-  <igx-card *ngFor="let tournament of upcoming">
+  <igx-card *ngFor="let tournament of upcoming" elevated>
     <igx-card-media>
       <img [ngSrc]="tournament.logo" width="352" height="300" [alt]="tournament.name" />
     </igx-card-media>
@@ -45,7 +45,7 @@ <h4 igxCardHeaderTitle>{{tournament.name}}</h4>
     <h2 i18n>Finished tournaments</h2>
     <h5 *ngIf="!past || !past.length" i18n>No finished tournaments found...</h5>
   </div>
-  <igx-card *ngFor="let tournament of past">
+  <igx-card *ngFor="let tournament of past" elevated>
     <igx-card-media>
       <img [ngSrc]="tournament.logo" width="352" height="300" [alt]="tournament.name" />
     </igx-card-media>