chore(*): ng update igniteui-angular --next

IgniteUI · Feb 9, 2024 · 2cfe847 · 2cfe847
1 parent c43d9ff
commit 2cfe847
Show file tree

Hide file tree

Showing 137 changed files with 273 additions and 273 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,11 +65,11 @@
     "bootstrap": "5.3.2",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^17.1.0-beta.0",
+    "igniteui-angular": "^17.1.0-beta.2",
     "igniteui-angular-charts": "^17.2.1",
     "igniteui-angular-core": "^17.2.1",
     "igniteui-angular-extras": "^17.1.0",
-    "igniteui-angular-i18n": "^17.1.0-beta.0",
+    "igniteui-angular-i18n": "^17.1.0-beta.2",
     "igniteui-dockmanager": "^1.14.2",
     "igniteui-live-editing": "^2.1.0",
     "igniteui-webcomponents": "^4.7.0",
@@ -111,4 +111,4 @@
     "typescript": "5.3.3",
     "webpack-bundle-analyzer": "^4.10.0"
   }
-}
+}
diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.html b/projects/app-crm/src/app/grid-crm/grid-crm.component.html
@@ -36,16 +36,16 @@
                                 </div>
 
                                 <div class="caseSensitiveButton">
-                                    <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="updateSearch()" [class]="caseSensitive? 'case-sensitive--active' : ''">
+                                    <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="updateSearch()" [class]="caseSensitive? 'case-sensitive--active' : ''">
                                         <igx-icon class="caseSensitiveIcon" family="material">text_fields</igx-icon>
                                     </button>
                                 </div>
 
                                 <div class="searchButtons">
-                                    <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="grid1.findPrev(searchText, caseSensitive)">
+                                    <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="grid1.findPrev(searchText, caseSensitive)">
                                         <igx-icon family="material">navigate_before</igx-icon>
                                     </button>
-                                    <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="grid1.findNext(searchText, caseSensitive)">
+                                    <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="grid1.findNext(searchText, caseSensitive)">
                                         <igx-icon family="material">navigate_next</igx-icon>
                                     </button>
                                 </div>

diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html
@@ -66,7 +66,7 @@
         </igx-column>
         <igx-column [field]="'Chart'" [width]="'60px'" [hidden]="false" [filterable]="false">
             <ng-template igxCell let-cell="cell" class="center-text">
-                <button class="button-icon" igxButton="icon" tabindex="-1">
+                <button class="button-icon" igxIconButton="flat" tabindex="-1">
                     <igx-icon family="material" (click)="chartColumnAction(cell)">insert_chart_outlined</igx-icon>
                 </button>
             </ng-template>

diff --git a/projects/app-lob/src/app/index/index.component.html b/projects/app-lob/src/app/index/index.component.html
@@ -9,7 +9,7 @@
 
                 <!-- Home -->
                 <span igxDrawerItem igxRipple routerLink="{{homeRouteItem.path}}" routerLinkActive="igx-nav-drawer__item--active">
-                    <button igxButton="icon" igxRipple [igxRippleCentered]="true">
+                    <button igxIconButton="flat" igxRipple [igxRippleCentered]="true">
                         <igx-icon family="material">home</igx-icon>
                     </button>
                     {{homeRouteItem.displayName}}
@@ -29,7 +29,7 @@
                 <span *ngFor="let navItem of currentNavItems">
                     <!-- Header -->
                     <span igxDrawerItem igxRipple routerLinkActive="igx-nav-drawer__item--active" (click)="toggleParent('header' + navItem.name)">
-                        <button igxButton="icon" igxRipple [igxRippleCentered]="true" style="vertical-align: middle">
+                        <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" style="vertical-align: middle">
                             <igx-icon family="material">{{convertNodeStateToIcon('header' + navItem.name)}}</igx-icon>
                         </button>
                         <span style="vertical-align: middle">{{navItem.name}}</span>

diff --git a/...splay/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.html b/...splay/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.html
@@ -16,10 +16,10 @@
         </igx-circular-bar>
 
         <div class="button-container">
-            <button igxButton="icon" (click)="decrementProgress()">
+            <button igxIconButton="flat" (click)="decrementProgress()">
                 <igx-icon family="material">remove</igx-icon>
             </button>
-            <button igxButton="icon" (click)="incrementProgress()">
+            <button igxIconButton="flat" (click)="incrementProgress()">
                 <igx-icon family="material">add</igx-icon>
             </button>
         </div>

diff --git a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.html b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.html
@@ -69,7 +69,7 @@
                                 (click)="downloadFile(icon)"
                                 igxripple
                                 class="sample__grid-item-download"
-                                igxButton="raised"
+                                igxButton="contained"
                             >
                                 <igx-icon>arrow_downward</igx-icon>
                                 <span>SVG</span>

