-
+
@for (c of grid1.columns; track c) {
diff --git a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.html b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.html
index 708b74552..63bf7d1dc 100644
--- a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.html
+++ b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.html
@@ -14,9 +14,9 @@
>
-
-
-
+
+
+
diff --git a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts
index 99323c262..99a327540 100644
--- a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts
+++ b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts
@@ -49,20 +49,25 @@ export class GridBothSideToolbarPinningSampleComponent implements OnInit {
public pinLeft() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
- col.pinningPosition = ColumnPinningPosition.Start;
- col.pinned = true;
+ if (col.pinned) {
+ col.unpin();
+ }
+ col.pin(undefined, ColumnPinningPosition.Start);
});
}
+
public pinRight() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
- col.pinningPosition = ColumnPinningPosition.End;
- col.pinned = true;
+ if (col.pinned) {
+ col.unpin();
+ }
+ col.pin(undefined, ColumnPinningPosition.End);
});
}
public unpinColumn() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
- col.pinned = false;
+ col.unpin();
});
}
}
diff --git a/src/app/grid/grid-select/grid-select-sample.component.html b/src/app/grid/grid-select/grid-select-sample.component.html
index 2c0c4c85c..db331ab01 100644
--- a/src/app/grid/grid-select/grid-select-sample.component.html
+++ b/src/app/grid/grid-select/grid-select-sample.component.html
@@ -3,7 +3,7 @@
-
+
@for (race of races; track race) {
{{ race }}
@@ -14,7 +14,7 @@
-
+
@for (class of classes; track class) {
{{ class }}
@@ -27,7 +27,7 @@
-
+
@for (alignment of alignments; track alignment) {
{{ alignment }}
diff --git a/src/app/grid/grid-select/grid-select-sample.component.scss b/src/app/grid/grid-select/grid-select-sample.component.scss
index 163e21362..5bc486242 100644
--- a/src/app/grid/grid-select/grid-select-sample.component.scss
+++ b/src/app/grid/grid-select/grid-select-sample.component.scss
@@ -2,8 +2,3 @@
display: block;
padding: 16px;
}
-
-.cell-select {
- width: 100%;
- height: 100%;
-}
diff --git a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.html b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.html
index e40cb20a0..c5fd05f05 100644
--- a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.html
+++ b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.html
@@ -61,7 +61,7 @@
}
@if (!isRowValid(cell)) {
-
+
}
diff --git a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.scss b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.scss
index 602076f52..f7511e2bc 100644
--- a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.scss
+++ b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.scss
@@ -3,8 +3,13 @@
padding-bottom: 0;
}
-.valid-image {
- margin-left: -5px;
+.valid-image,
+.invalid-image {
+ margin-left: -10px;
+
+ img {
+ max-width: none;
+ }
}
.buttons-wrapper {
diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.html b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.html
index d52c8be0c..071ec1205 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.html
@@ -1,6 +1,6 @@
+ [cellMergeMode]="cellMergeMode" [mergeStrategy]="perCountryMergeStrategy" [height]="'400px'" [width]="'100%'" [allowFiltering]="true" >
diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts
index 6fd4823a2..ae4e19b22 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts
+++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts
@@ -1,10 +1,10 @@
import { Component } from '@angular/core';
+import { HIERARCHICAL_DATA_EXTENDED } from '../../data/hierarchical-data-extended';
import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid';
import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core';
import { DefaultMergeStrategy, SortingDirection } from 'igniteui-angular/core';
import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select';
import { IgxLabelDirective } from 'igniteui-angular/input-group';
-import { HIERARCHICAL_DATA } from '../../data/hierarchical-data';
import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive';
import { FormsModule } from '@angular/forms';
@@ -17,17 +17,13 @@ import { FormsModule } from '@angular/forms';
IgxPreventDocumentScrollDirective,
IgxColumnComponent,
IgxRowIslandComponent,
- IgxGridToolbarComponent,
- IgxSelectComponent,
- IgxSelectItemComponent,
- IgxLabelDirective,
FormsModule
]
})
export class HGridCellMergeCustomComponent {
- public localData = HIERARCHICAL_DATA;
+ public localData = HIERARCHICAL_DATA_EXTENDED;
public cellMergeMode: GridCellMergeMode = 'always';
public perCountryMergeStrategy = new PerCountryMergeStrategy();
public sortExpr = [
diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.html b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.html
index 1c2a3dd91..2ea7b5bdc 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.html
@@ -1,6 +1,6 @@
+ [cellMergeMode]="cellMergeMode" [height]="'450px'" [width]="'100%'" [allowFiltering]="true" >
diff --git a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts
index 3b902c621..02b5f64f3 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts
+++ b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts
@@ -63,7 +63,7 @@ export class HierarchicalGridLoDSampleComponent implements OnInit, AfterViewInit
ignoreCase: false,
condition: IgxNumberFilteringOperand.instance().condition('greaterThanOrEqualTo'),
conditionName: IgxNumberFilteringOperand.instance().condition('greaterThanOrEqualTo').name,
- searchVal: '500'
+ searchVal: 500
});
const customersTree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Customers', ['customerId', 'companyName', 'contactName', 'contactTitle']);
diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.scss b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.scss
index d1861b49f..9df72903a 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.scss
+++ b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.scss
@@ -5,7 +5,7 @@ $my-primary: #231c2c;
$my-secondary: #d0ab23;
$dark-gray: #333;
$light-gray: #999;
-$inactive-color: #9b7829;
+$inactive-color: #826217;
$dark-paginator: paginator-theme(
$text-color: $my-secondary,
@@ -13,7 +13,7 @@ $dark-paginator: paginator-theme(
$border-color: $my-secondary
);
-$dark-button: icon-button-theme(
+$dark-button: flat-icon-button-theme(
$foreground: $my-secondary,
$hover-foreground: $dark-gray,
$hover-background: $my-secondary,
@@ -59,7 +59,7 @@ $dark-drop-down-theme: drop-down-theme(
:host {
::ng-deep {
- @include css-vars($dark-drop-down-theme);
+ @include css-vars($dark-drop-down-theme);
igx-paginator {
@include css-vars($dark-button);
@@ -68,4 +68,3 @@ $dark-drop-down-theme: drop-down-theme(
}
}
}
-
\ No newline at end of file
diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.html b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.html
index c5f413348..cd78155bf 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.html
@@ -13,9 +13,9 @@
Hierarchical Grid
-
-
-
+
+
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts
index 0e2ed57e3..63c620b5d 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts
+++ b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts
@@ -71,21 +71,25 @@ export class HierarchicalGridBothSidePinningSampleComponent implements OnInit {
public pinLeft() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
- col.pinningPosition = ColumnPinningPosition.Start;
- col.pinned = true;
+ if (col.pinned) {
+ col.unpin();
+ }
+ col.pin(undefined, ColumnPinningPosition.Start);
});
}
public pinRight() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
- col.pinningPosition = ColumnPinningPosition.End;
- col.pinned = true;
+ if (col.pinned) {
+ col.unpin();
+ }
+ col.pin(undefined, ColumnPinningPosition.End);
});
}
public unpinColumn() {
this.grid1.selectedColumns().forEach((col: IgxColumnComponent) => {
- col.pinned = false;
+ col.unpin();
});
}
}
diff --git a/src/app/interactions/chat/features-sample/features-sample.component.ts b/src/app/interactions/chat/features-sample/features-sample.component.ts
index bcbcb514a..5c209dba0 100644
--- a/src/app/interactions/chat/features-sample/features-sample.component.ts
+++ b/src/app/interactions/chat/features-sample/features-sample.component.ts
@@ -1,6 +1,6 @@
import { AsyncPipe } from '@angular/common';
import { Component, effect, signal, viewChild } from '@angular/core';
-import { IgxChatComponent, IgxChatMessageContextDirective, type IgxChatOptions } from 'igniteui-angular';
+import { IgxChatComponent, IgxChatMessageContextDirective, type IgxChatOptions } from 'igniteui-angular/chat';
import { MarkdownPipe } from 'igniteui-angular/chat-extras';
@Component({
diff --git a/src/app/interactions/chat/overview-sample/overview-sample.component.ts b/src/app/interactions/chat/overview-sample/overview-sample.component.ts
index c888c35e2..1d3585a4e 100644
--- a/src/app/interactions/chat/overview-sample/overview-sample.component.ts
+++ b/src/app/interactions/chat/overview-sample/overview-sample.component.ts
@@ -1,5 +1,5 @@
-import { Component, OnInit, signal } from '@angular/core';
-import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular';
+import { Component, signal } from '@angular/core';
+import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat';
@Component({
selector: 'app-chat-overview-sample',
diff --git a/src/app/interactions/chat/styling-sample/styling-sample.component.ts b/src/app/interactions/chat/styling-sample/styling-sample.component.ts
index 9fe7b6614..f17fde274 100644
--- a/src/app/interactions/chat/styling-sample/styling-sample.component.ts
+++ b/src/app/interactions/chat/styling-sample/styling-sample.component.ts
@@ -1,13 +1,12 @@
-import { AsyncPipe } from '@angular/common';
import { Component, signal, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
-import { IgxAvatarComponent, IgxChatComponent, IgxChatOptions } from 'igniteui-angular';
-
+import { IgxAvatarComponent } from 'igniteui-angular/avatar';
+import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat';
@Component({
selector: 'app-chat-styling-sample',
styleUrls: ['./styling-sample.component.scss'],
templateUrl: './styling-sample.component.html',
- imports: [IgxAvatarComponent, IgxChatComponent, AsyncPipe],
+ imports: [IgxAvatarComponent, IgxChatComponent],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class ChatStylingSampleComponent {
diff --git a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.html b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.html
index 1bfda8533..af1702189 100644
--- a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.html
+++ b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.html
@@ -6,6 +6,6 @@
-
+
-
\ No newline at end of file
+
diff --git a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.html b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.html
index 1babae0ea..740fc9c7e 100644
--- a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.html
+++ b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.html
@@ -33,14 +33,14 @@
@for (item of [].constructor(4); track item; let i = $index) {
-
+
@if (i===0) {
{{ i + 1 }} star or more
}
@if (i>0) {
{{ i + 1 }} stars or more
}
-
+
@for (fillStar of [].constructor(i + 1); track fillStar) {
star
diff --git a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.html b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.html
index 667fb27c3..041b05bc4 100644
--- a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.html
+++ b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.html
@@ -1,5 +1,5 @@
-
+
Order info
@@ -143,7 +143,7 @@ Carnavon Tigers
-
+
Order Value
$8.66K
diff --git a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.scss b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.scss
index b16596018..4e1deb087 100644
--- a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.scss
+++ b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.scss
@@ -1,43 +1,58 @@
igc-tile-manager {
- margin-bottom: 5px;
- }
-
- .group {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- margin-top: 15px;
- }
-
- .card {
- min-height: 30px;
- min-width: 250px;
- max-width: 320px;
- margin: 0 15px 15px 15px
- }
-
- igx-card-content {
- color: var(--content-text-color);
- }
-
- .body-content {
- width: 100%;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- }
-
- .string {
- text-align: center;
- margin-top: 50px;
- color: var(--ig-gray-800);
- }
-
- .sample {
- overflow: auto;
- }
- .content {
- display: flex;
- justify-content: space-between;
- }
+ margin-bottom: 5px;
+}
+
+.group {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ margin-top: 15px;
+}
+
+.card {
+ min-height: 30px;
+ min-width: 250px;
+ max-width: 320px;
+ margin: 0 15px 15px 15px
+}
+
+igx-card-content {
+ color: var(--content-text-color);
+}
+
+.body-content {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.string {
+ text-align: center;
+ margin-top: 50px;
+ color: var(--ig-gray-800);
+}
+
+.sample {
+ overflow: auto;
+}
+
+.content {
+ display: flex;
+ justify-content: space-between;
+}
+
+.order-info::part(base) {
+ display: flex;
+ flex-direction: column;
+}
+
+.order-info::part(content-container) {
+ flex: 1;
+ min-height: 0;
+ display: flex;
+ flex-direction: column;
+ box-sizing: border-box;
+ overflow: hidden;
+}
diff --git a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts
index d04bc507c..a5c86e96d 100644
--- a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts
+++ b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts
@@ -6,13 +6,13 @@ import { IgxButtonGroupComponent } from 'igniteui-angular/button-group';
import { IgxButtonDirective } from 'igniteui-angular/directives';
import { FormsModule } from '@angular/forms';
-import { IgxFinancialChartCoreModule } from 'igniteui-angular-charts';
+import { IgxFinancialChartCoreModule, IgxFinancialChartModule } from 'igniteui-angular-charts';
@Component({
selector: 'app-simple-combo-main',
templateUrl: 'simple-combo-main.component.html',
styleUrls: ['simple-combo-main.component.scss'],
- imports: [IgxSimpleComboComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxFinancialChartCoreModule]
+ imports: [IgxSimpleComboComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxFinancialChartModule, IgxFinancialChartCoreModule]
})
export class SimpleComboMainComponent implements OnInit {
public data: StockData[] = updatedStockData;
diff --git a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.html b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.html
index a1f5b02b2..2200f04c2 100644
--- a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.html
+++ b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.html
@@ -1,9 +1,9 @@
- access_alarm
+ access_alarm
{{today.toLocaleString()}}
-
+