diff --git a/browser/public/index.html b/browser/public/index.html index d90986def7..c808bc6d0e 100644 --- a/browser/public/index.html +++ b/browser/public/index.html @@ -821,6 +821,7 @@
INPUTS
diff --git a/samples/grids/grid/column-hiding-toolbar-style/package.json b/samples/grids/grid/column-hiding-toolbar-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-hiding-toolbar-style/package.json +++ b/samples/grids/grid/column-hiding-toolbar-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-hiding-toolbar-style/src/index.css b/samples/grids/grid/column-hiding-toolbar-style/src/index.css index 1ea013b125..82c6c2e933 100644 --- a/samples/grids/grid/column-hiding-toolbar-style/src/index.css +++ b/samples/grids/grid/column-hiding-toolbar-style/src/index.css @@ -2,25 +2,29 @@ /* https://dl.infragistics.com/x/css/samples/shared.v8.css */ .grid igc-grid-toolbar-actions, igx-column-actions { - --ig-column-actions-background-color: #292826; - --ig-column-actions-title-color: #ffcd0f; - --ig-checkbox-tick-color: #292826; - --ig-checkbox-label-color: #ffcd0f; - --ig-checkbox-empty-color: #ffcd0f; - --ig-checkbox-fill-color: #ffcd0f; - --ig-input-group-idle-text-color: white; - --ig-input-group-filled-text-color: #ffcd0f; - --ig-input-group-focused-text-color: #ffcd0f; - --ig-input-group-focused-border-color: #ffcd0f; - --ig-input-group-focused-secondary-color: #ffcd0f; - --igx-button-foreground: #292826; - --igx-button-background: #ffcd0f; - --igx-button-hover-background: #404040; - --igx-button-hover-foreground: #ffcd0f; - --igx-button-focus-background: #ffcd0f; - --igx-button-focus-foreground: black; - --igx-button-focus-visible-background: #ffcd0f; - --igx-button-focus-visible-foreground: black; - --igx-button-disabled-foreground: #ffcd0f; + --ig-column-actions-background-color: #292826; + --ig-column-actions-title-color: #ffcd0f; + --ig-checkbox-tick-color: #292826; + --ig-checkbox-label-color: #ffcd0f; + --ig-checkbox-label-color-hover: #c5a11b; + --ig-checkbox-empty-color: #ffcd0f; + --ig-checkbox-focus-outline-color: #c5a11b; + --ig-checkbox-empty-fill-color: #292826; + --ig-checkbox-fill-color: #ffcd0f; + --ig-checkbox-fill-color-hover: #c5a11b; + --ig-input-group-idle-text-color: white; + --ig-input-group-filled-text-color: #ffcd0f; + --ig-input-group-focused-text-color: #ffcd0f; + --ig-input-group-focused-border-color: #ffcd0f; + --ig-input-group-focused-secondary-color: #ffcd0f; + --ig-flat-button-foreground: #292826; + --ig-flat-button-background: #ffcd0f; + --ig-flat-button-hover-background: #404040; + --ig-flat-button-hover-foreground: #ffcd0f; + --ig-flat-button-focus-background: #ffcd0f; + --ig-flat-button-focus-foreground: black; + --ig-flat-button-focus-visible-background: #ffcd0f; + --ig-flat-button-focus-visible-foreground: black; + --ig-flat-button-disabled-foreground: #ffcd0f; } diff --git a/samples/grids/grid/column-hiding-toolbar/package.json b/samples/grids/grid/column-hiding-toolbar/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-hiding-toolbar/package.json +++ b/samples/grids/grid/column-hiding-toolbar/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-moving-options/package.json b/samples/grids/grid/column-moving-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/column-moving-options/package.json +++ b/samples/grids/grid/column-moving-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-moving-options/src/index.ts b/samples/grids/grid/column-moving-options/src/index.ts index 51533fb7d3..69522390fc 100644 --- a/samples/grids/grid/column-moving-options/src/index.ts +++ b/samples/grids/grid/column-moving-options/src/index.ts @@ -111,9 +111,9 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column.field)}>📌 + this.toggleColumnPin(column.field)}>📌
`; -     }; + }; public webGridCurrencyCellTemplate = (ctx: IgcCellTemplateContext) => { if (ctx.cell.value > 0) { diff --git a/samples/grids/grid/column-moving-styles/package.json b/samples/grids/grid/column-moving-styles/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/column-moving-styles/package.json +++ b/samples/grids/grid/column-moving-styles/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-moving-styles/src/index.ts b/samples/grids/grid/column-moving-styles/src/index.ts index 51533fb7d3..69522390fc 100644 --- a/samples/grids/grid/column-moving-styles/src/index.ts +++ b/samples/grids/grid/column-moving-styles/src/index.ts @@ -111,9 +111,9 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column.field)}>📌 + this.toggleColumnPin(column.field)}>📌
`; -     }; + }; public webGridCurrencyCellTemplate = (ctx: IgcCellTemplateContext) => { if (ctx.cell.value > 0) { diff --git a/samples/grids/grid/column-pinning-both-sides/index.html b/samples/grids/grid/column-pinning-both-sides/index.html index b6091ecb55..25202308e3 100644 --- a/samples/grids/grid/column-pinning-both-sides/index.html +++ b/samples/grids/grid/column-pinning-both-sides/index.html @@ -25,9 +25,9 @@ moving="true"> - Unpin Column - Pin Left - Pin Right + Unpin Selected Columns + Pin Selected Left + Pin Selected Right diff --git a/samples/grids/grid/column-pinning-both-sides/package.json b/samples/grids/grid/column-pinning-both-sides/package.json index 67f7bbf0ea..2eed7f22c8 100644 --- a/samples/grids/grid/column-pinning-both-sides/package.json +++ b/samples/grids/grid/column-pinning-both-sides/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning-both-sides/src/index.ts b/samples/grids/grid/column-pinning-both-sides/src/index.ts index 6fcd70e922..6514bf3fbc 100644 --- a/samples/grids/grid/column-pinning-both-sides/src/index.ts +++ b/samples/grids/grid/column-pinning-both-sides/src/index.ts @@ -48,21 +48,25 @@ export class Sample { private handlePinLeft = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.Start; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.Start); }); }; private handlePinRight = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.End; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.End); }); }; private handleUnpin = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinned = false; + col.unpin(); }); }; } diff --git a/samples/grids/grid/column-pinning-options/package.json b/samples/grids/grid/column-pinning-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-pinning-options/package.json +++ b/samples/grids/grid/column-pinning-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning-options/src/index.ts b/samples/grids/grid/column-pinning-options/src/index.ts index a0d87d0333..ff0eff8662 100644 --- a/samples/grids/grid/column-pinning-options/src/index.ts +++ b/samples/grids/grid/column-pinning-options/src/index.ts @@ -65,9 +65,9 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column.field)}>📌 + this.toggleColumnPin(column.field)}>📌
`; -     }; + }; public toggleColumnPin(field: string) {     var grid: IgcGridComponent = this.grid; diff --git a/samples/grids/grid/column-pinning-right-side/package.json b/samples/grids/grid/column-pinning-right-side/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/column-pinning-right-side/package.json +++ b/samples/grids/grid/column-pinning-right-side/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning-styles/package.json b/samples/grids/grid/column-pinning-styles/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-pinning-styles/package.json +++ b/samples/grids/grid/column-pinning-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-pinning/package.json b/samples/grids/grid/column-pinning/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-pinning/package.json +++ b/samples/grids/grid/column-pinning/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-resize-styling/package.json b/samples/grids/grid/column-resize-styling/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-resize-styling/package.json +++ b/samples/grids/grid/column-resize-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-resizing/package.json b/samples/grids/grid/column-resizing/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-resizing/package.json +++ b/samples/grids/grid/column-resizing/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-selection-group/package.json b/samples/grids/grid/column-selection-group/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-selection-group/package.json +++ b/samples/grids/grid/column-selection-group/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-selection-mode/index.html b/samples/grids/grid/column-selection-mode/index.html index 88536f151b..099f71026c 100644 --- a/samples/grids/grid/column-selection-mode/index.html +++ b/samples/grids/grid/column-selection-mode/index.html @@ -26,9 +26,11 @@ is-wrapping-enabled="true"> + name="ColumnSelectionEditor" + id="ColumnSelectionEditor" + value-type="EnumValue" + drop-down-names="None, Single, Multiple, MultipleCascade" + drop-down-values="None, Single, Multiple, MultipleCascade"> diff --git a/samples/grids/grid/column-selection-mode/package.json b/samples/grids/grid/column-selection-mode/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/column-selection-mode/package.json +++ b/samples/grids/grid/column-selection-mode/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-selection-mode/src/index.ts b/samples/grids/grid/column-selection-mode/src/index.ts index c5edda1d58..88f8d5a0c7 100644 --- a/samples/grids/grid/column-selection-mode/src/index.ts +++ b/samples/grids/grid/column-selection-mode/src/index.ts @@ -26,7 +26,7 @@ export class Sample { constructor() { var propertyEditor = this.propertyEditor = document.getElementById('PropertyEditor') as IgcPropertyEditorPanelComponent; - var columnSelectionEditor = this.columnSelectionEditor = document.getElementById('columnSelectionEditor') as IgcPropertyEditorPropertyDescriptionComponent; + var columnSelectionEditor = this.columnSelectionEditor = document.getElementById('ColumnSelectionEditor') as IgcPropertyEditorPropertyDescriptionComponent; var grid = this.grid = document.getElementById('grid') as IgcGridComponent; this._bind = () => { diff --git a/samples/grids/grid/column-selection-styles/package.json b/samples/grids/grid/column-selection-styles/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-selection-styles/package.json +++ b/samples/grids/grid/column-selection-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-sorting-indicators/package.json b/samples/grids/grid/column-sorting-indicators/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-sorting-indicators/package.json +++ b/samples/grids/grid/column-sorting-indicators/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-sorting-options/package.json b/samples/grids/grid/column-sorting-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/column-sorting-options/package.json +++ b/samples/grids/grid/column-sorting-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/column-sorting-style/package.json b/samples/grids/grid/column-sorting-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/column-sorting-style/package.json +++ b/samples/grids/grid/column-sorting-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/conditional-cell-style-1/package.json b/samples/grids/grid/conditional-cell-style-1/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/conditional-cell-style-1/package.json +++ b/samples/grids/grid/conditional-cell-style-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/conditional-cell-style-2/package.json b/samples/grids/grid/conditional-cell-style-2/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/conditional-cell-style-2/package.json +++ b/samples/grids/grid/conditional-cell-style-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/conditional-row-selectors/package.json b/samples/grids/grid/conditional-row-selectors/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/conditional-row-selectors/package.json +++ b/samples/grids/grid/conditional-row-selectors/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/custom-context-menu/package.json b/samples/grids/grid/custom-context-menu/package.json index 67f7bbf0ea..2eed7f22c8 100644 --- a/samples/grids/grid/custom-context-menu/package.json +++ b/samples/grids/grid/custom-context-menu/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/custom-filtering/package.json b/samples/grids/grid/custom-filtering/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/custom-filtering/package.json +++ b/samples/grids/grid/custom-filtering/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-batch-editing-actions/package.json b/samples/grids/grid/data-batch-editing-actions/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/data-batch-editing-actions/package.json +++ b/samples/grids/grid/data-batch-editing-actions/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-exporting-indicator/package.json b/samples/grids/grid/data-exporting-indicator/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/data-exporting-indicator/package.json +++ b/samples/grids/grid/data-exporting-indicator/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-paste-options/package.json b/samples/grids/grid/data-paste-options/package.json index 67f7bbf0ea..2eed7f22c8 100644 --- a/samples/grids/grid/data-paste-options/package.json +++ b/samples/grids/grid/data-paste-options/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-performance-virtualization/package.json b/samples/grids/grid/data-performance-virtualization/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/data-performance-virtualization/package.json +++ b/samples/grids/grid/data-performance-virtualization/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-searching/package.json b/samples/grids/grid/data-searching/package.json index 67f7bbf0ea..2eed7f22c8 100644 --- a/samples/grids/grid/data-searching/package.json +++ b/samples/grids/grid/data-searching/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summaries-custom/package.json b/samples/grids/grid/data-summaries-custom/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/data-summaries-custom/package.json +++ b/samples/grids/grid/data-summaries-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summary-formatter/package.json b/samples/grids/grid/data-summary-formatter/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/data-summary-formatter/package.json +++ b/samples/grids/grid/data-summary-formatter/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summary-options/package.json b/samples/grids/grid/data-summary-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/data-summary-options/package.json +++ b/samples/grids/grid/data-summary-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-summary-template/package.json b/samples/grids/grid/data-summary-template/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/data-summary-template/package.json +++ b/samples/grids/grid/data-summary-template/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validation-style/package.json b/samples/grids/grid/data-validation-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/data-validation-style/package.json +++ b/samples/grids/grid/data-validation-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validator-service-cross-field/package.json b/samples/grids/grid/data-validator-service-cross-field/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/data-validator-service-cross-field/package.json +++ b/samples/grids/grid/data-validator-service-cross-field/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validator-service-extended/package.json b/samples/grids/grid/data-validator-service-extended/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/data-validator-service-extended/package.json +++ b/samples/grids/grid/data-validator-service-extended/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/data-validator-service/package.json b/samples/grids/grid/data-validator-service/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/data-validator-service/package.json +++ b/samples/grids/grid/data-validator-service/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/disabled-summaries/package.json b/samples/grids/grid/disabled-summaries/package.json index 2ac71957fb..cce2f57e9b 100644 --- a/samples/grids/grid/disabled-summaries/package.json +++ b/samples/grids/grid/disabled-summaries/package.json @@ -26,7 +26,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-columns/package.json b/samples/grids/grid/editing-columns/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/editing-columns/package.json +++ b/samples/grids/grid/editing-columns/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-events/package.json b/samples/grids/grid/editing-events/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/editing-events/package.json +++ b/samples/grids/grid/editing-events/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-excel-style-custom/package.json b/samples/grids/grid/editing-excel-style-custom/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/editing-excel-style-custom/package.json +++ b/samples/grids/grid/editing-excel-style-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-excel-style/package.json b/samples/grids/grid/editing-excel-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/editing-excel-style/package.json +++ b/samples/grids/grid/editing-excel-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/editing-lifecycle/package.json b/samples/grids/grid/editing-lifecycle/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/editing-lifecycle/package.json +++ b/samples/grids/grid/editing-lifecycle/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-exporting/index.html b/samples/grids/grid/excel-exporting/index.html index f434b77ca3..fad501d3fb 100644 --- a/samples/grids/grid/excel-exporting/index.html +++ b/samples/grids/grid/excel-exporting/index.html @@ -25,13 +25,9 @@ id="grid" id="grid" hide-grouped-columns="true"> - - - + + + diff --git a/samples/grids/grid/excel-exporting/package.json b/samples/grids/grid/excel-exporting/package.json index 30f4143d19..b099c72390 100644 --- a/samples/grids/grid/excel-exporting/package.json +++ b/samples/grids/grid/excel-exporting/package.json @@ -10,7 +10,7 @@ "scripts": { "build": "npm run build:prod", "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", - "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "build:prod": "webpack --mode production --config ./webpack.config.js --progress --color --bail", "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", "start": "npm run serve:dev", @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-style-filtering-sample-1/package.json b/samples/grids/grid/excel-style-filtering-sample-1/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/excel-style-filtering-sample-1/package.json +++ b/samples/grids/grid/excel-style-filtering-sample-1/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-style-filtering-sample-2/package.json b/samples/grids/grid/excel-style-filtering-sample-2/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/excel-style-filtering-sample-2/package.json +++ b/samples/grids/grid/excel-style-filtering-sample-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", 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 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/excel-style-filtering-sample-3/package.json +++ b/samples/grids/grid/excel-style-filtering-sample-3/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/excel-style-filtering-style/package.json b/samples/grids/grid/excel-style-filtering-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/excel-style-filtering-style/package.json +++ b/samples/grids/grid/excel-style-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/external-advanced-filtering/package.json b/samples/grids/grid/external-advanced-filtering/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/external-advanced-filtering/package.json +++ b/samples/grids/grid/external-advanced-filtering/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/filtering-options/package.json b/samples/grids/grid/filtering-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/filtering-options/package.json +++ b/samples/grids/grid/filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/filtering-strategy/package.json b/samples/grids/grid/filtering-strategy/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/filtering-strategy/package.json +++ b/samples/grids/grid/filtering-strategy/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/filtering-style/package.json b/samples/grids/grid/filtering-style/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/filtering-style/package.json +++ b/samples/grids/grid/filtering-style/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/finjs/package.json b/samples/grids/grid/finjs/package.json index 0d29a3d36a..d7589d906c 100644 --- a/samples/grids/grid/finjs/package.json +++ b/samples/grids/grid/finjs/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents-charts": "6.3.1", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-custom/package.json b/samples/grids/grid/groupby-custom/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/groupby-custom/package.json +++ b/samples/grids/grid/groupby-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-expressions/package.json b/samples/grids/grid/groupby-expressions/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/groupby-expressions/package.json +++ b/samples/grids/grid/groupby-expressions/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-paging/package.json b/samples/grids/grid/groupby-paging/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/groupby-paging/package.json +++ b/samples/grids/grid/groupby-paging/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-styling/package.json b/samples/grids/grid/groupby-styling/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/groupby-styling/package.json +++ b/samples/grids/grid/groupby-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-summary-options/package.json b/samples/grids/grid/groupby-summary-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/groupby-summary-options/package.json +++ b/samples/grids/grid/groupby-summary-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/groupby-summary-styling/package.json b/samples/grids/grid/groupby-summary-styling/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/groupby-summary-styling/package.json +++ b/samples/grids/grid/groupby-summary-styling/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/infinite-scroll/package.json b/samples/grids/grid/infinite-scroll/package.json index ce53f0f0a9..ac44a7f95b 100644 --- a/samples/grids/grid/infinite-scroll/package.json +++ b/samples/grids/grid/infinite-scroll/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/keyboard-custom-navigation/package.json b/samples/grids/grid/keyboard-custom-navigation/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/keyboard-custom-navigation/package.json +++ b/samples/grids/grid/keyboard-custom-navigation/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/keyboard-mrl-navigation/package.json b/samples/grids/grid/keyboard-mrl-navigation/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/keyboard-mrl-navigation/package.json +++ b/samples/grids/grid/keyboard-mrl-navigation/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/keyboard-navigation-guide/package.json b/samples/grids/grid/keyboard-navigation-guide/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/keyboard-navigation-guide/package.json +++ b/samples/grids/grid/keyboard-navigation-guide/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/layout-display-density/package.json b/samples/grids/grid/layout-display-density/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/layout-display-density/package.json +++ b/samples/grids/grid/layout-display-density/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/master-detail/package.json b/samples/grids/grid/master-detail/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/master-detail/package.json +++ b/samples/grids/grid/master-detail/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-cell-selection-mode/package.json b/samples/grids/grid/multi-cell-selection-mode/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/multi-cell-selection-mode/package.json +++ b/samples/grids/grid/multi-cell-selection-mode/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-export/index.html b/samples/grids/grid/multi-column-headers-export/index.html index 26c53bbbf3..baac01b514 100644 --- a/samples/grids/grid/multi-column-headers-export/index.html +++ b/samples/grids/grid/multi-column-headers-export/index.html @@ -39,6 +39,7 @@ diff --git a/samples/grids/grid/multi-column-headers-export/package.json b/samples/grids/grid/multi-column-headers-export/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/multi-column-headers-export/package.json +++ b/samples/grids/grid/multi-column-headers-export/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-overview/package.json b/samples/grids/grid/multi-column-headers-overview/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/multi-column-headers-overview/package.json +++ b/samples/grids/grid/multi-column-headers-overview/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-styling/package.json b/samples/grids/grid/multi-column-headers-styling/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/multi-column-headers-styling/package.json +++ b/samples/grids/grid/multi-column-headers-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-template/package.json b/samples/grids/grid/multi-column-headers-template/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/multi-column-headers-template/package.json +++ b/samples/grids/grid/multi-column-headers-template/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-column-headers-template/src/index.ts b/samples/grids/grid/multi-column-headers-template/src/index.ts index a77c0706e5..18822dba58 100644 --- a/samples/grids/grid/multi-column-headers-template/src/index.ts +++ b/samples/grids/grid/multi-column-headers-template/src/index.ts @@ -53,7 +53,7 @@ export class Sample { public webGridColumnGroupHeaderTemplate = (ctx: IgcColumnTemplateContext) => { const column = (ctx as any).column; return html`
- this.toggleColumnGroup(column)}> + this.toggleColumnGroup(column)}> ${this.columnGroupStates.get(column) ? "🔽" : "🔼"} ${column.header} diff --git a/samples/grids/grid/multi-row-layout-options/package.json b/samples/grids/grid/multi-row-layout-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/multi-row-layout-options/package.json +++ b/samples/grids/grid/multi-row-layout-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/multi-row-layout-style/package.json b/samples/grids/grid/multi-row-layout-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/multi-row-layout-style/package.json +++ b/samples/grids/grid/multi-row-layout-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/overview/package.json b/samples/grids/grid/overview/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/overview/package.json +++ b/samples/grids/grid/overview/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/paste/package.json b/samples/grids/grid/paste/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/paste/package.json +++ b/samples/grids/grid/paste/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/remote-paging-data/package.json b/samples/grids/grid/remote-paging-data/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/remote-paging-data/package.json +++ b/samples/grids/grid/remote-paging-data/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/remote-paging-grid/package.json b/samples/grids/grid/remote-paging-grid/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/remote-paging-grid/package.json +++ b/samples/grids/grid/remote-paging-grid/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-adding/package.json b/samples/grids/grid/row-adding/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/row-adding/package.json +++ b/samples/grids/grid/row-adding/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-classes/package.json b/samples/grids/grid/row-classes/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/row-classes/package.json +++ b/samples/grids/grid/row-classes/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-drag-base/package.json b/samples/grids/grid/row-drag-base/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/grid/row-drag-base/package.json +++ b/samples/grids/grid/row-drag-base/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-editing-options/package.json b/samples/grids/grid/row-editing-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/row-editing-options/package.json +++ b/samples/grids/grid/row-editing-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-editing-style/package.json b/samples/grids/grid/row-editing-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/row-editing-style/package.json +++ b/samples/grids/grid/row-editing-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-paging-basic/package.json b/samples/grids/grid/row-paging-basic/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/row-paging-basic/package.json +++ b/samples/grids/grid/row-paging-basic/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-paging-options/package.json b/samples/grids/grid/row-paging-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/row-paging-options/package.json +++ b/samples/grids/grid/row-paging-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-pinning-drag/package.json b/samples/grids/grid/row-pinning-drag/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/row-pinning-drag/package.json +++ b/samples/grids/grid/row-pinning-drag/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-pinning-extra-column/index.html b/samples/grids/grid/row-pinning-extra-column/index.html index 990bfb9772..6e457551e9 100644 --- a/samples/grids/grid/row-pinning-extra-column/index.html +++ b/samples/grids/grid/row-pinning-extra-column/index.html @@ -25,7 +25,7 @@ primary-key="ID" cell-selection="none"> { const index = ctx.cell.id.rowIndex; - return html` this.toggleRowPin(index)}>📌` + const grid = this.grid; + const row = grid.rowList.find((x:any) => x.index === index); + if (row && row.pinned && row.disabled) { + return html``; + } + return html`
this.toggleRowPin(index)}>📌
` } public toggleRowPin(index: number) { var grid = this.grid; grid.getRowByIndex(index).pinned = !grid.getRowByIndex(index).pinned; + grid.markForCheck(); } } diff --git a/samples/grids/grid/row-pinning-options/package.json b/samples/grids/grid/row-pinning-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/grid/row-pinning-options/package.json +++ b/samples/grids/grid/row-pinning-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-pinning-style/package.json b/samples/grids/grid/row-pinning-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/row-pinning-style/package.json +++ b/samples/grids/grid/row-pinning-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-reorder/package.json b/samples/grids/grid/row-reorder/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/grid/row-reorder/package.json +++ b/samples/grids/grid/row-reorder/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/grid/row-selection-mode/index.html b/samples/grids/grid/row-selection-mode/index.html index 65429cefec..66a453cd2d 100644 --- a/samples/grids/grid/row-selection-mode/index.html +++ b/samples/grids/grid/row-selection-mode/index.html @@ -28,7 +28,11 @@ + property-path="RowSelection" + value-type="EnumValue" + label="Row Selection" + drop-down-names="None, Single, Multiple" + drop-down-values="None, Single, Multiple"> + value-type="EnumValue" + drop-down-names="None, Single, Multiple" + drop-down-values="None, Single, Multiple"> ${column.field} - this.toggleColumnPin(column)}>📌 + this.toggleColumnPin(column)}>📌
`; }; diff --git a/samples/grids/hierarchical-grid/column-moving-styles/package.json b/samples/grids/hierarchical-grid/column-moving-styles/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/hierarchical-grid/column-moving-styles/package.json +++ b/samples/grids/hierarchical-grid/column-moving-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-moving-styles/src/index.ts b/samples/grids/hierarchical-grid/column-moving-styles/src/index.ts index e4100a1d39..7db38e3988 100644 --- a/samples/grids/hierarchical-grid/column-moving-styles/src/index.ts +++ b/samples/grids/hierarchical-grid/column-moving-styles/src/index.ts @@ -66,7 +66,7 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column)}>📌 + this.toggleColumnPin(column)}>📌
`; }; diff --git a/samples/grids/hierarchical-grid/column-pinning-both-sides/index.html b/samples/grids/hierarchical-grid/column-pinning-both-sides/index.html index 401069e466..66ac2f1075 100644 --- a/samples/grids/hierarchical-grid/column-pinning-both-sides/index.html +++ b/samples/grids/hierarchical-grid/column-pinning-both-sides/index.html @@ -26,9 +26,9 @@ moving="true"> - Unpin Column - Pin Left - Pin Right + Unpin Selected Columns + Pin Selected Left + Pin Selected Right diff --git a/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json b/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json index 67f7bbf0ea..2eed7f22c8 100644 --- a/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json +++ b/samples/grids/hierarchical-grid/column-pinning-both-sides/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.ts b/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.ts index 00d4f0690d..fe24d31a41 100644 --- a/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.ts +++ b/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.ts @@ -64,21 +64,25 @@ export class Sample { private handlePinLeft = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.Start; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.Start); }); }; private handlePinRight = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.End; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.End); }); }; private handleUnpin = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinned = false; + col.unpin(); }); }; } diff --git a/samples/grids/hierarchical-grid/column-pinning-options/index.html b/samples/grids/hierarchical-grid/column-pinning-options/index.html index 824f3b69e8..d38b3174de 100644 --- a/samples/grids/hierarchical-grid/column-pinning-options/index.html +++ b/samples/grids/hierarchical-grid/column-pinning-options/index.html @@ -25,15 +25,6 @@ id="grid" column-selection="single" primary-key="CustomerID"> - - - - - - + sortable="true" + disable-hiding="true"> + sortable="true" + disable-hiding="true"> + sortable="true" + disable-hiding="true"> + sortable="true" + disable-hiding="true"> diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-hiding-toolbar-style/package.json +++ b/samples/grids/tree-grid/column-hiding-toolbar-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-hiding-toolbar-style/src/index.css b/samples/grids/tree-grid/column-hiding-toolbar-style/src/index.css index 3d50e297df..d554f11b87 100644 --- a/samples/grids/tree-grid/column-hiding-toolbar-style/src/index.css +++ b/samples/grids/tree-grid/column-hiding-toolbar-style/src/index.css @@ -2,25 +2,29 @@ /* https://dl.infragistics.com/x/css/samples/shared.v8.css */ #treeGrid { - --ig-column-actions-background-color: #292826; - --ig-column-actions-title-color: #ffcd0f; - --ig-checkbox-tick-color: #292826; - --ig-checkbox-label-color: #ffcd0f; - --ig-checkbox-empty-color: #ffcd0f; - --ig-checkbox-fill-color: #ffcd0f; - --ig-input-group-idle-text-color: white; - --ig-input-group-filled-text-color: #ffcd0f; - --ig-input-group-focused-text-color: #ffcd0f; - --ig-input-group-focused-border-color: #ffcd0f; - --ig-input-group-focused-secondary-color: #ffcd0f; - --igx-button-foreground: #292826; - --igx-button-background: #ffcd0f; - --igx-button-hover-background: #404040; - --igx-button-hover-foreground: #ffcd0f; - --igx-button-focus-background: #ffcd0f; - --igx-button-focus-foreground: black; - --igx-button-focus-visible-background: #ffcd0f; - --igx-button-focus-visible-foreground: black; - --igx-button-disabled-foreground: #ffcd0f; + --ig-column-actions-background-color: #292826; + --ig-column-actions-title-color: #ffcd0f; + --ig-checkbox-tick-color: #292826; + --ig-checkbox-label-color: #ffcd0f; + --ig-checkbox-label-color-hover: #c5a11b; + --ig-checkbox-empty-color: #ffcd0f; + --ig-checkbox-focus-outline-color: #c5a11b; + --ig-checkbox-empty-fill-color: #292826; + --ig-checkbox-fill-color: #ffcd0f; + --ig-checkbox-fill-color-hover: #c5a11b; + --ig-input-group-idle-text-color: white; + --ig-input-group-filled-text-color: #ffcd0f; + --ig-input-group-focused-text-color: #ffcd0f; + --ig-input-group-focused-border-color: #ffcd0f; + --ig-input-group-focused-secondary-color: #ffcd0f; + --ig-flat-button-foreground: #292826; + --ig-flat-button-background: #ffcd0f; + --ig-flat-button-hover-background: #404040; + --ig-flat-button-hover-foreground: #ffcd0f; + --ig-flat-button-focus-background: #ffcd0f; + --ig-flat-button-focus-foreground: black; + --ig-flat-button-focus-visible-background: #ffcd0f; + --ig-flat-button-focus-visible-foreground: black; + --ig-flat-button-disabled-foreground: #ffcd0f; } diff --git a/samples/grids/tree-grid/column-hiding-toolbar/package.json b/samples/grids/tree-grid/column-hiding-toolbar/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-hiding-toolbar/package.json +++ b/samples/grids/tree-grid/column-hiding-toolbar/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-moving-options/package.json b/samples/grids/tree-grid/column-moving-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-moving-options/package.json +++ b/samples/grids/tree-grid/column-moving-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-moving-options/src/index.ts b/samples/grids/tree-grid/column-moving-options/src/index.ts index c8a90d23c1..42dcdc9605 100644 --- a/samples/grids/tree-grid/column-moving-options/src/index.ts +++ b/samples/grids/tree-grid/column-moving-options/src/index.ts @@ -81,9 +81,9 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column.field)}>📌 + this.toggleColumnPin(column.field)}>📌
`; -     }; + }; public toggleColumnPin(field: string) {     var grid = this.treeGrid; diff --git a/samples/grids/tree-grid/column-moving-styles/package.json b/samples/grids/tree-grid/column-moving-styles/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-moving-styles/package.json +++ b/samples/grids/tree-grid/column-moving-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-moving-styles/src/index.ts b/samples/grids/tree-grid/column-moving-styles/src/index.ts index a7abc18d26..65494798da 100644 --- a/samples/grids/tree-grid/column-moving-styles/src/index.ts +++ b/samples/grids/tree-grid/column-moving-styles/src/index.ts @@ -81,9 +81,9 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column.field)}>📌 + this.toggleColumnPin(column.field)}>📌
`; -     }; + }; public toggleColumnPin(field: string) {     var grid = this.grid; diff --git a/samples/grids/tree-grid/column-pinning-both-sides/index.html b/samples/grids/tree-grid/column-pinning-both-sides/index.html index e4080b4e46..5c120b73f3 100644 --- a/samples/grids/tree-grid/column-pinning-both-sides/index.html +++ b/samples/grids/tree-grid/column-pinning-both-sides/index.html @@ -27,9 +27,9 @@ moving="true"> - Unpin Column - Pin Left - Pin Right + Unpin Selected Columns + Pin Selected Left + Pin Selected Right diff --git a/samples/grids/tree-grid/column-pinning-both-sides/package.json b/samples/grids/tree-grid/column-pinning-both-sides/package.json index 67f7bbf0ea..2eed7f22c8 100644 --- a/samples/grids/tree-grid/column-pinning-both-sides/package.json +++ b/samples/grids/tree-grid/column-pinning-both-sides/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-both-sides/src/index.ts b/samples/grids/tree-grid/column-pinning-both-sides/src/index.ts index d0b522ddb8..407502e0d6 100644 --- a/samples/grids/tree-grid/column-pinning-both-sides/src/index.ts +++ b/samples/grids/tree-grid/column-pinning-both-sides/src/index.ts @@ -48,21 +48,25 @@ export class Sample { private handlePinLeft = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.Start; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.Start); }); }; private handlePinRight = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinningPosition = ColumnPinningPosition.End; - col.pinned = true; + if (col.pinned) { + col.unpin(); + } + col.pin(undefined, ColumnPinningPosition.End); }); }; private handleUnpin = () => { this.grid.selectedColumns().forEach((col: IgcColumnComponent) => { - col.pinned = false; + col.unpin(); }); }; } diff --git a/samples/grids/tree-grid/column-pinning-options/package.json b/samples/grids/tree-grid/column-pinning-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-pinning-options/package.json +++ b/samples/grids/tree-grid/column-pinning-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-options/src/index.ts b/samples/grids/tree-grid/column-pinning-options/src/index.ts index 7a49dc4967..6da6ea400f 100644 --- a/samples/grids/tree-grid/column-pinning-options/src/index.ts +++ b/samples/grids/tree-grid/column-pinning-options/src/index.ts @@ -66,9 +66,9 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column.field)}>📌 + this.toggleColumnPin(column.field)}>📌
`; -     }; + }; public toggleColumnPin(field: string) {     var grid = this.treeGrid; diff --git a/samples/grids/tree-grid/column-pinning-right-side/package.json b/samples/grids/tree-grid/column-pinning-right-side/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-pinning-right-side/package.json +++ b/samples/grids/tree-grid/column-pinning-right-side/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-styles/package.json b/samples/grids/tree-grid/column-pinning-styles/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-pinning-styles/package.json +++ b/samples/grids/tree-grid/column-pinning-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning-styles/src/index.ts b/samples/grids/tree-grid/column-pinning-styles/src/index.ts index 7a49dc4967..6da6ea400f 100644 --- a/samples/grids/tree-grid/column-pinning-styles/src/index.ts +++ b/samples/grids/tree-grid/column-pinning-styles/src/index.ts @@ -66,9 +66,9 @@ export class Sample { const column = (ctx as any).column; return html`
${column.field} - this.toggleColumnPin(column.field)}>📌 + this.toggleColumnPin(column.field)}>📌
`; -     }; + }; public toggleColumnPin(field: string) {     var grid = this.treeGrid; diff --git a/samples/grids/tree-grid/column-pinning-toolbar/package.json b/samples/grids/tree-grid/column-pinning-toolbar/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-pinning-toolbar/package.json +++ b/samples/grids/tree-grid/column-pinning-toolbar/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-pinning/package.json b/samples/grids/tree-grid/column-pinning/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-pinning/package.json +++ b/samples/grids/tree-grid/column-pinning/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-resize-styling/package.json b/samples/grids/tree-grid/column-resize-styling/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-resize-styling/package.json +++ b/samples/grids/tree-grid/column-resize-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-resizing/package.json b/samples/grids/tree-grid/column-resizing/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-resizing/package.json +++ b/samples/grids/tree-grid/column-resizing/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-group/package.json b/samples/grids/tree-grid/column-selection-group/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-selection-group/package.json +++ b/samples/grids/tree-grid/column-selection-group/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-mode/index.html b/samples/grids/tree-grid/column-selection-mode/index.html index 16f33d2554..27fdfe511b 100644 --- a/samples/grids/tree-grid/column-selection-mode/index.html +++ b/samples/grids/tree-grid/column-selection-mode/index.html @@ -26,9 +26,11 @@ is-wrapping-enabled="true"> + name="ColumnSelectionEditor" + id="ColumnSelectionEditor" + value-type="EnumValue" + drop-down-names="None, Single, Multiple, MultipleCascade" + drop-down-values="None, Single, Multiple, MultipleCascade"> diff --git a/samples/grids/tree-grid/column-selection-mode/package.json b/samples/grids/tree-grid/column-selection-mode/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/column-selection-mode/package.json +++ b/samples/grids/tree-grid/column-selection-mode/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-mode/src/index.ts b/samples/grids/tree-grid/column-selection-mode/src/index.ts index 3317f0a4d6..617d7094d7 100644 --- a/samples/grids/tree-grid/column-selection-mode/src/index.ts +++ b/samples/grids/tree-grid/column-selection-mode/src/index.ts @@ -26,7 +26,7 @@ export class Sample { constructor() { var propertyEditor = this.propertyEditor = document.getElementById('PropertyEditor') as IgcPropertyEditorPanelComponent; - var columnSelectionEditor = this.columnSelectionEditor = document.getElementById('columnSelectionEditor') as IgcPropertyEditorPropertyDescriptionComponent; + var columnSelectionEditor = this.columnSelectionEditor = document.getElementById('ColumnSelectionEditor') as IgcPropertyEditorPropertyDescriptionComponent; var treeGrid = this.treeGrid = document.getElementById('treeGrid') as IgcTreeGridComponent; this._bind = () => { diff --git a/samples/grids/tree-grid/column-selection-style/package.json b/samples/grids/tree-grid/column-selection-style/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/column-selection-style/package.json +++ b/samples/grids/tree-grid/column-selection-style/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-selection-styles/package.json b/samples/grids/tree-grid/column-selection-styles/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-selection-styles/package.json +++ b/samples/grids/tree-grid/column-selection-styles/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-sorting-indicators/package.json b/samples/grids/tree-grid/column-sorting-indicators/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-sorting-indicators/package.json +++ b/samples/grids/tree-grid/column-sorting-indicators/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-sorting-options/package.json b/samples/grids/tree-grid/column-sorting-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/column-sorting-options/package.json +++ b/samples/grids/tree-grid/column-sorting-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/column-sorting-style/package.json b/samples/grids/tree-grid/column-sorting-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/column-sorting-style/package.json +++ b/samples/grids/tree-grid/column-sorting-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/conditional-cell-style-1/package.json b/samples/grids/tree-grid/conditional-cell-style-1/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/conditional-cell-style-1/package.json +++ b/samples/grids/tree-grid/conditional-cell-style-1/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/conditional-cell-style-2/package.json b/samples/grids/tree-grid/conditional-cell-style-2/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/conditional-cell-style-2/package.json +++ b/samples/grids/tree-grid/conditional-cell-style-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/conditional-row-selectors/package.json b/samples/grids/tree-grid/conditional-row-selectors/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/conditional-row-selectors/package.json +++ b/samples/grids/tree-grid/conditional-row-selectors/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/custom-filtering/package.json b/samples/grids/tree-grid/custom-filtering/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/custom-filtering/package.json +++ b/samples/grids/tree-grid/custom-filtering/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-exporting-indicator/package.json b/samples/grids/tree-grid/data-exporting-indicator/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/data-exporting-indicator/package.json +++ b/samples/grids/tree-grid/data-exporting-indicator/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-searching/package.json b/samples/grids/tree-grid/data-searching/package.json index 67f7bbf0ea..2eed7f22c8 100644 --- a/samples/grids/tree-grid/data-searching/package.json +++ b/samples/grids/tree-grid/data-searching/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summaries-custom/package.json b/samples/grids/tree-grid/data-summaries-custom/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/data-summaries-custom/package.json +++ b/samples/grids/tree-grid/data-summaries-custom/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-children/package.json b/samples/grids/tree-grid/data-summary-children/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/data-summary-children/package.json +++ b/samples/grids/tree-grid/data-summary-children/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-formatter/package.json b/samples/grids/tree-grid/data-summary-formatter/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/data-summary-formatter/package.json +++ b/samples/grids/tree-grid/data-summary-formatter/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-options-styling/package.json b/samples/grids/tree-grid/data-summary-options-styling/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/data-summary-options-styling/package.json +++ b/samples/grids/tree-grid/data-summary-options-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-options/package.json b/samples/grids/tree-grid/data-summary-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/data-summary-options/package.json +++ b/samples/grids/tree-grid/data-summary-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/data-summary-template/package.json b/samples/grids/tree-grid/data-summary-template/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/data-summary-template/package.json +++ b/samples/grids/tree-grid/data-summary-template/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/disabled-summaries/package.json b/samples/grids/tree-grid/disabled-summaries/package.json index 2ac71957fb..cce2f57e9b 100644 --- a/samples/grids/tree-grid/disabled-summaries/package.json +++ b/samples/grids/tree-grid/disabled-summaries/package.json @@ -26,7 +26,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/editing-columns/package.json b/samples/grids/tree-grid/editing-columns/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/editing-columns/package.json +++ b/samples/grids/tree-grid/editing-columns/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/editing-events/package.json b/samples/grids/tree-grid/editing-events/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/editing-events/package.json +++ b/samples/grids/tree-grid/editing-events/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/editing-lifecycle/package.json b/samples/grids/tree-grid/editing-lifecycle/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/editing-lifecycle/package.json +++ b/samples/grids/tree-grid/editing-lifecycle/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-exporting/index.html b/samples/grids/tree-grid/excel-exporting/index.html index e2613b8509..63df66ca64 100644 --- a/samples/grids/tree-grid/excel-exporting/index.html +++ b/samples/grids/tree-grid/excel-exporting/index.html @@ -25,13 +25,9 @@ id="treeGrid" id="treeGrid" child-data-key="Employees"> - - - + + + diff --git a/samples/grids/tree-grid/excel-exporting/package.json b/samples/grids/tree-grid/excel-exporting/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/excel-exporting/package.json +++ b/samples/grids/tree-grid/excel-exporting/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-sample-1/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-sample-2/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-sample-3/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/excel-style-filtering-style/package.json b/samples/grids/tree-grid/excel-style-filtering-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/excel-style-filtering-style/package.json +++ b/samples/grids/tree-grid/excel-style-filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/filtering-options/package.json b/samples/grids/tree-grid/filtering-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/filtering-options/package.json +++ b/samples/grids/tree-grid/filtering-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/filtering-style/package.json b/samples/grids/tree-grid/filtering-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/filtering-style/package.json +++ b/samples/grids/tree-grid/filtering-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/finjs/package.json b/samples/grids/tree-grid/finjs/package.json index 0d29a3d36a..d7589d906c 100644 --- a/samples/grids/tree-grid/finjs/package.json +++ b/samples/grids/tree-grid/finjs/package.json @@ -28,7 +28,7 @@ "core-js": "^3.6.5", "igniteui-webcomponents-charts": "6.3.1", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/keyboard-custom-navigation/package.json b/samples/grids/tree-grid/keyboard-custom-navigation/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/keyboard-custom-navigation/package.json +++ b/samples/grids/tree-grid/keyboard-custom-navigation/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/keyboard-navigation-guide/package.json b/samples/grids/tree-grid/keyboard-navigation-guide/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/keyboard-navigation-guide/package.json +++ b/samples/grids/tree-grid/keyboard-navigation-guide/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/layout-display-density/package.json b/samples/grids/tree-grid/layout-display-density/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/layout-display-density/package.json +++ b/samples/grids/tree-grid/layout-display-density/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/load-on-demand/package.json b/samples/grids/tree-grid/load-on-demand/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/load-on-demand/package.json +++ b/samples/grids/tree-grid/load-on-demand/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-cell-selection-mode/package.json b/samples/grids/tree-grid/multi-cell-selection-mode/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/multi-cell-selection-mode/package.json +++ b/samples/grids/tree-grid/multi-cell-selection-mode/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-export/index.html b/samples/grids/tree-grid/multi-column-headers-export/index.html index a140f3ebca..3ad9c2afad 100644 --- a/samples/grids/tree-grid/multi-column-headers-export/index.html +++ b/samples/grids/tree-grid/multi-column-headers-export/index.html @@ -39,6 +39,7 @@ diff --git a/samples/grids/tree-grid/multi-column-headers-export/package.json b/samples/grids/tree-grid/multi-column-headers-export/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/multi-column-headers-export/package.json +++ b/samples/grids/tree-grid/multi-column-headers-export/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-overview/package.json b/samples/grids/tree-grid/multi-column-headers-overview/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/multi-column-headers-overview/package.json +++ b/samples/grids/tree-grid/multi-column-headers-overview/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-styling/package.json b/samples/grids/tree-grid/multi-column-headers-styling/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/multi-column-headers-styling/package.json +++ b/samples/grids/tree-grid/multi-column-headers-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/multi-column-headers-template/package.json b/samples/grids/tree-grid/multi-column-headers-template/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/multi-column-headers-template/package.json +++ b/samples/grids/tree-grid/multi-column-headers-template/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/overview-styling/package.json b/samples/grids/tree-grid/overview-styling/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/overview-styling/package.json +++ b/samples/grids/tree-grid/overview-styling/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/overview/package.json b/samples/grids/tree-grid/overview/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/overview/package.json +++ b/samples/grids/tree-grid/overview/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-adding/package.json b/samples/grids/tree-grid/row-adding/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-adding/package.json +++ b/samples/grids/tree-grid/row-adding/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-classes/package.json b/samples/grids/tree-grid/row-classes/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-classes/package.json +++ b/samples/grids/tree-grid/row-classes/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-drag-base/package.json b/samples/grids/tree-grid/row-drag-base/package.json index 42083b7314..66303ef438 100644 --- a/samples/grids/tree-grid/row-drag-base/package.json +++ b/samples/grids/tree-grid/row-drag-base/package.json @@ -27,7 +27,7 @@ "babel-runtime": "^6.26.0", "core-js": "^3.6.5", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-editing-options/package.json b/samples/grids/tree-grid/row-editing-options/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-editing-options/package.json +++ b/samples/grids/tree-grid/row-editing-options/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-editing-style/package.json b/samples/grids/tree-grid/row-editing-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-editing-style/package.json +++ b/samples/grids/tree-grid/row-editing-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-paging-basic/package.json b/samples/grids/tree-grid/row-paging-basic/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-paging-basic/package.json +++ b/samples/grids/tree-grid/row-paging-basic/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-paging-options/package.json b/samples/grids/tree-grid/row-paging-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/row-paging-options/package.json +++ b/samples/grids/tree-grid/row-paging-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-paging-style/package.json b/samples/grids/tree-grid/row-paging-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-paging-style/package.json +++ b/samples/grids/tree-grid/row-paging-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-pinning-extra-column/package.json b/samples/grids/tree-grid/row-pinning-extra-column/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-pinning-extra-column/package.json +++ b/samples/grids/tree-grid/row-pinning-extra-column/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-pinning-options/package.json b/samples/grids/tree-grid/row-pinning-options/package.json index 6fc1755e34..8c50536621 100644 --- a/samples/grids/tree-grid/row-pinning-options/package.json +++ b/samples/grids/tree-grid/row-pinning-options/package.json @@ -25,7 +25,7 @@ "babel-runtime": "^6.26.0", "igniteui-webcomponents": "^6.3.6", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-pinning-style/package.json b/samples/grids/tree-grid/row-pinning-style/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-pinning-style/package.json +++ b/samples/grids/tree-grid/row-pinning-style/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-reorder/package.json b/samples/grids/tree-grid/row-reorder/package.json index 30f4143d19..2ebd6c4fc1 100644 --- a/samples/grids/tree-grid/row-reorder/package.json +++ b/samples/grids/tree-grid/row-reorder/package.json @@ -24,7 +24,7 @@ "dependencies": { "babel-runtime": "^6.26.0", "igniteui-webcomponents-core": "6.3.1", - "igniteui-webcomponents-grids": "^6.2.2", + "igniteui-webcomponents-grids": "6.3.0-alpha.1", "igniteui-webcomponents-inputs": "6.3.1", "igniteui-webcomponents-layouts": "6.3.1", "lit-html": "^3.3.1", diff --git a/samples/grids/tree-grid/row-selection-mode/index.html b/samples/grids/tree-grid/row-selection-mode/index.html index ead67f1d7a..1795d2355a 100644 --- a/samples/grids/tree-grid/row-selection-mode/index.html +++ b/samples/grids/tree-grid/row-selection-mode/index.html @@ -29,7 +29,10 @@ name="selectionType" id="selectionType" property-path="RowSelection" - label="Row Selection"> + value-type="EnumValue" + label="Row Selection" + drop-down-names="None, Single, Multiple" + drop-down-values="None, Single, Multiple"> + + +This folder contains implementation of Web Components application with example of Dot feature using [Badge](https://infragistics.com/webcomponentssite/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-angular-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-angular-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +To set up this project locally, execute these commands: + +``` +git clone https://github.com/IgniteUI/igniteui-wc-examples.git +git checkout master +cd ./igniteui-wc-examples +cd ./samples/inputs/badge/dot +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: + +``` +npm install +npm run start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for Web Components**, check out the [Web Components documentation](https://infragistics.com/webcomponentssite/components/general-getting-started.html). diff --git a/samples/inputs/badge/dot/index.html b/samples/inputs/badge/dot/index.html new file mode 100644 index 0000000000..9cb24f9c1e --- /dev/null +++ b/samples/inputs/badge/dot/index.html @@ -0,0 +1,29 @@ + + + + + Badge Dot + + + + + + + + + + +
+
+ +
+
+ + + <% if (false) { %> + + <% } %> + + + + \ No newline at end of file diff --git a/samples/inputs/badge/dot/package.json b/samples/inputs/badge/dot/package.json new file mode 100644 index 0000000000..75bcec6aec --- /dev/null +++ b/samples/inputs/badge/dot/package.json @@ -0,0 +1,61 @@ +{ + "name": "wc-badge-dot", + "version": "1.0.0", + "description": "This project provides example of Badge Dot using IgniteUI for Web Components", + "main": "src/index.ts", + "scripts": { + "build": "npm run build:prod", + "build:dev": "webpack --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod": "webpack --env.NODE_ENV=production --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod": "webpack-dev-server --env.NODE_ENV=production --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start": "npm run serve:dev", + "build:legacy": "npm run build:prod:legacy", + "build:dev:legacy": "webpack --env.legacy=true --mode development --config ./webpack.config.js --progress --color --display-error-details", + "build:prod:legacy": "webpack --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --progress --color --display-error-details --bail", + "serve:dev:legacy": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --env.legacy=true --mode development --config ./webpack.config.js --hot --progress --open", + "serve:prod:legacy": "webpack-dev-server --env.NODE_ENV=production --env.legacy=true --mode production --config ./webpack.config.js --port 3000 --host 0.0.0.0 --hot --progress --open --content-base dist/", + "start:legacy": "npm run serve:dev:legacy" + }, + "author": "Infragistics", + "dependencies": { + "@webcomponents/custom-elements": "^1.4.1", + "@webcomponents/template": "^1.4.2", + "babel-runtime": "^6.26.0", + "core-js": "^3.6.5", + "igniteui-i18n-core": "^0.7.0-alpha.8", + "igniteui-webcomponents": "^6.3.6", + "lit": "^3.2.0", + "lit-html": "^3.3.1", + "tslib": "^2.8.1" + }, + "devDependencies": { + "@babel/cli": "^7.28.3", + "@babel/core": "^7.28.4", + "@babel/plugin-transform-class-properties": "^7.27.1", + "@babel/plugin-transform-class-static-block": "^7.28.3", + "@babel/plugin-transform-runtime": "^7.28.3", + "@babel/preset-env": "^7.28.3", + "@babel/preset-typescript": "^7.27.1", + "@types/source-map": "^0.5.7", + "babel-loader": "^10.0.0", + "babel-plugin-transform-custom-element-classes": "^0.1.0", + "css-loader": "^7.1.2", + "csv-loader": "^3.0.5", + "file-loader": "^6.2.0", + "fork-ts-checker-webpack-plugin": "^9.1.0", + "html-webpack-plugin": "^5.6.4", + "parcel-bundler": "^1.12.5", + "source-map": "^0.7.6", + "style-loader": "^4.0.0", + "tsconfig-paths-webpack-plugin": "^4.2.0", + "typescript": "^5.9.2", + "webpack": "^5.101.3", + "webpack-cli": "^6.0.1", + "webpack-dev-server": "^5.2.2", + "worker-loader": "^3.0.8", + "xml-loader": "^1.2.1" + }, + "license": "", + "homepage": "." +} diff --git a/samples/inputs/badge/dot/sandbox.config.json b/samples/inputs/badge/dot/sandbox.config.json new file mode 100644 index 0000000000..5c5b54fe21 --- /dev/null +++ b/samples/inputs/badge/dot/sandbox.config.json @@ -0,0 +1,7 @@ +{ + "infiniteLoopProtection": false, + "hardReloadOnChange": false, + "view": "browser", + "template": "parcel" +} + \ No newline at end of file diff --git a/samples/inputs/badge/dot/src/index.css b/samples/inputs/badge/dot/src/index.css new file mode 100644 index 0000000000..1f53b8aa05 --- /dev/null +++ b/samples/inputs/badge/dot/src/index.css @@ -0,0 +1,2 @@ +/* shared styles are loaded from: */ +/* https://dl.infragistics.com/x/css/samples/shared.v8.css */ \ No newline at end of file diff --git a/samples/inputs/badge/dot/src/index.ts b/samples/inputs/badge/dot/src/index.ts new file mode 100644 index 0000000000..ccac65af80 --- /dev/null +++ b/samples/inputs/badge/dot/src/index.ts @@ -0,0 +1,10 @@ +import { defineComponents, IgcBadgeComponent } from 'igniteui-webcomponents'; +import 'igniteui-webcomponents/themes/light/bootstrap.css'; + +defineComponents(IgcBadgeComponent); +export class BadgeDot { + constructor() { + } +} + +new BadgeDot(); diff --git a/samples/inputs/badge/dot/tsconfig.json b/samples/inputs/badge/dot/tsconfig.json new file mode 100644 index 0000000000..de23257dd8 --- /dev/null +++ b/samples/inputs/badge/dot/tsconfig.json @@ -0,0 +1,20 @@ +{ + "compilerOptions": { + "noImplicitReturns": true, + "esModuleInterop": true, + "noImplicitAny": true, + "declarationDir": "dist/types", + "moduleResolution": "node", + "declaration": true, + "target": "es2015", + "module": "es2015", + "strict": true + }, + "include": [ + "src/**/*" + ], + "exclude": [ + "node_modules", + "dist" + ] +} \ No newline at end of file diff --git a/samples/inputs/badge/dot/webpack.config.js b/samples/inputs/badge/dot/webpack.config.js new file mode 100644 index 0000000000..3813144cf8 --- /dev/null +++ b/samples/inputs/badge/dot/webpack.config.js @@ -0,0 +1,107 @@ +const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); +const HtmlWebpackPlugin = require('html-webpack-plugin'); +const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin'); +const path = require('path'); +const webpack = require('webpack'); + +module.exports = env => { + const nodeEnv = process.env.NODE_ENV || 'development'; + const isProd = nodeEnv === 'production'; + const isLegacy = !!process.env.legacy && !(process.env.legacy == "false"); + console.log(">> webpack nodeEnv=" + nodeEnv); + console.log(">> webpack isProd=" + isProd); + console.log(">> webpack isLegacy=" + isLegacy); + const presets = [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": 3, + "targets": { + "browsers": isLegacy ? ["defaults"] : [ + "last 2 Chrome versions", + "last 2 Safari versions", + "last 2 iOS versions", + "last 2 Firefox versions", + "last 2 Edge versions"] + } + }], + "@babel/preset-typescript" + ]; + + return { + entry: isLegacy ? [ + path.resolve(__dirname, 'node_modules/@webcomponents/custom-elements'), + path.resolve(__dirname, 'node_modules/@webcomponents/template'), + path.resolve(__dirname, 'src') + ] : path.resolve(__dirname, 'src'), + devtool: isProd ? false : 'source-map', + output: { + filename: isProd ? '[fullhash].bundle.js' : '[fullhash].bundle.js', + globalObject: 'this', + path: path.resolve(__dirname, 'dist'), + }, + + resolve: { + mainFields: ['esm2015', 'module', 'main'], + extensions: ['.ts', '.js', '.json'], + plugins: [new TsconfigPathsPlugin({ + configFile: './tsconfig.json', + extensions: ['.ts', '.js'], + mainFields: ['esm2015', 'module', 'main'] + })] + }, + + module: { + rules: [ + { test: /\.(png|svg|jpg|gif)$/, use: ['file-loader'] }, + { test: /\.(csv|tsv)$/, use: ['csv-loader'] }, + { test: /\.xml$/, use: ['xml-loader'] }, + { test: /\.css$/, sideEffects: true, use: ['style-loader', 'css-loader'] }, + { + test: /worker\.(ts|js)$/, + use: [ + { loader: 'worker-loader' }, + { + loader: 'babel-loader', options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + } + } + ] + }, + { + test: /\.(ts|js)$/, loader: 'babel-loader', + options: { + "compact": isProd ? true : false, + "presets": presets, + "plugins": [ + "@babel/plugin-transform-class-static-block", + "@babel/plugin-transform-class-properties", + "@babel/plugin-transform-runtime" + ] + }, + exclude: + function (modulePath) { + return /node_modules/.test(modulePath) && + !/igniteui-webcomponents/.test(modulePath) && + !/lit-html/.test(modulePath); + } + }], + }, + + plugins: [ + new webpack.DefinePlugin({ + 'process.env.NODE_ENV': JSON.stringify(nodeEnv) + }), + new HtmlWebpackPlugin({ + title: 'for-cs', + template: 'index.html' + }), + new ForkTsCheckerWebpackPlugin() + ] + }; +}; diff --git a/samples/inputs/badge/styling/src/BadgeStyle.css b/samples/inputs/badge/styling/src/BadgeStyle.css index 6d958e4ec8..ce5ef75d08 100644 --- a/samples/inputs/badge/styling/src/BadgeStyle.css +++ b/samples/inputs/badge/styling/src/BadgeStyle.css @@ -1,5 +1,4 @@ igc-badge::part(base) { - background: var(--ig-primary-500); - color: var(--ig-primary-500-contrast); - border-radius: 2px; + --background-color: var(--ig-error-A100); + --border-radius: 2px; } \ No newline at end of file diff --git a/samples/inputs/checkbox/styling/src/CheckboxStyle.css b/samples/inputs/checkbox/styling/src/CheckboxStyle.css index f3ce951a00..b75c6792ad 100644 --- a/samples/inputs/checkbox/styling/src/CheckboxStyle.css +++ b/samples/inputs/checkbox/styling/src/CheckboxStyle.css @@ -1,8 +1,7 @@ igc-checkbox::part(indicator) { - stroke: var(--ig-secondary-500-contrast); + --tick-color: var(--ig-secondary-500-contrast); } igc-checkbox::part(control checked)::after { - border-radius: 4px; - background: var(--ig-secondary-500); + --fill-color: var(--ig-secondary-500); } \ No newline at end of file diff --git a/samples/inputs/date-time-input/styling/src/DateTimeInputStyle.css b/samples/inputs/date-time-input/styling/src/DateTimeInputStyle.css index 8e382d1d37..eec56c3724 100644 --- a/samples/inputs/date-time-input/styling/src/DateTimeInputStyle.css +++ b/samples/inputs/date-time-input/styling/src/DateTimeInputStyle.css @@ -1,12 +1,17 @@ -igc-date-time-input::part(input) { - background-color: var(--ig-primary-100); - border-color: var(--ig-secondary-500); - box-shadow: none; -} +igc-date-time-input { + --_background: var(--ig-primary-200); + --_foreground: var(--ig-gray-900); -igc-date-time-input::part(prefix), -igc-date-time-input::part(suffix) { - color: var(--ig-primary-600-contrast); - background-color: var(--ig-primary-500); - border-color: var(--ig-secondary-500); + --input-prefix-color: var(--_foreground); + --input-suffix-color: var(--_foreground); + --input-prefix-color--filled: var(--_foreground); + --input-suffix-color--filled: var(--_foreground); + --input-prefix-background: var(--_background); + --input-suffix-background: var(--_background); + --input-prefix-background--filled: var(--_background); + --input-suffix-background--filled: var(--_background); + --input-prefix-color--focused: var(--_foreground); + --input-suffix-color--focused: var(--_foreground); + --input-prefix-background--focused: var(--_background); + --input-suffix-background--focused: var(--_background); } \ No newline at end of file diff --git a/samples/inputs/switches/styling/src/SwitchStyle.css b/samples/inputs/switches/styling/src/SwitchStyle.css index 25047c1826..45c23a0f48 100644 --- a/samples/inputs/switches/styling/src/SwitchStyle.css +++ b/samples/inputs/switches/styling/src/SwitchStyle.css @@ -1,12 +1,7 @@ -igc-switch::part(thumb) { - background-color: var(--ig-success-500); - box-shadow: none; -} - -igc-switch::part(thumb checked) { - background-color: var(--ig-gray-50); -} - -igc-switch::part(control checked) { - background-color: var(--ig-success-500); +igc-switch { + --thumb-on-color: white; + --thumb-off-color: var(--ig-success-500); + --track-on-color: var(--ig-success-500); /* Background color when checked */ + --track-off-color: white; /* Background color when unchecked */ + --track-on-hover-color: var(--ig-success-500); /* Background hover color when checked */ } diff --git a/samples/layouts/dock-manager/add-content-runtime/package.json b/samples/layouts/dock-manager/add-content-runtime/package.json index 4e3a0ac8e3..cd42a4bd19 100644 --- a/samples/layouts/dock-manager/add-content-runtime/package.json +++ b/samples/layouts/dock-manager/add-content-runtime/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^1.18.0", + "igniteui-dockmanager": "^2.0.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/add-content-runtime/src/index.ts b/samples/layouts/dock-manager/add-content-runtime/src/index.ts index fc29d0754b..ccfbddd271 100644 --- a/samples/layouts/dock-manager/add-content-runtime/src/index.ts +++ b/samples/layouts/dock-manager/add-content-runtime/src/index.ts @@ -1,6 +1,6 @@ import './DockManagerStyles.css' -import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { + defineComponents, IgcContentPane, IgcDockManagerPaneType, IgcSplitPane, @@ -10,7 +10,7 @@ import { IgcDockManagerPane } from 'igniteui-dockmanager'; -defineCustomElements(); +defineComponents(IgcDockManagerComponent); export class DockManagerAddContentRuntime { private dockManager: IgcDockManagerComponent; diff --git a/samples/layouts/dock-manager/contained-in-boundaries/package.json b/samples/layouts/dock-manager/contained-in-boundaries/package.json index a223dfefeb..bc81d3af17 100644 --- a/samples/layouts/dock-manager/contained-in-boundaries/package.json +++ b/samples/layouts/dock-manager/contained-in-boundaries/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^1.18.0", + "igniteui-dockmanager": "^2.0.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/contained-in-boundaries/src/index.ts b/samples/layouts/dock-manager/contained-in-boundaries/src/index.ts index 700ed11776..067c7765d7 100644 --- a/samples/layouts/dock-manager/contained-in-boundaries/src/index.ts +++ b/samples/layouts/dock-manager/contained-in-boundaries/src/index.ts @@ -1,13 +1,13 @@ import './DockManagerStyles.css' -import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { + defineComponents, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPaneOrientation, IgcDockManagerComponent } from 'igniteui-dockmanager'; -defineCustomElements(); +defineComponents(IgcDockManagerComponent); export class DockManagerContainedInBoundaries { private dockManager: IgcDockManagerComponent; diff --git a/samples/layouts/dock-manager/customize-buttons/package.json b/samples/layouts/dock-manager/customize-buttons/package.json index fd717d8c6b..7ffa9effd2 100644 --- a/samples/layouts/dock-manager/customize-buttons/package.json +++ b/samples/layouts/dock-manager/customize-buttons/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^1.18.0", + "igniteui-dockmanager": "^2.0.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" }, diff --git a/samples/layouts/dock-manager/customize-buttons/src/index.ts b/samples/layouts/dock-manager/customize-buttons/src/index.ts index a1067d0cdb..fbafffec20 100644 --- a/samples/layouts/dock-manager/customize-buttons/src/index.ts +++ b/samples/layouts/dock-manager/customize-buttons/src/index.ts @@ -1,10 +1,12 @@ import './DockManagerStyles.css' -import { defineCustomElements } from 'igniteui-dockmanager/loader'; -import { IgcDockManagerPaneType } from 'igniteui-dockmanager'; -import { IgcSplitPaneOrientation } from 'igniteui-dockmanager'; -import { IgcDockManagerComponent } from 'igniteui-dockmanager'; +import { + IgcDockManagerPaneType, + IgcSplitPaneOrientation, + IgcDockManagerComponent, + defineComponents +} from 'igniteui-dockmanager'; -defineCustomElements(); +defineComponents(IgcDockManagerComponent); export class DockManagerButtonsCustomization { diff --git a/samples/layouts/dock-manager/embedding-frames/package.json b/samples/layouts/dock-manager/embedding-frames/package.json index f12e33b69e..c3b6ed3d03 100644 --- a/samples/layouts/dock-manager/embedding-frames/package.json +++ b/samples/layouts/dock-manager/embedding-frames/package.json @@ -23,7 +23,7 @@ "@webcomponents/template": "^1.4.2", "babel-runtime": "^6.26.0", "core-js": "^3.6.5", - "igniteui-dockmanager": "^1.18.0", + "igniteui-dockmanager": "^2.0.1", "igniteui-webcomponents-core": "6.3.1", "lit-html": "^3.3.1", "tslib": "^2.8.1" diff --git a/samples/layouts/dock-manager/embedding-frames/src/index.ts b/samples/layouts/dock-manager/embedding-frames/src/index.ts index 6eac6fbfce..76c10eae36 100644 --- a/samples/layouts/dock-manager/embedding-frames/src/index.ts +++ b/samples/layouts/dock-manager/embedding-frames/src/index.ts @@ -1,10 +1,13 @@ import './DockManagerStyles.css' -import { defineCustomElements } from 'igniteui-dockmanager/loader'; -import { IgcDockManagerPaneType } from 'igniteui-dockmanager'; -import { IgcSplitPaneOrientation } from 'igniteui-dockmanager'; -import { IgcDockManagerComponent, IgcContentPane } from 'igniteui-dockmanager'; +import { + IgcDockManagerPaneType, + IgcSplitPaneOrientation, + IgcDockManagerComponent, + IgcContentPane, + defineComponents +} from 'igniteui-dockmanager'; -defineCustomElements(); +defineComponents(IgcDockManagerComponent); //
//