diff --git a/...ata-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.html b/...ata-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.html
@@ -5,10 +5,10 @@
     ></igx-linear-bar>
 
     <div class="button-container">
-        <button igxButton="icon" (click)="decrementProgress()">
+        <button igxIconButton="flat" (click)="decrementProgress()">
             <igx-icon family="material">remove</igx-icon>
         </button>
-        <button igxButton="icon" (click)="incrementProgress()">
+        <button igxIconButton="flat" (click)="incrementProgress()">
             <igx-icon family="material">add</igx-icon>
         </button>
     </div>

diff --git a/...ata-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html b/...ata-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html
@@ -9,7 +9,7 @@
 
     <igx-suffix>
         <div class="caseSensitiveButton">
-            <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="updateSearch()"
+            <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="updateSearch()"
                     [igxButtonBackground]="caseSensitive? 'rgb(73, 180, 254)' : 'transparent'">
                 <igx-icon class="caseSensitiveIcon" family="material">text_fields</igx-icon>
             </button>
@@ -24,10 +24,10 @@
                 </ng-container>
             </span>
             <div class="searchButtons">
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="findPrev()" [disabled]="!canMoveHighlight">
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="findPrev()" [disabled]="!canMoveHighlight">
                     <igx-icon family="material">navigate_before</igx-icon>
                 </button>
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="findNext()" [disabled]="!canMoveHighlight">
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="findNext()" [disabled]="!canMoveHighlight">
                     <igx-icon family="material">navigate_next</igx-icon>
                 </button>
             </div>

diff --git a/...ata-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.html b/...ata-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.html
@@ -11,7 +11,7 @@
 
         <igx-suffix>
             <div class="caseSensitiveButton">
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="updateSearch()"
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="updateSearch()"
                         [igxButtonBackground]="caseSensitive? 'rgb(73, 180, 254)' : 'transparent'">
                     <igx-icon class="caseSensitiveIcon" family="material">text_fields</igx-icon>
                 </button>
@@ -27,10 +27,10 @@
                 </span>
             </ng-container>
             <div class="searchButtons">
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="findPrev()" [disabled]="!canMoveHighlight">
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="findPrev()" [disabled]="!canMoveHighlight">
                     <igx-icon family="material">navigate_before</igx-icon>
                 </button>
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="findNext()" [disabled]="!canMoveHighlight">
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="findNext()" [disabled]="!canMoveHighlight">
                     <igx-icon family="material">navigate_next</igx-icon>
                 </button>
             </div>

diff --git a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.html b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.html
@@ -10,7 +10,7 @@
 
         <igx-suffix>
             <div class="caseSensitiveButton">
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="updateSearch()"
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="updateSearch()"
                         [igxButtonBackground]="caseSensitive? 'rgb(73, 180, 254)' : 'transparent'">
                     <igx-icon class="caseSensitiveIcon" family="material">text_fields</igx-icon>
                 </button>
@@ -26,10 +26,10 @@
                 </span>
             </ng-container>
             <div class="searchButtons">
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="findPrev()" [disabled]="!canMoveHighlight">
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="findPrev()" [disabled]="!canMoveHighlight">
                     <igx-icon family="material">navigate_before</igx-icon>
                 </button>
-                <button igxButton="icon" igxRipple [igxRippleCentered]="true" (click)="findNext()" [disabled]="!canMoveHighlight">
+                <button igxIconButton="flat" igxRipple [igxRippleCentered]="true" (click)="findNext()" [disabled]="!canMoveHighlight">
                     <igx-icon family="material">navigate_next</igx-icon>
                 </button>
             </div>

diff --git a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.html b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.html
@@ -7,7 +7,7 @@
             <button igxButton="flat" igxRipple>Flat</button>
         </div>
         <div class="button-sample">
-            <button igxButton="raised" igxRipple>Raised</button>
+            <button igxButton="contained" igxRipple>Raised</button>
         </div>
         <div class="button-sample">
             <button igxButton="outlined" igxRipple>Outlined</button>

diff --git a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.html b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.html
@@ -3,7 +3,7 @@
         <button igxButton="flat" igxRipple>Flat</button>
     </div>
     <div class="button-sample">
-        <button igxButton="raised" igxRipple>Raised</button>
+        <button igxButton="contained" igxRipple>Raised</button>
     </div>
     <div class="button-sample">
         <button igxButton="outlined" igxRipple>Outlined</button>

