diff --git a/azure-pipelines/build-pipeline.yml b/azure-pipelines/build-pipeline.yml index f1880bacaf..32eff9abaa 100644 --- a/azure-pipelines/build-pipeline.yml +++ b/azure-pipelines/build-pipeline.yml @@ -35,7 +35,7 @@ stages: displayName: 'Install Node' inputs: versionSource: 'spec' - versionSpec: '18.x' + versionSpec: '20.x' - task: Npm@1 displayName: 'Register licensed npm registry in .npmrc' @@ -115,4 +115,4 @@ stages: artifact: 'WebComponentsSamplesBrowser' - ${{ if eq(parameters.shouldCleanPostExectuion, true) }}: - - task: PostBuildCleanup@4 \ No newline at end of file + - task: PostBuildCleanup@4 diff --git a/browser/config-overrides.js b/browser/config-overrides.js index 2f6a9c869b..adc6b3a8bc 100644 --- a/browser/config-overrides.js +++ b/browser/config-overrides.js @@ -42,6 +42,11 @@ module.exports = function override(config, env) { name: 'igniteui-webcomponents-grids', chunks: 'all', }, + igniteuiDataGrids: { + test: /[\\/]node_modules[\\/](igniteui-webcomponents-data-grids)[\\/]/, + name: 'igniteui-webcomponents-data-grids', + chunks: 'all', + }, igniteuiInputs: { test: /[\\/]node_modules[\\/](igniteui-webcomponents-inputs)[\\/]/, name: 'igniteui-webcomponents-inputs', diff --git a/browser/package_move.bat b/browser/package_move.bat index da15abb540..ab6a951620 100644 --- a/browser/package_move.bat +++ b/browser/package_move.bat @@ -26,6 +26,10 @@ IF EXIST @infragistics\igniteui-webcomponents-grids ( MOVE /y @infragistics\igniteui-webcomponents-grids igniteui-webcomponents-grids ) +IF EXIST @infragistics\igniteui-webcomponents-data-grids ( + MOVE /y @infragistics\igniteui-webcomponents-data-grids igniteui-webcomponents-data-grids +) + IF EXIST @infragistics\igniteui-webcomponents-excel ( MOVE /y @infragistics\igniteui-webcomponents-excel igniteui-webcomponents-excel ) diff --git a/browser/public/index.html b/browser/public/index.html index 7b5eabe78e..7ad4726015 100644 --- a/browser/public/index.html +++ b/browser/public/index.html @@ -147,6 +147,13 @@ ─Dash Array Series ─Dash Array Tickmarks ─Dash Array Trendline + ─Data Annotation Band Layer + ─Data Annotation Line Layer + ─Data Annotation Multiple With Overlay Text + ─Data Annotation Multiple With Stocks + ─Data Annotation Rect Layer + ─Data Annotation Slice Layer + ─Data Annotation Strip Layer ─Data Legend ─Data Legend Grouping ─Data Legend Grouping And Highlighting @@ -687,6 +694,7 @@ ─Basic Example ─Load On Demand ─Load On Demand Virtualized + ─Styling diff --git a/samples/grids/grid/excel-style-filtering-sample-3/package.json b/samples/grids/grid/excel-style-filtering-sample-3/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/excel-style-filtering-sample-3/package.json +++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts b/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts index b69584c5b9..4203eadb14 100644 --- a/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts +++ b/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts @@ -18,9 +18,7 @@ ModuleManager.register( export class Sample { private grid: IgcGridComponent - private productName: IgcColumnComponent - private quantityPerUnit: IgcColumnComponent - private unitPrice: IgcColumnComponent + private column1: IgcColumnComponent private _columnPipeArgs1: IgcColumnPipeArgs | null = null; public get columnPipeArgs1(): IgcColumnPipeArgs { if (this._columnPipeArgs1 == null) @@ -32,7 +30,7 @@ export class Sample { } return this._columnPipeArgs1; } - private orderDate: IgcColumnComponent + private column2: IgcColumnComponent private _columnPipeArgs2: IgcColumnPipeArgs | null = null; public get columnPipeArgs2(): IgcColumnPipeArgs { if (this._columnPipeArgs2 == null) @@ -44,23 +42,21 @@ export class Sample { } return this._columnPipeArgs2; } - private discontinued: IgcColumnComponent + private column3: IgcColumnComponent private _bind: () => void; constructor() { var grid = this.grid = document.getElementById('grid') as IgcGridComponent; - var productName = this.productName = document.getElementById('ProductName') as IgcColumnComponent; - var quantityPerUnit = this.quantityPerUnit = document.getElementById('QuantityPerUnit') as IgcColumnComponent; - var unitPrice = this.unitPrice = document.getElementById('UnitPrice') as IgcColumnComponent; - var orderDate = this.orderDate = document.getElementById('OrderDate') as IgcColumnComponent; - var discontinued = this.discontinued = document.getElementById('Discontinued') as IgcColumnComponent; + var column1 = this.column1 = document.getElementById('column1') as IgcColumnComponent; + var column2 = this.column2 = document.getElementById('column2') as IgcColumnComponent; + var column3 = this.column3 = document.getElementById('column3') as IgcColumnComponent; this._bind = () => { grid.data = this.nwindData; grid.excelStyleHeaderIconTemplate = this.webGridFilterAltIconTemplate; - unitPrice.pipeArgs = this.columnPipeArgs1; - orderDate.pipeArgs = this.columnPipeArgs2; - discontinued.bodyTemplate = this.webGridBooleanCellTemplate; + column1.pipeArgs = this.columnPipeArgs1; + column2.pipeArgs = this.columnPipeArgs2; + column3.bodyTemplate = this.webGridBooleanCellTemplate; } this._bind(); diff --git a/samples/grids/grid/excel-style-filtering-style/index.html b/samples/grids/grid/excel-style-filtering-style/index.html index d926b5415e..4c5050353e 100644 --- a/samples/grids/grid/excel-style-filtering-style/index.html +++ b/samples/grids/grid/excel-style-filtering-style/index.html @@ -28,15 +28,11 @@ allow-filtering="true" filter-mode="excelStyleFilter"> + disable-hiding="true" + name="column1" + id="column1"> + sortable="false" + name="column2" + id="column2"> + sortable="true" + name="column3" + id="column3"> diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/excel-style-filtering-style/package.json +++ b/samples/grids/grid/excel-style-filtering-style/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/excel-style-filtering-style/src/index.ts b/samples/grids/grid/excel-style-filtering-style/src/index.ts index 20317f7f95..9b8b3e81ec 100644 --- a/samples/grids/grid/excel-style-filtering-style/src/index.ts +++ b/samples/grids/grid/excel-style-filtering-style/src/index.ts @@ -18,9 +18,7 @@ ModuleManager.register( export class Sample { private grid: IgcGridComponent - private productName: IgcColumnComponent - private quantityPerUnit: IgcColumnComponent - private unitPrice: IgcColumnComponent + private column1: IgcColumnComponent private _columnPipeArgs1: IgcColumnPipeArgs | null = null; public get columnPipeArgs1(): IgcColumnPipeArgs { if (this._columnPipeArgs1 == null) @@ -32,7 +30,7 @@ export class Sample { } return this._columnPipeArgs1; } - private orderDate: IgcColumnComponent + private column2: IgcColumnComponent private _columnPipeArgs2: IgcColumnPipeArgs | null = null; public get columnPipeArgs2(): IgcColumnPipeArgs { if (this._columnPipeArgs2 == null) @@ -44,22 +42,20 @@ export class Sample { } return this._columnPipeArgs2; } - private discontinued: IgcColumnComponent + private column3: IgcColumnComponent private _bind: () => void; constructor() { var grid = this.grid = document.getElementById('grid') as IgcGridComponent; - var productName = this.productName = document.getElementById('ProductName') as IgcColumnComponent; - var quantityPerUnit = this.quantityPerUnit = document.getElementById('QuantityPerUnit') as IgcColumnComponent; - var unitPrice = this.unitPrice = document.getElementById('UnitPrice') as IgcColumnComponent; - var orderDate = this.orderDate = document.getElementById('OrderDate') as IgcColumnComponent; - var discontinued = this.discontinued = document.getElementById('Discontinued') as IgcColumnComponent; + var column1 = this.column1 = document.getElementById('column1') as IgcColumnComponent; + var column2 = this.column2 = document.getElementById('column2') as IgcColumnComponent; + var column3 = this.column3 = document.getElementById('column3') as IgcColumnComponent; this._bind = () => { grid.data = this.nwindData; - unitPrice.pipeArgs = this.columnPipeArgs1; - orderDate.pipeArgs = this.columnPipeArgs2; - discontinued.bodyTemplate = this.webGridBooleanCellTemplate; + column1.pipeArgs = this.columnPipeArgs1; + column2.pipeArgs = this.columnPipeArgs2; + column3.bodyTemplate = this.webGridBooleanCellTemplate; } this._bind(); diff --git a/samples/grids/grid/external-advanced-filtering/index.html b/samples/grids/grid/external-advanced-filtering/index.html index 8f7ce3ebc3..77c94cf5d3 100644 --- a/samples/grids/grid/external-advanced-filtering/index.html +++ b/samples/grids/grid/external-advanced-filtering/index.html @@ -24,32 +24,22 @@ name="grid" id="grid"> diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/external-advanced-filtering/package.json +++ b/samples/grids/grid/external-advanced-filtering/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/external-advanced-filtering/src/index.ts b/samples/grids/grid/external-advanced-filtering/src/index.ts index af9695c0ea..028223edae 100644 --- a/samples/grids/grid/external-advanced-filtering/src/index.ts +++ b/samples/grids/grid/external-advanced-filtering/src/index.ts @@ -1,7 +1,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts'; import 'igniteui-webcomponents-grids/grids/combined'; import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core'; -import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids'; +import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids'; import NwindData from './NwindData.json'; import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css"; @@ -16,20 +16,10 @@ ModuleManager.register( export class Sample { private grid: IgcGridComponent - private productName: IgcColumnComponent - private quantityPerUnit: IgcColumnComponent - private unitPrice: IgcColumnComponent - private orderDate: IgcColumnComponent - private discontinued: IgcColumnComponent private _bind: () => void; constructor() { var grid = this.grid = document.getElementById('grid') as IgcGridComponent; - var productName = this.productName = document.getElementById('ProductName') as IgcColumnComponent; - var quantityPerUnit = this.quantityPerUnit = document.getElementById('QuantityPerUnit') as IgcColumnComponent; - var unitPrice = this.unitPrice = document.getElementById('UnitPrice') as IgcColumnComponent; - var orderDate = this.orderDate = document.getElementById('OrderDate') as IgcColumnComponent; - var discontinued = this.discontinued = document.getElementById('Discontinued') as IgcColumnComponent; this._bind = () => { grid.data = this.nwindData; diff --git a/samples/grids/grid/filtering-options/index.html b/samples/grids/grid/filtering-options/index.html index 4224cc4dab..83b8f4ce83 100644 --- a/samples/grids/grid/filtering-options/index.html +++ b/samples/grids/grid/filtering-options/index.html @@ -27,34 +27,24 @@ allow-filtering="true" filter-mode="quickFilter"> diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/filtering-options/package.json +++ b/samples/grids/grid/filtering-options/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/filtering-options/src/index.ts b/samples/grids/grid/filtering-options/src/index.ts index af9695c0ea..028223edae 100644 --- a/samples/grids/grid/filtering-options/src/index.ts +++ b/samples/grids/grid/filtering-options/src/index.ts @@ -1,7 +1,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts'; import 'igniteui-webcomponents-grids/grids/combined'; import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core'; -import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids'; +import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids'; import NwindData from './NwindData.json'; import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css"; @@ -16,20 +16,10 @@ ModuleManager.register( export class Sample { private grid: IgcGridComponent - private productName: IgcColumnComponent - private quantityPerUnit: IgcColumnComponent - private unitPrice: IgcColumnComponent - private orderDate: IgcColumnComponent - private discontinued: IgcColumnComponent private _bind: () => void; constructor() { var grid = this.grid = document.getElementById('grid') as IgcGridComponent; - var productName = this.productName = document.getElementById('ProductName') as IgcColumnComponent; - var quantityPerUnit = this.quantityPerUnit = document.getElementById('QuantityPerUnit') as IgcColumnComponent; - var unitPrice = this.unitPrice = document.getElementById('UnitPrice') as IgcColumnComponent; - var orderDate = this.orderDate = document.getElementById('OrderDate') as IgcColumnComponent; - var discontinued = this.discontinued = document.getElementById('Discontinued') as IgcColumnComponent; this._bind = () => { grid.data = this.nwindData; diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/filtering-strategy/package.json +++ b/samples/grids/grid/filtering-strategy/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/filtering-style/index.html b/samples/grids/grid/filtering-style/index.html index 62cf6c1a18..d9db760737 100644 --- a/samples/grids/grid/filtering-style/index.html +++ b/samples/grids/grid/filtering-style/index.html @@ -54,41 +54,37 @@ + sortable="true" + name="column1" + id="column1"> + sortable="true" + name="column2" + id="column2"> + sortable="true" + name="column3" + id="column3"> diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json index 0826568c29..0bb197147d 100644 --- a/samples/grids/grid/filtering-style/package.json +++ b/samples/grids/grid/filtering-style/package.json @@ -23,11 +23,11 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "5.4.1", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents": "6.0.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/filtering-style/src/index.ts b/samples/grids/grid/filtering-style/src/index.ts index 1660d0d7bf..24a6676129 100644 --- a/samples/grids/grid/filtering-style/src/index.ts +++ b/samples/grids/grid/filtering-style/src/index.ts @@ -25,9 +25,7 @@ export class Sample { private propertyEditor: IgcPropertyEditorPanelComponent private sizeEditor: IgcPropertyEditorPropertyDescriptionComponent private grid: IgcGridComponent - private productName: IgcColumnComponent - private quantityPerUnit: IgcColumnComponent - private unitPrice: IgcColumnComponent + private column1: IgcColumnComponent private _columnPipeArgs1: IgcColumnPipeArgs | null = null; public get columnPipeArgs1(): IgcColumnPipeArgs { if (this._columnPipeArgs1 == null) @@ -39,7 +37,7 @@ export class Sample { } return this._columnPipeArgs1; } - private orderDate: IgcColumnComponent + private column2: IgcColumnComponent private _columnPipeArgs2: IgcColumnPipeArgs | null = null; public get columnPipeArgs2(): IgcColumnPipeArgs { if (this._columnPipeArgs2 == null) @@ -51,7 +49,7 @@ export class Sample { } return this._columnPipeArgs2; } - private discontinued: IgcColumnComponent + private column3: IgcColumnComponent private _bind: () => void; constructor() { @@ -59,20 +57,18 @@ export class Sample { var sizeEditor = this.sizeEditor = document.getElementById('SizeEditor') as IgcPropertyEditorPropertyDescriptionComponent; this.webGridSetGridSize = this.webGridSetGridSize.bind(this); var grid = this.grid = document.getElementById('grid') as IgcGridComponent; - var productName = this.productName = document.getElementById('ProductName') as IgcColumnComponent; - var quantityPerUnit = this.quantityPerUnit = document.getElementById('QuantityPerUnit') as IgcColumnComponent; - var unitPrice = this.unitPrice = document.getElementById('UnitPrice') as IgcColumnComponent; - var orderDate = this.orderDate = document.getElementById('OrderDate') as IgcColumnComponent; - var discontinued = this.discontinued = document.getElementById('Discontinued') as IgcColumnComponent; + var column1 = this.column1 = document.getElementById('column1') as IgcColumnComponent; + var column2 = this.column2 = document.getElementById('column2') as IgcColumnComponent; + var column3 = this.column3 = document.getElementById('column3') as IgcColumnComponent; this._bind = () => { propertyEditor.componentRenderer = this.renderer; propertyEditor.target = this.grid; sizeEditor.changed = this.webGridSetGridSize; grid.data = this.nwindData; - unitPrice.pipeArgs = this.columnPipeArgs1; - orderDate.pipeArgs = this.columnPipeArgs2; - discontinued.bodyTemplate = this.webGridBooleanCellTemplate; + column1.pipeArgs = this.columnPipeArgs1; + column2.pipeArgs = this.columnPipeArgs2; + column3.bodyTemplate = this.webGridBooleanCellTemplate; } this._bind(); diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json index 2e5b2d6791..149d8ef089 100644 --- a/samples/grids/grid/finjs/package.json +++ b/samples/grids/grid/finjs/package.json @@ -26,11 +26,11 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents-charts": "5.4.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-charts": "6.0.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json index 18ec3082a3..fe499d9954 100644 --- a/samples/grids/grid/groupby-custom/package.json +++ b/samples/grids/grid/groupby-custom/package.json @@ -26,10 +26,10 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/groupby-expressions/package.json +++ b/samples/grids/grid/groupby-expressions/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/groupby-paging/package.json +++ b/samples/grids/grid/groupby-paging/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/groupby-styling/index.html b/samples/grids/grid/groupby-styling/index.html index 363fc5e548..abdb1499c1 100644 --- a/samples/grids/grid/groupby-styling/index.html +++ b/samples/grids/grid/groupby-styling/index.html @@ -25,88 +25,70 @@ id="grid" id="grid"> + groupable="true" + name="column1" + id="column1"> + groupable="true" + name="column2" + id="column2"> void; constructor() { var grid = this.grid = document.getElementById('grid') as IgcGridComponent; - var orderID = this.orderID = document.getElementById('OrderID') as IgcColumnComponent; - var shipCountry = this.shipCountry = document.getElementById('ShipCountry') as IgcColumnComponent; - var orderDate = this.orderDate = document.getElementById('OrderDate') as IgcColumnComponent; - var postalCode = this.postalCode = document.getElementById('PostalCode') as IgcColumnComponent; - var discontinued = this.discontinued = document.getElementById('Discontinued') as IgcColumnComponent; - var shipName = this.shipName = document.getElementById('ShipName') as IgcColumnComponent; - var shipCity = this.shipCity = document.getElementById('ShipCity') as IgcColumnComponent; - var shipperName = this.shipperName = document.getElementById('ShipperName') as IgcColumnComponent; - var salesperson = this.salesperson = document.getElementById('Salesperson') as IgcColumnComponent; - var unitPrice = this.unitPrice = document.getElementById('UnitPrice') as IgcColumnComponent; - var quantity = this.quantity = document.getElementById('Quantity') as IgcColumnComponent; + var column1 = this.column1 = document.getElementById('column1') as IgcColumnComponent; + var column2 = this.column2 = document.getElementById('column2') as IgcColumnComponent; this._bind = () => { grid.data = this.invoicesData; grid.groupingExpressions = this.groupingExpression1; - discontinued.bodyTemplate = this.webGridBooleanCellTemplate; - unitPrice.pipeArgs = this.columnPipeArgs1; + column1.bodyTemplate = this.webGridBooleanCellTemplate; + column2.pipeArgs = this.columnPipeArgs1; } this._bind(); diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json index 0826568c29..0bb197147d 100644 --- a/samples/grids/grid/groupby-summary-options/package.json +++ b/samples/grids/grid/groupby-summary-options/package.json @@ -23,11 +23,11 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "5.4.1", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents": "6.0.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json index 0826568c29..0bb197147d 100644 --- a/samples/grids/grid/groupby-summary-styling/package.json +++ b/samples/grids/grid/groupby-summary-styling/package.json @@ -23,11 +23,11 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "5.4.1", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents": "6.0.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json index 0af7ffbf9d..fdbbbd245e 100644 --- a/samples/grids/grid/infinite-scroll/package.json +++ b/samples/grids/grid/infinite-scroll/package.json @@ -26,10 +26,10 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "rxjs": "7.8.1", "tslib": "^2.0.0" diff --git a/samples/grids/grid/keyboard-custom-navigation/index.html b/samples/grids/grid/keyboard-custom-navigation/index.html index 3a31d89195..e510a0b3fc 100644 --- a/samples/grids/grid/keyboard-custom-navigation/index.html +++ b/samples/grids/grid/keyboard-custom-navigation/index.html @@ -28,40 +28,28 @@ primary-key="ProductID" row-editable="true"> diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/keyboard-custom-navigation/package.json +++ b/samples/grids/grid/keyboard-custom-navigation/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/keyboard-custom-navigation/src/index.ts b/samples/grids/grid/keyboard-custom-navigation/src/index.ts index 44451a1ff9..81abf63e63 100644 --- a/samples/grids/grid/keyboard-custom-navigation/src/index.ts +++ b/samples/grids/grid/keyboard-custom-navigation/src/index.ts @@ -1,7 +1,7 @@ import { IgcPropertyEditorPanelModule } from 'igniteui-webcomponents-layouts'; import 'igniteui-webcomponents-grids/grids/combined'; import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core'; -import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids'; +import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids'; import NwindData from './NwindData.json'; import { IgcGridKeydownEventArgs, GridKeydownTargetType } from 'igniteui-webcomponents-grids/grids'; @@ -17,23 +17,11 @@ ModuleManager.register( export class Sample { private grid: IgcGridComponent - private productID: IgcColumnComponent - private reorderLevel: IgcColumnComponent - private productName: IgcColumnComponent - private unitsInStock: IgcColumnComponent - private orderDate: IgcColumnComponent - private discontinued: IgcColumnComponent private _bind: () => void; constructor() { var grid = this.grid = document.getElementById('grid') as IgcGridComponent; this.webGridCustomKBNav = this.webGridCustomKBNav.bind(this); - var productID = this.productID = document.getElementById('ProductID') as IgcColumnComponent; - var reorderLevel = this.reorderLevel = document.getElementById('ReorderLevel') as IgcColumnComponent; - var productName = this.productName = document.getElementById('ProductName') as IgcColumnComponent; - var unitsInStock = this.unitsInStock = document.getElementById('UnitsInStock') as IgcColumnComponent; - var orderDate = this.orderDate = document.getElementById('OrderDate') as IgcColumnComponent; - var discontinued = this.discontinued = document.getElementById('Discontinued') as IgcColumnComponent; this._bind = () => { grid.data = this.nwindData; diff --git a/samples/grids/grid/keyboard-mrl-navigation/index.html b/samples/grids/grid/keyboard-mrl-navigation/index.html index 652cec8f4d..bda1261a2f 100644 --- a/samples/grids/grid/keyboard-mrl-navigation/index.html +++ b/samples/grids/grid/keyboard-mrl-navigation/index.html @@ -29,8 +29,6 @@ id="CompanyInfo" header="Company"> void; constructor() { var grid = this.grid = document.getElementById('grid') as IgcGridComponent; this.webGridMRLCustomNavigationEvent = this.webGridMRLCustomNavigationEvent.bind(this); var companyInfo = this.companyInfo = document.getElementById('CompanyInfo') as IgcColumnLayoutComponent; - var company = this.company = document.getElementById('Company') as IgcColumnComponent; - var country = this.country = document.getElementById('Country') as IgcColumnComponent; - var city = this.city = document.getElementById('City') as IgcColumnComponent; - var address = this.address = document.getElementById('Address') as IgcColumnComponent; var sales = this.sales = document.getElementById('Sales') as IgcColumnLayoutComponent; - var lifetimeSales = this.lifetimeSales = document.getElementById('LifetimeSales') as IgcColumnComponent; - var quarterly = this.quarterly = document.getElementById('Quarterly') as IgcColumnComponent; - var yearly = this.yearly = document.getElementById('Yearly') as IgcColumnComponent; var marketPotentialInfo = this.marketPotentialInfo = document.getElementById('MarketPotentialInfo') as IgcColumnLayoutComponent; - var marketPotential = this.marketPotential = document.getElementById('MarketPotential') as IgcColumnComponent; var assets = this.assets = document.getElementById('Assets') as IgcColumnLayoutComponent; - var assetsCash = this.assetsCash = document.getElementById('AssetsCash') as IgcColumnComponent; - var accountsReceivable = this.accountsReceivable = document.getElementById('AccountsReceivable') as IgcColumnComponent; - var assetsBooks = this.assetsBooks = document.getElementById('AssetsBooks') as IgcColumnComponent; this._bind = () => { grid.data = this.companyData; diff --git a/samples/grids/grid/keyboard-navigation-guide/package.json b/samples/grids/grid/keyboard-navigation-guide/package.json index 18ec3082a3..fe499d9954 100644 --- a/samples/grids/grid/keyboard-navigation-guide/package.json +++ b/samples/grids/grid/keyboard-navigation-guide/package.json @@ -26,10 +26,10 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json index 0826568c29..0bb197147d 100644 --- a/samples/grids/grid/layout-display-density/package.json +++ b/samples/grids/grid/layout-display-density/package.json @@ -23,11 +23,11 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents": "5.4.1", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents": "6.0.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json index 96a017a557..4106159f72 100644 --- a/samples/grids/grid/master-detail/package.json +++ b/samples/grids/grid/master-detail/package.json @@ -23,10 +23,10 @@ }, "dependencies": { "babel-runtime": "^6.26.0", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json index 18ec3082a3..fe499d9954 100644 --- a/samples/grids/grid/multi-cell-selection-mode/package.json +++ b/samples/grids/grid/multi-cell-selection-mode/package.json @@ -26,10 +26,10 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-webcomponents-core": "5.4.0", - "igniteui-webcomponents-grids": "5.4.0", - "igniteui-webcomponents-inputs": "5.4.0", - "igniteui-webcomponents-layouts": "5.4.0", + "igniteui-webcomponents-core": "6.0.0", + "igniteui-webcomponents-grids": "6.0.3", + "igniteui-webcomponents-inputs": "6.0.0", + "igniteui-webcomponents-layouts": "6.0.0", "lit-html": "^3.2.0", "tslib": "^2.0.0" }, diff --git a/samples/grids/grid/multi-column-headers-export/index.html b/samples/grids/grid/multi-column-headers-export/index.html index ca889f8127..faa5e25874 100644 --- a/samples/grids/grid/multi-column-headers-export/index.html +++ b/samples/grids/grid/multi-column-headers-export/index.html @@ -45,8 +45,6 @@ @@ -72,13 +68,9 @@ expanded="false" visible-when-collapsed="false"> @@ -95,29 +87,21 @@ expanded="false" visible-when-collapsed="true">