{
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',
diff --git a/samples/grids/grid/data-summary-options/sandbox.config.json b/samples/grids/grid/data-summary-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/data-summary-options/sandbox.config.json
+++ b/samples/grids/grid/data-summary-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/data-summary-options/src/index.css b/samples/grids/grid/data-summary-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/data-summary-options/src/index.css
+++ b/samples/grids/grid/data-summary-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/data-summary-options/src/index.ts b/samples/grids/grid/data-summary-options/src/index.ts
index 762578fc41..ed893717d6 100644
--- a/samples/grids/grid/data-summary-options/src/index.ts
+++ b/samples/grids/grid/data-summary-options/src/index.ts
@@ -3,10 +3,10 @@ import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcompone
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcSummaryResult } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -34,6 +34,7 @@ export class Sample {
grid.addEventListener("columnInit", this.webGridCustomSummary);
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/data-summary-options/tsconfig.json b/samples/grids/grid/data-summary-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/data-summary-options/tsconfig.json
+++ b/samples/grids/grid/data-summary-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/data-summary-options/webpack.config.js b/samples/grids/grid/data-summary-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/data-summary-options/webpack.config.js
+++ b/samples/grids/grid/data-summary-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/data-summary-template/sandbox.config.json b/samples/grids/grid/data-summary-template/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/data-summary-template/sandbox.config.json
+++ b/samples/grids/grid/data-summary-template/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/data-summary-template/src/index.css b/samples/grids/grid/data-summary-template/src/index.css
index 0fe9368715..96988782c3 100644
--- a/samples/grids/grid/data-summary-template/src/index.css
+++ b/samples/grids/grid/data-summary-template/src/index.css
@@ -1,2 +1,43 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+.summary-temp {
+ display: flex;
+ flex-direction: column;
+ margin: 0 1px;
+ font-size: 14px;
+ line-height: 24px;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ > * {
+ padding: 8px 0;
+ line-height: 18px;
+ border-bottom: 1px dashed hsla(var(--igx-gray-400));
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+}
+.summary-temp span {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 4px;
+ justify-content: space-between;
+ color: hsla(var(--ig-gray-900));
+}
+.summary-temp span span {
+ user-select: all;
+ max-width: 300px;
+ padding-right: 8px;
+}
+.summary-temp span strong {
+ font-size: 12px;
+ text-transform: uppercase;
+ min-width: 70px;
+ justify-self: flex-start;
+ text-align: left;
+ color: hsla(var(--ig-secondary-600));
+ user-select: none;
+}
diff --git a/samples/grids/grid/data-summary-template/src/index.ts b/samples/grids/grid/data-summary-template/src/index.ts
index 908f1fd98d..2348de082b 100644
--- a/samples/grids/grid/data-summary-template/src/index.ts
+++ b/samples/grids/grid/data-summary-template/src/index.ts
@@ -7,11 +7,11 @@ import NwindData from './NwindData.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcSummaryResult, IgcSummaryTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -52,6 +52,7 @@ export class Sample {
column2.summaryTemplate = this.webGridOrderDateSummaryTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/data-summary-template/tsconfig.json b/samples/grids/grid/data-summary-template/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/data-summary-template/tsconfig.json
+++ b/samples/grids/grid/data-summary-template/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/data-summary-template/webpack.config.js b/samples/grids/grid/data-summary-template/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/data-summary-template/webpack.config.js
+++ b/samples/grids/grid/data-summary-template/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/data-validation-style/sandbox.config.json b/samples/grids/grid/data-validation-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/data-validation-style/sandbox.config.json
+++ b/samples/grids/grid/data-validation-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/data-validation-style/src/index.css b/samples/grids/grid/data-validation-style/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/data-validation-style/src/index.css
+++ b/samples/grids/grid/data-validation-style/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/data-validation-style/src/index.ts b/samples/grids/grid/data-validation-style/src/index.ts
index a8d87a38f5..dd2ec7e818 100644
--- a/samples/grids/grid/data-validation-style/src/index.ts
+++ b/samples/grids/grid/data-validation-style/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -19,6 +19,7 @@ export class Sample {
grid1.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/data-validation-style/tsconfig.json b/samples/grids/grid/data-validation-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/data-validation-style/tsconfig.json
+++ b/samples/grids/grid/data-validation-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/data-validation-style/webpack.config.js b/samples/grids/grid/data-validation-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/data-validation-style/webpack.config.js
+++ b/samples/grids/grid/data-validation-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/data-validator-service-cross-field/sandbox.config.json b/samples/grids/grid/data-validator-service-cross-field/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/data-validator-service-cross-field/sandbox.config.json
+++ b/samples/grids/grid/data-validator-service-cross-field/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/data-validator-service-cross-field/src/index.css b/samples/grids/grid/data-validator-service-cross-field/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/data-validator-service-cross-field/src/index.css
+++ b/samples/grids/grid/data-validator-service-cross-field/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/data-validator-service-cross-field/src/index.ts b/samples/grids/grid/data-validator-service-cross-field/src/index.ts
index 7f13a6aecd..3c80bd88a5 100644
--- a/samples/grids/grid/data-validator-service-cross-field/src/index.ts
+++ b/samples/grids/grid/data-validator-service-cross-field/src/index.ts
@@ -3,11 +3,11 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -45,6 +45,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/data-validator-service-cross-field/tsconfig.json b/samples/grids/grid/data-validator-service-cross-field/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/data-validator-service-cross-field/tsconfig.json
+++ b/samples/grids/grid/data-validator-service-cross-field/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/data-validator-service-cross-field/webpack.config.js b/samples/grids/grid/data-validator-service-cross-field/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/data-validator-service-cross-field/webpack.config.js
+++ b/samples/grids/grid/data-validator-service-cross-field/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/data-validator-service-extended/sandbox.config.json b/samples/grids/grid/data-validator-service-extended/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/data-validator-service-extended/sandbox.config.json
+++ b/samples/grids/grid/data-validator-service-extended/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/data-validator-service-extended/src/index.css b/samples/grids/grid/data-validator-service-extended/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/data-validator-service-extended/src/index.css
+++ b/samples/grids/grid/data-validator-service-extended/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/data-validator-service-extended/src/index.ts b/samples/grids/grid/data-validator-service-extended/src/index.ts
index 6652dd266e..7ab2b5deb3 100644
--- a/samples/grids/grid/data-validator-service-extended/src/index.ts
+++ b/samples/grids/grid/data-validator-service-extended/src/index.ts
@@ -5,11 +5,11 @@ import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionCo
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from 'igniteui-webcomponents-layouts';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -66,6 +66,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
@@ -90,6 +91,7 @@ export class Sample {
var grid = this.grid;
//grid.endEdit(true);
//grid.transactions.undo();
+
}
public webGridRedo(sender: any, args: IgcPropertyEditorPropertyDescriptionButtonClickEventArgs): void {
@@ -99,6 +101,7 @@ export class Sample {
//grid.endEdit(true);
//grid.transactions.redo();
+
}
public webGridCommit(sender: any, args: IgcPropertyEditorPropertyDescriptionButtonClickEventArgs): void {
diff --git a/samples/grids/grid/data-validator-service-extended/tsconfig.json b/samples/grids/grid/data-validator-service-extended/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/data-validator-service-extended/tsconfig.json
+++ b/samples/grids/grid/data-validator-service-extended/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/data-validator-service-extended/webpack.config.js b/samples/grids/grid/data-validator-service-extended/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/data-validator-service-extended/webpack.config.js
+++ b/samples/grids/grid/data-validator-service-extended/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/data-validator-service/sandbox.config.json b/samples/grids/grid/data-validator-service/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/data-validator-service/sandbox.config.json
+++ b/samples/grids/grid/data-validator-service/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/data-validator-service/src/index.css b/samples/grids/grid/data-validator-service/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/data-validator-service/src/index.css
+++ b/samples/grids/grid/data-validator-service/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/data-validator-service/src/index.ts b/samples/grids/grid/data-validator-service/src/index.ts
index 343ca2899e..c1b2be974d 100644
--- a/samples/grids/grid/data-validator-service/src/index.ts
+++ b/samples/grids/grid/data-validator-service/src/index.ts
@@ -6,11 +6,11 @@ import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteu
import { EmployeesDataItem, EmployeesData } from './EmployeesData';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -41,7 +41,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private lastActivity: IgcColumnComponent
private estimatedSales: IgcColumnComponent
private dealsLost: IgcColumnComponent
@@ -73,6 +72,7 @@ export class Sample {
createdOn.pipeArgs = this.columnPipeArgs1;
}
this._bind();
+
}
private _employeesData: EmployeesData = null;
diff --git a/samples/grids/grid/data-validator-service/tsconfig.json b/samples/grids/grid/data-validator-service/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/data-validator-service/tsconfig.json
+++ b/samples/grids/grid/data-validator-service/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/data-validator-service/webpack.config.js b/samples/grids/grid/data-validator-service/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/data-validator-service/webpack.config.js
+++ b/samples/grids/grid/data-validator-service/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/editing-columns/sandbox.config.json b/samples/grids/grid/editing-columns/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/editing-columns/sandbox.config.json
+++ b/samples/grids/grid/editing-columns/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/editing-columns/src/index.css b/samples/grids/grid/editing-columns/src/index.css
index 0fe9368715..3b330b391d 100644
--- a/samples/grids/grid/editing-columns/src/index.css
+++ b/samples/grids/grid/editing-columns/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
diff --git a/samples/grids/grid/editing-columns/src/index.ts b/samples/grids/grid/editing-columns/src/index.ts
index 87fef6fdbe..a8d57b898f 100644
--- a/samples/grids/grid/editing-columns/src/index.ts
+++ b/samples/grids/grid/editing-columns/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebGridDescriptionModule, WebPaginatorDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -19,6 +19,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/editing-columns/tsconfig.json b/samples/grids/grid/editing-columns/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/editing-columns/tsconfig.json
+++ b/samples/grids/grid/editing-columns/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/editing-columns/webpack.config.js b/samples/grids/grid/editing-columns/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/editing-columns/webpack.config.js
+++ b/samples/grids/grid/editing-columns/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/editing-events/sandbox.config.json b/samples/grids/grid/editing-events/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/editing-events/sandbox.config.json
+++ b/samples/grids/grid/editing-events/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/editing-events/src/index.css b/samples/grids/grid/editing-events/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/editing-events/src/index.css
+++ b/samples/grids/grid/editing-events/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/editing-events/src/index.ts b/samples/grids/grid/editing-events/src/index.ts
index d2f00d6b9d..f36742b6e9 100644
--- a/samples/grids/grid/editing-events/src/index.ts
+++ b/samples/grids/grid/editing-events/src/index.ts
@@ -3,10 +3,10 @@ import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcompone
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcGridEditEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -26,6 +26,7 @@ export class Sample {
grid1.addEventListener("cellEdit", this.webGridEditingEventsCellEdit);
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/editing-events/tsconfig.json b/samples/grids/grid/editing-events/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/editing-events/tsconfig.json
+++ b/samples/grids/grid/editing-events/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/editing-events/webpack.config.js b/samples/grids/grid/editing-events/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/editing-events/webpack.config.js
+++ b/samples/grids/grid/editing-events/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/editing-excel-style/sandbox.config.json b/samples/grids/grid/editing-excel-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/editing-excel-style/sandbox.config.json
+++ b/samples/grids/grid/editing-excel-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/editing-excel-style/src/index.css b/samples/grids/grid/editing-excel-style/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/editing-excel-style/src/index.css
+++ b/samples/grids/grid/editing-excel-style/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/editing-excel-style/src/index.ts b/samples/grids/grid/editing-excel-style/src/index.ts
index 1b1dec2817..81ffb84e23 100644
--- a/samples/grids/grid/editing-excel-style/src/index.ts
+++ b/samples/grids/grid/editing-excel-style/src/index.ts
@@ -3,10 +3,10 @@ import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcompone
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcGridKeydownEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -22,6 +22,7 @@ export class Sample {
grid1.addEventListener("gridKeydown", this.webGridEditingExcelStyle);
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/editing-excel-style/tsconfig.json b/samples/grids/grid/editing-excel-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/editing-excel-style/tsconfig.json
+++ b/samples/grids/grid/editing-excel-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/editing-excel-style/webpack.config.js b/samples/grids/grid/editing-excel-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/editing-excel-style/webpack.config.js
+++ b/samples/grids/grid/editing-excel-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/editing-lifecycle/sandbox.config.json b/samples/grids/grid/editing-lifecycle/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/editing-lifecycle/sandbox.config.json
+++ b/samples/grids/grid/editing-lifecycle/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/editing-lifecycle/src/index.css b/samples/grids/grid/editing-lifecycle/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/editing-lifecycle/src/index.css
+++ b/samples/grids/grid/editing-lifecycle/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/editing-lifecycle/src/index.ts b/samples/grids/grid/editing-lifecycle/src/index.ts
index cb3253392f..e4e960d2cd 100644
--- a/samples/grids/grid/editing-lifecycle/src/index.ts
+++ b/samples/grids/grid/editing-lifecycle/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcRowSelectionEventArgs, IgcGridEditEventArgs, IgcGridEditDoneEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -37,6 +37,7 @@ export class Sample {
grid.addEventListener("cellEditExit", this.webGridCellEditExit);
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
@@ -44,6 +45,7 @@ export class Sample {
return this._nwindData;
}
+
public webGridRendered(args:any): void {
const grid = document.getElementById("grid");
grid.parentElement.style.display = "flex";
diff --git a/samples/grids/grid/editing-lifecycle/tsconfig.json b/samples/grids/grid/editing-lifecycle/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/editing-lifecycle/tsconfig.json
+++ b/samples/grids/grid/editing-lifecycle/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/editing-lifecycle/webpack.config.js b/samples/grids/grid/editing-lifecycle/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/editing-lifecycle/webpack.config.js
+++ b/samples/grids/grid/editing-lifecycle/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/excel-exporting/sandbox.config.json b/samples/grids/grid/excel-exporting/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/excel-exporting/sandbox.config.json
+++ b/samples/grids/grid/excel-exporting/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/excel-exporting/src/index.css b/samples/grids/grid/excel-exporting/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/excel-exporting/src/index.css
+++ b/samples/grids/grid/excel-exporting/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/excel-exporting/src/index.ts b/samples/grids/grid/excel-exporting/src/index.ts
index d34f0ba2de..c6faf23cc2 100644
--- a/samples/grids/grid/excel-exporting/src/index.ts
+++ b/samples/grids/grid/excel-exporting/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcGroupingExpression, SortingDirection } from 'igniteui-webcomponents-grids/grids';
import { InvoicesDataItem, InvoicesData } from './InvoicesData';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -30,7 +30,6 @@ export class Sample {
}
return this._groupingExpression1;
}
-
private _bind: () => void;
constructor() {
@@ -41,6 +40,7 @@ export class Sample {
grid.groupingExpressions = this.groupingExpression1;
}
this._bind();
+
}
private _invoicesData: InvoicesData = null;
diff --git a/samples/grids/grid/excel-exporting/tsconfig.json b/samples/grids/grid/excel-exporting/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/excel-exporting/tsconfig.json
+++ b/samples/grids/grid/excel-exporting/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/excel-exporting/webpack.config.js b/samples/grids/grid/excel-exporting/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/excel-exporting/webpack.config.js
+++ b/samples/grids/grid/excel-exporting/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/sandbox.config.json b/samples/grids/grid/excel-style-filtering-sample-1/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/sandbox.config.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/src/index.css b/samples/grids/grid/excel-style-filtering-sample-1/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/src/index.css
+++ b/samples/grids/grid/excel-style-filtering-sample-1/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts b/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts
index 114ed3f14b..1660d0d7bf 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-sample-1/src/index.ts
@@ -7,11 +7,11 @@ import NwindData from './NwindData.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -39,7 +39,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private orderDate: IgcColumnComponent
private _columnPipeArgs2: IgcColumnPipeArgs | null = null;
public get columnPipeArgs2(): IgcColumnPipeArgs {
@@ -52,7 +51,6 @@ export class Sample {
}
return this._columnPipeArgs2;
}
-
private discontinued: IgcColumnComponent
private _bind: () => void;
@@ -77,6 +75,7 @@ export class Sample {
discontinued.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/tsconfig.json b/samples/grids/grid/excel-style-filtering-sample-1/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/tsconfig.json
+++ b/samples/grids/grid/excel-style-filtering-sample-1/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/excel-style-filtering-sample-1/webpack.config.js b/samples/grids/grid/excel-style-filtering-sample-1/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/excel-style-filtering-sample-1/webpack.config.js
+++ b/samples/grids/grid/excel-style-filtering-sample-1/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/sandbox.config.json b/samples/grids/grid/excel-style-filtering-sample-2/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/sandbox.config.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/src/index.css b/samples/grids/grid/excel-style-filtering-sample-2/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/src/index.css
+++ b/samples/grids/grid/excel-style-filtering-sample-2/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts b/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts
index 7c024bdf3c..20317f7f95 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-sample-2/src/index.ts
@@ -5,11 +5,11 @@ import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteu
import NwindData from './NwindData.json';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -32,7 +32,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private orderDate: IgcColumnComponent
private _columnPipeArgs2: IgcColumnPipeArgs | null = null;
public get columnPipeArgs2(): IgcColumnPipeArgs {
@@ -45,7 +44,6 @@ export class Sample {
}
return this._columnPipeArgs2;
}
-
private discontinued: IgcColumnComponent
private _bind: () => void;
@@ -64,6 +62,7 @@ export class Sample {
discontinued.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/tsconfig.json b/samples/grids/grid/excel-style-filtering-sample-2/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/tsconfig.json
+++ b/samples/grids/grid/excel-style-filtering-sample-2/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/excel-style-filtering-sample-2/webpack.config.js b/samples/grids/grid/excel-style-filtering-sample-2/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/excel-style-filtering-sample-2/webpack.config.js
+++ b/samples/grids/grid/excel-style-filtering-sample-2/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/sandbox.config.json b/samples/grids/grid/excel-style-filtering-sample-3/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/sandbox.config.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/src/index.css b/samples/grids/grid/excel-style-filtering-sample-3/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/src/index.css
+++ b/samples/grids/grid/excel-style-filtering-sample-3/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts b/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts
index b3049fd3e4..b69584c5b9 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-sample-3/src/index.ts
@@ -5,11 +5,11 @@ import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteu
import NwindData from './NwindData.json';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -32,7 +32,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private orderDate: IgcColumnComponent
private _columnPipeArgs2: IgcColumnPipeArgs | null = null;
public get columnPipeArgs2(): IgcColumnPipeArgs {
@@ -45,7 +44,6 @@ export class Sample {
}
return this._columnPipeArgs2;
}
-
private discontinued: IgcColumnComponent
private _bind: () => void;
@@ -65,6 +63,7 @@ export class Sample {
discontinued.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/tsconfig.json b/samples/grids/grid/excel-style-filtering-sample-3/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/tsconfig.json
+++ b/samples/grids/grid/excel-style-filtering-sample-3/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/excel-style-filtering-sample-3/webpack.config.js b/samples/grids/grid/excel-style-filtering-sample-3/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/excel-style-filtering-sample-3/webpack.config.js
+++ b/samples/grids/grid/excel-style-filtering-sample-3/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/excel-style-filtering-style/sandbox.config.json b/samples/grids/grid/excel-style-filtering-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/excel-style-filtering-style/sandbox.config.json
+++ b/samples/grids/grid/excel-style-filtering-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/excel-style-filtering-style/src/index.css b/samples/grids/grid/excel-style-filtering-style/src/index.css
index 0fe9368715..aa7a27b502 100644
--- a/samples/grids/grid/excel-style-filtering-style/src/index.css
+++ b/samples/grids/grid/excel-style-filtering-style/src/index.css
@@ -1,2 +1,26 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-grid-filtering-row-background: #ffcd0f;
+ --ig-button-background: #FFCD0F;
+ --ig-button-foreground: #292826;
+ --ig-button-hover-background: #292826;
+ --ig-button-hover-foreground: #ffcd0f;
+
+ --ig-list-background: #FFCD0F;
+ --ig-list-item-background: #FFCD0F;
+ --ig-list-item-background-hover: #c2b1b1bd;
+
+ --ig-checkbox-empty-color: #292826;
+ --ig-checkbox-fill-color: #292826;
+ --ig-checkbox-tick-color: #FFCD0F;
+ --ig-checkbox-label-color: #292826;
+
+ --ig-drop-down-background-color: #FFCD0F;
+ --ig-drop-down-item-text-color: #292826;
+ --ig-drop-down-item-background: #FFCD0F;
+ --ig-drop-down-item-text-color: #292826;
+ --ig-drop-down-focused-item-background: #c2b1b1bd;
+ }
+
diff --git a/samples/grids/grid/excel-style-filtering-style/src/index.ts b/samples/grids/grid/excel-style-filtering-style/src/index.ts
index 7c024bdf3c..20317f7f95 100644
--- a/samples/grids/grid/excel-style-filtering-style/src/index.ts
+++ b/samples/grids/grid/excel-style-filtering-style/src/index.ts
@@ -5,11 +5,11 @@ import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteu
import NwindData from './NwindData.json';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -32,7 +32,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private orderDate: IgcColumnComponent
private _columnPipeArgs2: IgcColumnPipeArgs | null = null;
public get columnPipeArgs2(): IgcColumnPipeArgs {
@@ -45,7 +44,6 @@ export class Sample {
}
return this._columnPipeArgs2;
}
-
private discontinued: IgcColumnComponent
private _bind: () => void;
@@ -64,6 +62,7 @@ export class Sample {
discontinued.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/excel-style-filtering-style/tsconfig.json b/samples/grids/grid/excel-style-filtering-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/excel-style-filtering-style/tsconfig.json
+++ b/samples/grids/grid/excel-style-filtering-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/excel-style-filtering-style/webpack.config.js b/samples/grids/grid/excel-style-filtering-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/excel-style-filtering-style/webpack.config.js
+++ b/samples/grids/grid/excel-style-filtering-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/external-advanced-filtering/sandbox.config.json b/samples/grids/grid/external-advanced-filtering/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/external-advanced-filtering/sandbox.config.json
+++ b/samples/grids/grid/external-advanced-filtering/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/external-advanced-filtering/src/index.css b/samples/grids/grid/external-advanced-filtering/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/external-advanced-filtering/src/index.css
+++ b/samples/grids/grid/external-advanced-filtering/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/external-advanced-filtering/src/index.ts b/samples/grids/grid/external-advanced-filtering/src/index.ts
index cb69a7bd62..af9695c0ea 100644
--- a/samples/grids/grid/external-advanced-filtering/src/index.ts
+++ b/samples/grids/grid/external-advanced-filtering/src/index.ts
@@ -3,11 +3,11 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -35,6 +35,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/external-advanced-filtering/tsconfig.json b/samples/grids/grid/external-advanced-filtering/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/external-advanced-filtering/tsconfig.json
+++ b/samples/grids/grid/external-advanced-filtering/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/external-advanced-filtering/webpack.config.js b/samples/grids/grid/external-advanced-filtering/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/external-advanced-filtering/webpack.config.js
+++ b/samples/grids/grid/external-advanced-filtering/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/filtering-options/sandbox.config.json b/samples/grids/grid/filtering-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/filtering-options/sandbox.config.json
+++ b/samples/grids/grid/filtering-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/filtering-options/src/index.css b/samples/grids/grid/filtering-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/filtering-options/src/index.css
+++ b/samples/grids/grid/filtering-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/filtering-options/src/index.ts b/samples/grids/grid/filtering-options/src/index.ts
index cb69a7bd62..af9695c0ea 100644
--- a/samples/grids/grid/filtering-options/src/index.ts
+++ b/samples/grids/grid/filtering-options/src/index.ts
@@ -3,11 +3,11 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -35,6 +35,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/filtering-options/tsconfig.json b/samples/grids/grid/filtering-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/filtering-options/tsconfig.json
+++ b/samples/grids/grid/filtering-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/filtering-options/webpack.config.js b/samples/grids/grid/filtering-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/filtering-options/webpack.config.js
+++ b/samples/grids/grid/filtering-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/filtering-strategy/sandbox.config.json b/samples/grids/grid/filtering-strategy/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/filtering-strategy/sandbox.config.json
+++ b/samples/grids/grid/filtering-strategy/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/filtering-strategy/src/index.css b/samples/grids/grid/filtering-strategy/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/filtering-strategy/src/index.css
+++ b/samples/grids/grid/filtering-strategy/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/filtering-strategy/src/index.ts b/samples/grids/grid/filtering-strategy/src/index.ts
index 91133e55e2..995733edef 100644
--- a/samples/grids/grid/filtering-strategy/src/index.ts
+++ b/samples/grids/grid/filtering-strategy/src/index.ts
@@ -3,10 +3,10 @@ import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-gri
import NwindData from './NwindData.json';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -23,6 +23,7 @@ export class Sample {
column1.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
@@ -30,6 +31,7 @@ export class Sample {
return this._nwindData;
}
+
public webGridBooleanCellTemplate = (ctx: IgcCellTemplateContext) => {
if (ctx.cell.value) {
return html`
`
diff --git a/samples/grids/grid/filtering-strategy/tsconfig.json b/samples/grids/grid/filtering-strategy/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/filtering-strategy/tsconfig.json
+++ b/samples/grids/grid/filtering-strategy/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/filtering-strategy/webpack.config.js b/samples/grids/grid/filtering-strategy/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/filtering-strategy/webpack.config.js
+++ b/samples/grids/grid/filtering-strategy/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/filtering-style/sandbox.config.json b/samples/grids/grid/filtering-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/filtering-style/sandbox.config.json
+++ b/samples/grids/grid/filtering-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/filtering-style/src/index.css b/samples/grids/grid/filtering-style/src/index.css
index 0fe9368715..0becabe1f6 100644
--- a/samples/grids/grid/filtering-style/src/index.css
+++ b/samples/grids/grid/filtering-style/src/index.css
@@ -1,2 +1,10 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#grid {
+ --ig-grid-filtering-row-text-color: #292826;
+ --ig-grid-filtering-row-background: #ffcd0f;
+ --ig-grid-filtering-header-text-color: #292826;
+ --ig-grid-filtering-header-background: #ffcd0f;
+}
+
diff --git a/samples/grids/grid/filtering-style/src/index.ts b/samples/grids/grid/filtering-style/src/index.ts
index 114ed3f14b..1660d0d7bf 100644
--- a/samples/grids/grid/filtering-style/src/index.ts
+++ b/samples/grids/grid/filtering-style/src/index.ts
@@ -7,11 +7,11 @@ import NwindData from './NwindData.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -39,7 +39,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private orderDate: IgcColumnComponent
private _columnPipeArgs2: IgcColumnPipeArgs | null = null;
public get columnPipeArgs2(): IgcColumnPipeArgs {
@@ -52,7 +51,6 @@ export class Sample {
}
return this._columnPipeArgs2;
}
-
private discontinued: IgcColumnComponent
private _bind: () => void;
@@ -77,6 +75,7 @@ export class Sample {
discontinued.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/filtering-style/tsconfig.json b/samples/grids/grid/filtering-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/filtering-style/tsconfig.json
+++ b/samples/grids/grid/filtering-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/filtering-style/webpack.config.js b/samples/grids/grid/filtering-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/filtering-style/webpack.config.js
+++ b/samples/grids/grid/filtering-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/groupby-expressions/sandbox.config.json b/samples/grids/grid/groupby-expressions/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/groupby-expressions/sandbox.config.json
+++ b/samples/grids/grid/groupby-expressions/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/groupby-expressions/src/index.css b/samples/grids/grid/groupby-expressions/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/groupby-expressions/src/index.css
+++ b/samples/grids/grid/groupby-expressions/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/groupby-expressions/src/index.ts b/samples/grids/grid/groupby-expressions/src/index.ts
index 250d757a33..fc34d5b498 100644
--- a/samples/grids/grid/groupby-expressions/src/index.ts
+++ b/samples/grids/grid/groupby-expressions/src/index.ts
@@ -3,10 +3,10 @@ import { IgcGridComponent, IgcGroupingExpression, SortingDirection, IgcColumnCom
import { InvoicesWorldDataItem, InvoicesWorldData } from './InvoicesWorldData';
import { IgcGroupByRecord, IgcGroupByRowTemplateContext, IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -32,7 +32,6 @@ export class Sample {
}
return this._groupingExpression1;
}
-
private column1: IgcColumnComponent
private _bind: () => void;
@@ -47,6 +46,7 @@ export class Sample {
column1.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _invoicesWorldData: InvoicesWorldData = null;
@@ -58,6 +58,7 @@ export class Sample {
return this._invoicesWorldData;
}
+
public webGridGroupByRowTemplate = (ctx: IgcGroupByRowTemplateContext) => {
const groupRow: IgcGroupByRecord = ctx.implicit;
@@ -73,6 +74,7 @@ export class Sample {
${groupRow.records.length}
Ordered in 2017:${calc2017}
`;
+
};
public webGridBooleanCellTemplate = (ctx: IgcCellTemplateContext) => {
diff --git a/samples/grids/grid/groupby-expressions/tsconfig.json b/samples/grids/grid/groupby-expressions/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/groupby-expressions/tsconfig.json
+++ b/samples/grids/grid/groupby-expressions/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/groupby-expressions/webpack.config.js b/samples/grids/grid/groupby-expressions/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/groupby-expressions/webpack.config.js
+++ b/samples/grids/grid/groupby-expressions/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/groupby-paging/sandbox.config.json b/samples/grids/grid/groupby-paging/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/groupby-paging/sandbox.config.json
+++ b/samples/grids/grid/groupby-paging/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/groupby-paging/src/index.css b/samples/grids/grid/groupby-paging/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/groupby-paging/src/index.css
+++ b/samples/grids/grid/groupby-paging/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/groupby-paging/src/index.ts b/samples/grids/grid/groupby-paging/src/index.ts
index 74413b6502..320d2ac7bc 100644
--- a/samples/grids/grid/groupby-paging/src/index.ts
+++ b/samples/grids/grid/groupby-paging/src/index.ts
@@ -3,10 +3,10 @@ import { IgcGridComponent, IgcGroupingExpression, SortingDirection } from 'ignit
import { InvoicesWorldDataItem, InvoicesWorldData } from './InvoicesWorldData';
import { IgcGroupByRecord, IgcGroupByRowTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -26,7 +26,6 @@ export class Sample {
}
return this._groupingExpression1;
}
-
private _bind: () => void;
constructor() {
@@ -38,6 +37,7 @@ export class Sample {
grid.groupRowTemplate = this.webGridGroupByRowTemplate;
}
this._bind();
+
}
private _invoicesWorldData: InvoicesWorldData = null;
@@ -49,6 +49,7 @@ export class Sample {
return this._invoicesWorldData;
}
+
public webGridGroupByRowTemplate = (ctx: IgcGroupByRowTemplateContext) => {
const groupRow: IgcGroupByRecord = ctx.implicit;
@@ -64,6 +65,7 @@ export class Sample {
`
diff --git a/samples/grids/grid/filtering-strategy/tsconfig.json b/samples/grids/grid/filtering-strategy/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/filtering-strategy/tsconfig.json
+++ b/samples/grids/grid/filtering-strategy/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/filtering-strategy/webpack.config.js b/samples/grids/grid/filtering-strategy/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/filtering-strategy/webpack.config.js
+++ b/samples/grids/grid/filtering-strategy/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/filtering-style/sandbox.config.json b/samples/grids/grid/filtering-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/filtering-style/sandbox.config.json
+++ b/samples/grids/grid/filtering-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/filtering-style/src/index.css b/samples/grids/grid/filtering-style/src/index.css
index 0fe9368715..0becabe1f6 100644
--- a/samples/grids/grid/filtering-style/src/index.css
+++ b/samples/grids/grid/filtering-style/src/index.css
@@ -1,2 +1,10 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#grid {
+ --ig-grid-filtering-row-text-color: #292826;
+ --ig-grid-filtering-row-background: #ffcd0f;
+ --ig-grid-filtering-header-text-color: #292826;
+ --ig-grid-filtering-header-background: #ffcd0f;
+}
+
diff --git a/samples/grids/grid/filtering-style/src/index.ts b/samples/grids/grid/filtering-style/src/index.ts
index 114ed3f14b..1660d0d7bf 100644
--- a/samples/grids/grid/filtering-style/src/index.ts
+++ b/samples/grids/grid/filtering-style/src/index.ts
@@ -7,11 +7,11 @@ import NwindData from './NwindData.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -39,7 +39,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private orderDate: IgcColumnComponent
private _columnPipeArgs2: IgcColumnPipeArgs | null = null;
public get columnPipeArgs2(): IgcColumnPipeArgs {
@@ -52,7 +51,6 @@ export class Sample {
}
return this._columnPipeArgs2;
}
-
private discontinued: IgcColumnComponent
private _bind: () => void;
@@ -77,6 +75,7 @@ export class Sample {
discontinued.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/filtering-style/tsconfig.json b/samples/grids/grid/filtering-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/filtering-style/tsconfig.json
+++ b/samples/grids/grid/filtering-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/filtering-style/webpack.config.js b/samples/grids/grid/filtering-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/filtering-style/webpack.config.js
+++ b/samples/grids/grid/filtering-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/groupby-expressions/sandbox.config.json b/samples/grids/grid/groupby-expressions/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/groupby-expressions/sandbox.config.json
+++ b/samples/grids/grid/groupby-expressions/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/groupby-expressions/src/index.css b/samples/grids/grid/groupby-expressions/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/groupby-expressions/src/index.css
+++ b/samples/grids/grid/groupby-expressions/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/groupby-expressions/src/index.ts b/samples/grids/grid/groupby-expressions/src/index.ts
index 250d757a33..fc34d5b498 100644
--- a/samples/grids/grid/groupby-expressions/src/index.ts
+++ b/samples/grids/grid/groupby-expressions/src/index.ts
@@ -3,10 +3,10 @@ import { IgcGridComponent, IgcGroupingExpression, SortingDirection, IgcColumnCom
import { InvoicesWorldDataItem, InvoicesWorldData } from './InvoicesWorldData';
import { IgcGroupByRecord, IgcGroupByRowTemplateContext, IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -32,7 +32,6 @@ export class Sample {
}
return this._groupingExpression1;
}
-
private column1: IgcColumnComponent
private _bind: () => void;
@@ -47,6 +46,7 @@ export class Sample {
column1.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _invoicesWorldData: InvoicesWorldData = null;
@@ -58,6 +58,7 @@ export class Sample {
return this._invoicesWorldData;
}
+
public webGridGroupByRowTemplate = (ctx: IgcGroupByRowTemplateContext) => {
const groupRow: IgcGroupByRecord = ctx.implicit;
@@ -73,6 +74,7 @@ export class Sample {
diff --git a/samples/grids/grid/master-detail/tsconfig.json b/samples/grids/grid/master-detail/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/master-detail/tsconfig.json
+++ b/samples/grids/grid/master-detail/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/master-detail/webpack.config.js b/samples/grids/grid/master-detail/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/master-detail/webpack.config.js
+++ b/samples/grids/grid/master-detail/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/multi-column-headers-export/sandbox.config.json b/samples/grids/grid/multi-column-headers-export/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/multi-column-headers-export/sandbox.config.json
+++ b/samples/grids/grid/multi-column-headers-export/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/multi-column-headers-export/src/index.css b/samples/grids/grid/multi-column-headers-export/src/index.css
index 0fe9368715..db87b63a60 100644
--- a/samples/grids/grid/multi-column-headers-export/src/index.css
+++ b/samples/grids/grid/multi-column-headers-export/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-small);
+ }
+
diff --git a/samples/grids/grid/multi-column-headers-export/src/index.ts b/samples/grids/grid/multi-column-headers-export/src/index.ts
index 888cd328b8..6c0c15d7b9 100644
--- a/samples/grids/grid/multi-column-headers-export/src/index.ts
+++ b/samples/grids/grid/multi-column-headers-export/src/index.ts
@@ -3,10 +3,10 @@ import { ComponentRenderer, WebGridDescriptionModule, WebGridToolbarDescriptionM
import { IgcGridComponent, IgcGridToolbarExporterComponent, IgcColumnComponent, IgcColumnGroupComponent } from 'igniteui-webcomponents-grids/grids';
import { CustomersDataItem, CustomersData } from './CustomersData';
import { IgcExporterEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -56,6 +56,7 @@ export class Sample {
gridToolbarExporter1.addEventListener("exportStarted", this.webGridExportEventMultiColumnHeaders);
}
this._bind();
+
}
private _customersData: CustomersData = null;
diff --git a/samples/grids/grid/multi-column-headers-export/tsconfig.json b/samples/grids/grid/multi-column-headers-export/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/multi-column-headers-export/tsconfig.json
+++ b/samples/grids/grid/multi-column-headers-export/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/multi-column-headers-export/webpack.config.js b/samples/grids/grid/multi-column-headers-export/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/multi-column-headers-export/webpack.config.js
+++ b/samples/grids/grid/multi-column-headers-export/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/multi-column-headers-overview/sandbox.config.json b/samples/grids/grid/multi-column-headers-overview/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/multi-column-headers-overview/sandbox.config.json
+++ b/samples/grids/grid/multi-column-headers-overview/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/multi-column-headers-overview/src/index.css b/samples/grids/grid/multi-column-headers-overview/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/multi-column-headers-overview/src/index.css
+++ b/samples/grids/grid/multi-column-headers-overview/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/multi-column-headers-overview/src/index.ts b/samples/grids/grid/multi-column-headers-overview/src/index.ts
index cf93180510..6002cac572 100644
--- a/samples/grids/grid/multi-column-headers-overview/src/index.ts
+++ b/samples/grids/grid/multi-column-headers-overview/src/index.ts
@@ -5,11 +5,11 @@ import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionCo
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import { CustomersDataItem, CustomersData } from './CustomersData';
import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from 'igniteui-webcomponents-layouts';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -42,6 +42,7 @@ export class Sample {
grid.data = this.customersData;
}
this._bind();
+
}
private _customersData: CustomersData = null;
diff --git a/samples/grids/grid/multi-column-headers-overview/tsconfig.json b/samples/grids/grid/multi-column-headers-overview/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/multi-column-headers-overview/tsconfig.json
+++ b/samples/grids/grid/multi-column-headers-overview/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/multi-column-headers-overview/webpack.config.js b/samples/grids/grid/multi-column-headers-overview/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/multi-column-headers-overview/webpack.config.js
+++ b/samples/grids/grid/multi-column-headers-overview/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/multi-column-headers-styling/sandbox.config.json b/samples/grids/grid/multi-column-headers-styling/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/multi-column-headers-styling/sandbox.config.json
+++ b/samples/grids/grid/multi-column-headers-styling/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/multi-column-headers-styling/src/index.css b/samples/grids/grid/multi-column-headers-styling/src/index.css
index 0fe9368715..eb64922daf 100644
--- a/samples/grids/grid/multi-column-headers-styling/src/index.css
+++ b/samples/grids/grid/multi-column-headers-styling/src/index.css
@@ -1,2 +1,11 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#grid {
+ --ig-grid-header-background: #e0f3ff;
+ --ig-grid-header-text-color: #e41c77;
+ --ig-grid-header-border-width: 1px;
+ --ig-grid-header-border-style: solid;
+ --ig-grid-header-border-color: rgba(0, 0, 0, 0.08);
+}
+
diff --git a/samples/grids/grid/multi-column-headers-styling/src/index.ts b/samples/grids/grid/multi-column-headers-styling/src/index.ts
index 8c120b22e2..9a2e3a243f 100644
--- a/samples/grids/grid/multi-column-headers-styling/src/index.ts
+++ b/samples/grids/grid/multi-column-headers-styling/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebGridDescriptionModule, WebColumnGroupDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import { CustomersDataItem, CustomersData } from './CustomersData';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -19,6 +19,7 @@ export class Sample {
grid.data = this.customersData;
}
this._bind();
+
}
private _customersData: CustomersData = null;
diff --git a/samples/grids/grid/multi-column-headers-styling/tsconfig.json b/samples/grids/grid/multi-column-headers-styling/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/multi-column-headers-styling/tsconfig.json
+++ b/samples/grids/grid/multi-column-headers-styling/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/multi-column-headers-styling/webpack.config.js b/samples/grids/grid/multi-column-headers-styling/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/multi-column-headers-styling/webpack.config.js
+++ b/samples/grids/grid/multi-column-headers-styling/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/multi-column-headers-template/sandbox.config.json b/samples/grids/grid/multi-column-headers-template/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/multi-column-headers-template/sandbox.config.json
+++ b/samples/grids/grid/multi-column-headers-template/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/multi-column-headers-template/src/index.css b/samples/grids/grid/multi-column-headers-template/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/multi-column-headers-template/src/index.css
+++ b/samples/grids/grid/multi-column-headers-template/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
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 332196626b..a77c0706e5 100644
--- a/samples/grids/grid/multi-column-headers-template/src/index.ts
+++ b/samples/grids/grid/multi-column-headers-template/src/index.ts
@@ -4,10 +4,10 @@ import { IgcGridComponent, IgcColumnGroupComponent } from 'igniteui-webcomponent
import { CustomersDataItem, CustomersData } from './CustomersData';
import { IgcColumnTemplateContext, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -27,6 +27,7 @@ export class Sample {
columnGroup2.headerTemplate = this.webGridColumnGroupHeaderTemplate;
}
this._bind();
+
}
private _customersData: CustomersData = null;
diff --git a/samples/grids/grid/multi-column-headers-template/tsconfig.json b/samples/grids/grid/multi-column-headers-template/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/multi-column-headers-template/tsconfig.json
+++ b/samples/grids/grid/multi-column-headers-template/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/multi-column-headers-template/webpack.config.js b/samples/grids/grid/multi-column-headers-template/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/multi-column-headers-template/webpack.config.js
+++ b/samples/grids/grid/multi-column-headers-template/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/multi-row-layout-options/sandbox.config.json b/samples/grids/grid/multi-row-layout-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/multi-row-layout-options/sandbox.config.json
+++ b/samples/grids/grid/multi-row-layout-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/multi-row-layout-options/src/index.css b/samples/grids/grid/multi-row-layout-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/multi-row-layout-options/src/index.css
+++ b/samples/grids/grid/multi-row-layout-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/multi-row-layout-options/src/index.ts b/samples/grids/grid/multi-row-layout-options/src/index.ts
index fc7536ddef..27cba6fe86 100644
--- a/samples/grids/grid/multi-row-layout-options/src/index.ts
+++ b/samples/grids/grid/multi-row-layout-options/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcGroupingExpression, SortingDirection } from 'igniteui-webcomponents-grids/grids';
import { CustomersDataItem, CustomersData } from './CustomersData';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -25,7 +25,6 @@ export class Sample {
}
return this._groupingExpression1;
}
-
private _bind: () => void;
constructor() {
@@ -36,6 +35,7 @@ export class Sample {
grid.groupingExpressions = this.groupingExpression1;
}
this._bind();
+
}
private _customersData: CustomersData = null;
diff --git a/samples/grids/grid/multi-row-layout-options/tsconfig.json b/samples/grids/grid/multi-row-layout-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/multi-row-layout-options/tsconfig.json
+++ b/samples/grids/grid/multi-row-layout-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/multi-row-layout-options/webpack.config.js b/samples/grids/grid/multi-row-layout-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/multi-row-layout-options/webpack.config.js
+++ b/samples/grids/grid/multi-row-layout-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/multi-row-layout-style/sandbox.config.json b/samples/grids/grid/multi-row-layout-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/multi-row-layout-style/sandbox.config.json
+++ b/samples/grids/grid/multi-row-layout-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/multi-row-layout-style/src/index.css b/samples/grids/grid/multi-row-layout-style/src/index.css
index 0fe9368715..9ceb614ee8 100644
--- a/samples/grids/grid/multi-row-layout-style/src/index.css
+++ b/samples/grids/grid/multi-row-layout-style/src/index.css
@@ -1,2 +1,12 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#grid {
+ --ig-grid-cell-active-border-color: #ffcd0f;
+ --ig-grid-cell-selected-background: #6f6f6f;
+ --ig-grid-row-hover-background: #fde069;
+ --ig-grid-row-selected-background: #8d8d8d;
+ --ig-grid-header-background: #494949;
+ --ig-grid-header-text-color: #fff;
+}
+
diff --git a/samples/grids/grid/multi-row-layout-style/src/index.ts b/samples/grids/grid/multi-row-layout-style/src/index.ts
index f33fc1fd1d..8070367ccc 100644
--- a/samples/grids/grid/multi-row-layout-style/src/index.ts
+++ b/samples/grids/grid/multi-row-layout-style/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import { CustomersDataItem, CustomersData } from './CustomersData';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -19,6 +19,7 @@ export class Sample {
grid.data = this.customersData;
}
this._bind();
+
}
private _customersData: CustomersData = null;
diff --git a/samples/grids/grid/multi-row-layout-style/tsconfig.json b/samples/grids/grid/multi-row-layout-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/multi-row-layout-style/tsconfig.json
+++ b/samples/grids/grid/multi-row-layout-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/multi-row-layout-style/webpack.config.js b/samples/grids/grid/multi-row-layout-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/multi-row-layout-style/webpack.config.js
+++ b/samples/grids/grid/multi-row-layout-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/overview/sandbox.config.json b/samples/grids/grid/overview/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/overview/sandbox.config.json
+++ b/samples/grids/grid/overview/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/overview/src/index.css b/samples/grids/grid/overview/src/index.css
index 0fe9368715..3b330b391d 100644
--- a/samples/grids/grid/overview/src/index.css
+++ b/samples/grids/grid/overview/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
diff --git a/samples/grids/grid/overview/src/index.ts b/samples/grids/grid/overview/src/index.ts
index 91133e55e2..995733edef 100644
--- a/samples/grids/grid/overview/src/index.ts
+++ b/samples/grids/grid/overview/src/index.ts
@@ -3,10 +3,10 @@ import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-gri
import NwindData from './NwindData.json';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -23,6 +23,7 @@ export class Sample {
column1.bodyTemplate = this.webGridBooleanCellTemplate;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
@@ -30,6 +31,7 @@ export class Sample {
return this._nwindData;
}
+
public webGridBooleanCellTemplate = (ctx: IgcCellTemplateContext) => {
if (ctx.cell.value) {
return html``
diff --git a/samples/grids/grid/overview/tsconfig.json b/samples/grids/grid/overview/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/overview/tsconfig.json
+++ b/samples/grids/grid/overview/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/overview/webpack.config.js b/samples/grids/grid/overview/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/overview/webpack.config.js
+++ b/samples/grids/grid/overview/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/paste/sandbox.config.json b/samples/grids/grid/paste/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/paste/sandbox.config.json
+++ b/samples/grids/grid/paste/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/paste/src/index.css b/samples/grids/grid/paste/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/paste/src/index.css
+++ b/samples/grids/grid/paste/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/paste/src/index.ts b/samples/grids/grid/paste/src/index.ts
index 46afbef599..d1d29c689a 100644
--- a/samples/grids/grid/paste/src/index.ts
+++ b/samples/grids/grid/paste/src/index.ts
@@ -6,11 +6,11 @@ import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import { InvoicesDataItem, InvoicesData } from './InvoicesData';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcGridKeydownEventArgs, GridKeydownTargetType } from 'igniteui-webcomponents-grids/grids';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -40,6 +40,7 @@ export class Sample {
grid.addEventListener("rendered", this.webGridPasteFromExcel);
}
this._bind();
+
}
private _invoicesData: InvoicesData = null;
@@ -73,7 +74,6 @@ export class Sample {
this.onKeyDown = this.onKeyDown.bind(this);
grid.addEventListener("keydown", this.onKeyDown);
}
-
public onKeyDown(eventArgs: any): void {
const ctrl = eventArgs.ctrlKey;
const key = eventArgs.keyCode;
@@ -99,6 +99,7 @@ export class Sample {
style.width = "0px";
style.overflow = "hidden";
div.appendChild(this.txtArea);
+
this.txtArea.addEventListener("paste", (eventArgs: any) => { this.onPaste(eventArgs); });
}
return this.txtArea;
@@ -156,7 +157,6 @@ export class Sample {
}
});
}
-
public updateRecords(processedData: any[]) {
const grid = this.grid as any;
const cell = grid.selectedCells[0];
diff --git a/samples/grids/grid/paste/tsconfig.json b/samples/grids/grid/paste/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/paste/tsconfig.json
+++ b/samples/grids/grid/paste/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/paste/webpack.config.js b/samples/grids/grid/paste/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/paste/webpack.config.js
+++ b/samples/grids/grid/paste/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/remote-paging-data/sandbox.config.json b/samples/grids/grid/remote-paging-data/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/remote-paging-data/sandbox.config.json
+++ b/samples/grids/grid/remote-paging-data/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/remote-paging-data/src/index.css b/samples/grids/grid/remote-paging-data/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/remote-paging-data/src/index.css
+++ b/samples/grids/grid/remote-paging-data/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/remote-paging-data/src/index.ts b/samples/grids/grid/remote-paging-data/src/index.ts
index 841d3e46d0..a3c2ff02e3 100644
--- a/samples/grids/grid/remote-paging-data/src/index.ts
+++ b/samples/grids/grid/remote-paging-data/src/index.ts
@@ -3,11 +3,11 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -37,6 +37,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/remote-paging-data/tsconfig.json b/samples/grids/grid/remote-paging-data/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/remote-paging-data/tsconfig.json
+++ b/samples/grids/grid/remote-paging-data/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/remote-paging-data/webpack.config.js b/samples/grids/grid/remote-paging-data/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/remote-paging-data/webpack.config.js
+++ b/samples/grids/grid/remote-paging-data/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-adding/sandbox.config.json b/samples/grids/grid/row-adding/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-adding/sandbox.config.json
+++ b/samples/grids/grid/row-adding/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-adding/src/index.css b/samples/grids/grid/row-adding/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/row-adding/src/index.css
+++ b/samples/grids/grid/row-adding/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/row-adding/src/index.ts b/samples/grids/grid/row-adding/src/index.ts
index ad2bdf62a8..d0492118e8 100644
--- a/samples/grids/grid/row-adding/src/index.ts
+++ b/samples/grids/grid/row-adding/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -33,6 +33,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/row-adding/tsconfig.json b/samples/grids/grid/row-adding/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-adding/tsconfig.json
+++ b/samples/grids/grid/row-adding/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-adding/webpack.config.js b/samples/grids/grid/row-adding/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-adding/webpack.config.js
+++ b/samples/grids/grid/row-adding/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-classes/sandbox.config.json b/samples/grids/grid/row-classes/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-classes/sandbox.config.json
+++ b/samples/grids/grid/row-classes/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-classes/src/index.css b/samples/grids/grid/row-classes/src/index.css
index 0fe9368715..de13be7ed3 100644
--- a/samples/grids/grid/row-classes/src/index.css
+++ b/samples/grids/grid/row-classes/src/index.css
@@ -1,2 +1,8 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ .activeRow {
+ border-top: 2px solid #fc81b8;
+ border-left: 3px solid #e41c77;
+ }
+
diff --git a/samples/grids/grid/row-classes/src/index.ts b/samples/grids/grid/row-classes/src/index.ts
index 4e831dfa1d..79410f6806 100644
--- a/samples/grids/grid/row-classes/src/index.ts
+++ b/samples/grids/grid/row-classes/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcRowType } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -32,6 +32,7 @@ export class Sample {
grid1.rowClasses = this.webGridRowClassesHandler;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
@@ -39,6 +40,7 @@ export class Sample {
return this._nwindData;
}
+
public webGridRowClassesHandler = {
activeRow: (row: IgcRowType) => row.index % 2 === 0
};
diff --git a/samples/grids/grid/row-classes/tsconfig.json b/samples/grids/grid/row-classes/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-classes/tsconfig.json
+++ b/samples/grids/grid/row-classes/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-classes/webpack.config.js b/samples/grids/grid/row-classes/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-classes/webpack.config.js
+++ b/samples/grids/grid/row-classes/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-editing-options/sandbox.config.json b/samples/grids/grid/row-editing-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-editing-options/sandbox.config.json
+++ b/samples/grids/grid/row-editing-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-editing-options/src/index.css b/samples/grids/grid/row-editing-options/src/index.css
index 0fe9368715..db87b63a60 100644
--- a/samples/grids/grid/row-editing-options/src/index.css
+++ b/samples/grids/grid/row-editing-options/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-small);
+ }
+
diff --git a/samples/grids/grid/row-editing-options/src/index.ts b/samples/grids/grid/row-editing-options/src/index.ts
index 3011788fd1..0f3d026758 100644
--- a/samples/grids/grid/row-editing-options/src/index.ts
+++ b/samples/grids/grid/row-editing-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
column1.pipeArgs = this.columnPipeArgs1;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/row-editing-options/tsconfig.json b/samples/grids/grid/row-editing-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-editing-options/tsconfig.json
+++ b/samples/grids/grid/row-editing-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-editing-options/webpack.config.js b/samples/grids/grid/row-editing-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-editing-options/webpack.config.js
+++ b/samples/grids/grid/row-editing-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-editing-style/sandbox.config.json b/samples/grids/grid/row-editing-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-editing-style/sandbox.config.json
+++ b/samples/grids/grid/row-editing-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-editing-style/src/index.css b/samples/grids/grid/row-editing-style/src/index.css
index 0fe9368715..cc7b8709b5 100644
--- a/samples/grids/grid/row-editing-style/src/index.css
+++ b/samples/grids/grid/row-editing-style/src/index.css
@@ -1,2 +1,11 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#grid {
+ --ig-banner-banner-background: #292826;
+ --ig-banner-banner-message-color: #ffcd0f;
+ --ig-button-foreground: #ffcd0f;
+ --ig-button-hover-foreground: white;
+ --ig-button-font-weight: 600;
+}
+
diff --git a/samples/grids/grid/row-editing-style/src/index.ts b/samples/grids/grid/row-editing-style/src/index.ts
index 3011788fd1..0f3d026758 100644
--- a/samples/grids/grid/row-editing-style/src/index.ts
+++ b/samples/grids/grid/row-editing-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
column1.pipeArgs = this.columnPipeArgs1;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/row-editing-style/tsconfig.json b/samples/grids/grid/row-editing-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-editing-style/tsconfig.json
+++ b/samples/grids/grid/row-editing-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-editing-style/webpack.config.js b/samples/grids/grid/row-editing-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-editing-style/webpack.config.js
+++ b/samples/grids/grid/row-editing-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-paging-basic/sandbox.config.json b/samples/grids/grid/row-paging-basic/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-paging-basic/sandbox.config.json
+++ b/samples/grids/grid/row-paging-basic/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-paging-basic/src/index.css b/samples/grids/grid/row-paging-basic/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/row-paging-basic/src/index.css
+++ b/samples/grids/grid/row-paging-basic/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/row-paging-basic/src/index.ts b/samples/grids/grid/row-paging-basic/src/index.ts
index db020da707..22e4871731 100644
--- a/samples/grids/grid/row-paging-basic/src/index.ts
+++ b/samples/grids/grid/row-paging-basic/src/index.ts
@@ -3,10 +3,10 @@ import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteu
import { AthletesDataItem, AthletesData } from './AthletesData';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
-
defineAllComponents();
import "./index.css";
@@ -26,7 +26,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private column2: IgcColumnComponent
private column3: IgcColumnComponent
private _bind: () => void;
@@ -44,6 +43,7 @@ export class Sample {
column3.bodyTemplate = this.webGridImageCellTemplate;
}
this._bind();
+
}
private _athletesData: AthletesData = null;
@@ -55,6 +55,7 @@ export class Sample {
return this._athletesData;
}
+
public webGridProgressCellTemplate = (ctx: IgcCellTemplateContext) => {
return html`
`
}
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css
index 0fe9368715..aa7a27b502 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css
@@ -1,2 +1,26 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-grid-filtering-row-background: #ffcd0f;
+ --ig-button-background: #FFCD0F;
+ --ig-button-foreground: #292826;
+ --ig-button-hover-background: #292826;
+ --ig-button-hover-foreground: #ffcd0f;
+
+ --ig-list-background: #FFCD0F;
+ --ig-list-item-background: #FFCD0F;
+ --ig-list-item-background-hover: #c2b1b1bd;
+
+ --ig-checkbox-empty-color: #292826;
+ --ig-checkbox-fill-color: #292826;
+ --ig-checkbox-tick-color: #FFCD0F;
+ --ig-checkbox-label-color: #292826;
+
+ --ig-drop-down-background-color: #FFCD0F;
+ --ig-drop-down-item-text-color: #292826;
+ --ig-drop-down-item-background: #FFCD0F;
+ --ig-drop-down-item-text-color: #292826;
+ --ig-drop-down-focused-item-background: #c2b1b1bd;
+ }
+
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts
index e964441510..174ef44b89 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
grid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js b/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json b/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/filtering-options/src/index.css b/samples/grids/hierarchical-grid/filtering-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/filtering-options/src/index.css
+++ b/samples/grids/hierarchical-grid/filtering-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/filtering-options/src/index.ts b/samples/grids/hierarchical-grid/filtering-options/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/filtering-options/src/index.ts
+++ b/samples/grids/hierarchical-grid/filtering-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/filtering-options/tsconfig.json b/samples/grids/hierarchical-grid/filtering-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/filtering-options/tsconfig.json
+++ b/samples/grids/hierarchical-grid/filtering-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/filtering-options/webpack.config.js b/samples/grids/hierarchical-grid/filtering-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/filtering-options/webpack.config.js
+++ b/samples/grids/hierarchical-grid/filtering-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json b/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/filtering-style/src/index.css b/samples/grids/hierarchical-grid/filtering-style/src/index.css
index 0fe9368715..bfdeb8fb13 100644
--- a/samples/grids/hierarchical-grid/filtering-style/src/index.css
+++ b/samples/grids/hierarchical-grid/filtering-style/src/index.css
@@ -1,2 +1,18 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#hierarchicalGrid1 {
+ --ig-grid-filtering-row-background: #ffcd0f;
+ --ig-grid-filtering-background-or: #d83434;
+ --ig-grid-cell-active-border-color: #ffcd0f;
+ --ig-grid-cell-selected-background: #6f6f6f;
+ --ig-grid-row-hover-background: #f8e495;
+ --ig-grid-row-selected-background: #8d8d8d;
+ --ig-grid-header-background: #494949;
+ --ig-grid-header-text-color: #fff;
+ --ig-grid-expand-icon-color: #ffcd0f;
+ --ig-grid-expand-icon-hover-color: #e0b710;
+ --ig-grid-resize-line-color: #ffcd0f;
+ --ig-grid-row-highlight: #ffcd0f
+}
+
diff --git a/samples/grids/hierarchical-grid/filtering-style/src/index.ts b/samples/grids/hierarchical-grid/filtering-style/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/filtering-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/filtering-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/filtering-style/tsconfig.json b/samples/grids/hierarchical-grid/filtering-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/filtering-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/filtering-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/filtering-style/webpack.config.js b/samples/grids/hierarchical-grid/filtering-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/filtering-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/filtering-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css
index 0fe9368715..3b330b391d 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts
index 761fadab3d..f067e0dee0 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcPaginatorComponent, IgcPaginatorResourceStrings } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._paginatorResourceStrings1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
paginator.resourceStrings = this.paginatorResourceStrings1;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js b/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css
index 0fe9368715..b188fc621b 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css
@@ -1,2 +1,19 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
+ #grid igc-paginator {
+ --ig-paginator-border-width: 5px;
+ --ig-paginator-background-color: #231c2c;
+ --ig-paginator-text-color: #d0ab23;
+ --ig-paginator-focused-text-color: #d0ab23;
+ --ig-paginator-border-color: #d0ab23;
+ --ig-grid-paginator-active-border-color: #d0ab23;
+ --ig-icon-color: #d0ab23;
+ --ig-input-group-filled-text-color: #d0ab23;
+ --ig-input-group-focused-text-color: #d0ab23;
+ }
+
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts
index 761fadab3d..f067e0dee0 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcPaginatorComponent, IgcPaginatorResourceStrings } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._paginatorResourceStrings1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
paginator.resourceStrings = this.paginatorResourceStrings1;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css
index 0fe9368715..8bed1da2ef 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css
@@ -1,2 +1,16 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#hGrid {
+ --ig-grid-cell-active-border-color: #ffcd0f;
+ --ig-grid-cell-selected-background: #6f6f6f;
+ --ig-grid-row-hover-background: #f8e495;
+ --ig-grid-row-selected-background: #8d8d8d;
+ --ig-grid-header-background: #494949;
+ --ig-grid-header-text-color: #fff;
+ --ig-grid-expand-icon-color: #ffcd0f;
+ --ig-grid-expand-icon-hover-color: #e0b710;
+ --ig-grid-resize-line-color: #ffcd0f;
+ --ig-grid-row-highlight: #ffcd0f;
+}
+
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts
index 0bf98a41db..a233360b89 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js b/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json b/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/layout-display-density/src/index.css b/samples/grids/hierarchical-grid/layout-display-density/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/src/index.css
+++ b/samples/grids/hierarchical-grid/layout-display-density/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/layout-display-density/src/index.ts b/samples/grids/hierarchical-grid/layout-display-density/src/index.ts
index 40fba889c1..8033d75ddb 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/src/index.ts
+++ b/samples/grids/hierarchical-grid/layout-display-density/src/index.ts
@@ -5,11 +5,11 @@ import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionCo
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import HierarchicalCustomers from './HierarchicalCustomers.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -38,6 +38,7 @@ export class Sample {
hierarchicalGrid.data = this.hierarchicalCustomers;
}
this._bind();
+
}
private _hierarchicalCustomers: any[] = HierarchicalCustomers;
diff --git a/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json b/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js b/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js
+++ b/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json b/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts
index 80793a04af..dfd7241a95 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcGridToolbarExporterComponent } from 'igniteui-webcomponents-grids/grids';
import MultiColumnsExportData from './MultiColumnsExportData.json';
import { IgcExporterEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -23,6 +23,7 @@ export class Sample {
hGridToolbarExporter.addEventListener("exportStarted", this.webHierarchicalGridExportMultiColumnHeaders);
}
this._bind();
+
}
private _multiColumnsExportData: any[] = MultiColumnsExportData;
@@ -30,6 +31,7 @@ export class Sample {
return this._multiColumnsExportData;
}
+
public webHierarchicalGridExportMultiColumnHeaders(args: CustomEvent): void {
if (args.detail.options) {
args.detail.options.ignoreMultiColumnHeaders = false;
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/tsconfig.json b/samples/grids/hierarchical-grid/multi-column-headers-export/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/tsconfig.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/webpack.config.js b/samples/grids/hierarchical-grid/multi-column-headers-export/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/webpack.config.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/sandbox.config.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.css b/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.css
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.ts b/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.ts
index 46352eb1a1..74fde80520 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.ts
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.ts
@@ -5,11 +5,11 @@ import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionCo
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import HierarchicalCustomers from './HierarchicalCustomers.json';
import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from 'igniteui-webcomponents-layouts';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -42,6 +42,7 @@ export class Sample {
hierarchicalGrid.data = this.hierarchicalCustomers;
}
this._bind();
+
}
private _hierarchicalCustomers: any[] = HierarchicalCustomers;
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/tsconfig.json b/samples/grids/hierarchical-grid/multi-column-headers-overview/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/tsconfig.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-overview/webpack.config.js b/samples/grids/hierarchical-grid/multi-column-headers-overview/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-overview/webpack.config.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-overview/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/sandbox.config.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.css b/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.css
index 0fe9368715..5992914672 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.css
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.css
@@ -1,2 +1,11 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#hierarchicalGrid {
+ --ig-grid-header-background: #e0f3ff;
+ --ig-grid-header-text-color: #e41c77;
+ --ig-grid-header-border-width: 1px;
+ --ig-grid-header-border-style: solid;
+ --ig-grid-header-border-color: rgba(0, 0, 0, 0.08);
+}
+
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.ts b/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.ts
index bab7ef84c8..a464f77852 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.ts
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebHierarchicalGridDescriptionModule, WebColumnGroupDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import HierarchicalCustomers from './HierarchicalCustomers.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -19,6 +19,7 @@ export class Sample {
hierarchicalGrid.data = this.hierarchicalCustomers;
}
this._bind();
+
}
private _hierarchicalCustomers: any[] = HierarchicalCustomers;
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/tsconfig.json b/samples/grids/hierarchical-grid/multi-column-headers-styling/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/tsconfig.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-styling/webpack.config.js b/samples/grids/hierarchical-grid/multi-column-headers-styling/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-styling/webpack.config.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-styling/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/sandbox.config.json b/samples/grids/hierarchical-grid/multi-column-headers-template/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.css b/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.css
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.ts b/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.ts
index ceea884402..c06441fdd3 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.ts
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/src/index.ts
@@ -4,10 +4,10 @@ import { IgcHierarchicalGridComponent, IgcColumnGroupComponent } from 'igniteui-
import HierarchicalCustomers from './HierarchicalCustomers.json';
import { IgcGridComponent, IgcColumnTemplateContext, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -36,6 +36,7 @@ export class Sample {
columnGroup5.headerTemplate = this.webHierarchicalGridColumnGroupHeaderTemplate;
}
this._bind();
+
}
private _hierarchicalCustomers: any[] = HierarchicalCustomers;
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/tsconfig.json b/samples/grids/hierarchical-grid/multi-column-headers-template/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/tsconfig.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-template/webpack.config.js b/samples/grids/hierarchical-grid/multi-column-headers-template/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-template/webpack.config.js
+++ b/samples/grids/hierarchical-grid/multi-column-headers-template/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/overview/sandbox.config.json b/samples/grids/hierarchical-grid/overview/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/overview/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/overview/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/overview/src/index.css b/samples/grids/hierarchical-grid/overview/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/overview/src/index.css
+++ b/samples/grids/hierarchical-grid/overview/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/overview/src/index.ts b/samples/grids/hierarchical-grid/overview/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/overview/src/index.ts
+++ b/samples/grids/hierarchical-grid/overview/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/overview/tsconfig.json b/samples/grids/hierarchical-grid/overview/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/overview/tsconfig.json
+++ b/samples/grids/hierarchical-grid/overview/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/overview/webpack.config.js b/samples/grids/hierarchical-grid/overview/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/overview/webpack.config.js
+++ b/samples/grids/hierarchical-grid/overview/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-adding/sandbox.config.json b/samples/grids/hierarchical-grid/row-adding/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-adding/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-adding/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-adding/src/index.css b/samples/grids/hierarchical-grid/row-adding/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-adding/src/index.css
+++ b/samples/grids/hierarchical-grid/row-adding/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-adding/src/index.ts b/samples/grids/hierarchical-grid/row-adding/src/index.ts
index 0bf98a41db..a233360b89 100644
--- a/samples/grids/hierarchical-grid/row-adding/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-adding/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/row-adding/tsconfig.json b/samples/grids/hierarchical-grid/row-adding/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-adding/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-adding/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-adding/webpack.config.js b/samples/grids/hierarchical-grid/row-adding/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-adding/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-adding/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-classes/sandbox.config.json b/samples/grids/hierarchical-grid/row-classes/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-classes/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-classes/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-classes/src/index.css b/samples/grids/hierarchical-grid/row-classes/src/index.css
index 0fe9368715..de13be7ed3 100644
--- a/samples/grids/hierarchical-grid/row-classes/src/index.css
+++ b/samples/grids/hierarchical-grid/row-classes/src/index.css
@@ -1,2 +1,8 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ .activeRow {
+ border-top: 2px solid #fc81b8;
+ border-left: 3px solid #e41c77;
+ }
+
diff --git a/samples/grids/hierarchical-grid/row-classes/src/index.ts b/samples/grids/hierarchical-grid/row-classes/src/index.ts
index 27591818f6..f543f233a2 100644
--- a/samples/grids/hierarchical-grid/row-classes/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-classes/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcRowIslandComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
import { IgcRowType } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -29,6 +29,7 @@ export class Sample {
rowIsland3.rowClasses = this.webGridRowClassesHandler;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -36,6 +37,7 @@ export class Sample {
return this._singersData;
}
+
public webGridRowClassesHandler = {
activeRow: (row: IgcRowType) => row.index % 2 === 0
};
diff --git a/samples/grids/hierarchical-grid/row-classes/tsconfig.json b/samples/grids/hierarchical-grid/row-classes/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-classes/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-classes/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-classes/webpack.config.js b/samples/grids/hierarchical-grid/row-classes/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-classes/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-classes/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-editing-options/sandbox.config.json b/samples/grids/hierarchical-grid/row-editing-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-editing-options/src/index.css b/samples/grids/hierarchical-grid/row-editing-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/src/index.css
+++ b/samples/grids/hierarchical-grid/row-editing-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-editing-options/src/index.ts b/samples/grids/hierarchical-grid/row-editing-options/src/index.ts
index 3065adca34..f77b2b43ea 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-editing-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/row-editing-options/tsconfig.json b/samples/grids/hierarchical-grid/row-editing-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-editing-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-editing-options/webpack.config.js b/samples/grids/hierarchical-grid/row-editing-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-editing-options/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-editing-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-editing-style/sandbox.config.json b/samples/grids/hierarchical-grid/row-editing-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-editing-style/src/index.css b/samples/grids/hierarchical-grid/row-editing-style/src/index.css
index 0fe9368715..d2d16c2b30 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/src/index.css
+++ b/samples/grids/hierarchical-grid/row-editing-style/src/index.css
@@ -1,2 +1,8 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#hierarchicalGrid {
+ --ig-banner-banner-background: #e3e3e3;
+ --ig-banner-banner-message-color: #423589;
+}
+
diff --git a/samples/grids/hierarchical-grid/row-editing-style/src/index.ts b/samples/grids/hierarchical-grid/row-editing-style/src/index.ts
index 3065adca34..f77b2b43ea 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-editing-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/row-editing-style/tsconfig.json b/samples/grids/hierarchical-grid/row-editing-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-editing-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-editing-style/webpack.config.js b/samples/grids/hierarchical-grid/row-editing-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-editing-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-editing-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/sandbox.config.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.css b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.css
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.ts b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.ts
index baed3cf893..f90b969570 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/src/index.ts
@@ -7,11 +7,11 @@ import SingersData from './SingersData.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcCellTemplateContext, IgcRowType } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -37,7 +37,6 @@ export class Sample {
}
return this._pinningConfig1;
}
-
private column1: IgcColumnComponent
private rowIsland1: IgcRowIslandComponent
private _pinningConfig2: IgcPinningConfig | null = null;
@@ -52,7 +51,6 @@ export class Sample {
}
return this._pinningConfig2;
}
-
private column2: IgcColumnComponent
private rowIsland2: IgcRowIslandComponent
private _pinningConfig3: IgcPinningConfig | null = null;
@@ -67,7 +65,6 @@ export class Sample {
}
return this._pinningConfig3;
}
-
private column3: IgcColumnComponent
private rowIsland3: IgcRowIslandComponent
private _pinningConfig4: IgcPinningConfig | null = null;
@@ -82,7 +79,6 @@ export class Sample {
}
return this._pinningConfig4;
}
-
private column4: IgcColumnComponent
private _bind: () => void;
@@ -114,6 +110,7 @@ export class Sample {
column4.bodyTemplate = this.webHierarchicalGridRowPinCellTemplate;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/tsconfig.json b/samples/grids/hierarchical-grid/row-pinning-extra-column/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-pinning-extra-column/webpack.config.js b/samples/grids/hierarchical-grid/row-pinning-extra-column/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-pinning-extra-column/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-pinning-extra-column/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/sandbox.config.json b/samples/grids/hierarchical-grid/row-pinning-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/src/index.css b/samples/grids/hierarchical-grid/row-pinning-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/src/index.css
+++ b/samples/grids/hierarchical-grid/row-pinning-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/src/index.ts b/samples/grids/hierarchical-grid/row-pinning-options/src/index.ts
index babee89146..7b0151ad10 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-pinning-options/src/index.ts
@@ -5,11 +5,11 @@ import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionCo
import { IgcHierarchicalGridComponent, IgcPinningConfig, RowPinningPosition, ColumnPinningPosition, IgcActionStripComponent, IgcRowIslandComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -35,7 +35,6 @@ export class Sample {
}
return this._pinningConfig1;
}
-
private actionStrip1: IgcActionStripComponent
private rowIsland1: IgcRowIslandComponent
private _pinningConfig2: IgcPinningConfig | null = null;
@@ -50,7 +49,6 @@ export class Sample {
}
return this._pinningConfig2;
}
-
private actionStrip2: IgcActionStripComponent
private _bind: () => void;
@@ -74,6 +72,7 @@ export class Sample {
rowIsland1.pinning = this.pinningConfig2;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/tsconfig.json b/samples/grids/hierarchical-grid/row-pinning-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-pinning-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-pinning-options/webpack.config.js b/samples/grids/hierarchical-grid/row-pinning-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-pinning-options/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-pinning-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/sandbox.config.json b/samples/grids/hierarchical-grid/row-pinning-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/src/index.css b/samples/grids/hierarchical-grid/row-pinning-style/src/index.css
index 0fe9368715..e8c11e3bf1 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/src/index.css
+++ b/samples/grids/hierarchical-grid/row-pinning-style/src/index.css
@@ -1,2 +1,10 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-grid-pinned-border-width: 5px;
+ --ig-grid-pinned-border-style: double;
+ --ig-grid-pinned-border-color: #FFCD0F;
+ --ig-grid-cell-active-border-color: #FFCD0F;
+ }
+
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/src/index.ts b/samples/grids/hierarchical-grid/row-pinning-style/src/index.ts
index dd8ca2d60b..0e047a0553 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-pinning-style/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcPinningConfig, RowPinningPosition, ColumnPinningPosition, IgcActionStripComponent, IgcRowIslandComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -22,7 +22,6 @@ export class Sample {
}
return this._pinningConfig1;
}
-
private actionStrip1: IgcActionStripComponent
private rowIsland1: IgcRowIslandComponent
private _pinningConfig2: IgcPinningConfig | null = null;
@@ -37,7 +36,6 @@ export class Sample {
}
return this._pinningConfig2;
}
-
private actionStrip2: IgcActionStripComponent
private _bind: () => void;
@@ -55,6 +53,7 @@ export class Sample {
rowIsland1.pinning = this.pinningConfig2;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -62,6 +61,7 @@ export class Sample {
return this._singersData;
}
+
public webHierarchicalGridPinRowOnRendered(): void {
var hierarchicalGrid = this.grid;
hierarchicalGrid.pinRow(hierarchicalGrid.data[0].Photo);
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/tsconfig.json b/samples/grids/hierarchical-grid/row-pinning-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-pinning-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-pinning-style/webpack.config.js b/samples/grids/hierarchical-grid/row-pinning-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-pinning-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-pinning-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-reorder/sandbox.config.json b/samples/grids/hierarchical-grid/row-reorder/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-reorder/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-reorder/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-reorder/src/index.css b/samples/grids/hierarchical-grid/row-reorder/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-reorder/src/index.css
+++ b/samples/grids/hierarchical-grid/row-reorder/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-reorder/src/index.ts b/samples/grids/hierarchical-grid/row-reorder/src/index.ts
index 1d9c4b3727..be0bc7eefa 100644
--- a/samples/grids/hierarchical-grid/row-reorder/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-reorder/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
import { IgcRowDragEndEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,6 +21,7 @@ export class Sample {
hierarchicalGrid.addEventListener("rowDragEnd", this.webHierarchicalGridReorderRowHandler);
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -28,6 +29,7 @@ export class Sample {
return this._singersData;
}
+
public webHierarchicalGridReorderRowHandler(args: CustomEvent): void {
const ghostElement = args.detail.dragDirective.ghostElement;
const dragElementPos = ghostElement.getBoundingClientRect();
diff --git a/samples/grids/hierarchical-grid/row-reorder/tsconfig.json b/samples/grids/hierarchical-grid/row-reorder/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-reorder/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-reorder/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-reorder/webpack.config.js b/samples/grids/hierarchical-grid/row-reorder/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-reorder/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-reorder/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/sandbox.config.json b/samples/grids/hierarchical-grid/row-selection-mode/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/src/index.css b/samples/grids/hierarchical-grid/row-selection-mode/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/src/index.css
+++ b/samples/grids/hierarchical-grid/row-selection-mode/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/src/index.ts b/samples/grids/hierarchical-grid/row-selection-mode/src/index.ts
index 2bceff8252..7ea395d090 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-selection-mode/src/index.ts
@@ -4,11 +4,11 @@ import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebHierarchica
import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionComponent } from 'igniteui-webcomponents-layouts';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -37,6 +37,7 @@ export class Sample {
hierarchicalGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/tsconfig.json b/samples/grids/hierarchical-grid/row-selection-mode/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-selection-mode/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-selection-mode/webpack.config.js b/samples/grids/hierarchical-grid/row-selection-mode/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-selection-mode/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-selection-mode/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/sandbox.config.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.css b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.css
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.ts b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.ts
index 5d7fca15b1..da26cc9b9f 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/src/index.ts
@@ -4,10 +4,10 @@ import { IgcHierarchicalGridComponent, IgcPaginatorComponent } from 'igniteui-we
import SingersData from './SingersData.json';
import { IgcRowSelectorTemplateContext, IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
-
defineAllComponents();
import "./index.css";
@@ -28,6 +28,7 @@ export class Sample {
hierarchicalGrid.headSelectorTemplate = this.webGridHeaderRowSelectorTemplate;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/tsconfig.json b/samples/grids/hierarchical-grid/row-selection-template-numbers/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-selection-template-numbers/webpack.config.js b/samples/grids/hierarchical-grid/row-selection-template-numbers/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-selection-template-numbers/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-selection-template-numbers/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/row-styles/sandbox.config.json b/samples/grids/hierarchical-grid/row-styles/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/row-styles/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/row-styles/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/row-styles/src/index.css b/samples/grids/hierarchical-grid/row-styles/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/row-styles/src/index.css
+++ b/samples/grids/hierarchical-grid/row-styles/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/row-styles/src/index.ts b/samples/grids/hierarchical-grid/row-styles/src/index.ts
index ab473c5f94..e2bf6b4dea 100644
--- a/samples/grids/hierarchical-grid/row-styles/src/index.ts
+++ b/samples/grids/hierarchical-grid/row-styles/src/index.ts
@@ -3,10 +3,10 @@ import { IgcHierarchicalGridComponent, IgcRowIslandComponent } from 'igniteui-we
import SingersData from './SingersData.json';
import { IgcPropertyEditorPropertyDescriptionButtonClickEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcGridComponent, IgcRowType } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -24,6 +24,7 @@ export class Sample {
rowIsland1.rowStyles = this.webHierarchicalGridChildRowStylesHandler;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -31,6 +32,7 @@ export class Sample {
return this._singersData;
}
+
public webHierarchicalGridRowStylesHandler = {
background:(row: IgcRowType) => row.data['HasGrammyAward'] ? '#eeddd3' : '#f0efeb',
'border-left': (row: IgcRowType) => row.data['HasGrammyAward'] ? '2px solid #dda15e' : null
diff --git a/samples/grids/hierarchical-grid/row-styles/tsconfig.json b/samples/grids/hierarchical-grid/row-styles/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/row-styles/tsconfig.json
+++ b/samples/grids/hierarchical-grid/row-styles/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/row-styles/webpack.config.js b/samples/grids/hierarchical-grid/row-styles/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/row-styles/webpack.config.js
+++ b/samples/grids/hierarchical-grid/row-styles/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/sandbox.config.json b/samples/grids/hierarchical-grid/toolbar-sample-1/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.css b/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.css
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.ts b/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.ts
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/tsconfig.json b/samples/grids/hierarchical-grid/toolbar-sample-1/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/tsconfig.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-1/webpack.config.js b/samples/grids/hierarchical-grid/toolbar-sample-1/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-1/webpack.config.js
+++ b/samples/grids/hierarchical-grid/toolbar-sample-1/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/sandbox.config.json b/samples/grids/hierarchical-grid/toolbar-sample-2/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.css b/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.css
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.ts b/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.ts
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/tsconfig.json b/samples/grids/hierarchical-grid/toolbar-sample-2/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/tsconfig.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-2/webpack.config.js b/samples/grids/hierarchical-grid/toolbar-sample-2/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-2/webpack.config.js
+++ b/samples/grids/hierarchical-grid/toolbar-sample-2/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/sandbox.config.json b/samples/grids/hierarchical-grid/toolbar-sample-3/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.css b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.css
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.ts b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.ts
index ac0398bfd5..bb61580d23 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.ts
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
import { IgcExporterOptionsBase, IgcGridToolbarExportEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,6 +21,7 @@ export class Sample {
hierarchicalGrid1.addEventListener("toolbarExporting", this.webHierarchicalGridToolbarExporting);
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -28,6 +29,7 @@ export class Sample {
return this._singersData;
}
+
public webHierarchicalGridToolbarExporting(evt: CustomEvent): void {
const args = evt.detail;
const options: IgcExporterOptionsBase = args.options;
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/tsconfig.json b/samples/grids/hierarchical-grid/toolbar-sample-3/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/tsconfig.json
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/toolbar-sample-3/webpack.config.js b/samples/grids/hierarchical-grid/toolbar-sample-3/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/toolbar-sample-3/webpack.config.js
+++ b/samples/grids/hierarchical-grid/toolbar-sample-3/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/toolbar-style/sandbox.config.json b/samples/grids/hierarchical-grid/toolbar-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/toolbar-style/src/index.css b/samples/grids/hierarchical-grid/toolbar-style/src/index.css
index 0fe9368715..a68274771b 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/src/index.css
+++ b/samples/grids/hierarchical-grid/toolbar-style/src/index.css
@@ -1,2 +1,9 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#grid {
+ --ig-grid-toolbar-background-color: #2a2b2f;
+ --ig-grid-toolbar-title-text-color: #ffcd0f;
+ --ig-grid-toolbar-dropdown-background: #2a2b2f;
+}
+
diff --git a/samples/grids/hierarchical-grid/toolbar-style/src/index.ts b/samples/grids/hierarchical-grid/toolbar-style/src/index.ts
index e964441510..174ef44b89 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/toolbar-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
grid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/toolbar-style/tsconfig.json b/samples/grids/hierarchical-grid/toolbar-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/toolbar-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/toolbar-style/webpack.config.js b/samples/grids/hierarchical-grid/toolbar-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/toolbar-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/toolbar-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/sandbox.config.json b/samples/grids/pivot-grid/aggregate-max-sales/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/sandbox.config.json
+++ b/samples/grids/pivot-grid/aggregate-max-sales/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts b/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts
index b4f51a3736..29196f5db4 100644
--- a/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts
+++ b/samples/grids/pivot-grid/aggregate-max-sales/src/PivotSalesData.ts
@@ -36,7 +36,7 @@ export class PivotSalesData extends Array {
Sales: 26440,
COGS: 16185,
Profit: 11255,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -52,7 +52,7 @@ export class PivotSalesData extends Array {
Sales: 27440,
COGS: 16185,
Profit: 11255,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -68,7 +68,7 @@ export class PivotSalesData extends Array {
Sales: 55240,
COGS: 13210,
Profit: 42030,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -84,7 +84,7 @@ export class PivotSalesData extends Array {
Sales: 21960,
COGS: 21780,
Profit: 180,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -100,7 +100,7 @@ export class PivotSalesData extends Array {
Sales: 10785,
COGS: 8880,
Profit: 1905,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -116,7 +116,7 @@ export class PivotSalesData extends Array {
Sales: 53640,
COGS: 24700,
Profit: 28940,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -132,7 +132,7 @@ export class PivotSalesData extends Array {
Sales: 1547700,
COGS: 393380,
Profit: 1154320,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -148,7 +148,7 @@ export class PivotSalesData extends Array {
Sales: 54735,
COGS: 9210,
Profit: 45525,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -164,7 +164,7 @@ export class PivotSalesData extends Array {
Sales: 50064,
COGS: 7554,
Profit: 42510,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -180,7 +180,7 @@ export class PivotSalesData extends Array {
Sales: 76820,
COGS: 18990,
Profit: 57830,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -196,7 +196,7 @@ export class PivotSalesData extends Array {
Sales: 44712,
COGS: 4635,
Profit: 40077,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -212,7 +212,7 @@ export class PivotSalesData extends Array {
Sales: 39375,
COGS: 24700,
Profit: 14675,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -228,7 +228,7 @@ export class PivotSalesData extends Array {
Sales: 244750,
COGS: 319860,
Profit: 75110,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -244,7 +244,7 @@ export class PivotSalesData extends Array {
Sales: 981300,
COGS: 239500,
Profit: 741800,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -260,7 +260,7 @@ export class PivotSalesData extends Array {
Sales: 14637,
COGS: 10730,
Profit: 3907,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -276,7 +276,7 @@ export class PivotSalesData extends Array {
Sales: 42375,
COGS: 6150,
Profit: 36225,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -292,7 +292,7 @@ export class PivotSalesData extends Array {
Sales: 50260,
COGS: 2920,
Profit: 47340,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -308,7 +308,7 @@ export class PivotSalesData extends Array {
Sales: 13245,
COGS: 9740,
Profit: 3505,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -324,7 +324,7 @@ export class PivotSalesData extends Array {
Sales: 25044,
COGS: 7554,
Profit: 17490,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -340,7 +340,7 @@ export class PivotSalesData extends Array {
Sales: 897050,
COGS: 261560,
Profit: 635490,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -356,7 +356,7 @@ export class PivotSalesData extends Array {
Sales: 34152,
COGS: 1101,
Profit: 33051,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -372,7 +372,7 @@ export class PivotSalesData extends Array {
Sales: 6979,
COGS: 4415,
Profit: 2564,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -388,7 +388,7 @@ export class PivotSalesData extends Array {
Sales: 34350,
COGS: 24720,
Profit: 9630,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -404,7 +404,7 @@ export class PivotSalesData extends Array {
Sales: 14931,
COGS: 5715,
Profit: 9216,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -420,7 +420,7 @@ export class PivotSalesData extends Array {
Sales: 72340,
COGS: 18170,
Profit: 54170,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -436,7 +436,7 @@ export class PivotSalesData extends Array {
Sales: 443100,
COGS: 393380,
Profit: 49720,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -452,7 +452,7 @@ export class PivotSalesData extends Array {
Sales: 6258,
COGS: 7465,
Profit: 1207,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -468,7 +468,7 @@ export class PivotSalesData extends Array {
Sales: 340625,
COGS: 216480,
Profit: 124145,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -484,7 +484,7 @@ export class PivotSalesData extends Array {
Sales: 36732,
COGS: 6483,
Profit: 30249,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -500,7 +500,7 @@ export class PivotSalesData extends Array {
Sales: 1385300,
COGS: 261560,
Profit: 1123740,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -516,7 +516,7 @@ export class PivotSalesData extends Array {
Sales: 47040,
COGS: 4635,
Profit: 42405,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -532,7 +532,7 @@ export class PivotSalesData extends Array {
Sales: 422625,
COGS: 338520,
Profit: 84105,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -548,7 +548,7 @@ export class PivotSalesData extends Array {
Sales: 1292100,
COGS: 500250,
Profit: 791850,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -564,7 +564,7 @@ export class PivotSalesData extends Array {
Sales: 10536,
COGS: 8514,
Profit: 2022,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -580,7 +580,7 @@ export class PivotSalesData extends Array {
Sales: 7440,
COGS: 21780,
Profit: 14340,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -596,7 +596,7 @@ export class PivotSalesData extends Array {
Sales: 50505,
COGS: 8880,
Profit: 41625,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -612,7 +612,7 @@ export class PivotSalesData extends Array {
Sales: 616500,
COGS: 537750,
Profit: 78750,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -628,7 +628,7 @@ export class PivotSalesData extends Array {
Sales: 80820,
COGS: 18170,
Profit: 62650,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -644,7 +644,7 @@ export class PivotSalesData extends Array {
Sales: 1132950,
COGS: 715000,
Profit: 417950,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -660,7 +660,7 @@ export class PivotSalesData extends Array {
Sales: 7560,
COGS: 5859,
Profit: 1701,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -676,7 +676,7 @@ export class PivotSalesData extends Array {
Sales: 526250,
COGS: 506340,
Profit: 19910,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -692,7 +692,7 @@ export class PivotSalesData extends Array {
Sales: 22540,
COGS: 18990,
Profit: 3550,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -708,7 +708,7 @@ export class PivotSalesData extends Array {
Sales: 24066,
COGS: 8430,
Profit: 15636,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -724,7 +724,7 @@ export class PivotSalesData extends Array {
Sales: 24180,
COGS: 6423,
Profit: 17757,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -740,7 +740,7 @@ export class PivotSalesData extends Array {
Sales: 17738,
COGS: 5715,
Profit: 12023,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -756,7 +756,7 @@ export class PivotSalesData extends Array {
Sales: 20760,
COGS: 6150,
Profit: 14610,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -772,7 +772,7 @@ export class PivotSalesData extends Array {
Sales: 24650.85,
COGS: 19725,
Profit: 4925.85,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -788,7 +788,7 @@ export class PivotSalesData extends Array {
Sales: 27000.6,
COGS: 22960,
Profit: 4040.6,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -804,7 +804,7 @@ export class PivotSalesData extends Array {
Sales: 19492.9,
COGS: 5150,
Profit: 14342.9,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -820,7 +820,7 @@ export class PivotSalesData extends Array {
Sales: 3154.27,
COGS: 3195,
Profit: 40.73,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -836,7 +836,7 @@ export class PivotSalesData extends Array {
Sales: 26402.18,
COGS: 6630,
Profit: 19772.18,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -852,7 +852,7 @@ export class PivotSalesData extends Array {
Sales: 8753.04,
COGS: 5574,
Profit: 3179.04,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -868,7 +868,7 @@ export class PivotSalesData extends Array {
Sales: 353115,
COGS: 314600,
Profit: 38515,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -884,7 +884,7 @@ export class PivotSalesData extends Array {
Sales: 14354.97,
COGS: 12645,
Profit: 1709.97,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -900,7 +900,7 @@ export class PivotSalesData extends Array {
Sales: 51618.6,
COGS: 4335,
Profit: 47283.6,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -916,7 +916,7 @@ export class PivotSalesData extends Array {
Sales: 49767.48,
COGS: 8013,
Profit: 41754.48,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -932,7 +932,7 @@ export class PivotSalesData extends Array {
Sales: 1302710.5,
COGS: 363220,
Profit: 939490.5,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -948,7 +948,7 @@ export class PivotSalesData extends Array {
Sales: 662357.5,
COGS: 560300,
Profit: 102057.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -964,7 +964,7 @@ export class PivotSalesData extends Array {
Sales: 40797.9,
COGS: 22140,
Profit: 18657.9,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -980,7 +980,7 @@ export class PivotSalesData extends Array {
Sales: 442797,
COGS: 575250,
Profit: 132453,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -996,7 +996,7 @@ export class PivotSalesData extends Array {
Sales: 75164.9,
COGS: 13755,
Profit: 61409.9,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -1012,7 +1012,7 @@ export class PivotSalesData extends Array {
Sales: 7655.9,
COGS: 9150,
Profit: 1494.1,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -1028,7 +1028,7 @@ export class PivotSalesData extends Array {
Sales: 35292.9,
COGS: 15140,
Profit: 20152.9,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -1044,7 +1044,7 @@ export class PivotSalesData extends Array {
Sales: 10787.52,
COGS: 22462.5,
Profit: 11674.98,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -1060,7 +1060,7 @@ export class PivotSalesData extends Array {
Sales: 422341.25,
COGS: 87240,
Profit: 335101.25,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1076,7 +1076,7 @@ export class PivotSalesData extends Array {
Sales: 105516.25,
COGS: 94440,
Profit: 11076.25,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1092,7 +1092,7 @@ export class PivotSalesData extends Array {
Sales: 345596.25,
COGS: 218760,
Profit: 126836.25,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -1108,7 +1108,7 @@ export class PivotSalesData extends Array {
Sales: 40147.95,
COGS: 7470,
Profit: 32677.95,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -1124,7 +1124,7 @@ export class PivotSalesData extends Array {
Sales: 1216185,
COGS: 726250,
Profit: 489935,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -1140,7 +1140,7 @@ export class PivotSalesData extends Array {
Sales: 978057.5,
COGS: 560300,
Profit: 417757.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1156,7 +1156,7 @@ export class PivotSalesData extends Array {
Sales: 85107.2,
COGS: 38640,
Profit: 46467.2,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -1172,7 +1172,7 @@ export class PivotSalesData extends Array {
Sales: 19966.66,
COGS: 1810,
Profit: 18156.66,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -1188,7 +1188,7 @@ export class PivotSalesData extends Array {
Sales: 174721.25,
COGS: 110760,
Profit: 63961.25,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -1204,7 +1204,7 @@ export class PivotSalesData extends Array {
Sales: 8836.59,
COGS: 1315,
Profit: 7521.59,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -1220,7 +1220,7 @@ export class PivotSalesData extends Array {
Sales: 1358897.75,
COGS: 245310,
Profit: 1113587.75,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -1236,7 +1236,7 @@ export class PivotSalesData extends Array {
Sales: 382591.25,
COGS: 87240,
Profit: 295351.25,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1252,7 +1252,7 @@ export class PivotSalesData extends Array {
Sales: 271641.25,
COGS: 94440,
Profit: 177201.25,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1268,7 +1268,7 @@ export class PivotSalesData extends Array {
Sales: 403842,
COGS: 246500,
Profit: 177201.25,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1284,7 +1284,7 @@ export class PivotSalesData extends Array {
Sales: 630010.5,
COGS: 363220,
Profit: 266790.5,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -1300,7 +1300,7 @@ export class PivotSalesData extends Array {
Sales: 184695,
COGS: 209280,
Profit: 24585,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -1316,7 +1316,7 @@ export class PivotSalesData extends Array {
Sales: 181018.75,
COGS: 89100,
Profit: 91918.75,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -1332,7 +1332,7 @@ export class PivotSalesData extends Array {
Sales: 2269.2,
COGS: 3885,
Profit: 1615.8,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -1348,7 +1348,7 @@ export class PivotSalesData extends Array {
Sales: 178136,
COGS: 741520,
Profit: 563384,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1364,7 +1364,7 @@ export class PivotSalesData extends Array {
Sales: 38785.92,
COGS: 3426,
Profit: 35359.92,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1380,7 +1380,7 @@ export class PivotSalesData extends Array {
Sales: 14813.6,
COGS: 15660,
Profit: 846.4,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -1396,7 +1396,7 @@ export class PivotSalesData extends Array {
Sales: 13454.4,
COGS: 2070,
Profit: 11384.4,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -1412,7 +1412,7 @@ export class PivotSalesData extends Array {
Sales: 17186.1,
COGS: 23630,
Profit: 6443.9,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -1428,7 +1428,7 @@ export class PivotSalesData extends Array {
Sales: 753492,
COGS: 229500,
Profit: 523992,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -1444,7 +1444,7 @@ export class PivotSalesData extends Array {
Sales: 1024932,
COGS: 432000,
Profit: 592932,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -1460,7 +1460,7 @@ export class PivotSalesData extends Array {
Sales: 36433.92,
COGS: 3426,
Profit: 33007.92,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1476,7 +1476,7 @@ export class PivotSalesData extends Array {
Sales: 492970,
COGS: 79440,
Profit: 413530,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1492,7 +1492,7 @@ export class PivotSalesData extends Array {
Sales: 41017.2,
COGS: 3885,
Profit: 37132.2,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -1508,7 +1508,7 @@ export class PivotSalesData extends Array {
Sales: 934704,
COGS: 479000,
Profit: 455704,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1524,7 +1524,7 @@ export class PivotSalesData extends Array {
Sales: 1417836,
COGS: 741520,
Profit: 676316,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1540,7 +1540,7 @@ export class PivotSalesData extends Array {
Sales: 463177.5,
COGS: 327480,
Profit: 135697.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1556,7 +1556,7 @@ export class PivotSalesData extends Array {
Sales: 27754.8,
COGS: 3165,
Profit: 24589.8,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1572,7 +1572,7 @@ export class PivotSalesData extends Array {
Sales: 6699.84,
COGS: 3252,
Profit: 3447.84,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1588,7 +1588,7 @@ export class PivotSalesData extends Array {
Sales: 51573.6,
COGS: 15660,
Profit: 35913.6,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -1604,7 +1604,7 @@ export class PivotSalesData extends Array {
Sales: 490511,
COGS: 748020,
Profit: 257509,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -1620,7 +1620,7 @@ export class PivotSalesData extends Array {
Sales: 45034.8,
COGS: 3165,
Profit: 41869.8,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1636,7 +1636,7 @@ export class PivotSalesData extends Array {
Sales: 30603.84,
COGS: 3252,
Profit: 27351.84,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1652,7 +1652,7 @@ export class PivotSalesData extends Array {
Sales: 38345,
COGS: 79440,
Profit: 41095,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1668,7 +1668,7 @@ export class PivotSalesData extends Array {
Sales: 1126111,
COGS: 748020,
Profit: 378091,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -1684,7 +1684,7 @@ export class PivotSalesData extends Array {
Sales: 440927.5,
COGS: 327480,
Profit: 113447.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1700,7 +1700,7 @@ export class PivotSalesData extends Array {
Sales: 1215246,
COGS: 64750,
Profit: 1150496,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -1716,7 +1716,7 @@ export class PivotSalesData extends Array {
Sales: 636594,
COGS: 275250,
Profit: 361344,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -1732,7 +1732,7 @@ export class PivotSalesData extends Array {
Sales: 432060,
COGS: 273120,
Profit: 158940,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -1748,7 +1748,7 @@ export class PivotSalesData extends Array {
Sales: 13085.6,
COGS: 12360,
Profit: 725.6,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -1764,7 +1764,7 @@ export class PivotSalesData extends Array {
Sales: 46643.6,
COGS: 9410,
Profit: 37233.6,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -1780,7 +1780,7 @@ export class PivotSalesData extends Array {
Sales: 601404,
COGS: 479000,
Profit: 122404,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1796,7 +1796,7 @@ export class PivotSalesData extends Array {
Sales: 429711.88,
COGS: 509220,
Profit: 79508.13,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -1812,7 +1812,7 @@ export class PivotSalesData extends Array {
Sales: 26472,
COGS: 25800,
Profit: 672,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -1828,7 +1828,7 @@ export class PivotSalesData extends Array {
Sales: 616899,
COGS: 172250,
Profit: 444649,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1844,7 +1844,7 @@ export class PivotSalesData extends Array {
Sales: 43015.08,
COGS: 5841,
Profit: 37174.08,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -1860,7 +1860,7 @@ export class PivotSalesData extends Array {
Sales: 20308.82,
COGS: 9790,
Profit: 10518.82,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -1876,7 +1876,7 @@ export class PivotSalesData extends Array {
Sales: 13727.64,
COGS: 5703,
Profit: 8024.64,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1892,7 +1892,7 @@ export class PivotSalesData extends Array {
Sales: 16132.76,
COGS: 2720,
Profit: 13412.76,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -1908,7 +1908,7 @@ export class PivotSalesData extends Array {
Sales: 491673.75,
COGS: 154440,
Profit: 337233.75,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1924,7 +1924,7 @@ export class PivotSalesData extends Array {
Sales: 478352.5,
COGS: 204720,
Profit: 273632.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -1940,7 +1940,7 @@ export class PivotSalesData extends Array {
Sales: 661489.5,
COGS: 608625,
Profit: 52864.5,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -1956,7 +1956,7 @@ export class PivotSalesData extends Array {
Sales: 127722.5,
COGS: 212880,
Profit: 85157.5,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -1972,7 +1972,7 @@ export class PivotSalesData extends Array {
Sales: 47915.64,
COGS: 5703,
Profit: 42212.64,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -1988,7 +1988,7 @@ export class PivotSalesData extends Array {
Sales: 904299,
COGS: 172250,
Profit: 732049,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -2004,7 +2004,7 @@ export class PivotSalesData extends Array {
Sales: 448612.5,
COGS: 188400,
Profit: 260212.5,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -2020,7 +2020,7 @@ export class PivotSalesData extends Array {
Sales: 16054.98,
COGS: 4108.5,
Profit: 11946.48,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -2036,7 +2036,7 @@ export class PivotSalesData extends Array {
Sales: 553966.25,
COGS: 241080,
Profit: 312886.25,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2052,7 +2052,7 @@ export class PivotSalesData extends Array {
Sales: 213173.75,
COGS: 154440,
Profit: 58733.75,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2068,7 +2068,7 @@ export class PivotSalesData extends Array {
Sales: 286227.5,
COGS: 204720,
Profit: 81507.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2084,7 +2084,7 @@ export class PivotSalesData extends Array {
Sales: 471841.25,
COGS: 241080,
Profit: 230761.25,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2100,7 +2100,7 @@ export class PivotSalesData extends Array {
Sales: 322704,
COGS: 711000,
Profit: 388296,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -2116,7 +2116,7 @@ export class PivotSalesData extends Array {
Sales: 9822.24,
COGS: 5748,
Profit: 4074.24,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -2132,7 +2132,7 @@ export class PivotSalesData extends Array {
Sales: 207237.5,
COGS: 188400,
Profit: 18837.5,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -2148,7 +2148,7 @@ export class PivotSalesData extends Array {
Sales: 524634,
COGS: 468500,
Profit: 56134,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -2164,7 +2164,7 @@ export class PivotSalesData extends Array {
Sales: 118909,
COGS: 426920,
Profit: 308011,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -2180,7 +2180,7 @@ export class PivotSalesData extends Array {
Sales: 28681.4,
COGS: 8310,
Profit: 20371.4,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -2196,7 +2196,7 @@ export class PivotSalesData extends Array {
Sales: 82409.7,
COGS: 38505,
Profit: 43904.7,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -2212,7 +2212,7 @@ export class PivotSalesData extends Array {
Sales: 42631.56,
COGS: 7437,
Profit: 35194.56,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -2228,7 +2228,7 @@ export class PivotSalesData extends Array {
Sales: 25121.4,
COGS: 20310,
Profit: 4811.4,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2244,7 +2244,7 @@ export class PivotSalesData extends Array {
Sales: 3386.4,
COGS: 20310,
Profit: 16923.6,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2260,7 +2260,7 @@ export class PivotSalesData extends Array {
Sales: 342348,
COGS: 505250,
Profit: 162902,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2276,7 +2276,7 @@ export class PivotSalesData extends Array {
Sales: 167314,
COGS: 71240,
Profit: 96074,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2292,7 +2292,7 @@ export class PivotSalesData extends Array {
Sales: 60814.8,
COGS: 19670,
Profit: 41144.8,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -2308,7 +2308,7 @@ export class PivotSalesData extends Array {
Sales: 800592,
COGS: 464750,
Profit: 335842,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -2324,7 +2324,7 @@ export class PivotSalesData extends Array {
Sales: 1313748,
COGS: 505250,
Profit: 808498,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2340,7 +2340,7 @@ export class PivotSalesData extends Array {
Sales: 148310,
COGS: 136560,
Profit: 11750,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2356,7 +2356,7 @@ export class PivotSalesData extends Array {
Sales: 16911.72,
COGS: 21255,
Profit: 4343.28,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -2372,7 +2372,7 @@ export class PivotSalesData extends Array {
Sales: 162525,
COGS: 95400,
Profit: 67125,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -2388,7 +2388,7 @@ export class PivotSalesData extends Array {
Sales: 1329126,
COGS: 353625,
Profit: 975501,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -2404,7 +2404,7 @@ export class PivotSalesData extends Array {
Sales: 1123584,
COGS: 729500,
Profit: 394084,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -2420,7 +2420,7 @@ export class PivotSalesData extends Array {
Sales: 569450,
COGS: 897000,
Profit: 327550,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -2436,7 +2436,7 @@ export class PivotSalesData extends Array {
Sales: 426685,
COGS: 358560,
Profit: 68125,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -2452,7 +2452,7 @@ export class PivotSalesData extends Array {
Sales: 30109.2,
COGS: 2180,
Profit: 27929.2,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -2468,7 +2468,7 @@ export class PivotSalesData extends Array {
Sales: 57100.8,
COGS: 20740,
Profit: 36360.8,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -2484,7 +2484,7 @@ export class PivotSalesData extends Array {
Sales: 66195.2,
COGS: 10560,
Profit: 55635.2,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -2500,7 +2500,7 @@ export class PivotSalesData extends Array {
Sales: 846664,
COGS: 71240,
Profit: 775424,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2516,7 +2516,7 @@ export class PivotSalesData extends Array {
Sales: 61185,
COGS: 136560,
Profit: 75375,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2532,7 +2532,7 @@ export class PivotSalesData extends Array {
Sales: 17572.8,
COGS: 4395,
Profit: 13177.8,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -2548,7 +2548,7 @@ export class PivotSalesData extends Array {
Sales: 593222,
COGS: 566020,
Profit: 27202,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2564,7 +2564,7 @@ export class PivotSalesData extends Array {
Sales: 3748.32,
COGS: 2598,
Profit: 1150.32,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -2580,7 +2580,7 @@ export class PivotSalesData extends Array {
Sales: 1197672,
COGS: 566020,
Profit: 631652,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2596,7 +2596,7 @@ export class PivotSalesData extends Array {
Sales: 1003940,
COGS: 484900,
Profit: 519040,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -2612,7 +2612,7 @@ export class PivotSalesData extends Array {
Sales: 499255,
COGS: 128880,
Profit: 370375,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -2628,7 +2628,7 @@ export class PivotSalesData extends Array {
Sales: 1424402,
COGS: 495820,
Profit: 928582,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -2644,7 +2644,7 @@ export class PivotSalesData extends Array {
Sales: 4594.8,
COGS: 6860,
Profit: 2265.2,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -2660,7 +2660,7 @@ export class PivotSalesData extends Array {
Sales: 15333.85,
COGS: 13445,
Profit: 1888.85,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2676,7 +2676,7 @@ export class PivotSalesData extends Array {
Sales: 6641.4,
COGS: 7293,
Profit: 651.6,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2692,7 +2692,7 @@ export class PivotSalesData extends Array {
Sales: 34421.4,
COGS: 7293,
Profit: 27128.4,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2708,7 +2708,7 @@ export class PivotSalesData extends Array {
Sales: 6562.85,
COGS: 13445,
Profit: 6882.15,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -2724,7 +2724,7 @@ export class PivotSalesData extends Array {
Sales: 6746.95,
COGS: 8415,
Profit: 1668.05,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -2740,7 +2740,7 @@ export class PivotSalesData extends Array {
Sales: 4954.2,
COGS: 3369,
Profit: 1585.2,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -2756,7 +2756,7 @@ export class PivotSalesData extends Array {
Sales: 49761,
COGS: 5595,
Profit: 44166,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -2772,7 +2772,7 @@ export class PivotSalesData extends Array {
Sales: 23042.4,
COGS: 3348,
Profit: 19694.4,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -2788,7 +2788,7 @@ export class PivotSalesData extends Array {
Sales: 38117,
COGS: 15630,
Profit: 22487,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -2804,7 +2804,7 @@ export class PivotSalesData extends Array {
Sales: 129135,
COGS: 247750,
Profit: 118615,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -2820,7 +2820,7 @@ export class PivotSalesData extends Array {
Sales: 15981.75,
COGS: 27910,
Profit: 11928.25,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -2836,7 +2836,7 @@ export class PivotSalesData extends Array {
Sales: 17160.5,
COGS: 2850,
Profit: 14310.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2852,7 +2852,7 @@ export class PivotSalesData extends Array {
Sales: 19611.55,
COGS: 12435,
Profit: 7176.55,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -2868,7 +2868,7 @@ export class PivotSalesData extends Array {
Sales: 1099271.25,
COGS: 359970,
Profit: 739301.25,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -2884,7 +2884,7 @@ export class PivotSalesData extends Array {
Sales: 379956.25,
COGS: 435240,
Profit: 55283.75,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -2900,7 +2900,7 @@ export class PivotSalesData extends Array {
Sales: 12118.8,
COGS: 7026,
Profit: 5092.8,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -2916,7 +2916,7 @@ export class PivotSalesData extends Array {
Sales: 30897,
COGS: 13030,
Profit: 17867,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -2932,7 +2932,7 @@ export class PivotSalesData extends Array {
Sales: 493800,
COGS: 359040,
Profit: 134760,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -2948,7 +2948,7 @@ export class PivotSalesData extends Array {
Sales: 111593.75,
COGS: 286200,
Profit: 174606.25,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -2964,7 +2964,7 @@ export class PivotSalesData extends Array {
Sales: 976995,
COGS: 401750,
Profit: 575245,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -2980,7 +2980,7 @@ export class PivotSalesData extends Array {
Sales: 26870.55,
COGS: 11635,
Profit: 15235.55,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -2996,7 +2996,7 @@ export class PivotSalesData extends Array {
Sales: 1289235,
COGS: 247750,
Profit: 1041485,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3012,7 +3012,7 @@ export class PivotSalesData extends Array {
Sales: 531265,
COGS: 156520,
Profit: 374745,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3028,7 +3028,7 @@ export class PivotSalesData extends Array {
Sales: 30330,
COGS: 26200,
Profit: 4130,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -3044,7 +3044,7 @@ export class PivotSalesData extends Array {
Sales: 510368.75,
COGS: 103320,
Profit: 407048.75,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -3060,7 +3060,7 @@ export class PivotSalesData extends Array {
Sales: 64857,
COGS: 26630,
Profit: 38227,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3076,7 +3076,7 @@ export class PivotSalesData extends Array {
Sales: 33243.75,
COGS: 5550,
Profit: 27693.75,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -3092,7 +3092,7 @@ export class PivotSalesData extends Array {
Sales: 18254.25,
COGS: 28610,
Profit: 10355.75,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -3108,7 +3108,7 @@ export class PivotSalesData extends Array {
Sales: 29831.25,
COGS: 96840,
Profit: 67008.75,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -3124,7 +3124,7 @@ export class PivotSalesData extends Array {
Sales: 871815,
COGS: 156520,
Profit: 715295,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3140,7 +3140,7 @@ export class PivotSalesData extends Array {
Sales: 45828,
COGS: 28320,
Profit: 17508,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -3156,7 +3156,7 @@ export class PivotSalesData extends Array {
Sales: 33181,
COGS: 15790,
Profit: 17391,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -3172,7 +3172,7 @@ export class PivotSalesData extends Array {
Sales: 132868.75,
COGS: 103320,
Profit: 29548.75,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -3188,7 +3188,7 @@ export class PivotSalesData extends Array {
Sales: 45150,
COGS: 312500,
Profit: 267350,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3204,7 +3204,7 @@ export class PivotSalesData extends Array {
Sales: 55917,
COGS: 26630,
Profit: 29287,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3220,7 +3220,7 @@ export class PivotSalesData extends Array {
Sales: 16523.5,
COGS: 2850,
Profit: 13673.5,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3236,7 +3236,7 @@ export class PivotSalesData extends Array {
Sales: 20731.55,
COGS: 12435,
Profit: 8296.55,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3252,7 +3252,7 @@ export class PivotSalesData extends Array {
Sales: 237125,
COGS: 351000,
Profit: 113875,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -3268,7 +3268,7 @@ export class PivotSalesData extends Array {
Sales: 433440,
COGS: 143520,
Profit: 289920,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -3284,7 +3284,7 @@ export class PivotSalesData extends Array {
Sales: 1267350,
COGS: 312500,
Profit: 954850,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3300,7 +3300,7 @@ export class PivotSalesData extends Array {
Sales: 44474.1,
COGS: 38010,
Profit: 6464.1,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -3316,7 +3316,7 @@ export class PivotSalesData extends Array {
Sales: 37999,
COGS: 11175,
Profit: 26824,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -3332,7 +3332,7 @@ export class PivotSalesData extends Array {
Sales: 6905.4,
COGS: 28440,
Profit: 21534.6,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3348,7 +3348,7 @@ export class PivotSalesData extends Array {
Sales: 41223.36,
COGS: 1686,
Profit: 39537.36,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -3364,7 +3364,7 @@ export class PivotSalesData extends Array {
Sales: 46398,
COGS: 20300,
Profit: 26098,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -3380,7 +3380,7 @@ export class PivotSalesData extends Array {
Sales: 665070,
COGS: 254800,
Profit: 410270,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -3396,7 +3396,7 @@ export class PivotSalesData extends Array {
Sales: 732690,
COGS: 379600,
Profit: 353090,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -3412,7 +3412,7 @@ export class PivotSalesData extends Array {
Sales: 24499.44,
COGS: 8169,
Profit: 16330.44,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -3428,7 +3428,7 @@ export class PivotSalesData extends Array {
Sales: 630084,
COGS: 388960,
Profit: 241124,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3444,7 +3444,7 @@ export class PivotSalesData extends Array {
Sales: 294985,
COGS: 114240,
Profit: 180745,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -3460,7 +3460,7 @@ export class PivotSalesData extends Array {
Sales: 124087.5,
COGS: 330600,
Profit: 206512.5,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -3476,7 +3476,7 @@ export class PivotSalesData extends Array {
Sales: 10668,
COGS: 15300,
Profit: 4632,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -3492,7 +3492,7 @@ export class PivotSalesData extends Array {
Sales: 1265334,
COGS: 388960,
Profit: 876374,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3508,7 +3508,7 @@ export class PivotSalesData extends Array {
Sales: 3493.84,
COGS: 7490,
Profit: 3996.16,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3524,7 +3524,7 @@ export class PivotSalesData extends Array {
Sales: 57425.4,
COGS: 28440,
Profit: 28985.4,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3540,7 +3540,7 @@ export class PivotSalesData extends Array {
Sales: 29162.84,
COGS: 7490,
Profit: 21672.84,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3556,7 +3556,7 @@ export class PivotSalesData extends Array {
Sales: 255093.75,
COGS: 238500,
Profit: 16593.75,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -3572,7 +3572,7 @@ export class PivotSalesData extends Array {
Sales: 127841,
COGS: 436540,
Profit: 308699,
- Date: `2020-09-01`,
+ Date: `09/01/2020`,
MonthName: `September`,
Year: 2020
}),
@@ -3588,7 +3588,7 @@ export class PivotSalesData extends Array {
Sales: 20191.8,
COGS: 21980,
Profit: 1788.2,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -3604,7 +3604,7 @@ export class PivotSalesData extends Array {
Sales: 55401.3,
COGS: 17430,
Profit: 37971.3,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -3620,7 +3620,7 @@ export class PivotSalesData extends Array {
Sales: 5667.3,
COGS: 11530,
Profit: 5862.7,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -3636,7 +3636,7 @@ export class PivotSalesData extends Array {
Sales: 13698.8,
COGS: 10010,
Profit: 3688.8,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -3652,7 +3652,7 @@ export class PivotSalesData extends Array {
Sales: 11564.14,
COGS: 6665,
Profit: 4899.14,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -3668,7 +3668,7 @@ export class PivotSalesData extends Array {
Sales: 25347.3,
COGS: 11530,
Profit: 13817.3,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -3684,7 +3684,7 @@ export class PivotSalesData extends Array {
Sales: 3445.32,
COGS: 2181,
Profit: 1264.32,
- Date: `2020-02-01`,
+ Date: `02/01/2020`,
MonthName: `February`,
Year: 2020
}),
@@ -3700,7 +3700,7 @@ export class PivotSalesData extends Array {
Sales: 45349.44,
COGS: 5652,
Profit: 39697.44,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -3716,7 +3716,7 @@ export class PivotSalesData extends Array {
Sales: 51710.4,
COGS: 7020,
Profit: 44690.4,
- Date: `2020-01-01`,
+ Date: `01/01/2020`,
MonthName: `January`,
Year: 2020
}),
@@ -3732,7 +3732,7 @@ export class PivotSalesData extends Array {
Sales: 2628.72,
COGS: 7026,
Profit: 4397.28,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -3748,7 +3748,7 @@ export class PivotSalesData extends Array {
Sales: 14604.9,
COGS: 12620,
Profit: 1984.9,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -3764,7 +3764,7 @@ export class PivotSalesData extends Array {
Sales: 28024.85,
COGS: 5675,
Profit: 22349.85,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3780,7 +3780,7 @@ export class PivotSalesData extends Array {
Sales: 27549.97,
COGS: 2735,
Profit: 24814.97,
- Date: `2020-11-01`,
+ Date: `11/01/2020`,
MonthName: `November`,
Year: 2020
}),
@@ -3796,7 +3796,7 @@ export class PivotSalesData extends Array {
Sales: 25285.82,
COGS: 7910,
Profit: 17375.82,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3812,7 +3812,7 @@ export class PivotSalesData extends Array {
Sales: 27759.66,
COGS: 5215.5,
Profit: 22544.16,
- Date: `2020-04-01`,
+ Date: `04/01/2020`,
MonthName: `April`,
Year: 2020
}),
@@ -3828,7 +3828,7 @@ export class PivotSalesData extends Array {
Sales: 11565.82,
COGS: 7910,
Profit: 3655.82,
- Date: `2020-12-01`,
+ Date: `12/01/2020`,
MonthName: `December`,
Year: 2020
}),
@@ -3844,7 +3844,7 @@ export class PivotSalesData extends Array {
Sales: 30754.85,
COGS: 5675,
Profit: 25079.85,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3860,7 +3860,7 @@ export class PivotSalesData extends Array {
Sales: 392955.5,
COGS: 457860,
Profit: 64904.5,
- Date: `2020-03-01`,
+ Date: `03/01/2020`,
MonthName: `March`,
Year: 2020
}),
@@ -3876,7 +3876,7 @@ export class PivotSalesData extends Array {
Sales: 475092,
COGS: 112000,
Profit: 363092,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3892,7 +3892,7 @@ export class PivotSalesData extends Array {
Sales: 178899,
COGS: 545250,
Profit: 366351,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -3908,7 +3908,7 @@ export class PivotSalesData extends Array {
Sales: 23593.6,
COGS: 19760,
Profit: 3833.6,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -3924,7 +3924,7 @@ export class PivotSalesData extends Array {
Sales: 818799,
COGS: 545250,
Profit: 273549,
- Date: `2020-10-01`,
+ Date: `10/01/2020`,
MonthName: `October`,
Year: 2020
}),
@@ -3940,7 +3940,7 @@ export class PivotSalesData extends Array {
Sales: 709458,
COGS: 425500,
Profit: 283958,
- Date: `2020-05-01`,
+ Date: `05/01/2020`,
MonthName: `May`,
Year: 2020
}),
@@ -3956,7 +3956,7 @@ export class PivotSalesData extends Array {
Sales: 941292,
COGS: 112000,
Profit: 829292,
- Date: `2020-06-01`,
+ Date: `06/01/2020`,
MonthName: `June`,
Year: 2020
}),
@@ -3972,7 +3972,7 @@ export class PivotSalesData extends Array {
Sales: 479261.25,
COGS: 421560,
Profit: 57701.25,
- Date: `2020-07-01`,
+ Date: `07/01/2020`,
MonthName: `July`,
Year: 2020
}),
@@ -3988,7 +3988,7 @@ export class PivotSalesData extends Array {
Sales: 56938.95,
COGS: 21010,
Profit: 35928.95,
- Date: `2020-08-01`,
+ Date: `08/01/2020`,
MonthName: `August`,
Year: 2020
}),
@@ -4004,7 +4004,7 @@ export class PivotSalesData extends Array
`
diff --git a/samples/grids/grid/overview/tsconfig.json b/samples/grids/grid/overview/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/overview/tsconfig.json
+++ b/samples/grids/grid/overview/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/overview/webpack.config.js b/samples/grids/grid/overview/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/overview/webpack.config.js
+++ b/samples/grids/grid/overview/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/paste/sandbox.config.json b/samples/grids/grid/paste/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/paste/sandbox.config.json
+++ b/samples/grids/grid/paste/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/paste/src/index.css b/samples/grids/grid/paste/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/paste/src/index.css
+++ b/samples/grids/grid/paste/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/paste/src/index.ts b/samples/grids/grid/paste/src/index.ts
index 46afbef599..d1d29c689a 100644
--- a/samples/grids/grid/paste/src/index.ts
+++ b/samples/grids/grid/paste/src/index.ts
@@ -6,11 +6,11 @@ import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
import { InvoicesDataItem, InvoicesData } from './InvoicesData';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcGridKeydownEventArgs, GridKeydownTargetType } from 'igniteui-webcomponents-grids/grids';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -40,6 +40,7 @@ export class Sample {
grid.addEventListener("rendered", this.webGridPasteFromExcel);
}
this._bind();
+
}
private _invoicesData: InvoicesData = null;
@@ -73,7 +74,6 @@ export class Sample {
this.onKeyDown = this.onKeyDown.bind(this);
grid.addEventListener("keydown", this.onKeyDown);
}
-
public onKeyDown(eventArgs: any): void {
const ctrl = eventArgs.ctrlKey;
const key = eventArgs.keyCode;
@@ -99,6 +99,7 @@ export class Sample {
style.width = "0px";
style.overflow = "hidden";
div.appendChild(this.txtArea);
+
this.txtArea.addEventListener("paste", (eventArgs: any) => { this.onPaste(eventArgs); });
}
return this.txtArea;
@@ -156,7 +157,6 @@ export class Sample {
}
});
}
-
public updateRecords(processedData: any[]) {
const grid = this.grid as any;
const cell = grid.selectedCells[0];
diff --git a/samples/grids/grid/paste/tsconfig.json b/samples/grids/grid/paste/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/paste/tsconfig.json
+++ b/samples/grids/grid/paste/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/paste/webpack.config.js b/samples/grids/grid/paste/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/paste/webpack.config.js
+++ b/samples/grids/grid/paste/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/remote-paging-data/sandbox.config.json b/samples/grids/grid/remote-paging-data/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/remote-paging-data/sandbox.config.json
+++ b/samples/grids/grid/remote-paging-data/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/remote-paging-data/src/index.css b/samples/grids/grid/remote-paging-data/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/remote-paging-data/src/index.css
+++ b/samples/grids/grid/remote-paging-data/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/remote-paging-data/src/index.ts b/samples/grids/grid/remote-paging-data/src/index.ts
index 841d3e46d0..a3c2ff02e3 100644
--- a/samples/grids/grid/remote-paging-data/src/index.ts
+++ b/samples/grids/grid/remote-paging-data/src/index.ts
@@ -3,11 +3,11 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, PropertyEditorPanelDescriptionModule, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import { ModuleManager } from 'igniteui-webcomponents-core';
-import "./index.css";
-
+import "./index.css";
ModuleManager.register(
IgcPropertyEditorPanelModule
@@ -37,6 +37,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/remote-paging-data/tsconfig.json b/samples/grids/grid/remote-paging-data/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/remote-paging-data/tsconfig.json
+++ b/samples/grids/grid/remote-paging-data/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/remote-paging-data/webpack.config.js b/samples/grids/grid/remote-paging-data/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/remote-paging-data/webpack.config.js
+++ b/samples/grids/grid/remote-paging-data/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-adding/sandbox.config.json b/samples/grids/grid/row-adding/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-adding/sandbox.config.json
+++ b/samples/grids/grid/row-adding/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-adding/src/index.css b/samples/grids/grid/row-adding/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/row-adding/src/index.css
+++ b/samples/grids/grid/row-adding/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/row-adding/src/index.ts b/samples/grids/grid/row-adding/src/index.ts
index ad2bdf62a8..d0492118e8 100644
--- a/samples/grids/grid/row-adding/src/index.ts
+++ b/samples/grids/grid/row-adding/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -33,6 +33,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/row-adding/tsconfig.json b/samples/grids/grid/row-adding/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-adding/tsconfig.json
+++ b/samples/grids/grid/row-adding/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-adding/webpack.config.js b/samples/grids/grid/row-adding/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-adding/webpack.config.js
+++ b/samples/grids/grid/row-adding/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-classes/sandbox.config.json b/samples/grids/grid/row-classes/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-classes/sandbox.config.json
+++ b/samples/grids/grid/row-classes/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-classes/src/index.css b/samples/grids/grid/row-classes/src/index.css
index 0fe9368715..de13be7ed3 100644
--- a/samples/grids/grid/row-classes/src/index.css
+++ b/samples/grids/grid/row-classes/src/index.css
@@ -1,2 +1,8 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ .activeRow {
+ border-top: 2px solid #fc81b8;
+ border-left: 3px solid #e41c77;
+ }
+
diff --git a/samples/grids/grid/row-classes/src/index.ts b/samples/grids/grid/row-classes/src/index.ts
index 4e831dfa1d..79410f6806 100644
--- a/samples/grids/grid/row-classes/src/index.ts
+++ b/samples/grids/grid/row-classes/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcRowType } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -32,6 +32,7 @@ export class Sample {
grid1.rowClasses = this.webGridRowClassesHandler;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
@@ -39,6 +40,7 @@ export class Sample {
return this._nwindData;
}
+
public webGridRowClassesHandler = {
activeRow: (row: IgcRowType) => row.index % 2 === 0
};
diff --git a/samples/grids/grid/row-classes/tsconfig.json b/samples/grids/grid/row-classes/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-classes/tsconfig.json
+++ b/samples/grids/grid/row-classes/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-classes/webpack.config.js b/samples/grids/grid/row-classes/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-classes/webpack.config.js
+++ b/samples/grids/grid/row-classes/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-editing-options/sandbox.config.json b/samples/grids/grid/row-editing-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-editing-options/sandbox.config.json
+++ b/samples/grids/grid/row-editing-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-editing-options/src/index.css b/samples/grids/grid/row-editing-options/src/index.css
index 0fe9368715..db87b63a60 100644
--- a/samples/grids/grid/row-editing-options/src/index.css
+++ b/samples/grids/grid/row-editing-options/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-small);
+ }
+
diff --git a/samples/grids/grid/row-editing-options/src/index.ts b/samples/grids/grid/row-editing-options/src/index.ts
index 3011788fd1..0f3d026758 100644
--- a/samples/grids/grid/row-editing-options/src/index.ts
+++ b/samples/grids/grid/row-editing-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
column1.pipeArgs = this.columnPipeArgs1;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/row-editing-options/tsconfig.json b/samples/grids/grid/row-editing-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-editing-options/tsconfig.json
+++ b/samples/grids/grid/row-editing-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-editing-options/webpack.config.js b/samples/grids/grid/row-editing-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-editing-options/webpack.config.js
+++ b/samples/grids/grid/row-editing-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-editing-style/sandbox.config.json b/samples/grids/grid/row-editing-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-editing-style/sandbox.config.json
+++ b/samples/grids/grid/row-editing-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-editing-style/src/index.css b/samples/grids/grid/row-editing-style/src/index.css
index 0fe9368715..cc7b8709b5 100644
--- a/samples/grids/grid/row-editing-style/src/index.css
+++ b/samples/grids/grid/row-editing-style/src/index.css
@@ -1,2 +1,11 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#grid {
+ --ig-banner-banner-background: #292826;
+ --ig-banner-banner-message-color: #ffcd0f;
+ --ig-button-foreground: #ffcd0f;
+ --ig-button-hover-foreground: white;
+ --ig-button-font-weight: 600;
+}
+
diff --git a/samples/grids/grid/row-editing-style/src/index.ts b/samples/grids/grid/row-editing-style/src/index.ts
index 3011788fd1..0f3d026758 100644
--- a/samples/grids/grid/row-editing-style/src/index.ts
+++ b/samples/grids/grid/row-editing-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
column1.pipeArgs = this.columnPipeArgs1;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/grid/row-editing-style/tsconfig.json b/samples/grids/grid/row-editing-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/grid/row-editing-style/tsconfig.json
+++ b/samples/grids/grid/row-editing-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/grid/row-editing-style/webpack.config.js b/samples/grids/grid/row-editing-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/grid/row-editing-style/webpack.config.js
+++ b/samples/grids/grid/row-editing-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/grid/row-paging-basic/sandbox.config.json b/samples/grids/grid/row-paging-basic/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/grid/row-paging-basic/sandbox.config.json
+++ b/samples/grids/grid/row-paging-basic/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/grid/row-paging-basic/src/index.css b/samples/grids/grid/row-paging-basic/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/grid/row-paging-basic/src/index.css
+++ b/samples/grids/grid/row-paging-basic/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/grid/row-paging-basic/src/index.ts b/samples/grids/grid/row-paging-basic/src/index.ts
index db020da707..22e4871731 100644
--- a/samples/grids/grid/row-paging-basic/src/index.ts
+++ b/samples/grids/grid/row-paging-basic/src/index.ts
@@ -3,10 +3,10 @@ import { IgcGridComponent, IgcColumnComponent, IgcColumnPipeArgs } from 'igniteu
import { AthletesDataItem, AthletesData } from './AthletesData';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
-
defineAllComponents();
import "./index.css";
@@ -26,7 +26,6 @@ export class Sample {
}
return this._columnPipeArgs1;
}
-
private column2: IgcColumnComponent
private column3: IgcColumnComponent
private _bind: () => void;
@@ -44,6 +43,7 @@ export class Sample {
column3.bodyTemplate = this.webGridImageCellTemplate;
}
this._bind();
+
}
private _athletesData: AthletesData = null;
@@ -55,6 +55,7 @@ export class Sample {
return this._athletesData;
}
+
public webGridProgressCellTemplate = (ctx: IgcCellTemplateContext) => {
return html``
diff --git a/samples/grids/hierarchical-grid/custom-filtering/tsconfig.json b/samples/grids/hierarchical-grid/custom-filtering/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/tsconfig.json
+++ b/samples/grids/hierarchical-grid/custom-filtering/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/custom-filtering/webpack.config.js b/samples/grids/hierarchical-grid/custom-filtering/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/custom-filtering/webpack.config.js
+++ b/samples/grids/hierarchical-grid/custom-filtering/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/sandbox.config.json b/samples/grids/hierarchical-grid/data-summary-formatter/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/src/index.css b/samples/grids/hierarchical-grid/data-summary-formatter/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/src/index.css
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/src/index.ts b/samples/grids/hierarchical-grid/data-summary-formatter/src/index.ts
index 3aab39bb33..c98919b359 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/src/index.ts
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcColumnComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
import { IgcSummaryResult, IgcSummaryOperand } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -27,6 +27,7 @@ export class Sample {
column1.summaryFormatter = this.webHierarchicalGridSummaryFormatter;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -34,6 +35,7 @@ export class Sample {
return this._singersData;
}
+
public webHierarchicalGridRenderedExpand(args:any): void {
let debutColumn = this.debutColumn;
let hierarchicalGrid = this.hierarchicalGrid;
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/tsconfig.json b/samples/grids/hierarchical-grid/data-summary-formatter/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/tsconfig.json
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/data-summary-formatter/webpack.config.js b/samples/grids/hierarchical-grid/data-summary-formatter/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/data-summary-formatter/webpack.config.js
+++ b/samples/grids/hierarchical-grid/data-summary-formatter/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/sandbox.config.json b/samples/grids/hierarchical-grid/data-summary-options-styling/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.css b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.css
index 0fe9368715..4479283818 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.css
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.css
@@ -1,2 +1,10 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#hierarchicalGrid {
+ --ig-grid-summary-background-color:#e0f3ff;
+ --ig-grid-summary-focus-background-color: rgba( #94d1f7, .3 );
+ --ig-grid-summary-label-color: rgb(228, 27, 117);
+ --ig-grid-summary-result-color: black;
+}
+
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.ts b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.ts
index 3065adca34..f77b2b43ea 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.ts
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/tsconfig.json b/samples/grids/hierarchical-grid/data-summary-options-styling/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/tsconfig.json
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/data-summary-options-styling/webpack.config.js b/samples/grids/hierarchical-grid/data-summary-options-styling/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/data-summary-options-styling/webpack.config.js
+++ b/samples/grids/hierarchical-grid/data-summary-options-styling/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/data-summary-options/sandbox.config.json b/samples/grids/hierarchical-grid/data-summary-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/data-summary-options/src/index.css b/samples/grids/hierarchical-grid/data-summary-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/src/index.css
+++ b/samples/grids/hierarchical-grid/data-summary-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/data-summary-options/src/index.ts b/samples/grids/hierarchical-grid/data-summary-options/src/index.ts
index 3065adca34..f77b2b43ea 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/src/index.ts
+++ b/samples/grids/hierarchical-grid/data-summary-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/data-summary-options/tsconfig.json b/samples/grids/hierarchical-grid/data-summary-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/tsconfig.json
+++ b/samples/grids/hierarchical-grid/data-summary-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/data-summary-options/webpack.config.js b/samples/grids/hierarchical-grid/data-summary-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/data-summary-options/webpack.config.js
+++ b/samples/grids/hierarchical-grid/data-summary-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/data-summary-template/sandbox.config.json b/samples/grids/hierarchical-grid/data-summary-template/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/data-summary-template/src/index.css b/samples/grids/hierarchical-grid/data-summary-template/src/index.css
index 0fe9368715..848a950285 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/src/index.css
+++ b/samples/grids/hierarchical-grid/data-summary-template/src/index.css
@@ -1,2 +1,43 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+.summary-temp {
+ display: flex;
+ flex-direction: column;
+ margin: 0 1px;
+ font-size: 14px;
+ line-height: 24px;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ > * {
+ padding: 8px 0;
+ line-height: 18px;
+ border-bottom: 1px dashed hsla(var(--igx-gray-400));
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+}
+.summary-temp span {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 4px;
+ justify-content: space-between;
+ color: hsla(var(--ig-gray-900));
+}
+.summary-temp span span {
+ user-select: all;
+ max-width: 300px;
+ padding-right: 8px;
+}
+.summary-temp span strong {
+ font-size: 14px;
+ text-transform: uppercase;
+ min-width: 70px;
+ justify-self: flex-start;
+ text-align: left;
+ color: hsla(var(--ig-secondary-600));
+ user-select: none;
+}
diff --git a/samples/grids/hierarchical-grid/data-summary-template/src/index.ts b/samples/grids/hierarchical-grid/data-summary-template/src/index.ts
index ee017e02ba..11ce07c6ca 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/src/index.ts
+++ b/samples/grids/hierarchical-grid/data-summary-template/src/index.ts
@@ -7,11 +7,11 @@ import SingersData from './SingersData.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
import { IgcSummaryResult, IgcSummaryTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -58,6 +58,7 @@ export class Sample {
column4.summaryTemplate = this.webRowIslandGridSummaryTemplateStyle;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/data-summary-template/tsconfig.json b/samples/grids/hierarchical-grid/data-summary-template/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/tsconfig.json
+++ b/samples/grids/hierarchical-grid/data-summary-template/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/data-summary-template/webpack.config.js b/samples/grids/hierarchical-grid/data-summary-template/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/data-summary-template/webpack.config.js
+++ b/samples/grids/hierarchical-grid/data-summary-template/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/editing-columns/sandbox.config.json b/samples/grids/hierarchical-grid/editing-columns/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/editing-columns/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/editing-columns/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/editing-columns/src/index.css b/samples/grids/hierarchical-grid/editing-columns/src/index.css
index 0fe9368715..3b330b391d 100644
--- a/samples/grids/hierarchical-grid/editing-columns/src/index.css
+++ b/samples/grids/hierarchical-grid/editing-columns/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
diff --git a/samples/grids/hierarchical-grid/editing-columns/src/index.ts b/samples/grids/hierarchical-grid/editing-columns/src/index.ts
index 6a9dfa6c62..429a437fbd 100644
--- a/samples/grids/hierarchical-grid/editing-columns/src/index.ts
+++ b/samples/grids/hierarchical-grid/editing-columns/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { ComponentRenderer, WebHierarchicalGridDescriptionModule, WebPaginatorDescriptionModule } from 'igniteui-webcomponents-core';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -19,6 +19,7 @@ export class Sample {
grid.data = this.nwindData;
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/hierarchical-grid/editing-columns/tsconfig.json b/samples/grids/hierarchical-grid/editing-columns/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/editing-columns/tsconfig.json
+++ b/samples/grids/hierarchical-grid/editing-columns/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/editing-columns/webpack.config.js b/samples/grids/hierarchical-grid/editing-columns/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/editing-columns/webpack.config.js
+++ b/samples/grids/hierarchical-grid/editing-columns/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/editing-events/sandbox.config.json b/samples/grids/hierarchical-grid/editing-events/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/editing-events/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/editing-events/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/editing-events/src/index.css b/samples/grids/hierarchical-grid/editing-events/src/index.css
index 0fe9368715..3b330b391d 100644
--- a/samples/grids/hierarchical-grid/editing-events/src/index.css
+++ b/samples/grids/hierarchical-grid/editing-events/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
diff --git a/samples/grids/hierarchical-grid/editing-events/src/index.ts b/samples/grids/hierarchical-grid/editing-events/src/index.ts
index 39b0757ea1..bc8f4c7092 100644
--- a/samples/grids/hierarchical-grid/editing-events/src/index.ts
+++ b/samples/grids/hierarchical-grid/editing-events/src/index.ts
@@ -3,10 +3,10 @@ import { ComponentRenderer, WebHierarchicalGridDescriptionModule, WebPaginatorDe
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import NwindData from './NwindData.json';
import { IgcGridComponent, IgcGridEditEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -22,6 +22,7 @@ export class Sample {
grid.addEventListener("cellEdit", this.webGridEditingEventsCellEdit);
}
this._bind();
+
}
private _nwindData: any[] = NwindData;
diff --git a/samples/grids/hierarchical-grid/editing-events/tsconfig.json b/samples/grids/hierarchical-grid/editing-events/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/editing-events/tsconfig.json
+++ b/samples/grids/hierarchical-grid/editing-events/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/editing-events/webpack.config.js b/samples/grids/hierarchical-grid/editing-events/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/editing-events/webpack.config.js
+++ b/samples/grids/hierarchical-grid/editing-events/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/sandbox.config.json b/samples/grids/hierarchical-grid/editing-lifecycle/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/src/index.css b/samples/grids/hierarchical-grid/editing-lifecycle/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/src/index.css
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/src/index.ts b/samples/grids/hierarchical-grid/editing-lifecycle/src/index.ts
index 911476d104..5d8a34e7bc 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/src/index.ts
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcRowIslandComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
import { IgcRowSelectionEventArgs, IgcGridEditEventArgs, IgcGridEditDoneEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -51,6 +51,7 @@ export class Sample {
rowIsland.addEventListener("cellEditExit", this.webRowIslandGridCellEditExit);
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -58,6 +59,7 @@ export class Sample {
return this._singersData;
}
+
public webHierarchicalGridRendered(args:any): void {
const hierarchicalGrid = document.getElementById("hierarchicalGrid");
hierarchicalGrid.parentElement.style.display = "flex";
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/tsconfig.json b/samples/grids/hierarchical-grid/editing-lifecycle/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/tsconfig.json
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/editing-lifecycle/webpack.config.js b/samples/grids/hierarchical-grid/editing-lifecycle/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/editing-lifecycle/webpack.config.js
+++ b/samples/grids/hierarchical-grid/editing-lifecycle/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/excel-exporting/sandbox.config.json b/samples/grids/hierarchical-grid/excel-exporting/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/excel-exporting/src/index.css b/samples/grids/hierarchical-grid/excel-exporting/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/src/index.css
+++ b/samples/grids/hierarchical-grid/excel-exporting/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/excel-exporting/src/index.ts b/samples/grids/hierarchical-grid/excel-exporting/src/index.ts
index 53035c4081..b367135681 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/src/index.ts
+++ b/samples/grids/hierarchical-grid/excel-exporting/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersExportData from './SingersExportData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersExportData;
}
this._bind();
+
}
private _singersExportData: any[] = SingersExportData;
diff --git a/samples/grids/hierarchical-grid/excel-exporting/tsconfig.json b/samples/grids/hierarchical-grid/excel-exporting/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/tsconfig.json
+++ b/samples/grids/hierarchical-grid/excel-exporting/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/excel-exporting/webpack.config.js b/samples/grids/hierarchical-grid/excel-exporting/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/excel-exporting/webpack.config.js
+++ b/samples/grids/hierarchical-grid/excel-exporting/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/sandbox.config.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.css b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.css
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.ts b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.ts
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/tsconfig.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/tsconfig.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/webpack.config.js b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/webpack.config.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-1/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/sandbox.config.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.css b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.css
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.ts b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.ts
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/tsconfig.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/tsconfig.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/webpack.config.js b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/webpack.config.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-2/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/sandbox.config.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.css b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.css
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.ts b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.ts
index 49f49f7b6c..40d8a7249d 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.ts
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/src/index.ts
@@ -3,10 +3,10 @@ import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids
import SingersData from './SingersData.json';
import { IgcCellTemplateContext } from 'igniteui-webcomponents-grids/grids';
import { html, nothing } from 'lit-html';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,6 +21,7 @@ export class Sample {
hierarchicalGrid1.excelStyleHeaderIconTemplate = this.webGridFilterAltIconTemplate;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
@@ -28,6 +29,7 @@ export class Sample {
return this._singersData;
}
+
public webGridFilterAltIconTemplate = (ctx: IgcCellTemplateContext) => {
return html``
}
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-sample-3/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css
index 0fe9368715..aa7a27b502 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css
@@ -1,2 +1,26 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-grid-filtering-row-background: #ffcd0f;
+ --ig-button-background: #FFCD0F;
+ --ig-button-foreground: #292826;
+ --ig-button-hover-background: #292826;
+ --ig-button-hover-foreground: #ffcd0f;
+
+ --ig-list-background: #FFCD0F;
+ --ig-list-item-background: #FFCD0F;
+ --ig-list-item-background-hover: #c2b1b1bd;
+
+ --ig-checkbox-empty-color: #292826;
+ --ig-checkbox-fill-color: #292826;
+ --ig-checkbox-tick-color: #FFCD0F;
+ --ig-checkbox-label-color: #292826;
+
+ --ig-drop-down-background-color: #FFCD0F;
+ --ig-drop-down-item-text-color: #292826;
+ --ig-drop-down-item-background: #FFCD0F;
+ --ig-drop-down-item-text-color: #292826;
+ --ig-drop-down-focused-item-background: #c2b1b1bd;
+ }
+
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts
index e964441510..174ef44b89 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
grid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json b/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js b/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/excel-style-filtering-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json b/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/filtering-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/filtering-options/src/index.css b/samples/grids/hierarchical-grid/filtering-options/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/filtering-options/src/index.css
+++ b/samples/grids/hierarchical-grid/filtering-options/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/filtering-options/src/index.ts b/samples/grids/hierarchical-grid/filtering-options/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/filtering-options/src/index.ts
+++ b/samples/grids/hierarchical-grid/filtering-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/filtering-options/tsconfig.json b/samples/grids/hierarchical-grid/filtering-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/filtering-options/tsconfig.json
+++ b/samples/grids/hierarchical-grid/filtering-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/filtering-options/webpack.config.js b/samples/grids/hierarchical-grid/filtering-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/filtering-options/webpack.config.js
+++ b/samples/grids/hierarchical-grid/filtering-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json b/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/filtering-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/filtering-style/src/index.css b/samples/grids/hierarchical-grid/filtering-style/src/index.css
index 0fe9368715..bfdeb8fb13 100644
--- a/samples/grids/hierarchical-grid/filtering-style/src/index.css
+++ b/samples/grids/hierarchical-grid/filtering-style/src/index.css
@@ -1,2 +1,18 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#hierarchicalGrid1 {
+ --ig-grid-filtering-row-background: #ffcd0f;
+ --ig-grid-filtering-background-or: #d83434;
+ --ig-grid-cell-active-border-color: #ffcd0f;
+ --ig-grid-cell-selected-background: #6f6f6f;
+ --ig-grid-row-hover-background: #f8e495;
+ --ig-grid-row-selected-background: #8d8d8d;
+ --ig-grid-header-background: #494949;
+ --ig-grid-header-text-color: #fff;
+ --ig-grid-expand-icon-color: #ffcd0f;
+ --ig-grid-expand-icon-hover-color: #e0b710;
+ --ig-grid-resize-line-color: #ffcd0f;
+ --ig-grid-row-highlight: #ffcd0f
+}
+
diff --git a/samples/grids/hierarchical-grid/filtering-style/src/index.ts b/samples/grids/hierarchical-grid/filtering-style/src/index.ts
index ad7c60070c..49f71a07a9 100644
--- a/samples/grids/hierarchical-grid/filtering-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/filtering-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hierarchicalGrid1.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/filtering-style/tsconfig.json b/samples/grids/hierarchical-grid/filtering-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/filtering-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/filtering-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/filtering-style/webpack.config.js b/samples/grids/hierarchical-grid/filtering-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/filtering-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/filtering-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css
index 0fe9368715..3b330b391d 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.css
@@ -1,2 +1,7 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts
index 761fadab3d..f067e0dee0 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcPaginatorComponent, IgcPaginatorResourceStrings } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._paginatorResourceStrings1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
paginator.resourceStrings = this.paginatorResourceStrings1;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json b/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js b/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-options/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css
index 0fe9368715..b188fc621b 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.css
@@ -1,2 +1,19 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+ #grid {
+ --ig-size: var(--ig-size-medium);
+ }
+
+ #grid igc-paginator {
+ --ig-paginator-border-width: 5px;
+ --ig-paginator-background-color: #231c2c;
+ --ig-paginator-text-color: #d0ab23;
+ --ig-paginator-focused-text-color: #d0ab23;
+ --ig-paginator-border-color: #d0ab23;
+ --ig-grid-paginator-active-border-color: #d0ab23;
+ --ig-icon-color: #d0ab23;
+ --ig-input-group-filled-text-color: #d0ab23;
+ --ig-input-group-focused-text-color: #d0ab23;
+ }
+
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts
index 761fadab3d..f067e0dee0 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcPaginatorComponent, IgcPaginatorResourceStrings } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -21,7 +21,6 @@ export class Sample {
}
return this._paginatorResourceStrings1;
}
-
private _bind: () => void;
constructor() {
@@ -33,6 +32,7 @@ export class Sample {
paginator.resourceStrings = this.paginatorResourceStrings1;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-paging-style/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css
index 0fe9368715..8bed1da2ef 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.css
@@ -1,2 +1,16 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
+#hGrid {
+ --ig-grid-cell-active-border-color: #ffcd0f;
+ --ig-grid-cell-selected-background: #6f6f6f;
+ --ig-grid-row-hover-background: #f8e495;
+ --ig-grid-row-selected-background: #8d8d8d;
+ --ig-grid-header-background: #494949;
+ --ig-grid-header-text-color: #fff;
+ --ig-grid-expand-icon-color: #ffcd0f;
+ --ig-grid-expand-icon-hover-color: #e0b710;
+ --ig-grid-resize-line-color: #ffcd0f;
+ --ig-grid-row-highlight: #ffcd0f;
+}
+
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts
index 0bf98a41db..a233360b89 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/src/index.ts
@@ -1,10 +1,10 @@
import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import SingersData from './SingersData.json';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -18,6 +18,7 @@ export class Sample {
hGrid.data = this.singersData;
}
this._bind();
+
}
private _singersData: any[] = SingersData;
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json b/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js b/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js
+++ b/samples/grids/hierarchical-grid/hierarchical-grid-styling/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json b/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/layout-display-density/src/index.css b/samples/grids/hierarchical-grid/layout-display-density/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/src/index.css
+++ b/samples/grids/hierarchical-grid/layout-display-density/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/layout-display-density/src/index.ts b/samples/grids/hierarchical-grid/layout-display-density/src/index.ts
index 40fba889c1..8033d75ddb 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/src/index.ts
+++ b/samples/grids/hierarchical-grid/layout-display-density/src/index.ts
@@ -5,11 +5,11 @@ import { IgcPropertyEditorPanelComponent, IgcPropertyEditorPropertyDescriptionCo
import { IgcHierarchicalGridComponent } from 'igniteui-webcomponents-grids/grids';
import HierarchicalCustomers from './HierarchicalCustomers.json';
import { IgcPropertyEditorPropertyDescriptionChangedEventArgs } from 'igniteui-webcomponents-layouts';
+
import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
import 'igniteui-webcomponents/themes/light/bootstrap.css';
import { defineAllComponents } from 'igniteui-webcomponents';
import { ModuleManager } from 'igniteui-webcomponents-core';
-
defineAllComponents();
import "./index.css";
@@ -38,6 +38,7 @@ export class Sample {
hierarchicalGrid.data = this.hierarchicalCustomers;
}
this._bind();
+
}
private _hierarchicalCustomers: any[] = HierarchicalCustomers;
diff --git a/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json b/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json
index de23257dd8..a15284fdc2 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json
+++ b/samples/grids/hierarchical-grid/layout-display-density/tsconfig.json
@@ -1,14 +1,34 @@
{
"compilerOptions": {
- "noImplicitReturns": true,
- "esModuleInterop": true,
- "noImplicitAny": true,
- "declarationDir": "dist/types",
- "moduleResolution": "node",
- "declaration": true,
- "target": "es2015",
- "module": "es2015",
- "strict": true
+ "noImplicitReturns": true,
+ "esModuleInterop": true,
+ "resolveJsonModule": true,
+ "noImplicitAny": true,
+ "declarationDir": "dist/types",
+ "moduleResolution": "node",
+ "declaration": true,
+ "target": "es2015",
+ "module": "es2015",
+ "strict": true,
+ "strictNullChecks": false,
+ "baseUrl": ".",
+ "paths": {
+ "igniteui-webcomponents-core": [ "node_modules/igniteui-webcomponents-core", "node_modules/@infragistics/igniteui-webcomponents-core" ],
+ "igniteui-webcomponents-charts": [ "node_modules/igniteui-webcomponents-charts", "node_modules/@infragistics/igniteui-webcomponents-charts" ],
+ "igniteui-webcomponents-gauges": [ "node_modules/igniteui-webcomponents-gauges", "node_modules/@infragistics/igniteui-webcomponents-gauges" ],
+ "igniteui-webcomponents-datasources": [ "node_modules/igniteui-webcomponents-datasources", "node_modules/@infragistics/igniteui-webcomponents-datasources" ],
+ "igniteui-webcomponents-excel": [ "node_modules/igniteui-webcomponents-excel", "node_modules/@infragistics/igniteui-webcomponents-excel" ],
+ "igniteui-webcomponents-inputs": [ "node_modules/igniteui-webcomponents-inputs", "node_modules/@infragistics/igniteui-webcomponents-inputs" ],
+ "igniteui-webcomponents-grids": [ "node_modules/igniteui-webcomponents-grids", "node_modules/@infragistics/igniteui-webcomponents-grids" ],
+ "igniteui-webcomponents-maps": [ "node_modules/igniteui-webcomponents-maps", "node_modules/@infragistics/igniteui-webcomponents-maps" ],
+ "igniteui-webcomponents-spreadsheet": [ "node_modules/igniteui-webcomponents-spreadsheet", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet" ],
+ "igniteui-webcomponents-spreadsheet-chart-adapter": [ "node_modules/igniteui-webcomponents-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-webcomponents-spreadsheet-chart-adapter" ],
+ "igniteui-webcomponents-grids/*": [ "node_modules/igniteui-webcomponents-grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/*" ],
+ "igniteui-webcomponents-grids/grids": [ "node_modules/igniteui-webcomponents-grids/grids", "node_modules/@infragistics/igniteui-webcomponents-grids/grids" ],
+ "igniteui-webcomponents-grids/grids/*": [ "node_modules/igniteui-webcomponents-grids/grids/*", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/*" ],
+ "igniteui-webcomponents-grids/grids/combined": [ "node_modules/igniteui-webcomponents-grids/grids/combined", "node_modules/@infragistics/igniteui-webcomponents-grids/grids/combined" ],
+ "igniteui-webcomponents-layouts": [ "node_modules/igniteui-webcomponents-layouts", "node_modules/@infragistics/igniteui-webcomponents-layouts" ]
+ }
},
"include": [
"src/**/*"
diff --git a/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js b/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js
index 9d11a6155c..1de7f08279 100644
--- a/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js
+++ b/samples/grids/hierarchical-grid/layout-display-density/webpack.config.js
@@ -29,8 +29,6 @@ module.exports = env => {
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',
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json b/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json
index 5c5b54fe21..52c7875103 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/sandbox.config.json
@@ -3,5 +3,4 @@
"hardReloadOnChange": false,
"view": "browser",
"template": "parcel"
-}
-
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css
index 0fe9368715..8b42ec3ed2 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.css
@@ -1,2 +1,3 @@
/* shared styles are loaded from: */
-/* https://static.infragistics.com/xplatform/css/samples */
\ No newline at end of file
+/* https://static.infragistics.com/xplatform/css/samples */
+
diff --git a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts
index 80793a04af..dfd7241a95 100644
--- a/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts
+++ b/samples/grids/hierarchical-grid/multi-column-headers-export/src/index.ts
@@ -2,10 +2,10 @@ import 'igniteui-webcomponents-grids/grids/combined';
import { IgcHierarchicalGridComponent, IgcGridToolbarExporterComponent } from 'igniteui-webcomponents-grids/grids';
import MultiColumnsExportData from './MultiColumnsExportData.json';
import { IgcExporterEventArgs } from 'igniteui-webcomponents-grids/grids';
-import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
-import "./index.css";
+import "igniteui-webcomponents-grids/grids/themes/light/bootstrap.css";
+import "./index.css";
export class Sample {
@@ -23,6 +23,7 @@ export class Sample {
hGridToolbarExporter.addEventListener("exportStarted", this.webHierarchicalGridExportMultiColumnHeaders);
}
this._bind();
+
}
private _multiColumnsExportData: any[] = MultiColumnsExportData;
@@ -30,6 +31,7 @@ export class Sample {
return this._multiColumnsExportData;
}
+
public webHierarchicalGridExportMultiColumnHeaders(args: CustomEvent