diff --git a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.html b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.html
@@ -1 +1 @@
-<button class="btn" igxButton="raised" igxRipple="white" [igxRippleCentered]="true" [igxRippleDuration]="2000">Ripple</button>
+<button class="btn" igxButton="contained" igxRipple="white" [igxRippleCentered]="true" [igxRippleDuration]="2000">Ripple</button>
diff --git a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.html b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.html
@@ -1 +1 @@
-<span class="btn" igxButton="raised"  igxButtonColor="black" igxButtonBackground="#72da67" igxRipple="white">Span</span>
+<span class="btn" igxButton="contained"  igxButtonColor="black" igxButtonBackground="#72da67" igxRipple="white">Span</span>
diff --git a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.html b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.html
@@ -1 +1 @@
-<button igxButton="raised" class="btn">Raised</button>
+<button igxButton="contained" class="btn">Raised</button>
diff --git a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.html b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.html
@@ -1,3 +1,3 @@
-<button class="btn" igxButton="icon">
+<button class="btn" igxIconButton="flat">
   <igx-icon family="material">favorite</igx-icon>
 </button>
diff --git a/src/app/data-entries/buttons/buttons-style/buttons-style.component.html b/src/app/data-entries/buttons/buttons-style/buttons-style.component.html
@@ -1,8 +1,8 @@
 <div class="buttons-sample">
     <div class="button-sample">
-        <button igxButton="raised" igxRipple="#fdfdfd">Styled Button</button>
+        <button igxButton="contained" igxRipple="#fdfdfd">Styled Button</button>
     </div>
     <div class="button-sample">
-        <button igxButton="raised" [disabled]="'true'" igxRipple>Disabled</button>
+        <button igxButton="contained" [disabled]="'true'" igxRipple>Disabled</button>
     </div>
 </div>
diff --git a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.html b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.html
@@ -1,4 +1,4 @@
-<button class="button" igxButton="raised" [igxToggleAction]="remoteDropDown" [igxDropDownItemNavigation]="remoteDropDown">Products</button>
+<button class="button" igxButton="contained" [igxToggleAction]="remoteDropDown" [igxDropDownItemNavigation]="remoteDropDown">Products</button>
 <igx-drop-down #remoteDropDown>
     <div class="drop-down-virtual-wrapper">
         <igx-drop-down-item

diff --git a/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.html b/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.html
@@ -1,4 +1,4 @@
-<button class="button" igxButton="raised" [igxToggleAction]="dropdown" [igxDropDownItemNavigation]="dropdown">Item Series</button>
+<button class="button" igxButton="contained" [igxToggleAction]="dropdown" [igxDropDownItemNavigation]="dropdown">Item Series</button>
 <igx-drop-down #dropdown>
     <div class="drop-down-virtual-wrapper">
         <igx-drop-down-item

diff --git a/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.html b/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.html
@@ -1,7 +1,7 @@
 <div class="drop-down-wrapper">
     <igx-navbar title="Contacts">
         <button [igxToggleAction]="menu" [igxToggleOutlet]="outlet" [overlaySettings]="overlaySettings" [igxDropDownItemNavigation]="menu"
-            igxButton="icon">
+            igxIconButton="flat">
             <igx-icon family="material">more_vert</igx-icon>
         </button>
         <igx-drop-down #menu (selectionChanging)="onSelection($event)">

diff --git a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.html b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.html
@@ -1,4 +1,4 @@
-<button class="button" igxButton="raised" [igxToggleAction]="dropdown"
+<button class="button" igxButton="contained" [igxToggleAction]="dropdown"
     [igxDropDownItemNavigation]="dropdown">Options</button>
 <igx-drop-down #dropdown>
     <igx-drop-down-item *ngFor="let item of items">

diff --git a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.html b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.html
@@ -1,4 +1,4 @@
-<button class="button" igxButton="raised" [igxToggleAction]="dropdown"
+<button class="button" igxButton="contained" [igxToggleAction]="dropdown"
     [igxDropDownItemNavigation]="dropdown">Options</button>
 <igx-drop-down #dropdown (opening)="dropdown.setSelectedItem(0)">
     <igx-drop-down-item *ngFor="let item of items">

diff --git a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.html b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.html
@@ -1,4 +1,4 @@
-<button class="button" igxButton="raised" [igxToggleAction]="dropdown"
+<button class="button" igxButton="contained" [igxToggleAction]="dropdown"
     [igxDropDownItemNavigation]="dropdown">Countries</button>
 <igx-drop-down #dropdown [width]="'240px'">
     <div class="drop-down__scroll-container">
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<button class="btn" igxButton="raised" igxRipple="white" [igxRippleCentered]="true" [igxRippleDuration]="2000">Ripple</button>
		<button class="btn" igxButton="contained" igxRipple="white" [igxRippleCentered]="true" [igxRippleDuration]="2000">Ripple</button>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<span class="btn" igxButton="raised" igxButtonColor="black" igxButtonBackground="#72da67" igxRipple="white">Span</span>
		<span class="btn" igxButton="contained" igxButtonColor="black" igxButtonBackground="#72da67" igxRipple="white">Span</span>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<button igxButton="raised" class="btn">Raised</button>
		<button igxButton="contained" class="btn">Raised</button>