diff --git a/live-editing/configs/PivotGridConfigGenerator.ts b/live-editing/configs/PivotGridConfigGenerator.ts index d71c99e593..489dd87abe 100644 --- a/live-editing/configs/PivotGridConfigGenerator.ts +++ b/live-editing/configs/PivotGridConfigGenerator.ts @@ -8,7 +8,8 @@ import { IgxPivotGridModule, IgxTooltipModule, IgxToastModule, - IgxSwitchModule + IgxSwitchModule, + IgxExcelExporterService } from 'igniteui-angular'; import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing'; export class PivotGridConfigGenerator implements IConfigGenerator { @@ -29,6 +30,17 @@ export class PivotGridConfigGenerator implements IConfigGenerator { component: 'PivotGridBasicSampleComponent' })); + configs.push(new Config({ + additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'], + appModuleConfig: new AppModuleConfig({ + imports: ['IgxPivotGridModule', 'PivotExportComponent', 'IgxPreventDocumentScrollModule', 'IgxExcelExporterService'], + ngDeclarations: ['PivotExportComponent'], + ngImports: ['IgxPreventDocumentScrollModule', 'IgxPivotGridModule'], + ngProviders: ['IgxExcelExporterService'] + }), + component: 'PivotExportComponent' + })); + configs.push(new Config({ additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'], appModuleConfig: new AppModuleConfig({ diff --git a/live-editing/configs/QueryBuilderConfigGenerator.ts b/live-editing/configs/QueryBuilderConfigGenerator.ts new file mode 100644 index 0000000000..90f7501cc9 --- /dev/null +++ b/live-editing/configs/QueryBuilderConfigGenerator.ts @@ -0,0 +1,31 @@ +import {IgxQueryBuilderModule} from 'igniteui-angular'; +import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' +export class QueryBuilderConfigGenerator implements IConfigGenerator { + + + public generateConfigs(): Config[] { + const configs = new Array(); + + configs.push(new Config({ + component: 'QueryBuilderSample1Component', + appModuleConfig: new AppModuleConfig({ + imports: ['IgxQueryBuilderModule', 'QueryBuilderSample1Component'], + ngDeclarations: ['QueryBuilderSample1Component'], + ngImports: ['IgxQueryBuilderModule'] + }), + shortenComponentPathBy: "/interactions/query-builder/" + })); + + configs.push(new Config({ + component: 'QueryBuilderStyleComponent', + appModuleConfig: new AppModuleConfig({ + imports: ['IgxQueryBuilderModule', 'QueryBuilderStyleComponent'], + ngDeclarations: ['QueryBuilderStyleComponent'], + ngImports: ['IgxQueryBuilderModule'] + }), + shortenComponentPathBy: "/interactions/query-builder/" + })); + + return configs; + } +} diff --git a/live-editing/generators/ConfigGenerators.ts b/live-editing/generators/ConfigGenerators.ts index 911a8023f9..15dc53e453 100644 --- a/live-editing/generators/ConfigGenerators.ts +++ b/live-editing/generators/ConfigGenerators.ts @@ -60,6 +60,7 @@ import { AccordionConfigGenerator } from '../configs/AccordionConfigGenerator'; import { StepperConfigGenerator } from '../configs/StepperConfigGenerator'; import { PaginationConfigGenerator } from '../configs/PaginationConfigGenerator'; import { PivotGridConfigGenerator } from '../configs/PivotGridConfigGenerator'; +import { QueryBuilderConfigGenerator } from '../configs/QueryBuilderConfigGenerator'; export const CONFIG_GENERATORS = [ @@ -132,5 +133,6 @@ export const CONFIG_GENERATORS = TransactionsConfigGenerator, SplitterConfigGenerator, DockManagerConfigGenerator, - PaginationConfigGenerator + PaginationConfigGenerator, + QueryBuilderConfigGenerator ]; diff --git a/package-lock.json b/package-lock.json index 4d87658f80..5c76bf658a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -32,16 +32,15 @@ "domino": "^2.1.4", "file-saver": "^2.0.2", "hammerjs": "^2.0.8", - "igniteui-angular": "^14.1.0", + "igniteui-angular": "^14.2.0", "igniteui-angular-charts": "^14.0.0", "igniteui-angular-core": "^14.0.0", - "igniteui-angular-i18n": "^14.0.2", + "igniteui-angular-i18n": "^14.2.0", "igniteui-dockmanager": "^1.8.0", - "igniteui-live-editing": "^2.0.3", + "igniteui-live-editing": "^2.0.4", "igniteui-webcomponents": "^3.4.0", "immediate": "^3.2.3", "intl": "^1.2.5", - "jszip": "^3.7.1", "minireset.css": "0.0.6", "rxjs": "^6.6.7", "rxjs-compat": "^6.6.7", @@ -6575,7 +6574,8 @@ "node_modules/core-util-is": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", - "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==" + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true }, "node_modules/cors": { "version": "2.8.5", @@ -9167,6 +9167,11 @@ "tough-cookie": "^2.3.3" } }, + "node_modules/fflate": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.7.4.tgz", + "integrity": "sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==" + }, "node_modules/figures": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", @@ -10929,16 +10934,16 @@ ] }, "node_modules/igniteui-angular": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-14.1.0.tgz", - "integrity": "sha512-C1iPbxY9HWPS08Aor/+GMoOuUZ7gzmsUqcU8QfzbOJNMVLLS9um0RAoFvgVnQk6L+HG0w5KY6xSOVFzVK9dGgQ==", + "version": "14.2.0", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-14.2.0.tgz", + "integrity": "sha512-NFIf/yvtrG5WemsH5kOt6JGXIu88Q56vtF/vs4pxiIanuhzOZTkZ7PNPKnqwox6OitPno36uNfPDbtVhyHplow==", "dependencies": { "@igniteui/material-icons-extended": "^2.10.0", "@types/hammerjs": "^2.0.40", + "fflate": "^0.7.3", "hammerjs": "^2.0.8", "igniteui-trial-watermark": "^1.0.3", - "jszip": "^3.10.0", - "lodash.mergewith": "^4.6.2", + "lodash-es": "^4.17.21", "tslib": "^2.3.0", "uuid": "^8.3.0" }, @@ -10977,9 +10982,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-14.1.0.tgz", - "integrity": "sha512-9EhdYTH7o2AJJIHARxJLxc8UMBgnhE0kix9YN4L6k+jKLpuJ+jag5GupaFSJxA1697PXVUPNAQZkhpEtubbcQw==" + "version": "14.2.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-14.2.0.tgz", + "integrity": "sha512-LH2hgddgt+akI+1N5pg041bL7HTb2XlM3fTW6UnTzLJGQ9wFi8x1Q5qgkcA4d+495XozkxFY1SoQjivcisIpGg==" }, "node_modules/igniteui-dockmanager": { "version": "1.10.0", @@ -10990,9 +10995,9 @@ } }, "node_modules/igniteui-live-editing": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-2.0.3.tgz", - "integrity": "sha512-IbnWy65jGBpwGq0tbhwvrei4qDlVh35nDsDq1Q7jJADYZouA+Wp40a+Zj+ybBTyOFFLTsKMK+XDnx1sP4Jz6aw==" + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-2.0.4.tgz", + "integrity": "sha512-OJe5nEe81iVBAO1nqB2VD1iRdKDOGoUCPS9GrVvT+ud8ioQUPuKpf1qeSFbNthiCTEzvEKBrRC9uhP02eAEyXg==" }, "node_modules/igniteui-trial-watermark": { "version": "1.0.3", @@ -11759,7 +11764,8 @@ "node_modules/isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==" + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true }, "node_modules/isbinaryfile": { "version": "4.0.10", @@ -12240,17 +12246,6 @@ "node >= 0.2.0" ] }, - "node_modules/jszip": { - "version": "3.10.1", - "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", - "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==", - "dependencies": { - "lie": "~3.3.0", - "pako": "~1.0.2", - "readable-stream": "~2.3.6", - "setimmediate": "^1.0.5" - } - }, "node_modules/just-debounce": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/just-debounce/-/just-debounce-1.1.0.tgz", @@ -12694,19 +12689,6 @@ } } }, - "node_modules/lie": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz", - "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==", - "dependencies": { - "immediate": "~3.0.5" - } - }, - "node_modules/lie/node_modules/immediate": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", - "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==" - }, "node_modules/liftoff": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-3.1.0.tgz", @@ -12847,6 +12829,11 @@ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "dev": true }, + "node_modules/lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==" + }, "node_modules/lodash.debounce": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", @@ -12859,11 +12846,6 @@ "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", "dev": true }, - "node_modules/lodash.mergewith": { - "version": "4.6.2", - "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz", - "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==" - }, "node_modules/log-symbols": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", @@ -14885,7 +14867,8 @@ "node_modules/pako": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", - "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==" + "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==", + "dev": true }, "node_modules/parent-module": { "version": "1.0.1", @@ -15902,7 +15885,8 @@ "node_modules/process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", - "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==" + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true }, "node_modules/promise-inflight": { "version": "1.0.1", @@ -16216,6 +16200,7 @@ "version": "2.3.7", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", + "dev": true, "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", @@ -17351,11 +17336,6 @@ "node": ">=0.10.0" } }, - "node_modules/setimmediate": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", - "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==" - }, "node_modules/setprototypeof": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", @@ -18147,6 +18127,7 @@ "version": "1.1.1", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, "dependencies": { "safe-buffer": "~5.1.0" } @@ -19322,7 +19303,8 @@ "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true }, "node_modules/utils-merge": { "version": "1.0.1", @@ -24844,7 +24826,8 @@ "core-util-is": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", - "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==" + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "dev": true }, "cors": { "version": "2.8.5", @@ -26746,6 +26729,11 @@ "tough-cookie": "^2.3.3" } }, + "fflate": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.7.4.tgz", + "integrity": "sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==" + }, "figures": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", @@ -28133,16 +28121,16 @@ "dev": true }, "igniteui-angular": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-14.1.0.tgz", - "integrity": "sha512-C1iPbxY9HWPS08Aor/+GMoOuUZ7gzmsUqcU8QfzbOJNMVLLS9um0RAoFvgVnQk6L+HG0w5KY6xSOVFzVK9dGgQ==", + "version": "14.2.0", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-14.2.0.tgz", + "integrity": "sha512-NFIf/yvtrG5WemsH5kOt6JGXIu88Q56vtF/vs4pxiIanuhzOZTkZ7PNPKnqwox6OitPno36uNfPDbtVhyHplow==", "requires": { "@igniteui/material-icons-extended": "^2.10.0", "@types/hammerjs": "^2.0.40", + "fflate": "^0.7.3", "hammerjs": "^2.0.8", "igniteui-trial-watermark": "^1.0.3", - "jszip": "^3.10.0", - "lodash.mergewith": "^4.6.2", + "lodash-es": "^4.17.21", "tslib": "^2.3.0", "uuid": "^8.3.0" } @@ -28164,9 +28152,9 @@ } }, "igniteui-angular-i18n": { - "version": "14.1.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-14.1.0.tgz", - "integrity": "sha512-9EhdYTH7o2AJJIHARxJLxc8UMBgnhE0kix9YN4L6k+jKLpuJ+jag5GupaFSJxA1697PXVUPNAQZkhpEtubbcQw==" + "version": "14.2.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-14.2.0.tgz", + "integrity": "sha512-LH2hgddgt+akI+1N5pg041bL7HTb2XlM3fTW6UnTzLJGQ9wFi8x1Q5qgkcA4d+495XozkxFY1SoQjivcisIpGg==" }, "igniteui-dockmanager": { "version": "1.10.0", @@ -28177,9 +28165,9 @@ } }, "igniteui-live-editing": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-2.0.3.tgz", - "integrity": "sha512-IbnWy65jGBpwGq0tbhwvrei4qDlVh35nDsDq1Q7jJADYZouA+Wp40a+Zj+ybBTyOFFLTsKMK+XDnx1sP4Jz6aw==" + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-2.0.4.tgz", + "integrity": "sha512-OJe5nEe81iVBAO1nqB2VD1iRdKDOGoUCPS9GrVvT+ud8ioQUPuKpf1qeSFbNthiCTEzvEKBrRC9uhP02eAEyXg==" }, "igniteui-trial-watermark": { "version": "1.0.3", @@ -28739,7 +28727,8 @@ "isarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==" + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "dev": true }, "isbinaryfile": { "version": "4.0.10", @@ -29107,17 +29096,6 @@ "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==", "dev": true }, - "jszip": { - "version": "3.10.1", - "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz", - "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==", - "requires": { - "lie": "~3.3.0", - "pako": "~1.0.2", - "readable-stream": "~2.3.6", - "setimmediate": "^1.0.5" - } - }, "just-debounce": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/just-debounce/-/just-debounce-1.1.0.tgz", @@ -29451,21 +29429,6 @@ "webpack-sources": "^3.0.0" } }, - "lie": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz", - "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==", - "requires": { - "immediate": "~3.0.5" - }, - "dependencies": { - "immediate": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz", - "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==" - } - } - }, "liftoff": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-3.1.0.tgz", @@ -29586,6 +29549,11 @@ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "dev": true }, + "lodash-es": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz", + "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==" + }, "lodash.debounce": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", @@ -29598,11 +29566,6 @@ "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", "dev": true }, - "lodash.mergewith": { - "version": "4.6.2", - "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz", - "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==" - }, "log-symbols": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", @@ -31142,7 +31105,8 @@ "pako": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz", - "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==" + "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==", + "dev": true }, "parent-module": { "version": "1.0.1", @@ -31795,7 +31759,8 @@ "process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", - "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==" + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "dev": true }, "promise-inflight": { "version": "1.0.1", @@ -32051,6 +32016,7 @@ "version": "2.3.7", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", + "dev": true, "requires": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", @@ -32893,11 +32859,6 @@ } } }, - "setimmediate": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz", - "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==" - }, "setprototypeof": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", @@ -33548,6 +33509,7 @@ "version": "1.1.1", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "dev": true, "requires": { "safe-buffer": "~5.1.0" } @@ -34426,7 +34388,8 @@ "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", - "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==" + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "dev": true }, "utils-merge": { "version": "1.0.1", diff --git a/package.json b/package.json index afc6c82628..400a8343ce 100644 --- a/package.json +++ b/package.json @@ -63,16 +63,15 @@ "domino": "^2.1.4", "file-saver": "^2.0.2", "hammerjs": "^2.0.8", - "igniteui-angular": "^14.1.0", + "igniteui-angular": "^14.2.0", "igniteui-angular-charts": "^14.0.0", "igniteui-angular-core": "^14.0.0", - "igniteui-angular-i18n": "^14.0.2", + "igniteui-angular-i18n": "^14.2.0", "igniteui-dockmanager": "^1.8.0", - "igniteui-live-editing": "^2.0.3", + "igniteui-live-editing": "^2.0.4", "igniteui-webcomponents": "^3.4.0", "immediate": "^3.2.3", "intl": "^1.2.5", - "jszip": "^3.7.1", "minireset.css": "0.0.6", "rxjs": "^6.6.7", "rxjs-compat": "^6.6.7", diff --git a/projects/app-crm/src/app/app.module.ts b/projects/app-crm/src/app/app.module.ts index 40b9a35824..1edafe4c78 100644 --- a/projects/app-crm/src/app/app.module.ts +++ b/projects/app-crm/src/app/app.module.ts @@ -6,6 +6,7 @@ import { IgxAutocompleteModule, IgxButtonModule, IgxIconModule, IgxInputGroupModule, IgxLayoutModule, IgxRippleModule, IgxGridModule, IgxAvatarModule } from 'igniteui-angular'; +import { IgxPreventDocumentScrollModule } from '../../../../src/app/directives/prevent-scroll.directive'; import { AppComponent } from './app.component'; import { GridCRMComponent } from './grid-crm/grid-crm.component'; @@ -27,6 +28,7 @@ import { GridCRMComponent } from './grid-crm/grid-crm.component'; BrowserAnimationsModule, IgxButtonModule, FormsModule, + IgxPreventDocumentScrollModule, HammerModule ] }) diff --git a/projects/app-crm/src/app/grid-crm/data.ts b/projects/app-crm/src/app/grid-crm/data.ts index 0d4fff2269..d97d7d11e9 100644 --- a/projects/app-crm/src/app/grid-crm/data.ts +++ b/projects/app-crm/src/app/grid-crm/data.ts @@ -1,3 +1,34 @@ /* eslint-disable */ +export interface Employee { + id: number; + avatar: string; + name: string; + email: string; + company: string; + position: string; + work_phone: string; + mobile_phone: string; + fax: string; + street: string; + city: string; + post_code: number; + state: string; + country: string; + referred_by: string; + created_on: Date; + birthday: Date; + last_activity: Date; + next_activity: Date; + deals?: { Deals: number, Month: number }[]; + deals_won: number; + deals_lost: number; + deals_pending: number; + deals_total: number; + ratio: number; + estimated_sales: number; + actual_sales: number; + tags: string; +} + export const data: any[] = [{"id":256286239,"avatar":"assets/images/men/43.jpg","name":"Gawain Beadnall","email":"gbeadnall0@etsy.com","company":"Divanoodle","position":"Statistician I","work_phone":"+1-317-866-4381","mobile_phone":"+1-203-937-3567","fax":"+1-212-115-1790","street":"47 Garrison Park","city":"Indianapolis","post_code":46207,"state":"IN","country":"United States","referred_by":"Vyky Corwin","created_on":new Date("12/8/2017"),"birthday":new Date("2/10/2002"),"last_activity":new Date("12/16/2017"),"next_activity":new Date("4/16/2019"),"deals_won":5,"deals_lost":13,"deals_pending":7,"deals_total":25,"ratio":28,"estimated_sales":686210,"actual_sales":421105,"tags":"warm, engineering"},{"id":863241310,"avatar":"assets/images/women/40.jpg","name":"Ivy Simkovich","email":"isimkovich1@clickbank.net","company":"Linktype","position":"Research Nurse","work_phone":"+1-770-283-2050","mobile_phone":"+1-509-995-2578","fax":"+1-907-491-2187","street":"3 Aberg Street","city":"Marietta","post_code":30061,"state":"GA","country":"United States","referred_by":"Hew Chung","created_on":new Date("6/24/2017"),"birthday":new Date("1/1/1997"),"last_activity":new Date("7/15/2017"),"next_activity":new Date("6/15/2019"),"deals_won":2,"deals_lost":4,"deals_pending":29,"deals_total":35,"ratio":33,"estimated_sales":2008801,"actual_sales":186592,"tags":"demo, medical"},{"id":905500122,"avatar":"assets/images/men/15.jpg","name":"Rowen Titchen","email":"rtitchen2@netscape.com","company":"Meembee","position":"Staff Scientist","work_phone":"+1-804-667-0331","mobile_phone":"+1-608-608-6837","fax":"+1-775-602-1752","street":"6105 Thompson Road","city":"Richmond","post_code":23228,"state":"VA","country":"United States","referred_by":"Web Ondrak","created_on":new Date("9/12/2017"),"birthday":new Date("3/14/1997"),"last_activity":new Date("10/8/2017"),"next_activity":new Date("8/8/2018"),"deals_won":18,"deals_lost":19,"deals_pending":7,"deals_total":44,"ratio":49,"estimated_sales":950873,"actual_sales":3395844,"tags":"demo, retail"},{"id":507049693,"avatar":"assets/images/women/66.jpg","name":"Merle Affron","email":"maffron3@cbc.ca","company":new Date(""),"position":"Director of Sales","work_phone":"+1-248-958-1645","mobile_phone":"+1-480-880-6216","fax":"+1-304-696-5315","street":"0 Hanover Street","city":"Troy","post_code":48098,"state":"MI","country":"United States","referred_by":"Seana Yegorshin","created_on":new Date("5/31/2017"),"birthday":new Date("5/5/1988"),"last_activity":new Date("6/4/2017"),"next_activity":new Date("9/4/2018"),"deals_won":23,"deals_lost":22,"deals_pending":2,"deals_total":47,"ratio":51,"estimated_sales":170852,"actual_sales":3020337,"tags":"cold, construction"},{"id":379956513,"avatar":"assets/images/women/81.jpg","name":"Mallory Timmons","email":"mtimmons4@xing.com","company":"Plambee","position":"Automation Specialist IV","work_phone":"+1-205-678-8101","mobile_phone":"+1-208-724-3386","fax":"+1-402-239-2201","street":"245 Roxbury Place","city":"Birmingham","post_code":35215,"state":"AL","country":"United States","referred_by":"Costa Saveall","created_on":new Date("11/9/2017"),"birthday":new Date("10/25/1983"),"last_activity":new Date("11/22/2017"),"next_activity":new Date("3/22/2019"),"deals_won":6,"deals_lost":28,"deals_pending":11,"deals_total":45,"ratio":18,"estimated_sales":1734161,"actual_sales":1006212,"tags":"demo, engineering"},{"id":291588694,"avatar":"assets/images/men/92.jpg","name":"Kalil Bonavia","email":"kbonavia5@example.com","company":"Flashpoint","position":"Accountant I","work_phone":"+1-404-429-3024","mobile_phone":"+1-302-868-1246","fax":"+1-516-102-5599","street":"424 Troy Point","city":"Atlanta","post_code":30328,"state":"GA","country":"United States","referred_by":"Morie Ralph","created_on":new Date("1/11/2018"),"birthday":new Date("7/4/1999"),"last_activity":new Date("2/7/2018"),"next_activity":new Date("7/7/2018"),"deals_won":7,"deals_lost":9,"deals_pending":6,"deals_total":22,"ratio":44,"estimated_sales":459672,"actual_sales":1387575,"tags":"pro, pharmaceutical"},{"id":204849533,"avatar":"assets/images/men/13.jpg","name":"Hasheem Dowzell","email":"hdowzell6@cnn.com","company":"Tazzy","position":"Software Engineer II","work_phone":"+1-503-326-8537","mobile_phone":"+1-601-981-8625","fax":"+1-415-335-9927","street":"7 Chive Way","city":"Beaverton","post_code":97075,"state":"OR","country":"United States","referred_by":"Saleem Grayling","created_on":new Date("11/30/2017"),"birthday":new Date("8/15/1987"),"last_activity":new Date("12/3/2017"),"next_activity":new Date("8/3/2019"),"deals_won":27,"deals_lost":23,"deals_pending":8,"deals_total":58,"ratio":54,"estimated_sales":557944,"actual_sales":4693923,"tags":"retail"},{"id":783203189,"avatar":"assets/images/men/40.jpg","name":"Gonzales Bogart","email":"gbogarte@elpais.com","company":"Digitube","position":"Graphic Designer","work_phone":"+1-850-613-0419","mobile_phone":"+1-202-820-1151","fax":"+1-312-563-1537","street":"84 Washington Park","city":"Pensacola","post_code":32575,"state":"FL","country":"United States","referred_by":"Noelyn Chong","created_on":new Date("7/5/2017"),"birthday":new Date("10/5/1971"),"last_activity":new Date("7/22/2017"),"next_activity":new Date("6/22/2019"),"deals_won":28,"deals_lost":30,"deals_pending":30,"deals_total":88,"ratio":48,"estimated_sales":3292440,"actual_sales":2691388,"tags":"subscriber, construction"},{"id":277837180,"avatar":"assets/images/women/98.jpg","name":"Lorette Pendrich","email":"lpendrichf@discuz.net","company":"Realbuzz","position":"Programmer I","work_phone":"+1-202-234-5835","mobile_phone":"+1-803-863-6616","fax":"+1-315-545-6583","street":"8688 Corben Crossing","city":"Washington","post_code":56944,"state":"DC","country":"United States","referred_by":"Clea Spinetti","created_on":new Date("3/30/2017"),"birthday":new Date("4/13/1999"),"last_activity":new Date("4/25/2017"),"next_activity":new Date("12/25/2017"),"deals_won":29,"deals_lost":7,"deals_pending":25,"deals_total":61,"ratio":81,"estimated_sales":4851650,"actual_sales":3161029,"tags":"cool, pharmaceutical"},{"id":516140284,"avatar":"assets/images/women/55.jpg","name":"Morna Melville","email":"mmelvilleg@weebly.com","company":"Thoughtbridge","position":"Electrical Engineer","work_phone":"+1-414-266-7543","mobile_phone":"+1-713-893-5054","fax":"+1-213-254-2161","street":"0927 Shasta Terrace","city":"Milwaukee","post_code":53225,"state":"WI","country":"United States","referred_by":"Charlotta Sebborn","created_on":new Date("5/10/2017"),"birthday":new Date("9/12/1984"),"last_activity":new Date("5/12/2017"),"next_activity":new Date("7/12/2017"),"deals_won":29,"deals_lost":27,"deals_pending":30,"deals_total":86,"ratio":52,"estimated_sales":2864850,"actual_sales":3328011,"tags":new Date("")},{"id":791301636,"avatar":"assets/images/women/17.jpg","name":"Karol Emett","email":"kemetth@ocn.ne.jp","company":"Twinte","position":new Date(""),"work_phone":"+1-215-959-2505","mobile_phone":"+1-202-233-8921","fax":"+1-941-745-3008","street":"81 Riverside Place","city":"Philadelphia","post_code":19196,"state":"PA","country":"United States","referred_by":"Roseann Cauthra","created_on":new Date("5/1/2017"),"birthday":new Date("5/16/1992"),"last_activity":new Date("5/20/2017"),"next_activity":new Date("11/20/2017"),"deals_won":6,"deals_lost":10,"deals_pending":7,"deals_total":23,"ratio":38,"estimated_sales":794122,"actual_sales":923508,"tags":"subscriber, pharmaceutical"},{"id":118347444,"avatar":"assets/images/women/39.jpg","name":"Leisha Demkowicz","email":"ldemkowiczi@livejournal.com","company":"Eabox","position":"Technical Writer","work_phone":"+1-503-778-2852","mobile_phone":"+1-713-788-1766","fax":"+1-954-731-9032","street":"17 Mandrake Junction","city":"Portland","post_code":97216,"state":"OR","country":"United States","referred_by":"Alla Bridgnell","created_on":new Date("8/22/2017"),"birthday":new Date("1/12/1978"),"last_activity":new Date("9/1/2017"),"next_activity":new Date("5/1/2019"),"deals_won":29,"deals_lost":25,"deals_pending":0,"deals_total":54,"ratio":54,"estimated_sales":0,"actual_sales":4943021,"tags":"cold, medical"},{"id":131949787,"avatar":"assets/images/men/30.jpg","name":"Doy Stonman","email":"dstonmanj@smugmug.com","company":"Rhycero","position":"Marketing Assistant","work_phone":"+1-814-375-3219","mobile_phone":"+1-713-491-0043","fax":"+1-727-380-5997","street":"63 Russell Road","city":"Erie","post_code":16505,"state":"PA","country":"United States","referred_by":"Timofei Jeves","created_on":new Date("2/12/2018"),"birthday":new Date("11/12/1976"),"last_activity":new Date("2/15/2018"),"next_activity":new Date("3/15/2019"),"deals_won":7,"deals_lost":25,"deals_pending":20,"deals_total":52,"ratio":22,"estimated_sales":3827040,"actual_sales":883463,"tags":"pro, engineering"},{"id":658168789,"avatar":"assets/images/men/23.jpg","name":"Earlie Limbrick","email":"elimbrickk@bloglovin.com","company":"Pixope","position":"VP Accounting","work_phone":"+1-202-816-6480","mobile_phone":"+1-352-363-5733","fax":"+1-682-825-7884","street":"008 Cherokee Street","city":"Washington","post_code":20392,"state":"DC","country":"United States","referred_by":"Nisse Cullity","created_on":new Date("1/4/2017"),"birthday":new Date("11/15/1980"),"last_activity":new Date("1/27/2017"),"next_activity":new Date("6/27/2018"),"deals_won":0,"deals_lost":3,"deals_pending":22,"deals_total":25,"ratio":0,"estimated_sales":2125904,"actual_sales":0,"tags":"pro, retail"},{"id":584436787,"avatar":"assets/images/women/11.jpg","name":"Norah Van Vuuren","email":"nvanl@addtoany.com","company":"Twinte","position":"Information Systems Manager","work_phone":"+1-253-501-5798","mobile_phone":"+1-256-342-6639","fax":"+1-602-316-2980","street":"3 Susan Terrace","city":"Tacoma","post_code":98417,"state":"WA","country":"United States","referred_by":"Chrysa Bernakiewicz","created_on":new Date("3/1/2018"),"birthday":new Date("6/7/1970"),"last_activity":new Date("3/27/2018"),"next_activity":new Date("10/27/2019"),"deals_won":27,"deals_lost":10,"deals_pending":5,"deals_total":42,"ratio":73,"estimated_sales":447200,"actual_sales":3497445,"tags":"pro, construction"},{"id":868982214,"avatar":"assets/images/men/7.jpg","name":"Griffy Franz-Schoninger","email":"gfranzschoningerm@twitpic.com","company":"Rhynyx","position":"Assistant Media Planner","work_phone":"+1-205-199-0409","mobile_phone":"+1-850-844-0989","fax":"+1-615-121-7041","street":"67082 Mariners Cove Point","city":"Tuscaloosa","post_code":35405,"state":"AL","country":"United States","referred_by":"Blondie Brownsell","created_on":new Date("11/25/2017"),"birthday":new Date("6/18/1987"),"last_activity":new Date("12/11/2017"),"next_activity":new Date("7/11/2019"),"deals_won":21,"deals_lost":2,"deals_pending":11,"deals_total":34,"ratio":91,"estimated_sales":1374648,"actual_sales":3622626,"tags":"pro, construction"},{"id":443932207,"avatar":"assets/images/women/66.jpg","name":"Renate Daymond","email":"rdaymondn@microsoft.com","company":"Demivee","position":"Administrative Officer","work_phone":"+1-253-250-0773","mobile_phone":"+1-469-784-8216","fax":"+1-518-342-4173","street":"0 Eliot Way","city":"Tacoma","post_code":98417,"state":"WA","country":"United States","referred_by":"Willard Worters","created_on":new Date("3/8/2018"),"birthday":new Date("2/22/1996"),"last_activity":new Date("3/29/2018"),"next_activity":new Date("8/29/2018"),"deals_won":28,"deals_lost":5,"deals_pending":13,"deals_total":46,"ratio":85,"estimated_sales":939731,"actual_sales":4735052,"tags":"subscriber, financial"},{"id":865960075,"avatar":"assets/images/men/93.jpg","name":"Reg Heed","email":"rheedo@washingtonpost.com","company":"Dynabox","position":"Compensation Analyst","work_phone":"+1-718-629-6316","mobile_phone":"+1-504-259-7697","fax":"+1-915-517-0236","street":"481 Eastwood Trail","city":"Bronx","post_code":10459,"state":"NY","country":"United States","referred_by":"Gloria Pleace","created_on":new Date("4/22/2017"),"birthday":new Date("9/11/2002"),"last_activity":new Date("5/3/2017"),"next_activity":new Date("5/3/2018"),"deals_won":16,"deals_lost":5,"deals_pending":21,"deals_total":42,"ratio":76,"estimated_sales":1771476,"actual_sales":1283424,"tags":"hot, engineering"},{"id":359209632,"avatar":"assets/images/men/38.jpg","name":"Porter Roget","email":"progetp@dot.gov","company":"Livepath","position":"Nuclear Power Engineer","work_phone":"+1-702-139-7230","mobile_phone":"+1-925-533-5399","fax":"+1-202-487-0697","street":"2994 Center Park","city":"Las Vegas","post_code":89125,"state":"NV","country":"United States","referred_by":"Rebekah Eldin","created_on":new Date("4/22/2017"),"birthday":new Date("10/18/1974"),"last_activity":new Date("4/29/2017"),"next_activity":new Date("2/28/2018"),"deals_won":16,"deals_lost":3,"deals_pending":11,"deals_total":30,"ratio":84,"estimated_sales":1282578,"actual_sales":1273872,"tags":"warm, financial"},{"id":274966895,"avatar":"assets/images/women/49.jpg","name":"Heidi Fisby","email":"hfisbyq@bloomberg.com","company":"Rhynyx","position":"Staff Scientist","work_phone":"+1-501-338-5259","mobile_phone":"+1-405-564-2876","fax":"+1-612-202-0590","street":"694 Sunbrook Avenue","city":"North Little Rock","post_code":72199,"state":"AR","country":"United States","referred_by":"Catha Landy","created_on":new Date("2/4/2018"),"birthday":new Date("2/12/2000"),"last_activity":new Date("2/25/2018"),"next_activity":new Date("4/25/2019"),"deals_won":11,"deals_lost":19,"deals_pending":5,"deals_total":35,"ratio":37,"estimated_sales":870600,"actual_sales":2156231,"tags":"pro, retail"},{"id":213491893,"avatar":"assets/images/women/46.jpg","name":"Lanie Rennock","email":"lrennockr@github.com","company":"Zoonoodle","position":"Analog Circuit Design manager","work_phone":"+1-617-203-3526","mobile_phone":"+1-206-498-0654","fax":"+1-512-636-2267","street":"67 Sundown Avenue","city":"Boston","post_code":2298,"state":"MA","country":"United States","referred_by":"Rudie Roser","created_on":new Date("8/1/2017"),"birthday":new Date("12/16/1988"),"last_activity":new Date("8/16/2017"),"next_activity":new Date("11/16/2017"),"deals_won":1,"deals_lost":7,"deals_pending":26,"deals_total":34,"ratio":13,"estimated_sales":4697628,"actual_sales":147204,"tags":"demo, engineering"},{"id":320452212,"avatar":"assets/images/men/50.jpg","name":"Ariel O'Scanlon","email":"aoscanlons@flavors.me","company":"Voolith","position":"Junior Executive","work_phone":"+1-304-424-5432","mobile_phone":"+1-718-491-5502","fax":"+1-505-237-7051","street":"968 Browning Court","city":"Morgantown","post_code":26505,"state":"WV","country":"United States","referred_by":"Blaire Mullinder","created_on":new Date("2/16/2017"),"birthday":new Date("5/27/2001"),"last_activity":new Date("2/19/2017"),"next_activity":new Date("3/19/2017"),"deals_won":13,"deals_lost":16,"deals_pending":5,"deals_total":34,"ratio":45,"estimated_sales":551540,"actual_sales":997100,"tags":"demo, retail"},{"id":51663196,"avatar":"assets/images/women/62.jpg","name":"Kaitlin Foro","email":"kforot@digg.com","company":"Feedspan","position":"Director of Sales","work_phone":"+1-816-772-9231","mobile_phone":"+1-559-919-8970","fax":"+1-419-673-7069","street":"842 Amoth Center","city":"Kansas City","post_code":64187,"state":"MO","country":"United States","referred_by":"Wilma Dow","created_on":new Date("4/2/2018"),"birthday":new Date("1/6/1997"),"last_activity":new Date("4/28/2018"),"next_activity":new Date("8/28/2019"),"deals_won":19,"deals_lost":18,"deals_pending":21,"deals_total":58,"ratio":51,"estimated_sales":3628422,"actual_sales":1417267,"tags":"demo, pharmaceutical"},{"id":751762440,"avatar":"assets/images/women/76.jpg","name":"Krissy Jowett","email":"kjowettu@reddit.com","company":"Roombo","position":"Quality Control Specialist","work_phone":"+1-702-975-7252","mobile_phone":"+1-216-205-9579","fax":"+1-312-279-6531","street":"055 Hagan Center","city":"Las Vegas","post_code":89105,"state":"NV","country":"United States","referred_by":"Stevana Lucia","created_on":new Date("3/1/2018"),"birthday":new Date("5/3/1984"),"last_activity":new Date("3/10/2018"),"next_activity":new Date("2/10/2019"),"deals_won":4,"deals_lost":8,"deals_pending":17,"deals_total":29,"ratio":33,"estimated_sales":2458761,"actual_sales":354696,"tags":"demo, financial"},{"id":378738789,"avatar":"assets/images/women/70.jpg","name":"Cammie Hulks","email":"chulksv@twitpic.com","company":"Oodoo","position":"Budget/Accounting Analyst II","work_phone":"+1-310-984-6577","mobile_phone":"+1-225-885-4117","fax":"+1-954-374-4766","street":"201 Sundown Avenue","city":"Los Angeles","post_code":90005,"state":"CA","country":"United States","referred_by":"Hewett Starmont","created_on":new Date("3/7/2017"),"birthday":new Date("6/9/1994"),"last_activity":new Date("3/30/2017"),"next_activity":new Date("5/30/2017"),"deals_won":1,"deals_lost":28,"deals_pending":29,"deals_total":58,"ratio":3,"estimated_sales":4977386,"actual_sales":163577,"tags":"subscriber, construction"},{"id":259368814,"avatar":"assets/images/men/40.jpg","name":"Etan Oscroft","email":"eoscroftw@bbb.org","company":"Vinte","position":"Developer III","work_phone":"+1-812-782-8424","mobile_phone":"+1-570-406-7766","fax":"+1-719-462-9451","street":"767 Rockefeller Parkway","city":"Jeffersonville","post_code":47134,"state":"IN","country":"United States","referred_by":"Raquel Goulbourne","created_on":new Date("8/21/2017"),"birthday":new Date("12/23/1982"),"last_activity":new Date("8/22/2017"),"next_activity":new Date("4/22/2018"),"deals_won":6,"deals_lost":19,"deals_pending":18,"deals_total":43,"ratio":24,"estimated_sales":1431054,"actual_sales":504924,"tags":"subscriber, pharmaceutical"},{"id":669889487,"avatar":"assets/images/women/17.jpg","name":"Michaella Gormally","email":"mgormallyx@umn.edu","company":"Yodo","position":"Sales Associate","work_phone":"+1-651-252-6398","mobile_phone":"+1-916-454-2604","fax":"+1-919-341-9062","street":"256 David Point","city":"Saint Paul","post_code":55188,"state":"MN","country":"United States","referred_by":"Bethany Chesney","created_on":new Date("3/26/2018"),"birthday":new Date("3/3/1995"),"last_activity":new Date("4/13/2018"),"next_activity":new Date("12/13/2018"),"deals_won":8,"deals_lost":21,"deals_pending":30,"deals_total":59,"ratio":28,"estimated_sales":2192640,"actual_sales":1561904,"tags":"cool, medical"},{"id":996195134,"avatar":"assets/images/women/42.jpg","name":"Rivy Brearley","email":"rbrearleyy@e-recht24.de","company":"Eabox","position":"Nuclear Power Engineer","work_phone":"+1-423-813-8094","mobile_phone":"+1-610-442-8261","fax":"+1-405-676-7147","street":"56769 Bellgrove Parkway","city":"Kingsport","post_code":37665,"state":"TN","country":"United States","referred_by":"Tommy Phythien","created_on":new Date("4/6/2018"),"birthday":new Date("1/28/1971"),"last_activity":new Date("4/24/2018"),"next_activity":new Date("12/24/2018"),"deals_won":0,"deals_lost":18,"deals_pending":11,"deals_total":29,"ratio":0,"estimated_sales":1596804,"actual_sales":0,"tags":"cold, retail"},{"id":203483816,"avatar":"assets/images/men/63.jpg","name":"Georges Piperley","email":"gpiperleyz@github.com","company":"Chatterpoint","position":"Pharmacist","work_phone":"+1-702-587-9964","mobile_phone":"+1-864-809-6121","fax":"+1-812-550-4209","street":"37 Lake View Lane","city":"Las Vegas","post_code":89130,"state":"NV","country":"United States","referred_by":"Leontine Warmisham","created_on":new Date("3/10/2017"),"birthday":new Date("4/7/1976"),"last_activity":new Date("4/2/2017"),"next_activity":new Date("8/2/2017"),"deals_won":6,"deals_lost":10,"deals_pending":17,"deals_total":33,"ratio":38,"estimated_sales":2460886,"actual_sales":976764,"tags":"cool, pharmaceutical"},{"id":652718947,"avatar":"assets/images/men/35.jpg","name":"Corbett Loughlin","email":"cloughlin10@cdbaby.com","company":"Miboo","position":"Chemical Engineer","work_phone":"+1-352-682-0722","mobile_phone":"+1-806-834-6352","fax":"+1-843-292-5815","street":"0 Anhalt Park","city":"Ocala","post_code":34474,"state":"FL","country":"United States","referred_by":"Marigold Kearsley","created_on":new Date("1/19/2018"),"birthday":new Date("10/25/1978"),"last_activity":new Date("2/3/2018"),"next_activity":new Date("9/3/2018"),"deals_won":10,"deals_lost":6,"deals_pending":5,"deals_total":21,"ratio":63,"estimated_sales":851975,"actual_sales":579500,"tags":new Date("")},{"id":141237612,"avatar":"assets/images/men/10.jpg","name":"Don Jirieck","email":"djirieck11@google.co.jp","company":"Skidoo","position":"Marketing Manager","work_phone":"+1-212-710-1454","mobile_phone":"+1-713-927-1005","fax":"+1-331-215-8282","street":"70 New Castle Way","city":"New York City","post_code":10105,"state":"NY","country":"United States","referred_by":"Audra Barnfield","created_on":new Date("5/14/2017"),"birthday":new Date("7/3/1996"),"last_activity":new Date("6/7/2017"),"next_activity":new Date("10/7/2018"),"deals_won":16,"deals_lost":19,"deals_pending":20,"deals_total":55,"ratio":46,"estimated_sales":1737780,"actual_sales":1710384,"tags":"pro, financial"},{"id":65129205,"avatar":"assets/images/men/3.jpg","name":"Alvin Assender","email":"aassender12@nsw.gov.au","company":"Twitterwire","position":"Executive Secretary","work_phone":"+1-404-948-0848","mobile_phone":"+1-757-737-5002","fax":"+1-682-139-3112","street":"38925 Morrow Way","city":"Atlanta","post_code":30336,"state":"GA","country":"United States","referred_by":"Benedick Dockwra","created_on":new Date("5/6/2017"),"birthday":new Date("1/1/1991"),"last_activity":new Date("6/5/2017"),"next_activity":new Date("3/5/2018"),"deals_won":4,"deals_lost":5,"deals_pending":7,"deals_total":16,"ratio":44,"estimated_sales":356503,"actual_sales":609956,"tags":"subscriber, medical"},{"id":317962954,"avatar":"assets/images/women/95.jpg","name":"Phyllis Treadgear","email":"ptreadgear13@yolasite.com","company":"Brainsphere","position":"Biostatistician II","work_phone":"+1-901-762-8621","mobile_phone":"+1-202-652-1656","fax":"+1-202-228-4954","street":"7756 Commercial Place","city":"Memphis","post_code":38136,"state":"TN","country":"United States","referred_by":"Talya Livezley","created_on":new Date("11/9/2017"),"birthday":new Date("12/17/1987"),"last_activity":new Date("11/28/2017"),"next_activity":new Date("10/28/2018"),"deals_won":30,"deals_lost":16,"deals_pending":16,"deals_total":62,"ratio":65,"estimated_sales":3134544,"actual_sales":3120450,"tags":"warm, pharmaceutical"},{"id":754512920,"avatar":"assets/images/women/57.jpg","name":"Clementine McLellan","email":"cmclellan14@prlog.org","company":"Rhyzio","position":"VP Marketing","work_phone":"+1-802-350-5146","mobile_phone":"+1-407-589-4737","fax":"+1-609-145-5299","street":"92 Buena Vista Avenue","city":"Montpelier","post_code":5609,"state":"VT","country":"United States","referred_by":"Vera Heathcote","created_on":new Date("6/3/2017"),"birthday":new Date("6/6/1992"),"last_activity":new Date("6/17/2017"),"next_activity":new Date("4/17/2018"),"deals_won":30,"deals_lost":2,"deals_pending":14,"deals_total":46,"ratio":94,"estimated_sales":2692368,"actual_sales":5775570,"tags":"warm, financial"},{"id":487658833,"avatar":"assets/images/men/88.jpg","name":"Mendel Saby","email":"msaby15@seattletimes.com","company":"Twimm","position":"Payment Adjustment Coordinator","work_phone":"+1-414-978-0163","mobile_phone":"+1-813-784-5869","fax":"+1-215-268-6809","street":"81548 Rieder Center","city":"Milwaukee","post_code":53225,"state":"WI","country":"United States","referred_by":"Veriee Ruffler","created_on":new Date("11/3/2017"),"birthday":new Date("9/18/1974"),"last_activity":new Date("11/24/2017"),"next_activity":new Date("12/24/2017"),"deals_won":21,"deals_lost":14,"deals_pending":1,"deals_total":36,"ratio":6,"estimated_sales":65359,"actual_sales":2337804,"tags":"cool, engineering"},{"id":297796630,"avatar":"assets/images/women/85.jpg","name":"Wilma Bulford","email":"wbulford16@squidoo.com","company":"Youspan","position":"Paralegal","work_phone":"+1-610-214-1806","mobile_phone":"+1-510-734-9029","fax":"+1-816-925-1316","street":"67041 Ludington Parkway","city":"Bethlehem","post_code":18018,"state":"PA","country":"United States","referred_by":"Ame Sheara","created_on":new Date("2/26/2017"),"birthday":new Date("11/24/1974"),"last_activity":new Date("3/11/2017"),"next_activity":new Date("8/11/2018"),"deals_won":11,"deals_lost":10,"deals_pending":8,"deals_total":29,"ratio":52,"estimated_sales":1081936,"actual_sales":2128148,"tags":new Date("")},{"id":298047164,"avatar":"assets/images/men/76.jpg","name":"Simon O'Mannion","email":"somannion17@constantcontact.com","company":"Latz","position":"Software Consultant","work_phone":"+1-815-580-5623","mobile_phone":"+1-214-396-7418","fax":"+1-626-550-8987","street":"2411 Eggendart Crossing","city":"Rockford","post_code":61110,"state":"IL","country":"United States","referred_by":"Curtis Orrom","created_on":new Date("9/1/2017"),"birthday":new Date("8/25/1988"),"last_activity":new Date("9/18/2017"),"next_activity":new Date("10/18/2017"),"deals_won":11,"deals_lost":9,"deals_pending":8,"deals_total":28,"ratio":55,"estimated_sales":1515576,"actual_sales":1515635,"tags":"cool, pharmaceutical"},{"id":766132212,"avatar":"assets/images/men/19.jpg","name":"Godfree Rylands","email":"grylands18@tripod.com","company":"Twitternation","position":"Software Test Engineer IV","work_phone":"+1-520-300-0116","mobile_phone":"+1-302-247-0581","fax":"+1-561-874-4801","street":"011 Melrose Place","city":"Tucson","post_code":85732,"state":"AZ","country":"United States","referred_by":"Theressa Nerney","created_on":new Date("11/12/2017"),"birthday":new Date("4/20/1993"),"last_activity":new Date("12/11/2017"),"next_activity":new Date("8/11/2019"),"deals_won":3,"deals_lost":1,"deals_pending":2,"deals_total":6,"ratio":75,"estimated_sales":284054,"actual_sales":464196,"tags":"cool, financial"},{"id":794881867,"avatar":"assets/images/women/52.jpg","name":"Natasha d' Eye","email":"nd19@engadget.com","company":"Tagfeed","position":"Quality Control Specialist","work_phone":"+1-904-299-7647","mobile_phone":"+1-720-846-0210","fax":"+1-209-746-3973","street":"37 Gerald Place","city":"Jacksonville","post_code":32259,"state":"FL","country":"United States","referred_by":"Sanford Guitonneau","created_on":new Date("1/20/2018"),"birthday":new Date("3/25/1983"),"last_activity":new Date("1/23/2018"),"next_activity":new Date("9/23/2018"),"deals_won":26,"deals_lost":27,"deals_pending":26,"deals_total":79,"ratio":49,"estimated_sales":1441180,"actual_sales":3417960,"tags":"cool, retail"},{"id":442665449,"avatar":"assets/images/women/14.jpg","name":"Lyda Rylett","email":"lrylett1a@bravesites.com","company":"Bubblemix","position":"Civil Engineer","work_phone":"+1-260-911-8241","mobile_phone":"+1-202-918-6602","fax":"+1-203-932-8088","street":"54398 Prairie Rose Hill","city":"Fort Wayne","post_code":46862,"state":"IN","country":"United States","referred_by":"Helli Dumphy","created_on":new Date("12/7/2017"),"birthday":new Date("7/5/1973"),"last_activity":new Date("12/28/2017"),"next_activity":new Date("6/28/2019"),"deals_won":27,"deals_lost":19,"deals_pending":10,"deals_total":56,"ratio":59,"estimated_sales":990030,"actual_sales":4172931,"tags":"hot, construction"},{"id":148724233,"avatar":"assets/images/women/80.jpg","name":"Amalia Pentercost","email":"apentercost1b@redcross.org","company":"Tambee","position":"Office Assistant I","work_phone":"+1-561-194-3284","mobile_phone":"+1-217-333-7543","fax":"+1-626-298-8211","street":"602 Stoughton Lane","city":"Boca Raton","post_code":33499,"state":"FL","country":"United States","referred_by":"Rudie Olifard","created_on":new Date("11/17/2017"),"birthday":new Date("4/13/1979"),"last_activity":new Date("11/19/2017"),"next_activity":new Date("3/19/2019"),"deals_won":25,"deals_lost":17,"deals_pending":2,"deals_total":44,"ratio":6,"estimated_sales":388396,"actual_sales":4518825,"tags":"demo, engineering"},{"id":476172606,"avatar":"assets/images/women/30.jpg","name":"Madelle Ettels","email":"mettels1c@ucsd.edu","company":"Tanoodle","position":"Structural Engineer","work_phone":"+1-562-279-0663","mobile_phone":"+1-216-340-4937","fax":"+1-512-720-8731","street":"684 Dorton Terrace","city":"Huntington Beach","post_code":92648,"state":"CA","country":"United States","referred_by":"Clotilda Androsik","created_on":new Date("5/4/2017"),"birthday":new Date("6/8/1974"),"last_activity":new Date("5/25/2017"),"next_activity":new Date("6/25/2018"),"deals_won":29,"deals_lost":9,"deals_pending":13,"deals_total":51,"ratio":76,"estimated_sales":1501760,"actual_sales":2678701,"tags":"engineering"},{"id":672186492,"avatar":"assets/images/men/93.jpg","name":"Denis Guly","email":"dguly1d@lulu.com","company":"Roombo","position":"Recruiter","work_phone":"+1-707-461-1987","mobile_phone":"+1-917-800-6080","fax":"+1-202-531-0317","street":"55703 Arizona Crossing","city":"Petaluma","post_code":94975,"state":"CA","country":"United States","referred_by":"Wilma Stannislawski","created_on":new Date("10/29/2017"),"birthday":new Date("7/14/1993"),"last_activity":new Date("11/9/2017"),"next_activity":new Date("6/9/2018"),"deals_won":22,"deals_lost":26,"deals_pending":9,"deals_total":57,"ratio":46,"estimated_sales":1054476,"actual_sales":1898666,"tags":"demo, retail"},{"id":751652610,"avatar":"assets/images/men/39.jpg","name":"Saxe Trythall","email":"strythall1e@flavors.me","company":"Trudeo","position":"Electrical Engineer","work_phone":"+1-561-829-0731","mobile_phone":"+1-816-223-4700","fax":"+1-406-724-0788","street":"5 Grim Terrace","city":"West Palm Beach","post_code":33421,"state":"FL","country":"United States","referred_by":"Morgun Kubicka","created_on":new Date("3/1/2017"),"birthday":new Date("5/18/1983"),"last_activity":new Date("3/22/2017"),"next_activity":new Date("1/22/2018"),"deals_won":17,"deals_lost":11,"deals_pending":5,"deals_total":33,"ratio":61,"estimated_sales":355155,"actual_sales":2360110,"tags":new Date("")},{"id":260931205,"avatar":"assets/images/women/88.jpg","name":"Erina Isaaksohn","email":"eisaaksohn1f@zdnet.com","company":"Zoomlounge","position":"VP Accounting","work_phone":"+1-972-696-4121","mobile_phone":"+1-865-834-1229","fax":"+1-717-633-3832","street":"20698 Reinke Terrace","city":"Dallas","post_code":75216,"state":"TX","country":"United States","referred_by":"Alden Winfred","created_on":new Date("12/22/2017"),"birthday":new Date("9/19/1975"),"last_activity":new Date("1/15/2018"),"next_activity":new Date("10/15/2018"),"deals_won":1,"deals_lost":1,"deals_pending":28,"deals_total":30,"ratio":5,"estimated_sales":4174828,"actual_sales":187960,"tags":"hot, pharmaceutical"},{"id":530445829,"avatar":"assets/images/men/63.jpg","name":"Torrance Harrington","email":"tharrington1g@alibaba.com","company":"Vinder","position":"Biostatistician III","work_phone":"+1-502-409-4283","mobile_phone":"+1-510-936-7027","fax":"+1-517-723-6778","street":"750 Westend Road","city":"Louisville","post_code":40215,"state":"KY","country":"United States","referred_by":"Bethany Gipp","created_on":new Date("2/17/2017"),"birthday":new Date("3/27/1986"),"last_activity":new Date("2/20/2017"),"next_activity":new Date("8/20/2017"),"deals_won":29,"deals_lost":14,"deals_pending":6,"deals_total":49,"ratio":67,"estimated_sales":894474,"actual_sales":4664418,"tags":"subscriber, engineering"},{"id":425656541,"avatar":"assets/images/men/57.jpg","name":"Reinhard Godrich","email":"rgodrich1h@blinklist.com","company":"Mita","position":"Accountant II","work_phone":"+1-609-255-9161","mobile_phone":"+1-904-735-8887","fax":"+1-301-578-9833","street":"3 Vera Alley","city":"Trenton","post_code":8695,"state":"NJ","country":"United States","referred_by":"Shell Hanmore","created_on":new Date("12/26/2017"),"birthday":new Date("12/13/1994"),"last_activity":new Date("1/16/2018"),"next_activity":new Date("6/16/2018"),"deals_won":23,"deals_lost":26,"deals_pending":19,"deals_total":68,"ratio":47,"estimated_sales":3179669,"actual_sales":1938279,"tags":"subscriber, financial"},{"id":915429938,"avatar":"assets/images/women/89.jpg","name":"Christiana Louder","email":"clouder1i@buzzfeed.com","company":"Meembee","position":"Financial Advisor","work_phone":"+1-331-773-4799","mobile_phone":"+1-713-853-8164","fax":"+1-412-872-4138","street":"8065 Mandrake Plaza","city":"Aurora","post_code":60505,"state":"IL","country":"United States","referred_by":"Fernande Berrick","created_on":new Date("4/14/2017"),"birthday":new Date("7/6/1997"),"last_activity":new Date("4/24/2017"),"next_activity":new Date("5/24/2017"),"deals_won":4,"deals_lost":24,"deals_pending":3,"deals_total":31,"ratio":14,"estimated_sales":150252,"actual_sales":670580,"tags":"demo, pharmaceutical"},{"id":653923840,"avatar":"assets/images/men/35.jpg","name":"Tod Farnes","email":"tfarnes1j@hao123.com","company":"Kazio","position":"Environmental Specialist","work_phone":"+1-304-641-7053","mobile_phone":"+1-952-317-6848","fax":"+1-203-922-7681","street":"3 Scott Crossing","city":"Huntington","post_code":25775,"state":"WV","country":"United States","referred_by":"Vance Dadd","created_on":new Date("8/9/2017"),"birthday":new Date("11/13/1975"),"last_activity":new Date("8/29/2017"),"next_activity":new Date("1/29/2019"),"deals_won":20,"deals_lost":8,"deals_pending":10,"deals_total":38,"ratio":71,"estimated_sales":1898010,"actual_sales":2612840,"tags":"cold, retail"},{"id":185035041,"avatar":"assets/images/men/86.jpg","name":"Kaspar Beaman","email":"kbeaman1k@fc2.com","company":"Fivechat","position":"Occupational Therapist","work_phone":"+1-912-427-7887","mobile_phone":"+1-202-276-7703","fax":"+1-602-761-8918","street":"0 Lien Alley","city":"Savannah","post_code":31416,"state":"GA","country":"United States","referred_by":"Maggi Aspling","created_on":new Date("4/4/2017"),"birthday":new Date("9/4/1997"),"last_activity":new Date("4/9/2017"),"next_activity":new Date("12/9/2018"),"deals_won":0,"deals_lost":2,"deals_pending":8,"deals_total":10,"ratio":0,"estimated_sales":1289280,"actual_sales":0,"tags":"warm, construction"},{"id":109623,"avatar":"assets/images/women/14.jpg","name":"Shandra Cassels","email":"scassels1l@cocolog-nifty.com","company":"Podcat","position":"Social Worker","work_phone":"+1-507-261-6559","mobile_phone":"+1-816-215-0675","fax":"+1-801-664-8102","street":"63830 High Crossing Park","city":"Rochester","post_code":55905,"state":"MN","country":"United States","referred_by":"Axel Giacomasso","created_on":new Date("1/19/2018"),"birthday":new Date("7/19/1974"),"last_activity":new Date("2/5/2018"),"next_activity":new Date("6/5/2019"),"deals_won":2,"deals_lost":20,"deals_pending":18,"deals_total":40,"ratio":9,"estimated_sales":3420072,"actual_sales":313548,"tags":"subscriber, retail"},{"id":356968052,"avatar":"assets/images/women/73.jpg","name":"Liuka Waterstone","email":"lwaterstone1m@google.de","company":"Rhynyx","position":"Senior Financial Analyst","work_phone":"+1-734-129-3969","mobile_phone":"+1-949-324-5747","fax":"+1-410-643-1340","street":"67 Hooker Place","city":"Detroit","post_code":48242,"state":"MI","country":"United States","referred_by":"Perice Labell","created_on":new Date("4/16/2017"),"birthday":new Date("1/28/1992"),"last_activity":new Date("5/16/2017"),"next_activity":new Date("2/16/2018"),"deals_won":22,"deals_lost":10,"deals_pending":22,"deals_total":54,"ratio":69,"estimated_sales":3677278,"actual_sales":1747108,"tags":"demo, retail"},{"id":929773684,"avatar":"assets/images/men/49.jpg","name":"Buddy Bletso","email":"bbletso1n@apache.org","company":"Bubblebox","position":"Budget/Accounting Analyst IV","work_phone":"+1-650-832-8650","mobile_phone":"+1-540-496-9590","fax":"+1-210-261-1402","street":"16 Arizona Hill","city":"Sunnyvale","post_code":94089,"state":"CA","country":"United States","referred_by":"Piggy Kaveney","created_on":new Date("11/8/2017"),"birthday":new Date("6/18/1970"),"last_activity":new Date("11/17/2017"),"next_activity":new Date("11/17/2018"),"deals_won":20,"deals_lost":20,"deals_pending":15,"deals_total":55,"ratio":5,"estimated_sales":2490840,"actual_sales":3033900,"tags":"medical"},{"id":709072297,"avatar":"assets/images/women/69.jpg","name":"Kristal Tuckey","email":"ktuckey1o@craigslist.org","company":"Buzzbean","position":"Quality Engineer","work_phone":"+1-202-866-2533","mobile_phone":"+1-704-393-3956","fax":"+1-512-548-3198","street":"320 Dakota Park","city":"Washington","post_code":20067,"state":"DC","country":"United States","referred_by":"Junia Casazza","created_on":new Date("10/13/2017"),"birthday":new Date("11/26/1973"),"last_activity":new Date("11/8/2017"),"next_activity":new Date("9/8/2019"),"deals_won":16,"deals_lost":16,"deals_pending":27,"deals_total":59,"ratio":5,"estimated_sales":3547287,"actual_sales":1301440,"tags":"demo, financial"},{"id":628030366,"avatar":"assets/images/women/81.jpg","name":"Selestina Frany","email":"sfrany1p@devhub.com","company":"Rooxo","position":"Dental Hygienist","work_phone":"+1-520-658-1497","mobile_phone":"+1-316-166-4112","fax":"+1-540-110-0444","street":"589 Village Lane","city":"Tucson","post_code":85715,"state":"AZ","country":"United States","referred_by":"Xenos Krook","created_on":new Date("6/19/2017"),"birthday":new Date("11/20/1977"),"last_activity":new Date("6/30/2017"),"next_activity":new Date("11/30/2017"),"deals_won":27,"deals_lost":2,"deals_pending":28,"deals_total":57,"ratio":93,"estimated_sales":3626196,"actual_sales":2823849,"tags":"warm, medical"},{"id":115434000,"avatar":"assets/images/men/66.jpg","name":"Damian Wapples","email":"dwapples1q@aboutads.info","company":"Thoughtworks","position":"Clinical Specialist","work_phone":"+1-757-752-6615","mobile_phone":"+1-330-679-7630","fax":"+1-386-559-8233","street":"99317 Manufacturers Way","city":"Newport News","post_code":23612,"state":"VA","country":"United States","referred_by":"Kanya Lafayette","created_on":new Date("4/4/2018"),"birthday":new Date("6/14/1976"),"last_activity":new Date("4/7/2018"),"next_activity":new Date("2/7/2019"),"deals_won":24,"deals_lost":4,"deals_pending":26,"deals_total":54,"ratio":86,"estimated_sales":2852928,"actual_sales":4581096,"tags":"demo, medical"},{"id":781474958,"avatar":"assets/images/men/37.jpg","name":"Wilfred Sibbit","email":"wsibbit1r@guardian.co.uk","company":"Skinix","position":"Analog Circuit Design manager","work_phone":"+1-609-454-3582","mobile_phone":"+1-267-898-4817","fax":"+1-915-672-0287","street":"9773 Elgar Trail","city":"Trenton","post_code":8638,"state":"NJ","country":"United States","referred_by":"Temp Smallcombe","created_on":new Date("11/30/2017"),"birthday":new Date("8/5/1972"),"last_activity":new Date("12/13/2017"),"next_activity":new Date("11/13/2018"),"deals_won":11,"deals_lost":30,"deals_pending":14,"deals_total":55,"ratio":27,"estimated_sales":1884918,"actual_sales":1082730,"tags":"hot, construction"},{"id":716652088,"avatar":"assets/images/women/65.jpg","name":"Jackqueline Knell","email":"jknell1s@studiopress.com","company":"Aimbo","position":"Senior Financial Analyst","work_phone":"+1-206-461-0587","mobile_phone":"+1-615-755-0624","fax":"+1-518-359-1627","street":"07 Nelson Crossing","city":"Seattle","post_code":98127,"state":"WA","country":"United States","referred_by":"Arturo Comben","created_on":new Date("2/22/2018"),"birthday":new Date("4/17/1976"),"last_activity":new Date("3/24/2018"),"next_activity":new Date("4/24/2019"),"deals_won":12,"deals_lost":6,"deals_pending":30,"deals_total":48,"ratio":67,"estimated_sales":2401050,"actual_sales":2235468,"tags":"hot, financial"},{"id":926110582,"avatar":"assets/images/men/77.jpg","name":"Sargent Brownsill","email":"sbrownsill1t@tiny.cc","company":"Leexo","position":"Director of Sales","work_phone":"+1-540-211-9674","mobile_phone":"+1-513-450-2194","fax":"+1-251-180-6430","street":"7 Crest Line Point","city":"Roanoke","post_code":24014,"state":"VA","country":"United States","referred_by":"Addy Rides","created_on":new Date("5/29/2017"),"birthday":new Date("9/3/2002"),"last_activity":new Date("6/6/2017"),"next_activity":new Date("9/6/2017"),"deals_won":23,"deals_lost":10,"deals_pending":0,"deals_total":33,"ratio":7,"estimated_sales":0,"actual_sales":3207787,"tags":"warm, pharmaceutical"},{"id":382757519,"avatar":"assets/images/men/33.jpg","name":"Harley Wasselin","email":"hwasselin1u@discovery.com","company":"Brainsphere","position":"Marketing Assistant","work_phone":"+1-405-554-3182","mobile_phone":"+1-801-649-5535","fax":"+1-314-299-9579","street":"13508 Sundown Circle","city":"Oklahoma City","post_code":73147,"state":"OK","country":"United States","referred_by":"Silvester Segges","created_on":new Date("8/16/2017"),"birthday":new Date("5/30/1999"),"last_activity":new Date("9/9/2017"),"next_activity":new Date("12/9/2017"),"deals_won":2,"deals_lost":13,"deals_pending":20,"deals_total":35,"ratio":13,"estimated_sales":1572000,"actual_sales":209878,"tags":"pro, retail"},{"id":563374905,"avatar":"assets/images/women/91.jpg","name":"Melisent Arlett","email":"marlett1v@ebay.co.uk","company":"Bubbletube","position":"VP Sales","work_phone":"+1-408-346-0228","mobile_phone":"+1-202-830-4135","fax":"+1-312-873-3929","street":"52 Texas Park","city":"San Jose","post_code":95160,"state":"CA","country":"United States","referred_by":"Lou Ruffle","created_on":new Date("5/22/2017"),"birthday":new Date("9/8/1973"),"last_activity":new Date("6/4/2017"),"next_activity":new Date("11/4/2018"),"deals_won":1,"deals_lost":22,"deals_pending":27,"deals_total":50,"ratio":4,"estimated_sales":1400166,"actual_sales":61337,"tags":"subscriber, retail"},{"id":787253389,"avatar":"assets/images/women/31.jpg","name":"Gilda Fazackerley","email":"gfazackerley1w@exblog.jp","company":"Flashpoint","position":"Help Desk Technician","work_phone":"+1-315-585-2018","mobile_phone":"+1-253-384-7619","fax":"+1-305-581-7413","street":"99 Loftsgordon Parkway","city":"Syracuse","post_code":13251,"state":"NY","country":"United States","referred_by":"Constantino Yatman","created_on":new Date("9/4/2017"),"birthday":new Date("6/26/2000"),"last_activity":new Date("9/14/2017"),"next_activity":new Date("3/14/2018"),"deals_won":11,"deals_lost":27,"deals_pending":29,"deals_total":67,"ratio":29,"estimated_sales":2749374,"actual_sales":714571,"tags":"demo, engineering"},{"id":470959772,"avatar":"assets/images/women/34.jpg","name":"Yoshiko Trinke","email":"ytrinke1x@symantec.com","company":"Buzzdog","position":"Research Associate","work_phone":"+1-615-409-3097","mobile_phone":"+1-316-395-0385","fax":"+1-516-931-2494","street":"21969 Oak Lane","city":"Nashville","post_code":37250,"state":"TN","country":"United States","referred_by":"Augustine Glasser","created_on":new Date("6/18/2017"),"birthday":new Date("3/10/1979"),"last_activity":new Date("6/20/2017"),"next_activity":new Date("10/20/2018"),"deals_won":25,"deals_lost":10,"deals_pending":25,"deals_total":60,"ratio":71,"estimated_sales":4323875,"actual_sales":2746800,"tags":"demo, medical"},{"id":304897422,"avatar":"assets/images/women/47.jpg","name":"Doralyn Fransinelli","email":"dfransinelli1y@ucsd.edu","company":"Edgetag","position":"Structural Analysis Engineer","work_phone":"+1-915-495-9682","mobile_phone":"+1-206-825-5739","fax":"+1-813-586-6619","street":"0 Helena Alley","city":"El Paso","post_code":79945,"state":"TX","country":"United States","referred_by":"Ramsay Ugolini","created_on":new Date("12/30/2017"),"birthday":new Date("12/17/1985"),"last_activity":new Date("1/24/2018"),"next_activity":new Date("9/24/2018"),"deals_won":9,"deals_lost":3,"deals_pending":0,"deals_total":12,"ratio":75,"estimated_sales":0,"actual_sales":1598400,"tags":"pro, retail"},{"id":113000277,"avatar":"assets/images/men/34.jpg","name":"Bard Shivlin","email":"bshivlin1z@ebay.co.uk","company":"Twinder","position":"Associate Professor","work_phone":"+1-850-435-5596","mobile_phone":"+1-414-492-8462","fax":"+1-612-701-4098","street":"5154 Hovde Street","city":"Pensacola","post_code":32511,"state":"FL","country":"United States","referred_by":"Jaynell Innis","created_on":new Date("7/10/2017"),"birthday":new Date("8/26/1970"),"last_activity":new Date("7/27/2017"),"next_activity":new Date("1/27/2018"),"deals_won":3,"deals_lost":27,"deals_pending":2,"deals_total":32,"ratio":1,"estimated_sales":115192,"actual_sales":451728,"tags":"cold, construction"},{"id":115567478,"avatar":"assets/images/men/96.jpg","name":"Jermain Capron","email":"jcapron20@so-net.ne.jp","company":"Podcat","position":"Analog Circuit Design manager","work_phone":"+1-323-118-4740","mobile_phone":"+1-864-471-4588","fax":"+1-857-430-0588","street":"3492 Graedel Circle","city":"Inglewood","post_code":90305,"state":"CA","country":"United States","referred_by":"Wynn Chamberlin","created_on":new Date("3/13/2018"),"birthday":new Date("4/5/1994"),"last_activity":new Date("3/21/2018"),"next_activity":new Date("3/21/2019"),"deals_won":9,"deals_lost":11,"deals_pending":21,"deals_total":41,"ratio":45,"estimated_sales":2045631,"actual_sales":1248336,"tags":"cool, engineering"},{"id":327823716,"avatar":"assets/images/men/51.jpg","name":"Greg Lifsey","email":"glifsey21@nytimes.com","company":"Tagcat","position":"Human Resources Manager","work_phone":"+1-615-402-5193","mobile_phone":"+1-404-496-8008","fax":"+1-817-294-8693","street":"2 Crowley Circle","city":"Murfreesboro","post_code":37131,"state":"TN","country":"United States","referred_by":"Kendal Lenin","created_on":new Date("2/12/2017"),"birthday":new Date("7/9/1975"),"last_activity":new Date("2/14/2017"),"next_activity":new Date("5/14/2018"),"deals_won":15,"deals_lost":22,"deals_pending":16,"deals_total":53,"ratio":41,"estimated_sales":1574176,"actual_sales":1160025,"tags":"warm, construction"},{"id":622175884,"avatar":"assets/images/women/13.jpg","name":"Nonna Brailsford","email":"nbrailsford22@exblog.jp","company":"Thoughtbridge","position":"Staff Scientist","work_phone":"+1-407-261-5214","mobile_phone":"+1-971-802-7754","fax":"+1-602-286-3546","street":"7 Ilene Circle","city":"Orlando","post_code":32891,"state":"FL","country":"United States","referred_by":"Westleigh Grimsdell","created_on":new Date("2/15/2017"),"birthday":new Date("11/19/1981"),"last_activity":new Date("3/4/2017"),"next_activity":new Date("9/4/2017"),"deals_won":10,"deals_lost":23,"deals_pending":9,"deals_total":42,"ratio":3,"estimated_sales":538875,"actual_sales":1733590,"tags":new Date("")},{"id":712619219,"avatar":"assets/images/women/7.jpg","name":"Gabbey Lillee","email":"glillee23@tiny.cc","company":"Brightbean","position":"VP Sales","work_phone":"+1-503-450-6669","mobile_phone":"+1-775-407-8541","fax":"+1-915-499-3761","street":"79112 Little Fleur Crossing","city":"Beaverton","post_code":97075,"state":"OR","country":"United States","referred_by":"Caldwell Village","created_on":new Date("11/17/2017"),"birthday":new Date("8/22/1999"),"last_activity":new Date("12/9/2017"),"next_activity":new Date("7/9/2018"),"deals_won":6,"deals_lost":10,"deals_pending":12,"deals_total":28,"ratio":38,"estimated_sales":1643220,"actual_sales":951342,"tags":"cool, engineering"},{"id":409767062,"avatar":"assets/images/women/97.jpg","name":"Cookie Leale","email":"cleale24@salon.com","company":"Kaymbo","position":"Speech Pathologist","work_phone":"+1-202-748-0506","mobile_phone":"+1-262-911-6263","fax":"+1-303-664-4963","street":"864 Twin Pines Circle","city":"Washington","post_code":20414,"state":"DC","country":"United States","referred_by":"Ammamaria Wahner","created_on":new Date("10/18/2017"),"birthday":new Date("7/13/1995"),"last_activity":new Date("10/31/2017"),"next_activity":new Date("6/30/2018"),"deals_won":12,"deals_lost":5,"deals_pending":15,"deals_total":32,"ratio":71,"estimated_sales":1222830,"actual_sales":1138104,"tags":"cool, medical"},{"id":226394719,"avatar":"assets/images/men/77.jpg","name":"Hugues Ferrier","email":"hferrier25@msn.com","company":"Topicblab","position":"Senior Cost Accountant","work_phone":"+1-501-665-6272","mobile_phone":"+1-234-452-0778","fax":"+1-712-998-9730","street":"65 Kings Center","city":"Little Rock","post_code":72222,"state":"AR","country":"United States","referred_by":"Saleem Grocock","created_on":new Date("6/7/2017"),"birthday":new Date("5/26/1978"),"last_activity":new Date("7/5/2017"),"next_activity":new Date("6/5/2018"),"deals_won":19,"deals_lost":7,"deals_pending":8,"deals_total":34,"ratio":73,"estimated_sales":950984,"actual_sales":2280513,"tags":"subscriber, construction"},{"id":950707960,"avatar":"assets/images/men/38.jpg","name":"Newton Collerd","email":"ncollerd26@issuu.com","company":"Yodel","position":"Account Representative I","work_phone":"+1-225-794-2492","mobile_phone":"+1-360-707-4543","fax":"+1-505-575-8418","street":"7722 Westend Pass","city":"Baton Rouge","post_code":70836,"state":"LA","country":"United States","referred_by":"Charmian Ajsik","created_on":new Date("12/18/2017"),"birthday":new Date("2/24/1982"),"last_activity":new Date("1/15/2018"),"next_activity":new Date("10/15/2019"),"deals_won":3,"deals_lost":1,"deals_pending":26,"deals_total":30,"ratio":75,"estimated_sales":3642366,"actual_sales":195156,"tags":"subscriber, pharmaceutical"},{"id":900932268,"avatar":"assets/images/women/10.jpg","name":"Laural Bogart","email":"lbogart27@feedburner.com","company":"Feedfish","position":"Marketing Manager","work_phone":"+1-215-924-8996","mobile_phone":"+1-412-641-6320","fax":"+1-804-150-3782","street":"9 Meadow Ridge Circle","city":"Philadelphia","post_code":19093,"state":"PA","country":"United States","referred_by":"Joey Harce","created_on":new Date("7/18/2017"),"birthday":new Date("2/22/1981"),"last_activity":new Date("8/6/2017"),"next_activity":new Date("4/6/2018"),"deals_won":16,"deals_lost":8,"deals_pending":24,"deals_total":48,"ratio":67,"estimated_sales":1986888,"actual_sales":2213760,"tags":"pro, pharmaceutical"},{"id":614294465,"avatar":"assets/images/women/27.jpg","name":"Elvina Weall","email":"eweall28@usda.gov","company":"Eamia","position":"Analyst Programmer","work_phone":"+1-512-582-5067","mobile_phone":"+1-203-733-0335","fax":"+1--614-4601","street":"010 Lindbergh Hill","city":"Austin","post_code":78737,"state":"TX","country":"United States","referred_by":"Monte Norcott","created_on":new Date("2/12/2018"),"birthday":new Date("7/6/1978"),"last_activity":new Date("3/12/2018"),"next_activity":new Date("10/12/2018"),"deals_won":14,"deals_lost":13,"deals_pending":22,"deals_total":49,"ratio":52,"estimated_sales":4032248,"actual_sales":794038,"tags":new Date("")},{"id":377106801,"avatar":"assets/images/women/89.jpg","name":"Juieta Mendez","email":"jmendez29@bing.com","company":"Babbleblab","position":"Account Representative IV","work_phone":"+1-410-373-5750","mobile_phone":"+1-512-166-8473","fax":"+1-801-164-8887","street":"24 5th Alley","city":"Baltimore","post_code":21265,"state":"MD","country":"United States","referred_by":"Ivett Olechnowicz","created_on":new Date("2/23/2017"),"birthday":new Date("6/3/1986"),"last_activity":new Date("3/2/2017"),"next_activity":new Date("12/2/2017"),"deals_won":8,"deals_lost":26,"deals_pending":12,"deals_total":46,"ratio":24,"estimated_sales":1882284,"actual_sales":433880,"tags":"demo, engineering"},{"id":262450597,"avatar":"assets/images/men/25.jpg","name":"Emlen Castell","email":"ecastell2a@ucsd.edu","company":"Fivebridge","position":"Paralegal","work_phone":"+1-585-817-1379","mobile_phone":"+1-214-403-1468","fax":"+1-336-307-1139","street":"4 Merry Way","city":"Rochester","post_code":14639,"state":"NY","country":"United States","referred_by":"Cristionna Madine","created_on":new Date("2/6/2018"),"birthday":new Date("1/19/1975"),"last_activity":new Date("3/4/2018"),"next_activity":new Date("9/4/2019"),"deals_won":25,"deals_lost":6,"deals_pending":26,"deals_total":57,"ratio":81,"estimated_sales":3368196,"actual_sales":2038825,"tags":"retail"},{"id":235852051,"avatar":"assets/images/men/40.jpg","name":"Justis Isles","email":"jisles2b@ifeng.com","company":"Skilith","position":"Mechanical Systems Engineer","work_phone":"+1-305-857-8429","mobile_phone":"+1-941-709-9660","fax":"+1-213-500-2975","street":"549 Dawn Drive","city":"Hialeah","post_code":33018,"state":"FL","country":"United States","referred_by":"Noellyn Pass","created_on":new Date("11/24/2017"),"birthday":new Date("7/20/2001"),"last_activity":new Date("12/21/2017"),"next_activity":new Date("6/21/2018"),"deals_won":28,"deals_lost":29,"deals_pending":8,"deals_total":65,"ratio":49,"estimated_sales":1213264,"actual_sales":3278968,"tags":"medical"},{"id":664568769,"avatar":"assets/images/women/26.jpg","name":"Janeva Burnsall","email":"jburnsall2c@flickr.com","company":"Dazzlesphere","position":"VP Quality Control","work_phone":"+1-513-252-4337","mobile_phone":"+1-502-228-4513","fax":"+1-704-229-9925","street":"80588 Anthes Court","city":"Cincinnati","post_code":45999,"state":"OH","country":"United States","referred_by":"Trula Jozsika","created_on":new Date("12/12/2017"),"birthday":new Date("9/30/1989"),"last_activity":new Date("12/28/2017"),"next_activity":new Date("5/28/2019"),"deals_won":11,"deals_lost":3,"deals_pending":12,"deals_total":26,"ratio":79,"estimated_sales":1948260,"actual_sales":1611643,"tags":"pharmaceutical"},{"id":752959468,"avatar":"assets/images/women/68.jpg","name":"Kelcie Folley","email":"kfolley2d@livejournal.com","company":"Abatz","position":"Systems Administrator II","work_phone":"+1-336-131-5394","mobile_phone":"+1-843-966-3156","fax":"+1-407-424-2202","street":"3 American Ash Center","city":"Greensboro","post_code":27425,"state":"NC","country":"United States","referred_by":"Chet Lydall","created_on":new Date("12/10/2017"),"birthday":new Date("5/12/1977"),"last_activity":new Date("12/17/2017"),"next_activity":new Date("12/17/2018"),"deals_won":5,"deals_lost":15,"deals_pending":22,"deals_total":42,"ratio":25,"estimated_sales":1296262,"actual_sales":301030,"tags":"cold, medical"},{"id":786276070,"avatar":"assets/images/women/22.jpg","name":"Claudina Davey","email":"cdavey2e@businessweek.com","company":"Oyoloo","position":"VP Quality Control","work_phone":"+1-818-505-3284","mobile_phone":"+1-713-179-5326","fax":"+1-540-574-0485","street":"4875 Surrey Drive","city":"Los Angeles","post_code":90065,"state":"CA","country":"United States","referred_by":"Corabella Netherwood","created_on":new Date("3/29/2017"),"birthday":new Date("8/30/1975"),"last_activity":new Date("4/28/2017"),"next_activity":new Date("8/28/2017"),"deals_won":26,"deals_lost":19,"deals_pending":1,"deals_total":46,"ratio":58,"estimated_sales":168833,"actual_sales":3745014,"tags":"medical"},{"id":520466635,"avatar":"assets/images/women/42.jpg","name":"Shanna Mowling","email":"smowling2f@apache.org","company":new Date(""),"position":"Dental Hygienist","work_phone":"+1-423-201-3489","mobile_phone":"+1-615-539-3025","fax":"+1-813-114-9544","street":"3 Crescent Oaks Court","city":"Chattanooga","post_code":37416,"state":"TN","country":"United States","referred_by":"Elayne Barg","created_on":new Date("2/5/2018"),"birthday":new Date("1/19/1972"),"last_activity":new Date("2/28/2018"),"next_activity":new Date("12/28/2018"),"deals_won":25,"deals_lost":7,"deals_pending":27,"deals_total":59,"ratio":78,"estimated_sales":4789557,"actual_sales":2129000,"tags":"subscriber, construction"},{"id":638218995,"avatar":"assets/images/women/79.jpg","name":"Ardyth Arcase","email":"aarcase2g@techcrunch.com","company":"Mydeo","position":"Senior Cost Accountant","work_phone":"+1-202-329-2722","mobile_phone":"+1-936-520-8614","fax":"+1-775-735-4912","street":"16773 Everett Plaza","city":"Washington","post_code":20535,"state":"DC","country":"United States","referred_by":"Sheffy Jenoure","created_on":new Date("3/28/2017"),"birthday":new Date("4/20/1976"),"last_activity":new Date("4/5/2017"),"next_activity":new Date("2/5/2019"),"deals_won":12,"deals_lost":26,"deals_pending":6,"deals_total":44,"ratio":32,"estimated_sales":881670,"actual_sales":1350960,"tags":"subscriber, retail"}] /* eslint-enable */ diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.html b/projects/app-crm/src/app/grid-crm/grid-crm.component.html index 236ffe6651..c42f6a35d3 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.html +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.html @@ -1,5 +1,5 @@
- + diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.scss b/projects/app-crm/src/app/grid-crm/grid-crm.component.scss index 157e85bda2..0a0f4887d0 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.scss +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.scss @@ -210,7 +210,7 @@ @keyframes spin-fade { 0% { opacity: 0; - tranform: rotate(0); + transform: rotate(0); } 100% { opacity: 1; diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts index 673bffa621..c71c9147d2 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts @@ -23,9 +23,10 @@ import { OverlaySettings, PositionSettings, VerticalAlignment, - CellType + CellType, + GridSelectionMode } from 'igniteui-angular'; -import { data } from './data'; +import { data, Employee } from './data'; function formatDate(val: Date) { return new Intl.DateTimeFormat('en-US').format(val); @@ -92,26 +93,26 @@ class SoonSummary extends IgxDateSummaryOperand { export class GridCRMComponent implements OnInit, AfterViewInit { @ViewChild('grid1', { read: IgxGridComponent, static: true }) - public grid1: IgxGridComponent; + public grid1!: IgxGridComponent; - @ViewChild('toggleRefHiding') public toggleRefHiding: IgxToggleDirective; - @ViewChild('toggleRefPinning') public toggleRefPinning: IgxToggleDirective; + @ViewChild('toggleRefHiding') public toggleRefHiding!: IgxToggleDirective; + @ViewChild('toggleRefPinning') public toggleRefPinning!: IgxToggleDirective; - @ViewChild('hidingButton') public hidingButton: ElementRef; - @ViewChild('pinningButton') public pinningButton: ElementRef; + @ViewChild('hidingButton') public hidingButton!: ElementRef; + @ViewChild('pinningButton') public pinningButton!: ElementRef; - public localData: any[]; + public localData: Employee[] = []; public dealsSummary = DealsSummary; public earliestSummary = EarliestSummary; public soonSummary = SoonSummary; - public cols: QueryList; + public cols!: QueryList; public hiddenColsLength: number; public pinnedColsLength: number; public searchText = ''; public caseSensitive = false; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public _positionSettings: PositionSettings = { horizontalDirection: HorizontalAlignment.Left, @@ -140,7 +141,7 @@ export class GridCRMComponent implements OnInit, AfterViewInit { } public ngOnInit() { - const employees = data; + const employees: Employee[] = data; for (const employee of employees) { this.getDeals(employee); } @@ -176,7 +177,7 @@ export class GridCRMComponent implements OnInit, AfterViewInit { col.hidden = !col.hidden; } - public togglePin(col: IgxColumnComponent, evt) { + public togglePin(col: IgxColumnComponent, evt: any) { if (col.pinned) { this.grid1.unpinColumn(col.field); this.pinnedColsLength--; @@ -194,7 +195,7 @@ export class GridCRMComponent implements OnInit, AfterViewInit { return new Intl.DateTimeFormat('en-US').format(val); } - public searchKeyDown(ev) { + public searchKeyDown(ev: KeyboardEvent) { if (ev.key === 'Enter' || ev.key === 'ArrowDown' || ev.key === 'ArrowRight') { ev.preventDefault(); this.grid1.findNext(this.searchText, this.caseSensitive); @@ -218,8 +219,8 @@ export class GridCRMComponent implements OnInit, AfterViewInit { return val.toLocaleString('en-us', { maximumFractionDigits: 2 }); } - public getDeals(employee: any): any { - employee['Deals'] = this.getDealsData(); + public getDeals(employee: Employee): any { + employee.deals = this.getDealsData(); } public getDealsData(months?: number): any[] { diff --git a/projects/app-lob/src/app/data/athletesData.ts b/projects/app-lob/src/app/data/athletesData.ts index 4dd1d593ad..25dae5446f 100644 --- a/projects/app-lob/src/app/data/athletesData.ts +++ b/projects/app-lob/src/app/data/athletesData.ts @@ -1,7 +1,28 @@ /* eslint-disable @typescript-eslint/naming-convention */ /* tslint:disable */ -export const athletesData = [{ +export interface SpeedDescriptor { + Speed: number; + Minute: number; +} + +export interface Athlete { + Id: number; + Avatar: string; + Position: string; + Name: string; + AthleteNumber: number; + BeatsPerMinute: number; + TopSpeed: number; + Registered: string; + TrackProgress: number; + CountryFlag: string; + CountryName: string; + LastPosition?: number; + Speed?: SpeedDescriptor[]; +} + +export const АthletesData = [{ Id: 84, Avatar: 'assets/images/men/12.jpg', Position: 'current', diff --git a/projects/app-lob/src/app/directives/prevent-scroll.directive.ts b/projects/app-lob/src/app/directives/prevent-scroll.directive.ts deleted file mode 100644 index 29e9f8dba3..0000000000 --- a/projects/app-lob/src/app/directives/prevent-scroll.directive.ts +++ /dev/null @@ -1,64 +0,0 @@ -import { AfterViewInit, Directive, Host, Inject, Input, NgModule, OnDestroy, Optional } from '@angular/core'; -import { IgxGridBaseDirective, IgxGridComponent, IGX_GRID_BASE } from 'igniteui-angular'; - -@Directive({ - // eslint-disable-next-line @angular-eslint/directive-selector - selector: '[igxPreventDocumentScroll]' -}) -export class IgxPreventDocumentScrollDirective implements AfterViewInit, OnDestroy { - private _preventScroll = true; - private gridBody: HTMLElement; - - /** - * A boolean indicating if page scroll should be prevented while mouse wheeling over the grid, - * when grid scroll has reached top or bottom. Defaults to true. - * ```html - * - * - * ``` - */ - @Input('igxPreventDocumentScroll') - public set preventScroll(val: boolean) { - // eslint-disable-next-line no-underscore-dangle - if (val === false) { this._preventScroll = false; } - } - - /** - * @hidden - */ - constructor(@Host() @Optional() @Inject(IGX_GRID_BASE) private grid: IgxGridBaseDirective) { - this.gridBody = this.getGridBody(); - } - - public ngAfterViewInit() { - // eslint-disable-next-line no-underscore-dangle - if (this._preventScroll) { - this.gridBody.addEventListener('wheel', this.preventDocumentScroll, { passive: false }); - } - } - - public ngOnDestroy() { - this.gridBody.removeEventListener('wheel', this.preventDocumentScroll); - } - - /** - * Prevents scrolling the page, when mouse wheel over the grid body. - */ - private preventDocumentScroll(event) { - event.preventDefault(); - } - - private getGridBody(): HTMLElement { - return this.grid.nativeElement; - } -} - -/** - * @hidden - */ -@NgModule({ - declarations: [IgxPreventDocumentScrollDirective], - exports: [IgxPreventDocumentScrollDirective] -}) - -export class IgxPreventDocumentScrollModule { } diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.html b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.html index 30566a416c..1091c1d81b 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.html +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.html @@ -1,41 +1,41 @@
- - - - - - + + + + +
{{cell.value | currency:'USD':'symbol':'1.4-4'}}
- + - +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- -
@@ -43,7 +43,7 @@
-
@@ -51,54 +51,53 @@
- +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- - +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- - - + + +
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html index 11b55f307c..1c44e7f128 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html @@ -1,38 +1,38 @@
- - - - - - + + + + + +
{{cell.value | currency:'USD':'symbol':'1.4-4'}}
- + - +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- + -
@@ -40,7 +40,7 @@
-
@@ -48,53 +48,53 @@
- +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- - +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- + - +
{{cell.value | number:'1.4-4'}}%
- - - + + +
@@ -123,7 +123,7 @@
- Clear All
@@ -141,10 +141,10 @@
- {{chart | name}}
@@ -153,8 +153,8 @@
diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html index ca5ca0ea55..8339873efb 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html @@ -1,11 +1,11 @@
--> - - - + + + - + {{ c }} - - - + + + - {{ r.Region }} + {{ r.Name }} - + @@ -67,7 +67,7 @@ - @@ -96,16 +96,16 @@ - + - + @@ -122,10 +122,10 @@ - + - + diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts index 50d74c1f3f..77ab1af3ab 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts @@ -1,9 +1,9 @@ /* eslint-disable max-len */ import { DOCUMENT } from '@angular/common'; import { Component, ElementRef, EventEmitter, Inject, OnInit, Output, ViewChild } from '@angular/core'; -import { CellType, DefaultSortingStrategy, IGridKeydownEventArgs, IgxGridComponent, IgxOverlayOutletDirective, IRowSelectionEventArgs, OverlaySettings, SortingDirection } from 'igniteui-angular'; +import { CellType, DefaultSortingStrategy, GridSelectionMode, IGridKeydownEventArgs, IgxGridComponent, IgxOverlayOutletDirective, IRowSelectionEventArgs, OverlaySettings, SortingDirection } from 'igniteui-angular'; import { BehaviorSubject } from 'rxjs'; -import { Stock } from '../data/financialData'; +import { Contract, REGIONS, Stock } from '../data/financialData'; import { SignalRService } from '../services/signal-r.service'; @Component({ @@ -18,7 +18,9 @@ export class GridFinJSComponent implements OnInit { @Output() public keyDown = new EventEmitter(); @Output() public chartColumnKeyDown = new EventEmitter(); - public selectionMode = 'multiple'; + public contracts = Contract; + public regions = REGIONS; + public selectionMode: GridSelectionMode = 'multiple'; public volume = 1000; public frequency = 500; public data$: BehaviorSubject; diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.module.ts b/projects/app-lob/src/app/grid-finjs/grid-finjs.module.ts index ff83ea3741..330aa1d4d2 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.module.ts +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.module.ts @@ -10,12 +10,12 @@ import { IgxDataChartCategoryModule, IgxDataChartCoreModule, IgxDataChartInteractivityModule, IgxFinancialPriceSeriesModule, IgxIndicatorsModule, IgxLegendModule, IgxNumericXAxisModule, IgxNumericYAxisModule } from 'igniteui-angular-charts'; -import { IgxPreventDocumentScrollModule } from '../directives/prevent-scroll.directive'; import { FinJSDemoComponent } from './main.component'; import { GridFinjsRoutingModule } from './grid-finjs-routing.module'; import { GridFinJSComponent } from './grid-finjs.component'; import { ControllerComponent } from './controllers.component'; import { FinancialDataService } from '../services/financial.service'; +import { IgxPreventDocumentScrollModule } from '../../../../../src/app/directives/prevent-scroll.directive'; @NgModule({ declarations: [ diff --git a/projects/app-lob/src/app/grid-finjs/main.component.html b/projects/app-lob/src/app/grid-finjs/main.component.html index e7a1066842..6426ff6d9c 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.html +++ b/projects/app-lob/src/app/grid-finjs/main.component.html @@ -12,7 +12,7 @@
- +
Chart diff --git a/projects/app-lob/src/app/grid-finjs/main.component.ts b/projects/app-lob/src/app/grid-finjs/main.component.ts index 870e7cc93f..6847b50d88 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.ts +++ b/projects/app-lob/src/app/grid-finjs/main.component.ts @@ -83,12 +83,11 @@ export class FinJSDemoComponent implements OnDestroy { } } - public setChartData(args: number[]): void { + public setChartData(args: Stock[]): void { this.chartData = []; args.forEach(row => { - this.chartData.push(this.finGrid.grid.data[row]); - this.chart.notifyInsertItem(this.chartData, this.chartData.length - 1, - this.finGrid.grid.data[row]); + this.chartData.push(row); + this.chart.notifyInsertItem(this.chartData, this.chartData.length - 1, row); }); // this.controller.controls[2].disabled = this.chartData.length === 0; this.setLabelIntervalAndAngle(); diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.html b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.html index 9ae8e61e76..c8b8f44f16 100644 --- a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.html +++ b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.html @@ -6,13 +6,13 @@
Boston Marathon 2020
- +
- + - +
{{ grid1.page * grid1.perPage + cell.row.index + 1 }}
@@ -34,7 +34,7 @@
Boston Marathon 2020
- {{ cell.value }} + {{ cell.value }}
@@ -120,4 +120,4 @@
Boston Marathon 2020
-
\ No newline at end of file +
diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts index bb3edbacae..8bb945bf1c 100644 --- a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts +++ b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts @@ -19,7 +19,8 @@ import { AbsolutePosition, OverlayClosingEventArgs } from 'igniteui-angular'; -import { athletesData } from '../../data/athletesData'; +import { IgxGridCellComponent } from 'igniteui-angular/lib/grids/cell.component'; +import { Athlete, АthletesData, SpeedDescriptor } from '../../data/athletesData'; @Component({ selector: 'app-grid', @@ -29,36 +30,36 @@ import { athletesData } from '../../data/athletesData'; export class GridComponent implements OnInit, OnDestroy, AfterViewInit { @ViewChild('grid1', { read: IgxGridComponent, static: true }) - public grid1: IgxGridComponent; + public grid1!: IgxGridComponent; @ViewChild('winnerAlert', { static: true }) - public winnerAlert: ElementRef; + public winnerAlert!: ElementRef; @ViewChild('finishedAlert', { static: true }) - public finishedAlert: ElementRef; + public finishedAlert!: ElementRef; public topSpeedSummary = CustomTopSpeedSummary; public bnpSummary = CustomBPMSummary; public speedSummary = CustomSpeedSummary; - public localData: any[]; + public localData: Athlete[] = []; public isFinished = false; public hasWinner = false; public athleteColumnWidth = '30%'; public showOverlay = false; public overlaySettings: OverlaySettings; // eslint-disable-next-line @typescript-eslint/naming-convention - public winner = { Avatar: null, Name: null }; - public top3 = []; + public winner: Athlete = { Avatar: '', Name: '' } as Athlete; + public top3: Athlete[] = []; private _live = true; - private _timer; + private _timer: any; private windowWidth: any; private _overlayId: string; - get live() { + get live(): boolean { return this._live; } - set live(val) { + set live(val: boolean) { this._live = val; if (this._live) { this._timer = setInterval(() => this.ticker(), 1500); @@ -67,24 +68,24 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { } } - get showWinnerOverlay() { + get showWinnerOverlay(): boolean { return this.showOverlay && this.hasWinner && !this.isFinished; } - get showFinishedOverlay() { + get showFinishedOverlay(): boolean { return this.showOverlay && this.isFinished; } - get hideAthleteNumber() { + get hideAthleteNumber(): boolean { return this.windowWidth && this.windowWidth < 960; } - get hideBeatsPerMinute() { + get hideBeatsPerMinute(): boolean { return (this.windowWidth && this.windowWidth < 860) || !this.live; } constructor(@Inject(IgxOverlayService) public overlayService: IgxOverlayService) {} - public ngOnInit() { - this.localData = athletesData.slice(0, 30).sort((a, b) => b.TrackProgress - a.TrackProgress); + public ngOnInit(): void { + this.localData = АthletesData.slice(0, 30).sort((a, b) => b.TrackProgress - a.TrackProgress); this.localData.forEach(rec => this.getSpeed(rec)); this.windowWidth = window.innerWidth; this._timer = setInterval(() => this.ticker(), 1500); @@ -93,7 +94,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { }); } - public ngAfterViewInit() { + public ngAfterViewInit(): void { this.overlaySettings = IgxOverlayService.createAbsoluteOverlaySettings( AbsolutePosition.Center, this.grid1 @@ -105,16 +106,16 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { const val = cell.value; return val; } - public ngOnDestroy() { + public ngOnDestroy(): void { clearInterval(this._timer); } - public isTop3(cell): boolean { + public isTop3(cell: IgxGridCellComponent): boolean { const top = this.grid1.paginator.page === 0 && cell.row.index < 4; return top; } - public getTrophyUrl(index: number) { + public getTrophyUrl(index: number): string { if (index === 0) { return 'assets/images/grid/trophy_gold.svg'; } @@ -124,6 +125,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { if (index === 2) { return 'assets/images/grid/trophy_bronze.svg'; } + return ''; } public cellSelection(evt) { @@ -131,7 +133,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { this.grid1.selectRows([cell.row.key], true); } - public getIconType(cell) { + public getIconType(cell: IgxGridCellComponent): string { switch (cell.row.data.Position) { case 'up': return 'arrow_upward'; @@ -142,7 +144,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { } } - public getBadgeType(cell) { + public getBadgeType(cell: IgxGridCellComponent): string { switch (cell.row.data.Position) { case 'up': return 'success'; @@ -153,15 +155,15 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { } } - public getSpeed(athlete: any): any { - athlete['Speed'] = this.addSpeedeData(athlete, 40); + public getSpeed(athlete: Athlete): void { + athlete.Speed = this.addSpeedData(athlete, 40); } - public getSpeedeData(minutes?: number): any[] { + public getSpeedeData(minutes?: number): SpeedDescriptor[] { if (minutes === undefined) { minutes = 20; } - const speed: any[] = []; + const speed: SpeedDescriptor[] = []; for (let m = 0; m < minutes; m += 3) { const value = this.getRandomNumber(17, 20); // eslint-disable-next-line @typescript-eslint/naming-convention @@ -170,7 +172,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { return speed; } - public addSpeedeData(athlete, minutes?: number): any[] { + public addSpeedData(athlete: Athlete, minutes?: number): SpeedDescriptor[] { if (minutes === undefined) { minutes = 20; } @@ -190,31 +192,31 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { // eslint-disable-next-line @typescript-eslint/member-ordering @HostListener('window:resize', ['$event']) - public onResize(event) { + public onResize(event: any): void { this.windowWidth = event.target.innerWidth; } - public filter(term) { - this.grid1.filter('CountryName', term, IgxStringFilteringOperand.instance().condition('contains'), true); + public filter(target: EventTarget): void { + this.grid1.filter('CountryName', (target as HTMLInputElement).value, IgxStringFilteringOperand.instance().condition('contains'), true); this.grid1.markForCheck(); } - public showAlert(element: ElementRef) { + public showAlert(element: ElementRef): void { this.showOverlay = true; this._overlayId = this.overlayService.attach(element, this.overlaySettings); this.overlayService.show(this._overlayId); } - public hideAlert() { + public hideAlert(): void { this.showOverlay = false; this.overlayService.hide(this._overlayId); } - private generateRandomNumber(min, max) { + private generateRandomNumber(min: number, max: number): number { return Math.floor(Math.random() * (max - min + 1)) + min; } - private ticker() { + private ticker(): void { if (this.showWinnerOverlay) { this.hideAlert(); } @@ -231,7 +233,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { return Math.round(min + Math.random() * (max - min)); } - private manageRace() { + private manageRace(): void { // show winner alert if (!this.hasWinner && this.localData[0].TrackProgress >= 100) { this.winner = this.localData[0]; @@ -253,12 +255,12 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { } } - private updateData() { - const newData = []; + private updateData(): void { + const newData: Athlete[] = []; this.localData.forEach((rec, index) => { rec.LastPosition = index; if (rec.TrackProgress < 100) { - rec.Speed = this.addSpeedeData(rec, 3); + rec.Speed = this.addSpeedData(rec, 3); rec.BeatsPerMinute += this.generateRandomNumber(-5, 5); if (rec.Id < this.grid1.perPage + 1) { rec.TrackProgress = Math.min(rec.TrackProgress + this.generateRandomNumber(15, 20), 100); @@ -287,8 +289,11 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { class CustomTopSpeedSummary { - public operate(data?: any[]): IgxSummaryResult[] { - const result = []; + public operate(data?: number[]): IgxSummaryResult[] { + const result: IgxSummaryResult[] = []; + if (!data){ + return result; + } result.push({ key: 'max', label: 'max', @@ -301,8 +306,11 @@ class CustomTopSpeedSummary { export class CustomBPMSummary { - public operate(data?: any[]): IgxSummaryResult[] { - const result = []; + public operate(data?: number[]): IgxSummaryResult[] { + const result: IgxSummaryResult[] = []; + if (!data){ + return result; + } result.push( { key: 'average', @@ -316,14 +324,14 @@ export class CustomBPMSummary { export class CustomSpeedSummary { - public operate(data?: any[]): IgxSummaryResult[] { - data = data.reduce((acc, val) => acc.concat(val), []).map(rec => rec.Speed); + public operate(data?: Athlete[]): IgxSummaryResult[] { + const speedData = data.reduce((acc, val) => acc.concat(val), [] as Athlete[]).map(rec => rec.Speed); const result = []; result.push( { key: 'average', label: 'average', - summaryResult: data.length ? IgxNumberSummaryOperand.average(data).toFixed(2) : null + summaryResult: speedData.length ? IgxNumberSummaryOperand.average(speedData).toFixed(2) : null }); return result; diff --git a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.html b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.html index c39236a739..58efcb3511 100644 --- a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.html +++ b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.html @@ -1,5 +1,5 @@
- + @@ -7,7 +7,7 @@
- + Details @@ -16,7 +16,7 @@
+ [roundShape]="false" size="large">
{{dataItem.name}}
@@ -82,4 +82,4 @@
{{dataItem.name}}
-
\ No newline at end of file +
diff --git a/projects/app-lob/src/app/grid/grids.module.ts b/projects/app-lob/src/app/grid/grids.module.ts index a7fda576f7..903c0adfe9 100644 --- a/projects/app-lob/src/app/grid/grids.module.ts +++ b/projects/app-lob/src/app/grid/grids.module.ts @@ -14,14 +14,14 @@ import { import { GridComponent } from './grid-boston-marathon/grid.component'; import { GridMasterDetailSampleComponent } from './grid-master-detail/grid-master-detail.component'; -import { IgxBarSeriesModule, IgxBollingerBandsOverlayModule, IgxCategoryChartModule, IgxCategoryXAxisComponent, IgxCategoryXAxisModule, IgxDataChartCategoryModule, IgxDataChartComponent, +import { IgxBarSeriesModule, IgxBollingerBandsOverlayModule, IgxCategoryChartModule, IgxCategoryXAxisModule, IgxDataChartCategoryModule, IgxDataChartCoreModule, IgxDataChartInteractivityModule, IgxDataChartScatterModule, IgxDataChartStackedModule, - IgxDoughnutChartComponent, IgxDoughnutChartModule, IgxFinancialPriceSeriesModule, IgxIndicatorsModule, IgxItemLegendComponent, IgxItemLegendModule, IgxLegendComponent, - IgxLegendModule, IgxNumericXAxisComponent, IgxNumericXAxisModule, IgxNumericYAxisComponent, IgxNumericYAxisModule, - IgxPieChartComponent, IgxPieChartModule, IgxRingSeriesModule, IgxSparklineCoreModule, IgxSparklineModule + IgxDoughnutChartModule, IgxFinancialPriceSeriesModule, IgxIndicatorsModule, IgxItemLegendModule, + IgxLegendModule, IgxNumericXAxisModule, IgxNumericYAxisModule, + IgxPieChartModule, IgxRingSeriesModule, IgxSparklineCoreModule, IgxSparklineModule } from 'igniteui-angular-charts'; -import { IgxPreventDocumentScrollModule } from '../directives/prevent-scroll.directive'; import { GridsDVRoutingModule } from './grids-routing.module'; +import { IgxPreventDocumentScrollModule } from '../../../../../src/app/directives/prevent-scroll.directive'; @NgModule({ declarations: [ diff --git a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.html b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.html index f2f7182c9a..802e454ff5 100644 --- a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.html +++ b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.html @@ -1,5 +1,5 @@
- @@ -44,4 +44,4 @@ -
\ No newline at end of file + diff --git a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module.ts b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module.ts index ddd4738bf9..2ecd1d46eb 100644 --- a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module.ts +++ b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid.module.ts @@ -5,7 +5,7 @@ import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IgxAvatarModule, IgxBadgeModule, IgxBannerModule, IgxButtonGroupModule, IgxButtonModule, IgxCheckboxModule, IgxChipsModule, IgxComboModule, IgxDatePickerModule, IgxDialogModule, IgxFocusModule, IgxGridModule, IgxHierarchicalGridModule, IgxIconModule, IgxInputGroupModule, IgxProgressBarModule, IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSliderModule, IgxSnackbarModule, IgxSwitchModule, IgxTabsModule, IgxToastModule, IgxToggleModule, IgxTooltipModule } from 'igniteui-angular'; import { IgxPieChartModule, IgxSparklineCoreModule, IgxSparklineModule } from 'igniteui-angular-charts'; -import { IgxPreventDocumentScrollModule } from '../directives/prevent-scroll.directive'; +import { IgxPreventDocumentScrollModule } from '../../../../../src/app/directives/prevent-scroll.directive'; import { HGridColumnResizingSampleComponent } from './hierarchical-grid-column-resizing/hierarchical-grid-resizing.component'; import { HierarchicalGridDVRoutingModule } from './hierarchical-grid-routing.module'; diff --git a/projects/app-lob/src/app/index/index.component.html b/projects/app-lob/src/app/index/index.component.html index b96c7feb80..49175bece7 100644 --- a/projects/app-lob/src/app/index/index.component.html +++ b/projects/app-lob/src/app/index/index.component.html @@ -9,7 +9,7 @@ - {{homeRouteItem.displayName}} @@ -29,7 +29,7 @@ - {{navItem.name}} @@ -52,4 +52,4 @@ - \ No newline at end of file + diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.html b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.html index d54e6aec11..e7880eef71 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.html +++ b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts index 85c3a9266f..99bb75fc3e 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from '@angular/core'; -import { IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular'; +import { GridSelectionMode, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular'; import { EMPLOYEE_DATA } from './data'; @Component({ @@ -9,7 +9,7 @@ import { EMPLOYEE_DATA } from './data'; }) export class TreeGridChilddatakeySampleComponent implements OnInit { public localData: any[]; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor(private excelExporter: IgxExcelExporterService, private csvExporter: IgxCsvExporterService) { const skipColumnExport = (eventArgs: IColumnExportingEventArgs) => { eventArgs.cancel = eventArgs.header === 'Performance'; diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.html b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.html index 3e6063ffe7..5f057f1015 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.html +++ b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts index 4586e1cf0d..06a6cd2a21 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts @@ -1,4 +1,5 @@ import { Component, OnInit } from '@angular/core'; +import { GridSelectionMode } from 'igniteui-angular'; import { Data } from './data'; @Component({ @@ -8,7 +9,7 @@ import { Data } from './data'; }) export class TreeGridPrimaryforeignkeySampleComponent implements OnInit { public data: any[]; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { } public ngOnInit() { diff --git a/projects/app-lob/src/app/tree-grid/tree-grid.module.ts b/projects/app-lob/src/app/tree-grid/tree-grid.module.ts index 9ede2b844c..22f27901b8 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid.module.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid.module.ts @@ -7,7 +7,7 @@ import { IgxAvatarModule, IgxBannerModule, IgxButtonGroupModule, IgxButtonModule IgxSwitchModule, IgxToastModule, IgxToggleModule, IgxTooltipModule, IgxTreeGridModule } from 'igniteui-angular'; /* eslint-disable max-len */ import { IgxSparklineCoreModule, IgxSparklineModule } from 'igniteui-angular-charts'; -import { IgxPreventDocumentScrollModule } from '../directives/prevent-scroll.directive'; +import { IgxPreventDocumentScrollModule } from '../../../../../src/app/directives/prevent-scroll.directive'; import { RemoteFilteringService } from './services/remoteFilteringService'; import { TreeGridChilddatakeySampleComponent } from './tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component'; import { TreeGridPrimaryforeignkeySampleComponent } from './tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component'; diff --git a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.html b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.html index 211accb163..1540eea2d8 100644 --- a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.html +++ b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.html @@ -6,12 +6,12 @@
+ [thumbLabelVisibilityDuration]="250" [continuous]="true">
+ [thumbLabelVisibilityDuration]="250" [continuous]="true">
@@ -24,7 +24,7 @@ Feeding {{volume}} records every {{frequency / 1000}} sec. ~{{volume/5}} records updated.
- - - + - + - + - - + + - + - {{ r.region }} + {{ r.Name }} - + {{ cell.value | date }} diff --git a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts index d17f8fab48..ce3f853a90 100644 --- a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts +++ b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts @@ -15,11 +15,11 @@ import { SignalRService } from '../services/signal-r.service'; }) export class TreeGridFinJSComponent implements OnDestroy, OnInit { - @ViewChild('grid1', { static: true }) public grid1: IgxTreeGridComponent; - @ViewChild('buttonGroup1', { static: true }) public buttonGroup1: IgxButtonGroupComponent; - @ViewChild('slider1', { static: true }) public volumeSlider: IgxSliderComponent; - @ViewChild('slider2', { static: true }) public intervalSlider: IgxSliderComponent; - @ViewChild(IgxOverlayOutletDirective, { static: true }) public outlet: IgxOverlayOutletDirective; + @ViewChild('grid1', { static: true }) public grid1!: IgxTreeGridComponent; + @ViewChild('buttonGroup1', { static: true }) public buttonGroup1!: IgxButtonGroupComponent; + @ViewChild('slider1', { static: true }) public volumeSlider!: IgxSliderComponent; + @ViewChild('slider2', { static: true }) public intervalSlider!: IgxSliderComponent; + @ViewChild(IgxOverlayOutletDirective, { static: true }) public outlet!: IgxOverlayOutletDirective; @HostBinding('class.dark-theme') public theme = false; @@ -90,9 +90,9 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit { public regions = REGIONS; public isLoading = true; - private subscription; - private selectedButton; - private _timer; + private subscription: any; + private selectedButton: number; + private _timer: any; constructor(private elRef: ElementRef, public dataService: SignalRService) { this.dataService.startConnection(); @@ -107,11 +107,11 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit { }); } - public ngOnInit() { + public ngOnInit(): void { this.overlaySettings.outlet = this.outlet; } - public onButtonAction(event: any) { + public onButtonAction(event: any): void { switch (event.index) { case 0: { this.disableOtherButtons(event.index, true); @@ -136,12 +136,12 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit { } } - updateVolume() { + updateVolume(): void { this.dataService.hasRemoteConnection ? this.dataService.broadcastParams(this.frequency, this.volume, false) : this.dataService.getData(this.volume); } - public stopFeed() { + public stopFeed(): void { if (this._timer) { clearInterval(this._timer); } diff --git a/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module.ts b/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module.ts index b5b8dda661..7bd71db48f 100644 --- a/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module.ts +++ b/projects/app-lob/src/app/treegrid-finjs/treegrid-finjs.module.ts @@ -3,7 +3,7 @@ import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IgxButtonModule, IgxSliderModule, IgxSwitchModule, IgxTreeGridModule } from 'igniteui-angular'; -import { IgxPreventDocumentScrollModule } from '../directives/prevent-scroll.directive'; +import { IgxPreventDocumentScrollModule } from '../../../../../src/app/directives/prevent-scroll.directive'; import { TreeGridFinJSComponent } from './tree-grid-finjs-sample.component'; import { TreeGridFinjsRoutingModule } from './treegrid-finjs-routing.module'; diff --git a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html index 07d31a2ae2..f86fd982e3 100644 --- a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html +++ b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html @@ -1,4 +1,4 @@
- +
diff --git a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html index 8c9485ce54..0b45e71891 100644 --- a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html +++ b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html @@ -1,11 +1,11 @@ - + Team Members (4)
- +
diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html index 5bb8302cf8..25c9d04902 100644 --- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html +++ b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html @@ -1,11 +1,11 @@ - + Team Members (4)
- +
diff --git a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.html b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.html index f75ff7e399..72f2552ec2 100644 --- a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.html +++ b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.html @@ -8,12 +8,12 @@ [removable]="true" [removeIcon]="myRemoveIcon" (remove)="chipRemoved($event)" - [draggable]="'true'"> + [draggable]="true"> {{chip.name}} diff --git a/src/app/data-display/chip/chip-styling/chip-styling.component.html b/src/app/data-display/chip/chip-styling/chip-styling.component.html index d8b2d400ff..13090f2e0c 100644 --- a/src/app/data-display/chip/chip-styling/chip-styling.component.html +++ b/src/app/data-display/chip/chip-styling/chip-styling.component.html @@ -7,7 +7,7 @@ [removable]="true" [removeIcon]="myRemoveIcon" (remove)="chipRemoved($event)" - [draggable]="'true'"> + [draggable]="true"> {{chip.icon}} {{chip.text}} diff --git a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.html b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.html index 4a135e9ba3..347ba960c1 100644 --- a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.html +++ b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.html @@ -22,7 +22,7 @@ *igxFor="let item of data | igxFilter: fo; scrollOrientation : 'horizontal'; containerSize: '880px'; itemSize: '220px'">
- +
{{item.name}}
diff --git a/src/app/data-display/igxFor/igxFor.component.html b/src/app/data-display/igxFor/igxFor.component.html index a179ca7f39..edd1455d05 100644 --- a/src/app/data-display/igxFor/igxFor.component.html +++ b/src/app/data-display/igxFor/igxFor.component.html @@ -18,7 +18,7 @@ igxRipple="pink" igxRippleTarget=".igx-list__item" *igxFor="let item of data | igxFilter: fo; scrollOrientation : 'vertical'; containerSize: '500px'; itemSize: '50px'"> - + {{ item.name }} star diff --git a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html index b96647a45f..f6a12672f8 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html +++ b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.html @@ -9,7 +9,7 @@
- @@ -24,10 +24,10 @@
- -
diff --git a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.html b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.html index 0c3d315711..71f145bdf5 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.html +++ b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.html @@ -11,7 +11,7 @@
- @@ -27,10 +27,10 @@
- -
diff --git a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.html b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.html index d31d4d4897..b08fed6b9e 100644 --- a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.html +++ b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.html @@ -10,7 +10,7 @@
- @@ -26,10 +26,10 @@
- -
diff --git a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts index 14bab60b4e..ed5b748287 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts @@ -1,4 +1,5 @@ import { Component, OnInit } from '@angular/core'; +import { DisplayDensity } from 'igniteui-angular'; @Component({ selector: 'app-button-group-sample-5', @@ -9,7 +10,7 @@ export class ButtonGroupSample5Component implements OnInit { public rippleColor = 'grey'; - public displayDensity = 'comfortable'; + public displayDensity: DisplayDensity = 'comfortable'; public displayDensities; public ngOnInit() { diff --git a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts index e519505b17..a0ab03fde2 100644 --- a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts +++ b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts @@ -1,4 +1,5 @@ import { Component, OnInit } from '@angular/core'; +import { DisplayDensity } from 'igniteui-angular'; @Component({ selector: 'app-buttons-display-density', @@ -6,7 +7,7 @@ import { Component, OnInit } from '@angular/core'; templateUrl: './buttons-display-density.component.html' }) export class ButtonsDisplayDensityComponent implements OnInit { - public density = 'comfortable'; + public density: DisplayDensity = 'comfortable'; public displayDensities; public ngOnInit(): void { diff --git a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.html b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.html index 349d25bd8a..41d05a9007 100644 --- a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.html +++ b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.html @@ -13,7 +13,7 @@
-
diff --git a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.html b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.html index a9a8029d30..37ea059ef6 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.html +++ b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.html @@ -1,3 +1,3 @@ - + Simple checkbox diff --git a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.html b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.html index d4cd4c9970..46dd68196f 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.html +++ b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.html @@ -1,7 +1,7 @@ - All done diff --git a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html index d55f0f0736..1e959d579a 100644 --- a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html +++ b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html @@ -1,3 +1,3 @@ - + Styled checkbox diff --git a/src/app/data-entries/data-entries.module.ts b/src/app/data-entries/data-entries.module.ts index 0e2461811a..381fd28752 100644 --- a/src/app/data-entries/data-entries.module.ts +++ b/src/app/data-entries/data-entries.module.ts @@ -5,7 +5,7 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgcFormsModule, IgxAutocompleteModule, IgxButtonGroupModule, IgxButtonModule, IgxCardModule, IgxCheckboxModule, IgxComboModule, - IgxDatePickerModule, IgxDialogModule, IgxDropDownModule, IgxFocusModule, IgxForOfModule, + IgxDatePickerModule, IgxDialogModule, IgxDividerModule, IgxDropDownModule, IgxFocusModule, IgxForOfModule, IgxIconModule, IgxInputGroupModule, IgxNavbarModule, IgxProgressBarModule, IgxRadioModule, IgxRippleModule, IgxSelectModule, IgxSwitchModule, IgxTextSelectionModule, IgxTimePickerModule, IgxToastModule, IgxToggleModule } from 'igniteui-angular'; @@ -160,6 +160,7 @@ import { RatingInFormComponent } from './rating/rating-form/rating-form.componen IgxTextSelectionModule, IgxFocusModule, IgxCardModule, + IgxDividerModule, IgcFormsModule ] }) diff --git a/src/app/data-entries/rating/rating-form/rating-form.component.html b/src/app/data-entries/rating/rating-form/rating-form.component.html index cf041af9b0..e7742828ca 100644 --- a/src/app/data-entries/rating/rating-form/rating-form.component.html +++ b/src/app/data-entries/rating/rating-form/rating-form.component.html @@ -20,7 +20,7 @@

{{ product.ProductName }}

diff --git a/src/app/data-entries/select/select-header-footer/select-header-footer.component.html b/src/app/data-entries/select/select-header-footer/select-header-footer.component.html index 6bb99827c3..9bd7134416 100644 --- a/src/app/data-entries/select/select-header-footer/select-header-footer.component.html +++ b/src/app/data-entries/select/select-header-footer/select-header-footer.component.html @@ -11,7 +11,7 @@
DELIVERY METHOD - + diff --git a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts index 4c45292a97..7dd3afe938 100644 --- a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts +++ b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts @@ -40,7 +40,8 @@ export class SelectHeaderFooterComponent implements OnInit { this.fruits = this.fruitsDS; } - public filter(value) { + public filter(target: EventTarget) { + let value = (target as HTMLButtonElement).title; if (this.selected === value) { this.fruits = this.fruitsDS; this.selected = 'allData'; diff --git a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.html b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.html index 7a6a83810b..f6c2ce336f 100644 --- a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.html +++ b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.html @@ -1,3 +1,3 @@ - + Simple switch diff --git a/src/app/grid/column-selection-sample/column-selection-sample.component.html b/src/app/grid/column-selection-sample/column-selection-sample.component.html index 74b702ea1d..d6638b78eb 100644 --- a/src/app/grid/column-selection-sample/column-selection-sample.component.html +++ b/src/app/grid/column-selection-sample/column-selection-sample.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/column-selection-sample/column-selection-sample.component.ts b/src/app/grid/column-selection-sample/column-selection-sample.component.ts index 60a057edd3..d52279789b 100644 --- a/src/app/grid/column-selection-sample/column-selection-sample.component.ts +++ b/src/app/grid/column-selection-sample/column-selection-sample.component.ts @@ -1,5 +1,5 @@ import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core'; -import { IgxGridComponent, IgxSelectComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxGridComponent } from 'igniteui-angular'; import { DATA } from '../../data/customers'; @Component({ @@ -11,7 +11,7 @@ export class GridColumnSelectionComponent implements OnInit, AfterViewInit { @ViewChild(IgxGridComponent) public grid: IgxGridComponent; public data: any[]; - public columnSelectionType = 'single'; + public columnSelectionType: GridSelectionMode = 'single'; constructor(private cdr: ChangeDetectorRef) {} diff --git a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.html b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.html index fcb410c1c1..46862365ac 100644 --- a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.html +++ b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.html @@ -1,7 +1,7 @@
- + - + @@ -34,4 +34,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-action-strip/grid-action-strip-sample.html b/src/app/grid/grid-action-strip/grid-action-strip-sample.html index 5fce571927..0875e51bab 100644 --- a/src/app/grid/grid-action-strip/grid-action-strip-sample.html +++ b/src/app/grid/grid-action-strip/grid-action-strip-sample.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.html b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.html index e1ede5e76d..e1324db92a 100644 --- a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.html +++ b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.html b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.html index eae46f42b0..6a1ae5a500 100644 --- a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.html +++ b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.html @@ -1,4 +1,4 @@ - + diff --git a/src/app/grid/grid-allData-summary/grid-allData-summary.component.html b/src/app/grid/grid-allData-summary/grid-allData-summary.component.html index 2038c1e131..e6448f3b0c 100644 --- a/src/app/grid/grid-allData-summary/grid-allData-summary.component.html +++ b/src/app/grid/grid-allData-summary/grid-allData-summary.component.html @@ -1,13 +1,13 @@
- + - + - diff --git a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.html b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.html index 6792e11204..512fe482eb 100644 --- a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.html +++ b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.html @@ -1,5 +1,5 @@
- @@ -28,7 +28,7 @@
- diff --git a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.html b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.html index aa9520713e..42a68f5113 100644 --- a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.html +++ b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.html @@ -1,5 +1,5 @@
- Delete - + @@ -30,7 +30,7 @@ - diff --git a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.html b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.html index e7aebd7623..8ee4147153 100644 --- a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.html +++ b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.html @@ -2,7 +2,7 @@ - + diff --git a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts index 5225ad140f..d6f7391d79 100644 --- a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts +++ b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxGridComponent, IgxSnackbarComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxGridComponent, IgxSnackbarComponent } from 'igniteui-angular'; import { DATA } from '../../data/nwindData'; @Component({ @@ -12,7 +12,7 @@ export class GridCellSelectionComponent implements OnInit { @ViewChild(IgxSnackbarComponent, { static: true }) public snackbar: IgxSnackbarComponent; public data: any[]; public selection = true; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public selectionModes = []; constructor() { } diff --git a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.html b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.html index 97ed152824..a86d49cbbb 100644 --- a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.html +++ b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.html @@ -13,13 +13,13 @@
- +
Grid copy behavior Copying of header labels Copying column formatters - diff --git a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.html b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.html index fc7a1c1cc8..21b5b6015a 100644 --- a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.html +++ b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.html @@ -1,7 +1,7 @@
- + {{column.expanded ? 'expand_more' : 'chevron_right'}} @@ -67,4 +67,4 @@
-
\ No newline at end of file +
diff --git a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.html b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.html index f80b146a03..2d3ecb9f05 100644 --- a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.html +++ b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.html @@ -1,5 +1,5 @@
- + -
\ No newline at end of file +
diff --git a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.html b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.html index 51abe86347..d3d5afd731 100644 --- a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.html +++ b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.html @@ -77,32 +77,32 @@ - + [editable]="true" [dataType]="'string'" [resizable]="true"> + [pipeArgs]="formatOptions" [dataType]="'number'" [resizable]="true"> + [pipeArgs]="formatDateTimeOptions" [dataType]="'dateTime'" [resizable]="true"> + [pipeArgs]="formatDateOptions" [dataType]="'date'" [resizable]="true"> + [pipeArgs]="formatTimeOptions" [dataType]="'time'" [resizable]="true"> + [editable]="true" [pipeArgs]="formatOptions" [dataType]="'currency'" [resizable]="true"> + [editable]="true" [pipeArgs]="formatOptions" [dataType]="'percent'" [resizable]="true"> + [editable]="true" [dataType]="'boolean'" [resizable]="true"> -
\ No newline at end of file +
diff --git a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.html b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.html index e24198706b..f47d43ee55 100644 --- a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.html +++ b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.html @@ -12,7 +12,7 @@
- diff --git a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.html b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.html index 4af23de4bb..9211c2d525 100644 --- a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.html +++ b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.html @@ -1,5 +1,5 @@
- Employees diff --git a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.html b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.html index 925dab2fe1..4e2c32a087 100644 --- a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.html +++ b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.html b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.html index 1fb32b828d..6b1e3ad403 100644 --- a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.html +++ b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.html @@ -1,7 +1,7 @@
- - + +
ContactName: {{cell.row.data.ContactName}} @@ -36,7 +36,7 @@
- +
diff --git a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.html b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.html index 4fe68c4313..e91301365f 100644 --- a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.html +++ b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.html @@ -1,6 +1,6 @@
- - + + @@ -31,4 +31,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.html b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.html index 1d27088fbd..133c3b6342 100644 --- a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.html +++ b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.html b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.html index fa9b7d24bd..dfb8a51491 100644 --- a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.html +++ b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.html @@ -1,18 +1,18 @@
- - + - + ${{val}} - + diff --git a/src/app/grid/grid-crud-sample/crud-sample.component.html b/src/app/grid/grid-crud-sample/crud-sample.component.html index 2ee72679b3..5482961e2f 100644 --- a/src/app/grid/grid-crud-sample/crud-sample.component.html +++ b/src/app/grid/grid-crud-sample/crud-sample.component.html @@ -1,5 +1,5 @@
- \ No newline at end of file + --> diff --git a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.html b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.html index 482d1d7109..31be41889e 100644 --- a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.html +++ b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.html @@ -1,5 +1,5 @@
- + @@ -18,4 +18,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.html b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.html index 19271b0638..2881abaabc 100644 --- a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.html +++ b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.html @@ -1,24 +1,24 @@
- - + [editable]="true" [resizable]="true"> - + [editable]="true" [resizable]="true"> + [editable]="true" [resizable]="true">
diff --git a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts index 7bf88acfde..ff0fd72bfa 100644 --- a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts +++ b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IGridKeydownEventArgs, CellType, IgxGridComponent } from 'igniteui-angular'; +import { IGridKeydownEventArgs, CellType, IgxGridComponent, GridSelectionMode } from 'igniteui-angular'; import { DATA } from '../../data/nwindData'; @Component({ @@ -11,7 +11,7 @@ import { DATA } from '../../data/nwindData'; export class GridCustomKBNavigationComponent implements OnInit { @ViewChild('grid1', { read: IgxGridComponent, static: true }) public grid1: IgxGridComponent; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public data: any[]; constructor() { diff --git a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.html b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.html index 1580158468..b1cb055f41 100644 --- a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.html +++ b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.html @@ -1,5 +1,5 @@
- + @@ -17,7 +17,7 @@ {{1}} ... - {{item + 1}} + {{item + 1}} ... {{ totalPages diff --git a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.html b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.html index e6db75df96..2bd79abaeb 100644 --- a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.html +++ b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.html @@ -1,5 +1,5 @@
- @@ -22,4 +22,4 @@
-
\ No newline at end of file +
diff --git a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.html b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.html index 268ec21dfa..fee3667d06 100644 --- a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.html +++ b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.html @@ -1,7 +1,7 @@
- + @@ -54,4 +54,4 @@ - \ No newline at end of file + diff --git a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts index e23ed95bb0..c66bf4d2af 100644 --- a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts +++ b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxButtonGroupComponent, IgxGridComponent, IgxNumberSummaryOperand, +import { DisplayDensity, IgxButtonGroupComponent, IgxGridComponent, IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular'; import { INVOICE_DATA } from '../../data/invoiceData'; @@ -30,7 +30,7 @@ export class GridDisplayDensitySampleComponent implements OnInit { public grid: IgxGridComponent; @ViewChild(IgxButtonGroupComponent, { static: true }) public buttonGroup: IgxButtonGroupComponent; public data; - public density = 'compact'; + public density: DisplayDensity = 'compact'; public displayDensities; public numberSummaries = CustomNumberSummary; diff --git a/src/app/grid/grid-drop-indicator/grid-drop-indicator.html b/src/app/grid/grid-drop-indicator/grid-drop-indicator.html index 367f67b053..4dccb4cf1b 100644 --- a/src/app/grid/grid-drop-indicator/grid-drop-indicator.html +++ b/src/app/grid/grid-drop-indicator/grid-drop-indicator.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-editing-events/grid-editing-events.component.html b/src/app/grid/grid-editing-events/grid-editing-events.component.html index 1b4732c3ad..3c28108764 100644 --- a/src/app/grid/grid-editing-events/grid-editing-events.component.html +++ b/src/app/grid/grid-editing-events/grid-editing-events.component.html @@ -1,8 +1,8 @@

Shipping Orders

- + -You cannot order more than the units in stock! \ No newline at end of file +You cannot order more than the units in stock! diff --git a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.html b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.html index 17e7dc49de..1bc66dc25f 100644 --- a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.html +++ b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.html @@ -1,6 +1,6 @@
-
- + diff --git a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.html b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.html index 52b0617fd0..e250c84aa6 100644 --- a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.html +++ b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.html @@ -1,5 +1,5 @@
- + @@ -23,4 +23,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.html b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.html index bc56bd73f1..a9b93f41aa 100644 --- a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.html +++ b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.html b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.html index 4acd17e6a5..68efb056b5 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.html +++ b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.html @@ -2,7 +2,7 @@
- + diff --git a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts index f2355d319f..0ed345d2e9 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxGridComponent } from 'igniteui-angular'; +import { DisplayDensity, IgxGridComponent } from 'igniteui-angular'; import { DATA } from '../../data/nwindData'; @Component({ @@ -14,7 +14,7 @@ export class ExcelStyleFilteringSample1Component implements OnInit { public data: any[]; - public density = 'comfortable'; + public density: DisplayDensity = 'comfortable'; public displayDensities; constructor() { diff --git a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.html b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.html index 3b6331c2f4..5abfe3eddc 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.html +++ b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.html b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.html index 9541f3f705..3dd4ef33cb 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.html +++ b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.html b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.html index 6217055c70..fc21df2121 100644 --- a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.html +++ b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.html @@ -1,6 +1,6 @@
- + diff --git a/src/app/grid/grid-export-visualization/grid-export-visualization.component.html b/src/app/grid/grid-export-visualization/grid-export-visualization.component.html index e89daa591c..87a1a245e7 100644 --- a/src/app/grid/grid-export-visualization/grid-export-visualization.component.html +++ b/src/app/grid/grid-export-visualization/grid-export-visualization.component.html @@ -1,5 +1,5 @@
- +
diff --git a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.html b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.html index e0d7840d91..d8a86df190 100644 --- a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.html +++ b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.html @@ -11,7 +11,7 @@
- + diff --git a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.html b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.html index f41b16781e..f227128692 100644 --- a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.html +++ b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.html @@ -1,5 +1,5 @@
- @@ -22,7 +22,7 @@
- diff --git a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.html b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.html index 6a5d82f412..47960725fb 100644 --- a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.html +++ b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.html @@ -1,11 +1,11 @@
- +
- + @@ -25,4 +25,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts index 9e6cb7dbac..ee46266d6d 100644 --- a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts +++ b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts @@ -20,8 +20,8 @@ export class FilteringSampleComponent implements OnInit { this.data = DATA; } - public filter(term) { - this.grid1.filter('ProductName', term, IgxStringFilteringOperand.instance().condition('contains')); + public filter(target: EventTarget) { + this.grid1.filter('ProductName', (target as HTMLInputElement).value, IgxStringFilteringOperand.instance().condition('contains')); } public formatDate(val: Date) { diff --git a/src/app/grid/grid-filtering-style/grid-filtering-style.component.html b/src/app/grid/grid-filtering-style/grid-filtering-style.component.html index 369984b67e..66e50e63c5 100644 --- a/src/app/grid/grid-filtering-style/grid-filtering-style.component.html +++ b/src/app/grid/grid-filtering-style/grid-filtering-style.component.html @@ -1,5 +1,5 @@
- + @@ -18,4 +18,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.html b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.html index b739b3048a..dab60c03e5 100644 --- a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.html +++ b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.html @@ -1,5 +1,5 @@
- + @@ -34,7 +34,7 @@ (input)="onInput(input, column)" (click)="onClick(inputGr)" (keydown)="onKeyDown($event)"/> - + clear @@ -42,12 +42,12 @@
- search - + clear diff --git a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.html b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.html index 7c9ea33136..cade90874b 100644 --- a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.html +++ b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.html b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.html index 424fc2efd0..8ef0b2dddc 100644 --- a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.html +++ b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.html @@ -1,5 +1,5 @@
- + @@ -9,16 +9,17 @@ - -
- group_work - - {{ groupRow.expression.fieldName }}: - - {{ isDate(groupRow.value) ? formatDate(groupRow.value) : groupRow.value }} - - Ordered in 2017:{{ calc2017(groupRow.records)}} -
- + + +
+ group_work + + {{ groupRow.expression.fieldName }}: + + {{ isDate(groupRow.value) ? formatDate(groupRow.value) : groupRow.value }} + + Ordered in 2017:{{ calc2017(groupRow.records)}} +
+
diff --git a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts index 8fd6361b89..019dc9ffda 100644 --- a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts +++ b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts @@ -1,7 +1,7 @@ import { Component, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, - IgxColumnComponent, + GridSelectionMode, IgxGridComponent, ISortingExpression, SortingDirection @@ -18,7 +18,7 @@ export class GridGroupByPagingSampleComponent { public grid1: IgxGridComponent; public data; public expr: ISortingExpression[]; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { this.data = INVOICE_DATA; this.expr = [ diff --git a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html index b92049ede7..1f08bb87e2 100644 --- a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html +++ b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.html b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.html index 5fb2fffd3a..3f87b0153b 100644 --- a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.html +++ b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts index 4041e5a1de..aedad1c15f 100644 --- a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts +++ b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts @@ -1,6 +1,7 @@ import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, + GridSelectionMode, IgxGridComponent, ISortingExpression, SortingDirection @@ -18,7 +19,7 @@ export class GridGroupBySampleComponent { public grid1: IgxGridComponent; public data; public expr: ISortingExpression[]; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { this.data = INVOICE_DATA; diff --git a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.html b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.html index 32171e0ca5..9b718aab36 100644 --- a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.html +++ b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.html @@ -1,5 +1,5 @@ Show summary row when group row is collapsed:
- + diff --git a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts index 532ad4e2dc..bc177be4e2 100644 --- a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts @@ -1,6 +1,7 @@ import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, + GridSelectionMode, GridSummaryCalculationMode, GridSummaryPosition, IgxGridComponent, @@ -55,7 +56,7 @@ export class GridGroupBySummarySampleComponent { public summaryPosition: GridSummaryPosition = GridSummaryPosition.bottom; public summaryCalcModes; public summaryCalculationMode: GridSummaryCalculationMode = GridSummaryCalculationMode.rootAndChildLevels; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { this.data = INVOICE_DATA; diff --git a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.html b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.html index 32f39dde74..a3ebf3837c 100644 --- a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.html +++ b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.html @@ -6,7 +6,7 @@
- + diff --git a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts index 25411b0a15..c7d5d62ddf 100644 --- a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts @@ -1,6 +1,7 @@ import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, + GridSelectionMode, GridSummaryCalculationMode, GridSummaryPosition, IgxGridComponent, @@ -45,7 +46,7 @@ export class GridGroupBySummaryStylingSampleComponent { public summaryPosition: GridSummaryPosition = GridSummaryPosition.bottom; public summaryCalcModes; public summaryCalculationMode: GridSummaryCalculationMode = GridSummaryCalculationMode.rootAndChildLevels; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { this.data = INVOICE_DATA; diff --git a/src/app/grid/grid-moving-sample/grid-moving-sample.component.html b/src/app/grid/grid-moving-sample/grid-moving-sample.component.html index 624efa1f65..e2c98f6a8c 100644 --- a/src/app/grid/grid-moving-sample/grid-moving-sample.component.html +++ b/src/app/grid/grid-moving-sample/grid-moving-sample.component.html @@ -5,7 +5,7 @@
- + diff --git a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.html b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.html index 6165136170..4df664141c 100644 --- a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.html +++ b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.html @@ -5,7 +5,7 @@
- + diff --git a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.html b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.html index ee141f14e6..b97196dfa8 100644 --- a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.html +++ b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.html @@ -1,5 +1,5 @@
- - + -
\ No newline at end of file +
diff --git a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.html b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.html index 4eae9c3331..2147dee906 100644 --- a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.html +++ b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.html @@ -3,7 +3,7 @@
Perform range selection on the left Grid to transfer data to the right Grid<
- Perform range selection on the left Grid to transfer data to the right Grid< (columnInit)="initColumn($event)" (sortingDone)="transferExpressions(source, target, 'sort')" (filteringDone)="transferExpressions(source, target, 'filter')" - [data]="sourceData" height="600px" autoGenerate="true"> + [data]="sourceData" height="600px" [autoGenerate]="true">
-
diff --git a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.html b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.html index 9a3ea6962a..c911f5129c 100644 --- a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.html +++ b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.html @@ -1,5 +1,5 @@
- - - @@ -14,13 +14,13 @@ -
- {{dragIcon}}{{countIcon}} +
+ {{dragIcon}}{{countIcon}}
- - @@ -38,4 +38,4 @@
Drop a row to add it to the grid
 -
\ No newline at end of file +
diff --git a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts index 65ae007e8d..6a2e1e7422 100644 --- a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts +++ b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts @@ -1,6 +1,6 @@ import { Component, ViewChild } from '@angular/core'; -import { IDropDroppedEventArgs, IgxGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IDropDroppedEventArgs, IgxGridComponent } from 'igniteui-angular'; import { DATA } from '../../data/customers'; @Component({ selector: 'app-grid-multiple-row-drag', @@ -17,7 +17,7 @@ export class GridMultipleRowDragComponent { public data2: any[]; public countIcon = 'drag_indicator'; public dragIcon = 'arrow_right_alt'; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { this.data1 = DATA; this.data2 = []; diff --git a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.html b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.html index 2d728cb7ad..9b1e549f93 100644 --- a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.html +++ b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.html @@ -1,6 +1,6 @@
- +
- + diff --git a/src/app/grid/grid-pager-sample/grid-pager-sample.component.html b/src/app/grid/grid-pager-sample/grid-pager-sample.component.html index 34aac851fc..9f27ff2a46 100644 --- a/src/app/grid/grid-pager-sample/grid-pager-sample.component.html +++ b/src/app/grid/grid-pager-sample/grid-pager-sample.component.html @@ -1,14 +1,14 @@
- - - + @@ -26,7 +26,7 @@ - +
diff --git a/src/app/grid/grid-paging-sample/grid-paging-sample.component.html b/src/app/grid/grid-paging-sample/grid-paging-sample.component.html index e26ecfae5b..97f327e069 100644 --- a/src/app/grid/grid-paging-sample/grid-paging-sample.component.html +++ b/src/app/grid/grid-paging-sample/grid-paging-sample.component.html @@ -1,8 +1,8 @@
- + - + @@ -35,4 +35,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-paste/grid-paste-sample.component.html b/src/app/grid/grid-paste/grid-paste-sample.component.html index 9d00ccb387..9e576c0d88 100644 --- a/src/app/grid/grid-paste/grid-paste-sample.component.html +++ b/src/app/grid/grid-paste/grid-paste-sample.component.html @@ -8,7 +8,7 @@
- + diff --git a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.html b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.html index ade6af02c6..d076619e49 100644 --- a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.html +++ b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.html @@ -1,5 +1,5 @@
- @@ -32,4 +32,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.html b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.html index 634a213f4d..e3b41322a7 100644 --- a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.html +++ b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.html @@ -1,10 +1,10 @@
- diff --git a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.html b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.html index 391e91e33c..f3b354b57d 100644 --- a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.html +++ b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.html @@ -1,5 +1,5 @@
- + @@ -21,4 +21,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.html b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.html index e28610a6ef..edf66931a2 100644 --- a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.html +++ b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.html @@ -1,9 +1,9 @@
- + -
\ No newline at end of file +
diff --git a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.html b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.html index e5d2bb697c..0d5f6dc04a 100644 --- a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.html +++ b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.html b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.html index df3d48307b..a9f9874637 100644 --- a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.html +++ b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.html @@ -1,5 +1,5 @@
- + @@ -11,7 +11,7 @@ - @@ -25,4 +25,4 @@
Drop a row to add it to the grid
 -
\ No newline at end of file +
diff --git a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.html b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.html index 1705d1b15b..05f0db29c9 100644 --- a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.html +++ b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.html @@ -1,5 +1,5 @@
- + @@ -14,7 +14,7 @@ drag_handle - @@ -28,4 +28,4 @@
Drop a row to add it to the grid
 -
\ No newline at end of file +
diff --git a/src/app/grid/grid-row-drag/grid-row-drag.component.html b/src/app/grid/grid-row-drag/grid-row-drag.component.html index 4edef5d6d3..30d9b545fd 100644 --- a/src/app/grid/grid-row-drag/grid-row-drag.component.html +++ b/src/app/grid/grid-row-drag/grid-row-drag.component.html @@ -1,6 +1,6 @@
- + @@ -17,4 +17,4 @@
-
\ No newline at end of file +
diff --git a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.html b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.html index ff0ba85103..4aae864a91 100644 --- a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.html +++ b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.html @@ -1,5 +1,5 @@
- + @@ -14,4 +14,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html index e66a8d2262..4ad8f1b5ca 100644 --- a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html +++ b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.html b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.html index 76bdd72157..e6ada44271 100644 --- a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.html +++ b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.html @@ -1,6 +1,6 @@
- diff --git a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.html b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.html index 6e698c2100..e6148d751f 100644 --- a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.html +++ b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.html @@ -2,7 +2,7 @@ Bottom Row Pinning toggle
- @@ -20,4 +20,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.html b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.html index b95b3cca88..b81c327da9 100644 --- a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.html +++ b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-row-pinning/grid-row-pinning.component.html b/src/app/grid/grid-row-pinning/grid-row-pinning.component.html index 95f417420c..a82c30b70b 100644 --- a/src/app/grid/grid-row-pinning/grid-row-pinning.component.html +++ b/src/app/grid/grid-row-pinning/grid-row-pinning.component.html @@ -2,7 +2,7 @@ Bottom Row Pinning toggle
- diff --git a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.html b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.html index 7ea35cb9d9..133ce97c5e 100644 --- a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.html +++ b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.html @@ -1,5 +1,5 @@
- @@ -13,4 +13,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.html b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.html index 50cb993689..f394743a87 100644 --- a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.html +++ b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html index 3a9b3fc106..bcf2176323 100644 --- a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html +++ b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-sample-2/grid-sample-2.component.html b/src/app/grid/grid-sample-2/grid-sample-2.component.html index 86174d9238..bdfef2bbc3 100644 --- a/src/app/grid/grid-sample-2/grid-sample-2.component.html +++ b/src/app/grid/grid-sample-2/grid-sample-2.component.html @@ -1,5 +1,5 @@
- + @@ -47,4 +47,4 @@
-
\ No newline at end of file +
diff --git a/src/app/grid/grid-sample-3/grid-sample-3.component.html b/src/app/grid/grid-sample-3/grid-sample-3.component.html index f304a78038..5a88d6efb0 100644 --- a/src/app/grid/grid-sample-3/grid-sample-3.component.html +++ b/src/app/grid/grid-sample-3/grid-sample-3.component.html @@ -1,5 +1,5 @@
- + @@ -12,7 +12,7 @@ functions - ${{val}} @@ -22,7 +22,7 @@ functions - {{val}} diff --git a/src/app/grid/grid-sample-4/grid-sample-4.component.html b/src/app/grid/grid-sample-4/grid-sample-4.component.html index 3cdfb347a1..3ac55f15c0 100644 --- a/src/app/grid/grid-sample-4/grid-sample-4.component.html +++ b/src/app/grid/grid-sample-4/grid-sample-4.component.html @@ -14,7 +14,7 @@
- diff --git a/src/app/grid/grid-sample-5/grid-sample-5.component.html b/src/app/grid/grid-sample-5/grid-sample-5.component.html index e1897e17c3..3140510e6f 100644 --- a/src/app/grid/grid-sample-5/grid-sample-5.component.html +++ b/src/app/grid/grid-sample-5/grid-sample-5.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.html b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.html index 0906306260..08078a6423 100644 --- a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.html +++ b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.html @@ -1,5 +1,5 @@
- + @@ -10,4 +10,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-sample-pinning/grid-pinning.component.html b/src/app/grid/grid-sample-pinning/grid-pinning.component.html index 51eb615d39..6f5bac4b38 100644 --- a/src/app/grid/grid-sample-pinning/grid-pinning.component.html +++ b/src/app/grid/grid-sample-pinning/grid-pinning.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html index 2cf1c073ac..38fdf7a384 100644 --- a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html +++ b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.html b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.html index f9e7a6c9b0..f13627de1f 100644 --- a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.html +++ b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.html b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.html index 9cf02e38c4..9f090cc8ce 100644 --- a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.html +++ b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.html @@ -1,5 +1,5 @@
- + @@ -19,7 +19,7 @@ + [disableRipple]="true" [disableTransitions]="myGrid.disableTransitions">
diff --git a/src/app/grid/grid-sample-selection/grid-selection.component.html b/src/app/grid/grid-sample-selection/grid-selection.component.html index a72b621310..f26a729264 100644 --- a/src/app/grid/grid-sample-selection/grid-selection.component.html +++ b/src/app/grid/grid-sample-selection/grid-selection.component.html @@ -4,7 +4,7 @@ Hide Row Selectors
- diff --git a/src/app/grid/grid-sample-selection/grid-selection.component.ts b/src/app/grid/grid-sample-selection/grid-selection.component.ts index 45d9706578..c88f88c167 100644 --- a/src/app/grid/grid-sample-selection/grid-selection.component.ts +++ b/src/app/grid/grid-sample-selection/grid-selection.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxGridComponent, IgxSnackbarComponent, IRowSelectionEventArgs } from 'igniteui-angular'; +import { GridSelectionMode, IgxGridComponent, IgxSnackbarComponent, IRowSelectionEventArgs } from 'igniteui-angular'; import { Observable } from 'rxjs'; import { FinancialDataService } from '../../services/financial.service'; @@ -18,7 +18,7 @@ export class GridSelectionSampleComponent implements OnInit { @ViewChild('snackbarRowCount', { static: true }) public snackbarRowCount: IgxSnackbarComponent; @ViewChild('snackbar', { static: true }) public snackbar: IgxSnackbarComponent; public data: Observable; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public selectionModes = []; public hideRowSelectors = false; public selectedRows = [1, 2, 3]; diff --git a/src/app/grid/grid-save-state/grid-state.component.html b/src/app/grid/grid-save-state/grid-state.component.html index a7e35f0592..fcd5cf6e37 100644 --- a/src/app/grid/grid-save-state/grid-state.component.html +++ b/src/app/grid/grid-save-state/grid-state.component.html @@ -47,7 +47,7 @@
-
- -
- + diff --git a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.html b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.html index 13f153229e..ad2f8cb269 100644 --- a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.html +++ b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.html @@ -1,11 +1,11 @@
- - - - - - - + + + + + + + -
\ No newline at end of file +
diff --git a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html index 855caa902a..d3ce8a2797 100644 --- a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html +++ b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html @@ -1,5 +1,5 @@
- +
diff --git a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html index 09b9e46eb7..18fb50da4b 100644 --- a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html +++ b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html @@ -1,5 +1,5 @@
- @@ -13,19 +13,19 @@ - + - + - + - + ${{val}} + [sortable]="true">
diff --git a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.html b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.html index 84d95b33e2..61a0a35893 100644 --- a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.html +++ b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/grid/grid-summary-template/grid-summary-template.component.html b/src/app/grid/grid-summary-template/grid-summary-template.component.html index b7d98bf298..ee96fe00d8 100644 --- a/src/app/grid/grid-summary-template/grid-summary-template.component.html +++ b/src/app/grid/grid-summary-template/grid-summary-template.component.html @@ -8,15 +8,15 @@
- - + - diff --git a/src/app/grid/grid-summary-template/grid-summary-template.component.ts b/src/app/grid/grid-summary-template/grid-summary-template.component.ts index 1748c74315..454f0a8963 100644 --- a/src/app/grid/grid-summary-template/grid-summary-template.component.ts +++ b/src/app/grid/grid-summary-template/grid-summary-template.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from '@angular/core'; -import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular'; +import { DisplayDensity, IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular'; import { DATA } from '../../data/nwindData'; class DiscontinuedSummary { @@ -37,7 +37,7 @@ export class GridSummaryTemplateComponent implements OnInit { public discontinuedSummary = DiscontinuedSummary; public data; public summaryHeight = 135; - public displayDensity = 'cosy'; + public displayDensity: DisplayDensity = 'cosy'; public displayDensities; public hasSummary = true; diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html index ea3d43f557..6c3f38c10d 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html @@ -1,5 +1,5 @@
- + Grid Toolbar @@ -14,7 +14,7 @@
- + {{ cell.value }}
@@ -23,7 +23,7 @@
- + {{ cell.value }}
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html index 34df3a8f03..1ab5327056 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html @@ -11,7 +11,7 @@ Exporting
- + {{ toolbarTitle }} @@ -26,7 +26,7 @@
- + {{ cell.value }}
@@ -35,7 +35,7 @@
- + {{ cell.value }}
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html index aefd8a80fd..32766b9f66 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html @@ -1,5 +1,5 @@
- @@ -13,7 +13,7 @@
- + {{ cell.value }}
@@ -22,7 +22,7 @@
- + {{ cell.value }}
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html index d89d2f2c50..51cb1b742c 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html @@ -1,5 +1,5 @@
- + Athletes @@ -13,44 +13,44 @@ - +
- + {{ cell.value }}
- +
- + {{ cell.value }}
- +
{{ val }}
 - +
{{ val }}
 - +
{{ val }}
 - +
{{ val }}
 diff --git a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html index 4a72ab3789..96db78eae3 100644 --- a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html +++ b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html @@ -1,5 +1,5 @@
- + Grid Toolbar @@ -14,7 +14,7 @@
- + {{ cell.value }}
@@ -23,7 +23,7 @@
- + {{ cell.value }}
diff --git a/src/app/grid/grid-validation-style/grid-validation-style.component.html b/src/app/grid/grid-validation-style/grid-validation-style.component.html index e006064bac..b65940c2d7 100644 --- a/src/app/grid/grid-validation-style/grid-validation-style.component.html +++ b/src/app/grid/grid-validation-style/grid-validation-style.component.html @@ -1,5 +1,5 @@
- @@ -27,4 +27,4 @@ -
\ No newline at end of file +
diff --git a/src/app/grid/grid-with-rating/grid-with-rating.component.html b/src/app/grid/grid-with-rating/grid-with-rating.component.html index e9ba80a5cc..584849b7f3 100644 --- a/src/app/grid/grid-with-rating/grid-with-rating.component.html +++ b/src/app/grid/grid-with-rating/grid-with-rating.component.html @@ -1,11 +1,11 @@
- + - + diff --git a/src/app/grid/multi-column-header-template/multi-column-header-template.html b/src/app/grid/multi-column-header-template/multi-column-header-template.html index 00c1438804..1dd143a534 100644 --- a/src/app/grid/multi-column-header-template/multi-column-header-template.html +++ b/src/app/grid/multi-column-header-template/multi-column-header-template.html @@ -9,28 +9,28 @@
- + - + - - + + - - + + - - - - + + + + - - - + + + diff --git a/src/app/grid/multi-column-header-template/multi-column-header-template.ts b/src/app/grid/multi-column-header-template/multi-column-header-template.ts index 7895bf1ac4..072369a3c6 100644 --- a/src/app/grid/multi-column-header-template/multi-column-header-template.ts +++ b/src/app/grid/multi-column-header-template/multi-column-header-template.ts @@ -1,5 +1,5 @@ import { Component, ViewChild } from '@angular/core'; -import { IgxColumnGroupComponent, IgxGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxColumnGroupComponent, IgxGridComponent } from 'igniteui-angular'; import { DATA } from '../../data/customers'; @Component({ @@ -13,7 +13,7 @@ export class GridMultiColumnHeaderTemplateComponent { public grid: IgxGridComponent; public data: any[] = DATA; public columnGroupStates = new Map(); - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { for (const item of this.data) { diff --git a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.html b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.html index ba4bc9a979..ff8c8eb2f7 100644 --- a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.html +++ b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.html @@ -1,5 +1,5 @@
- + Export multi-column headers diff --git a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.html b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.html index 80fd972c99..11a9af267e 100644 --- a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.html +++ b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.html @@ -1,5 +1,5 @@
- + @@ -39,4 +39,4 @@ - \ No newline at end of file + diff --git a/src/app/grid/multi-column-headers/multi-column-headers.html b/src/app/grid/multi-column-headers/multi-column-headers.html index 664752d6bc..4ea5408458 100644 --- a/src/app/grid/multi-column-headers/multi-column-headers.html +++ b/src/app/grid/multi-column-headers/multi-column-headers.html @@ -1,24 +1,24 @@
- + - + - - + + - - - - + + + + - - - + + + diff --git a/src/app/grid/multi-column-headers/multi-column-headers.ts b/src/app/grid/multi-column-headers/multi-column-headers.ts index 20e4a77176..4bac749fe9 100644 --- a/src/app/grid/multi-column-headers/multi-column-headers.ts +++ b/src/app/grid/multi-column-headers/multi-column-headers.ts @@ -1,5 +1,5 @@ import { Component, ViewChild } from '@angular/core'; -import { IgxGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxGridComponent } from 'igniteui-angular'; import { DATA } from '../../data/customers'; @Component({ @@ -12,7 +12,7 @@ export class GridMultiColumnHeadersComponent { @ViewChild(IgxGridComponent, { read: IgxGridComponent, static: true }) public grid: IgxGridComponent; public data = DATA; - public selectionMode = 'none'; + public selectionMode: GridSelectionMode = 'none'; public pinGroup() { const firstColumnGroup = this.grid.columnList.filter((c) => c.header === 'General Information')[0]; firstColumnGroup.pinned = !firstColumnGroup.pinned; diff --git a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.html b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.html index a0d605549c..a2c53f20fc 100644 --- a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.html +++ b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.html @@ -1,5 +1,5 @@
- @@ -22,7 +22,7 @@ - + @@ -51,4 +51,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.html b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.html index 8352465522..7b2073cac7 100644 --- a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.html +++ b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.html @@ -1,5 +1,5 @@
- @@ -31,4 +31,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html index 8a071752a1..0201340974 100644 --- a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html +++ b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts index cea0aa60a2..f2b6754595 100644 --- a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts +++ b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts @@ -1,5 +1,5 @@ import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core'; -import { IgxHierarchicalGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxHierarchicalGridComponent } from 'igniteui-angular'; import { SINGERS } from '../../data/singersData'; @Component({ @@ -11,7 +11,7 @@ export class HierarchicalGridColumnSelectionComponent implements OnInit, AfterVi @ViewChild(IgxHierarchicalGridComponent) public hGrid: IgxHierarchicalGridComponent; public data; - public currentColumnSelection = 'single'; + public currentColumnSelection: GridSelectionMode = 'single'; constructor(private cdr: ChangeDetectorRef){} diff --git a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.html b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.html index 747672c7c8..a2666366fa 100644 --- a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.html +++ b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.html @@ -1,5 +1,5 @@
- @@ -32,4 +32,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.html b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.html index 3730ade508..08b1223dd9 100644 --- a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.html +++ b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.html @@ -7,9 +7,9 @@
- - + diff --git a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html index f9ee4a4cae..fe923be486 100644 --- a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html +++ b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html index a19a9c22e6..e2c9ca745a 100644 --- a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html +++ b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.html b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.html index 43e57d24f7..b90108a7e1 100644 --- a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.html +++ b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.html @@ -9,7 +9,7 @@
- diff --git a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts index 34172460ba..9a4e2b0218 100644 --- a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts @@ -1,5 +1,6 @@ import { Component, OnInit } from '@angular/core'; import { + DisplayDensity, IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular'; @@ -54,7 +55,7 @@ export class HGridSummaryTemplateComponent implements OnInit { public grammySummary = GrammySummary; public numberSummary = CustomNumberSummary; public summaryHeight = 120; - public displayDensity = 'cosy'; + public displayDensity: DisplayDensity = 'cosy'; public displayDensities; public hasSummary = true; diff --git a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.html b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.html index 8e78b309ed..b3fa17636a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.html +++ b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.html b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.html index 41a1e415ac..d8939f9e81 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.html index 6728a7b625..269d2a7609 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.html @@ -1,4 +1,4 @@ - diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html index 217908a48f..24738aa945 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.html b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.html index 97595118c2..ec1a78d026 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.html @@ -1,5 +1,5 @@
- @@ -26,4 +26,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html index 7201fe9c39..03ed71f694 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html @@ -1,6 +1,6 @@
- @@ -64,7 +64,7 @@
- @@ -84,4 +84,4 @@
-
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.html b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.html index 0a4a7af4e8..bb9841efe9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.html @@ -7,7 +7,7 @@
Parent Grid cell selection mode:
Child Grid cell selection mode:
- + diff --git a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts index 76a3d46199..1033d537a6 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxSnackbarComponent, IgxHierarchicalGridComponent } from 'igniteui-angular'; +import { IgxSnackbarComponent, IgxHierarchicalGridComponent, GridSelectionMode } from 'igniteui-angular'; import { SINGERS } from '../../data/singersData'; @Component({ @@ -11,8 +11,8 @@ export class HierarchicalGridCellSelectionComponent implements OnInit { @ViewChild('hgrid', { static: true }) public hGrid: IgxHierarchicalGridComponent; @ViewChild(IgxSnackbarComponent, { static: true }) public snackbar: IgxSnackbarComponent; public data: any[]; - public selectionMode = 'multiple'; - public selectionModeChild = 'single'; + public selectionMode: GridSelectionMode = 'multiple'; + public selectionModeChild: GridSelectionMode = 'single'; public selectionModes = []; public selectionModesChildren = []; diff --git a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.html b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.html index 120fd8e017..cc22b35455 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.html @@ -1,7 +1,7 @@
- + {{column.expanded ? 'expand_more' : 'chevron_right'}} @@ -34,29 +34,29 @@ - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.html index 7d76fe9f92..9872ed1286 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.html @@ -1,5 +1,5 @@
- + Singers diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.html index 09b4d8d2ea..6503492904 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.html @@ -12,7 +12,7 @@
- @@ -48,4 +48,4 @@
-
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html index 0f8831793d..2cfb3030fe 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html @@ -1,5 +1,5 @@
- + Singers diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.html index f049d6c990..061b8a6696 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.html index 18e5362b70..5fd7b0a19b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.html index 23359890be..75fccdf005 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.html @@ -6,7 +6,7 @@ (click)="toggleColumn(column)">
- @@ -23,7 +23,7 @@ - + diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html index f6cad0a54b..29da2a194d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html @@ -1,5 +1,5 @@
- @@ -22,7 +22,7 @@ - + diff --git a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.html b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.html index e181ded680..2b1133b007 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.html b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.html index 9da6bb8170..cc039b3b8e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.html @@ -1,5 +1,5 @@
- +
- - - + + + @@ -29,18 +29,18 @@ - + {{ country }} - + - - - + + + @@ -64,11 +64,11 @@
- - - - - + + + + + diff --git a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.html b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.html index 7029d5deb9..4e25f5afa4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.html @@ -1,7 +1,7 @@
- - +
@@ -9,9 +9,9 @@
- - - + + + @@ -20,8 +20,8 @@ - - + + diff --git a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.html b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.html index 29fcd95ea1..9cbc037b3b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.html @@ -1,7 +1,7 @@
- + @@ -34,4 +34,4 @@ - \ No newline at end of file + diff --git a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts index c73fc4ab4b..fbdf6f042e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxHierarchicalGridComponent } from 'igniteui-angular'; +import { DisplayDensity, IgxHierarchicalGridComponent } from 'igniteui-angular'; import { CUSTOMERS } from '../../data/hierarchical-data'; @Component({ @@ -13,7 +13,7 @@ export class HGridDisplayDensitySampleComponent implements OnInit { private hierarchicalGrid: IgxHierarchicalGridComponent; public localdata; - public density = 'compact'; + public density: DisplayDensity = 'compact'; public displayDensities; constructor() { diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.html b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.html index 0e47ce0df9..1c0564557b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.html @@ -1,4 +1,4 @@ - @@ -14,4 +14,4 @@ - \ No newline at end of file + diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.html index d343a0a819..38928d0830 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.html @@ -1,5 +1,5 @@
- @@ -20,4 +20,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html index 0f10806267..ae2327daf4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.html @@ -1,14 +1,14 @@
- - - @@ -53,4 +53,4 @@
-
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html index 28c4c2faa5..acabe02b56 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.html index 746ffbc511..18edc4c2a4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.html @@ -2,7 +2,7 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts index 3efe356fd5..d15e06d808 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxHierarchicalGridComponent } from 'igniteui-angular'; +import { DisplayDensity, IgxHierarchicalGridComponent } from 'igniteui-angular'; import { SINGERS } from '../../data/singersData'; @Component({ @@ -15,7 +15,7 @@ export class HGridExcelStyleFilteringSample1Component implements OnInit { public localdata; - public density = 'comfortable'; + public density: DisplayDensity = 'comfortable'; public displayDensities; constructor() { diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html index 6c0ca2b255..b202b34d3d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html index cceea41cbd..4fdaed87be 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.html index 7767be568f..f3d9b5f950 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html index 3da9827487..19234d0a22 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html @@ -2,7 +2,7 @@ - diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html index 4c42690105..4ee1629eeb 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html @@ -11,7 +11,7 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html index 88fab25846..18d1ddd884 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html @@ -1,5 +1,5 @@
- @@ -42,7 +42,7 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.html index e1a73c137c..a67a2bce44 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.html @@ -1,5 +1,5 @@
- @@ -33,4 +33,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.html b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.html index cf48095163..94078e2df6 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.html @@ -1,5 +1,5 @@
- @@ -49,7 +49,7 @@ (input)="onInput(input, column, grid)" (click)="onClick(inputGr)" (keydown)="onKeyDown($event)" /> - + clear @@ -57,12 +57,12 @@
- search - + clear diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.html index 849ab3320a..5b2e6f118f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.html @@ -1,5 +1,5 @@
- @@ -25,4 +25,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.html index ef9a63f010..5cc4c48f0d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.html @@ -1,5 +1,5 @@
- @@ -33,4 +33,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.html b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.html index 96afdcee5d..6770343510 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.html b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.html index 5580842712..5afe418651 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.html index c72862af13..62cf2feb1f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.html @@ -1,4 +1,4 @@ - + @@ -31,4 +31,4 @@ - \ No newline at end of file + diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.html b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.html index 00bf68419c..ecbbe4f399 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.html @@ -9,56 +9,56 @@
- - + + - + - - + + - - + + - - - - + + + + - - + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.html b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.html index 81cb7a5104..82e1b43c16 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.html @@ -1,5 +1,5 @@
- + Export multi-column headers @@ -10,63 +10,63 @@ - + - - + + - - - - + + + + - - + + - + - - + + - - - - + + + + - - + + - + - - + + - - - - + + + + - - + + diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.html b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.html index 928d593989..a59ba3c5ad 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.html @@ -1,5 +1,5 @@
- + @@ -51,4 +51,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html index 6c36797444..6cc23ba370 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.html @@ -1,52 +1,52 @@
- - + + - + - - + + - - - - + + + + - - + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.html b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.html index 6707be5845..7fa0ca4313 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.html @@ -2,7 +2,7 @@ (dropped)="onDropAllowed($event)">
Drag a row here to delete it
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts index 9160181683..dbffa8822b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts @@ -1,5 +1,5 @@ import { Component, ViewChild } from '@angular/core'; -import { IDropDroppedEventArgs, IgxHierarchicalGridComponent, RowType } from 'igniteui-angular'; +import { GridSelectionMode, IDropDroppedEventArgs, IgxHierarchicalGridComponent, RowType } from 'igniteui-angular'; import { createData, IDrive } from '../../data/files.data'; @Component({ @@ -12,7 +12,7 @@ export class HGridMultiRowDragComponent { @ViewChild(IgxHierarchicalGridComponent, { read: IgxHierarchicalGridComponent, static: true }) public hGrid: IgxHierarchicalGridComponent; public localData: IDrive[] = []; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public ids; public grid; public selected = false; diff --git a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.html b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.html index 05ffd46abd..7db451ca24 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.html index 17ab03684d..01a0be2d87 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.html @@ -1,5 +1,5 @@
- @@ -41,4 +41,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.html b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.html index 242810c01c..79efd0ce47 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.html @@ -1,5 +1,5 @@
- @@ -35,4 +35,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.html b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.html index 9b276cbd66..a63d1c8d86 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.html b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.html index 9975c3f6cb..7f2781649b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.html @@ -1,5 +1,5 @@
- - @@ -33,4 +33,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.html index 2c5477ad0d..265dc6c0f5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.html @@ -3,7 +3,7 @@ delete
Drag a row here to delete it
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.html index 1682d03144..e7d1ac13f3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.html @@ -3,7 +3,7 @@ delete
Drag a row here to delete it
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html index acaf9fb92b..a435c241ba 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.html @@ -1,5 +1,5 @@
- @@ -46,4 +46,4 @@
-
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.html index b28678ee7c..977463b71f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.html index 5f845c5ef1..dd2dd4d2be 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.html @@ -2,7 +2,7 @@ Bottom Row Pinning toggle
- @@ -67,4 +67,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.html index 6e08938c65..4a085ef987 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.html index 46de06e680..11bcb88a2a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.html @@ -2,7 +2,7 @@ Bottom Row Pinning toggle
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.html b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.html index 6da3ddd273..898568c37e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.html @@ -1,4 +1,4 @@ - diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts index 0888862e6e..16644141f4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts @@ -3,7 +3,8 @@ import { IDropDroppedEventArgs, IgxHierarchicalGridComponent, RowType, - Point + Point, + GridSelectionMode } from 'igniteui-angular'; import { createData, IDrive } from '../../data/files.data'; @@ -16,7 +17,7 @@ export class HGridRowReorderComponent { @ViewChild(IgxHierarchicalGridComponent, { read: IgxHierarchicalGridComponent, static: true }) public hGrid: IgxHierarchicalGridComponent; public localData: IDrive[] = []; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { this.localData = createData(3, 12, 8); } diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html index 68f22b6586..3aad1db564 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.html @@ -43,7 +43,7 @@
- - @@ -39,7 +39,7 @@ + [disableRipple]="true" [disableTransitions]="hierarchicalGrid.disableTransitions">
diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.html b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.html index 8c8878a335..523c28ec94 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.html @@ -3,7 +3,7 @@ Hide Row Selectors
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts index 6cda213853..66e23ec89e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts @@ -1,5 +1,5 @@ import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; -import { IgxSnackbarComponent, IRowSelectionEventArgs } from 'igniteui-angular'; +import { GridSelectionMode, IgxSnackbarComponent, IRowSelectionEventArgs } from 'igniteui-angular'; import { SINGERS } from '../../data/singersData'; @Component({ @@ -12,7 +12,7 @@ export class HGridSelectionSampleComponent implements OnInit, OnDestroy { @ViewChild('snackbarRowCount', { static: true }) public snackbarRowCount: IgxSnackbarComponent; @ViewChild('snackbar', { static: true }) public snackbar: IgxSnackbarComponent; public localdata; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public selectionModes = []; public hideRowSelectors = false; public selectedRowsCount; diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.html b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.html index 6fb9c6df96..aefff1d6e7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.html @@ -1,7 +1,7 @@
- - +
@@ -9,28 +9,28 @@
- - - + + + - - - - + + + + - - - - + + + + - - - - + + + + -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.html b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.html index 72b543d803..15e98d9997 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.html @@ -1,7 +1,7 @@
- - +
@@ -9,28 +9,28 @@
- - - + + + - - - - + + + + - - - - + + + + - - - - + + + + diff --git a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.html b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.html index b25041635c..7028f9adae 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.html @@ -1,5 +1,5 @@
- @@ -33,4 +33,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.html b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.html index 3e62285520..856d405368 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.html b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.html index 22ac3ea0cb..efc47ed12d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.html @@ -1,5 +1,5 @@
- @@ -34,4 +34,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.html b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.html index c9a7c82131..4fd2d63350 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.html @@ -1,5 +1,5 @@
- @@ -34,4 +34,4 @@ -
\ No newline at end of file +
diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.html index 934453fe22..5cac23d7d4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.html @@ -1,5 +1,5 @@
- Singers diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html index 25f6aa34ca..d04a877ca6 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html @@ -1,5 +1,5 @@
- + Singers @@ -11,7 +11,7 @@ - +
@@ -19,16 +19,16 @@
- - - + + + Albums - diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html index adf6150f6b..f2a40e8487 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html @@ -11,11 +11,11 @@ Exporting
- + {{ toolbarTitle }} - + diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html index 51aa0dd635..8d90140bcf 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html @@ -1,5 +1,5 @@
- + Singers diff --git a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.html b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.html index bbf1dc2558..75a92c2076 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.html +++ b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.html @@ -1,5 +1,5 @@
- @@ -42,4 +42,4 @@ -
\ No newline at end of file +
diff --git a/src/app/interactions/drag-drop/email-sample/email-sample.component.html b/src/app/interactions/drag-drop/email-sample/email-sample.component.html index e48aa796fa..2da7239975 100644 --- a/src/app/interactions/drag-drop/email-sample/email-sample.component.html +++ b/src/app/interactions/drag-drop/email-sample/email-sample.component.html @@ -17,7 +17,7 @@

{{ folder.text }}

- Today + Today {{ folder.text }} [ghostOffsetX]="-5" [ghostOffsetY]="-5" (dragStart)="onDragStart($event)" - (ghostCreate)="onGhostCreated($event)" + (ghostCreate)="onGhostCreated()" class="email-content flexlist" (click)="toggleCheck(email, checkbox)"> diff --git a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts index f493846df9..2b879b6a8c 100644 --- a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts +++ b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts @@ -54,8 +54,8 @@ export class IconsSampleComponent { this.swapIcons(dragIndex, dropIndex); } - public dragStartHandler(id: string): void { - this.dragIconId = parseInt(id, 10); + public dragStartHandler(id: number): void { + this.dragIconId = id; } public dragEndHandler(dragRef: HTMLElement) { diff --git a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts index 6bd709e73f..1f3c441c7c 100644 --- a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts +++ b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts @@ -12,6 +12,7 @@ interface IListItem { id: string; text: string; state: state; + hide?: boolean; } @Component({ selector: 'app-kanban-sample', @@ -19,15 +20,6 @@ interface IListItem { styleUrls: ['./kanban-sample.component.scss'] }) export class KanbanSampleComponent implements OnInit { - @ViewChild('toDo') - private toDo: ElementRef; - - @ViewChild('inProgress') - private inProgress: ElementRef; - - @ViewChild('done') - private done: ElementRef; - public toDoList: IListItem[]; public inProgressList: IListItem[]; public doneList: IListItem[]; @@ -58,7 +50,7 @@ export class KanbanSampleComponent implements OnInit { this.currentList = ''; } - public onStateContainerEnter(event: IDropDroppedEventArgs) { + public onStateContainerEnter(event: IDropBaseEventArgs) { // If we have entered another list container, we have to remove the 'dummy' object from the previous one if (this.currentList !== event.owner.element.nativeElement.id) { this[this.currentList] = this[this.currentList].filter((item) => item.id !== 'dummy'); @@ -70,7 +62,7 @@ export class KanbanSampleComponent implements OnInit { this.renderer.addClass(event.owner.element.nativeElement, 'active'); } - public onStateContainerLeave(event: IDropDroppedEventArgs) { + public onStateContainerLeave(event: IDropBaseEventArgs) { // This event also gets raised when the user drags a task over another task tile. // That means we have to re-apply the 'active' class in the `onItemEnter` event handler this.renderer.removeClass(event.owner.element.nativeElement, 'active'); diff --git a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.html b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.html index a475c2afd9..b89cfc4537 100644 --- a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.html +++ b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.html @@ -1,6 +1,6 @@ + + + diff --git a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.scss b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.scss new file mode 100644 index 0000000000..e69de29bb2 diff --git a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts new file mode 100644 index 0000000000..730f662864 --- /dev/null +++ b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts @@ -0,0 +1,60 @@ +import { Component, OnInit, ViewChild } from '@angular/core'; +import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxQueryBuilderComponent, IgxStringFilteringOperand } from 'igniteui-angular'; + +@Component({ + selector: 'app-query-builder-sample-1', + styleUrls: ['./query-builder-sample-1.component.scss'], + templateUrl: 'query-builder-sample-1.component.html' +}) +export class QueryBuilderSample1Component implements OnInit { + public expressionTree: IExpressionTree; + + public fields: any[] = [ + { field: 'ID', dataType: 'string' }, + { field: 'CompanyName', dataType: 'string' }, + { field: 'ContactName', dataType: 'string' }, + { field: 'Employees', dataType: 'number' }, + { field: 'ContactTitle', dataType: 'string' }, + { field: 'DateCreated', dataType: 'date' }, + { field: 'TimeCreated', dataType: 'time' }, + { field: 'Address', dataType: 'string' }, + { field: 'City', dataType: 'string' }, + { field: 'Region', dataType: 'string' }, + { field: 'PostalCode', dataType: 'string' }, + { field: 'Phone', dataType: 'string' }, + { field: 'Fax', dataType: 'string' }, + { field: 'Contract', dataType: 'boolean' } + ]; + + public ngOnInit(): void { + const tree = new FilteringExpressionsTree(FilteringLogic.And); + tree.filteringOperands.push({ + fieldName: 'ID', + condition: IgxStringFilteringOperand.instance().condition('contains'), + searchVal: 'a', + ignoreCase: true + }); + const orTree = new FilteringExpressionsTree(FilteringLogic.Or); + orTree.filteringOperands.push({ + fieldName: 'ID', + condition: IgxStringFilteringOperand.instance().condition('contains'), + searchVal: 'b', + ignoreCase: true + }); + orTree.filteringOperands.push({ + fieldName: 'CompanyName', + condition: IgxStringFilteringOperand.instance().condition('contains'), + searchVal: 'c', + ignoreCase: true + }); + tree.filteringOperands.push(orTree); + tree.filteringOperands.push({ + fieldName: 'CompanyName', + condition: IgxStringFilteringOperand.instance().condition('contains'), + searchVal: 'd', + ignoreCase: true + }); + + this.expressionTree = tree; + } +} diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html new file mode 100644 index 0000000000..dd48d7da77 --- /dev/null +++ b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.html @@ -0,0 +1,3 @@ + + diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.scss b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.scss new file mode 100644 index 0000000000..cd01db2559 --- /dev/null +++ b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.scss @@ -0,0 +1,129 @@ +@use 'variables' as *; + +$yellow: #ffcd0f; +$black: #292826; +$muted-yellow: #ffe482; + +$custom-query-builder: query-builder-theme( + $background: $black, + $header-background: $black, + $header-foreground: $yellow +); + +$custom-button: button-theme( + $palette: $dark-material-palette, + $schema: $dark-material-schema, + $background: $black, + $foreground: $yellow, + $hover-foreground: $black, + $hover-background: $yellow, + $focus-foreground: $yellow, + $focus-background: $black, + $border-color: $yellow +); + +$custom-raised-button: button-theme( + $palette: $dark-material-palette, + $schema: $dark-material-schema, + $background: $yellow, + $foreground: $black, + $active-background: $muted-yellow, + $active-foreground: $black, + $hover-background: $muted-yellow, + $hover-foreground: $black, + $border-color: $yellow, + $active-border-color: $muted-yellow, + $hover-border-color: $muted-yellow, + $focus-border-color: $yellow +); + +$custom-button-group: button-group-theme( + $palette: $dark-material-palette, + $schema: $dark-material-schema, + $item-background: $black, + $item-text-color: $yellow, + $item-border-color: $yellow, + $item-selected-background: $yellow, + $item-hover-background: $yellow, + $item-selected-hover-background: $yellow +); + +$custom-input-group: input-group-theme( + $palette: $dark-material-palette, + $schema: $dark-material-schema, + $idle-text-color: $yellow, + $focused-text-color: $yellow, + $filled-text-color: $yellow, + $idle-bottom-line-color: $muted-yellow, + $focused-secondary-color: $yellow +); + +$custom-chip: chip-theme( + $palette: $dark-material-palette, + $schema: $dark-material-schema, + $background: $yellow, + $text-color: $black +); + +$custom-drop-down: drop-down-theme( + $palette: $dark-material-palette, + $schema: $dark-material-schema, + $background-color: $black, + $item-text-color: $yellow, + $hover-item-background: $yellow, + $hover-item-text-color: $black, + $focused-item-background: $yellow, + $focused-item-text-color: $black, + $selected-item-background: $yellow, + $selected-item-text-color: $black, + $selected-focus-item-background: $yellow, + $selected-focus-item-text-color: $black, + $selected-hover-item-background: $yellow, + $selected-hover-item-text-color: $black +); + + +:host { + display: block; + margin: 16px; + + ::ng-deep { + @include css-vars($custom-drop-down); + @include css-vars($custom-query-builder); + @include css-vars($custom-button); + @include css-vars($custom-button-group); + @include css-vars($custom-input-group); + @include css-vars($custom-chip); + @include css-vars($custom-drop-down); + @include css-vars($custom-raised-button); + + igx-query-builder { + h6 { + color: $yellow + } + + .igx-filter-tree__expression-actions igx-icon { + color: $yellow + } + + .igx-filter-tree__expression-actions igx-icon:hover { + color: $muted-yellow + } + + .igx-filter-tree__expression-actions igx-icon:focus { + color: $muted-yellow + } + + .igx-filter-contextual-menu { + border: 1px solid $yellow + } + + .igx-filter-contextual-menu__close-btn { + position: absolute; + background: $black; + border-color: $yellow; + color: $yellow; + } + } + } +} diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts new file mode 100644 index 0000000000..3b59d20718 --- /dev/null +++ b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts @@ -0,0 +1,26 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-query-builder-style-sample', + styleUrls: ['./query-builder-style.component.scss'], + templateUrl: 'query-builder-style.component.html' +}) +export class QueryBuilderStyleComponent { + + public fields: any[] = [ + { field: 'ID', dataType: 'string' }, + { field: 'CompanyName', dataType: 'string' }, + { field: 'ContactName', dataType: 'string' }, + { field: 'Employees', dataType: 'number' }, + { field: 'ContactTitle', dataType: 'string' }, + { field: 'DateCreated', dataType: 'date' }, + { field: 'TimeCreated', dataType: 'time' }, + { field: 'Address', dataType: 'string' }, + { field: 'City', dataType: 'string' }, + { field: 'Region', dataType: 'string' }, + { field: 'PostalCode', dataType: 'string' }, + { field: 'Phone', dataType: 'string' }, + { field: 'Fax', dataType: 'string' }, + { field: 'Contract', dataType: 'boolean' } + ]; +} diff --git a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html index aa7a7f007f..b482b3eeea 100644 --- a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html +++ b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.html @@ -1,4 +1,4 @@ -
+
New York City
New York City comprises 5 boroughs sitting where the Hudson River meets the Atlantic Ocean. At its core is Manhattan, a densely populated borough that’s among the world’s major commercial, financial and cultural centers. diff --git a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html index f8396262bc..f83330180d 100644 --- a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html +++ b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.html @@ -1 +1 @@ - + diff --git a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html index 536cc60798..1aad9914f9 100644 --- a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html +++ b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.html @@ -13,7 +13,7 @@
Icon
Avatar
- +
diff --git a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.html b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.html index e7ce0fea1c..c546d073ec 100644 --- a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.html +++ b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.html @@ -1,4 +1,4 @@ - diff --git a/src/app/layouts/card/card-sample-1/card-sample-1.component.html b/src/app/layouts/card/card-sample-1/card-sample-1.component.html index 19b5679579..7c0fed7cec 100644 --- a/src/app/layouts/card/card-sample-1/card-sample-1.component.html +++ b/src/app/layouts/card/card-sample-1/card-sample-1.component.html @@ -11,7 +11,7 @@
{{card.subtitle}}
- diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.html b/src/app/layouts/card/card-sample-2/card-sample-2.component.html index 9653ade6e8..44925694a0 100644 --- a/src/app/layouts/card/card-sample-2/card-sample-2.component.html +++ b/src/app/layouts/card/card-sample-2/card-sample-2.component.html @@ -1,6 +1,6 @@
-
+
{{card.title}}
{{card.subtitle}}
@@ -17,9 +17,9 @@
{{card.subtitle}}
- -
\ No newline at end of file +
diff --git a/src/app/layouts/card/card-sample-3/card-sample-3.component.html b/src/app/layouts/card/card-sample-3/card-sample-3.component.html index fc87c3c1c4..b75dd38335 100644 --- a/src/app/layouts/card/card-sample-3/card-sample-3.component.html +++ b/src/app/layouts/card/card-sample-3/card-sample-3.component.html @@ -1,6 +1,6 @@
-
+
{{card.title}}
diff --git a/src/app/layouts/card/card-sample-4/card-sample-4.component.html b/src/app/layouts/card/card-sample-4/card-sample-4.component.html index 3637ca1d0d..2ad0305ead 100644 --- a/src/app/layouts/card/card-sample-4/card-sample-4.component.html +++ b/src/app/layouts/card/card-sample-4/card-sample-4.component.html @@ -103,7 +103,7 @@
{{ cards[0].subtitle }}
- +

Frank Carter

Photographer
 diff --git a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html index 5950f68eac..ee8f3ace09 100644 --- a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html +++ b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.html @@ -16,7 +16,7 @@
{{ card.subtitle }}
diff --git a/src/app/layouts/card/card.component.html b/src/app/layouts/card/card.component.html index 3868b22c49..1bdf0d841d 100644 --- a/src/app/layouts/card/card.component.html +++ b/src/app/layouts/card/card.component.html @@ -17,7 +17,7 @@
{{ card.subtitle }}
diff --git a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.html b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.html index 3c8fde94c9..930bcf7396 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.html +++ b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.html @@ -12,4 +12,4 @@ - + diff --git a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.html b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.html index bcac4ac6f9..26cf510769 100644 --- a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.html +++ b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.html @@ -1,5 +1,5 @@
-
1
-
2
-
3
+
1
+
2
+
3
diff --git a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.html b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.html index 203e5e0628..fc1d2ba396 100644 --- a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.html +++ b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.html @@ -11,7 +11,7 @@
-
+
1
2
3
diff --git a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.html b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.html index 2b0dbad35f..0c88c7a3d5 100644 --- a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.html +++ b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.html @@ -11,7 +11,7 @@
-
+
1
2
3
diff --git a/src/app/layouts/layout/layout-wrap/layout-wrap.component.html b/src/app/layouts/layout/layout-wrap/layout-wrap.component.html index fbb972052e..8f1e2bfc9a 100644 --- a/src/app/layouts/layout/layout-wrap/layout-wrap.component.html +++ b/src/app/layouts/layout/layout-wrap/layout-wrap.component.html @@ -1,5 +1,5 @@
-
1
-
2
-
3
+
1
+
2
+
3
diff --git a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts index 9de5dbfe38..a3046881a1 100644 --- a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts +++ b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IButtonGroupEventArgs } from 'igniteui-angular'; +import { IButtonGroupEventArgs, IgxStepperOrientation, IgxStepperTitlePosition } from 'igniteui-angular'; @Component({ selector: 'app-stepper-label-position-and-orientation-sample', @@ -7,8 +7,8 @@ import { IButtonGroupEventArgs } from 'igniteui-angular'; templateUrl: './stepper-label-position-and-orientation-sample.component.html' }) export class StepperLabelPositionAndOrientationSampleComponent { - public orientation = 'horizontal'; - public titlePosition = 'bottom'; + public orientation: IgxStepperOrientation = 'horizontal'; + public titlePosition: IgxStepperTitlePosition = 'bottom'; public stepperOrientations: any[] = [ { label: 'Horizontal', orientation: 'horizontal', diff --git a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts index 9e0933a989..c16aeff4a8 100644 --- a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts +++ b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IButtonGroupEventArgs } from 'igniteui-angular'; +import { IButtonGroupEventArgs, IgxStepType } from 'igniteui-angular'; @Component({ selector: 'app-stepper-steptypes-sample', @@ -7,7 +7,7 @@ import { IButtonGroupEventArgs } from 'igniteui-angular'; templateUrl: './stepper-steptypes-sample.component.html' }) export class StepperStepTypesSampleComponent { - public stepType = 'full'; + public stepType: IgxStepType = 'full'; public stepTypes: any[] = [ { label: 'Indicator', stepType: 'indicator', diff --git a/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.component.ts b/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.component.ts index 6e454859bf..f5d616f74b 100644 --- a/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-3/tabbar-sample-3.component.ts @@ -42,7 +42,7 @@ export class TabbarSample3Component implements OnInit { @Component({ template: `
- + @@ -63,7 +63,7 @@ export class BottomNavRoutingView1Component { @Component({ template: `
- + @@ -85,7 +85,7 @@ export class BottomNavRoutingView2Component { @Component({ template: `
- + diff --git a/src/app/lists/combo/combo-features/combo-features.component.html b/src/app/lists/combo/combo-features/combo-features.component.html index 6f7e4b6efa..0ca44cb47b 100644 --- a/src/app/lists/combo/combo-features/combo-features.component.html +++ b/src/app/lists/combo/combo-features/combo-features.component.html @@ -6,7 +6,7 @@ Enable Filtering
-Show Case-sensitive Icon
+Show Case-sensitive Icon
Allow Custom Values
Enable Grouping
Disable Combo diff --git a/src/app/lists/combo/combo-styling/combo-styling.component.html b/src/app/lists/combo/combo-styling/combo-styling.component.html index f3c8f36ac1..436821cd58 100644 --- a/src/app/lists/combo/combo-styling/combo-styling.component.html +++ b/src/app/lists/combo/combo-styling/combo-styling.component.html @@ -1,10 +1,10 @@
+ [itemsMaxHeight]="255" (selectionChanging)="setWeaponsLimit($event)"> - +
diff --git a/src/app/lists/list/list-chat-sample/list-chat-sample.component.html b/src/app/lists/list/list-chat-sample/list-chat-sample.component.html index 498a119045..ea16270b22 100644 --- a/src/app/lists/list/list-chat-sample/list-chat-sample.component.html +++ b/src/app/lists/list/list-chat-sample/list-chat-sample.component.html @@ -4,7 +4,7 @@
- + {{ contact.name }}, {{ message.timestamp | date: 'shortTime'}} @@ -45,7 +45,7 @@ [(ngModel)]="message" (keypress)="onMessageKeypress($event)" />
diff --git a/src/app/lists/list/list-sample-2/list-sample-2.component.html b/src/app/lists/list/list-sample-2/list-sample-2.component.html index 90c6f95235..db1ab2bfe5 100644 --- a/src/app/lists/list/list-sample-2/list-sample-2.component.html +++ b/src/app/lists/list/list-sample-2/list-sample-2.component.html @@ -1,5 +1,5 @@ - Header + Header Item 1 Item 2 Item 3 diff --git a/src/app/lists/list/list-sample-3/list-sample-3.component.html b/src/app/lists/list/list-sample-3/list-sample-3.component.html index 0a5ccbc8f4..edb6089f94 100644 --- a/src/app/lists/list/list-sample-3/list-sample-3.component.html +++ b/src/app/lists/list/list-sample-3/list-sample-3.component.html @@ -1,5 +1,5 @@ - + Contacts diff --git a/src/app/lists/list/list-sample-4/list-sample-4.component.html b/src/app/lists/list/list-sample-4/list-sample-4.component.html index 7cf1559ecf..b17a9d5fa2 100644 --- a/src/app/lists/list/list-sample-4/list-sample-4.component.html +++ b/src/app/lists/list/list-sample-4/list-sample-4.component.html @@ -14,9 +14,9 @@
- Contacts + Contacts - + {{ contact.name }} {{ contact.phone }} star diff --git a/src/app/lists/list/list-sample-4/list-sample-4.component.ts b/src/app/lists/list/list-sample-4/list-sample-4.component.ts index 908682fa46..6896c1e1db 100644 --- a/src/app/lists/list/list-sample-4/list-sample-4.component.ts +++ b/src/app/lists/list/list-sample-4/list-sample-4.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit } from '@angular/core'; -import { IgxFilterOptions } from 'igniteui-angular'; +import { DisplayDensity, IgxFilterOptions } from 'igniteui-angular'; @Component({ selector: 'app-contact-list2', styleUrls: ['./list-sample-4.component.scss'], @@ -41,7 +41,7 @@ export class ListSample4Component implements OnInit { } ]; - public density = 'comfortable'; + public density: DisplayDensity = 'comfortable'; public displayDensities; constructor() { } diff --git a/src/app/lists/list/list-sample-7/list-sample-7.component.html b/src/app/lists/list/list-sample-7/list-sample-7.component.html index d00b7cc5a8..f1edaf323d 100644 --- a/src/app/lists/list/list-sample-7/list-sample-7.component.html +++ b/src/app/lists/list/list-sample-7/list-sample-7.component.html @@ -16,9 +16,9 @@ callDial
- Contacts + Contacts - + {{ contact.name }} {{ contact.phone }} star diff --git a/src/app/lists/list/list-sample-8/list-sample-8.component.html b/src/app/lists/list/list-sample-8/list-sample-8.component.html index 450a685d96..77b6467bc0 100644 --- a/src/app/lists/list/list-sample-8/list-sample-8.component.html +++ b/src/app/lists/list/list-sample-8/list-sample-8.component.html @@ -1,8 +1,8 @@
- Contacts + Contacts - + {{ contact.name }} {{ contact.phone }} star diff --git a/src/app/lists/list/list.component.html b/src/app/lists/list/list.component.html index 224240a4c4..a7525fa06c 100644 --- a/src/app/lists/list/list.component.html +++ b/src/app/lists/list/list.component.html @@ -14,7 +14,7 @@ - + {{contact.name}} {{contact.phone}} start diff --git a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.html b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.html index e2d2a0ec17..ea7276b13d 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.html +++ b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.html @@ -10,16 +10,16 @@ mollis luctus. Morbi lacinia orci augue, sed blandit est ornare placerat. Cras a ante nec mauris euismod aliquam vel pulvinar urna. Morbi tincidunt fringilla tortor, at ultricies neque rhoncus ac.

- -
+ +
format_align_left Left
-
+
format_align_center Center
-
+
format_align_right Right
diff --git a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.html b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.html index bbaf6c69c7..b16e453c33 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.html +++ b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.html @@ -10,7 +10,7 @@ mollis luctus. Morbi lacinia orci augue, sed blandit est ornare placerat. Cras a ante nec mauris euismod aliquam vel pulvinar urna. Morbi tincidunt fringilla tortor, at ultricies neque rhoncus ac.

- + @@ -18,4 +18,4 @@ delete -
\ No newline at end of file +
diff --git a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.html b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.html index 6ef6879aa9..eaa191aacd 100644 --- a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.html +++ b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.html @@ -10,7 +10,7 @@ mollis luctus. Morbi lacinia orci augue, sed blandit est ornare placerat. Cras a ante nec mauris euismod aliquam vel pulvinar urna. Morbi tincidunt fringilla tortor, at ultricies neque rhoncus ac.

- + -
\ No newline at end of file +
diff --git a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html index 812008b69c..8d8100c735 100644 --- a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html +++ b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.html @@ -3,9 +3,9 @@ Contacts - + {{item.text}} - + delete diff --git a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html index 63b589ec5e..5e23ae5ad5 100644 --- a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html +++ b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.html @@ -1,6 +1,6 @@
- File loading + File loading diff --git a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html index 61b4f2296e..3452c0c48a 100644 --- a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html +++ b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.html @@ -1,4 +1,4 @@
- Notification displayed + Notification displayed
diff --git a/src/app/pagination/paginator/pagination-sample.component.html b/src/app/pagination/paginator/pagination-sample.component.html index 8968048775..9c32d18f71 100644 --- a/src/app/pagination/paginator/pagination-sample.component.html +++ b/src/app/pagination/paginator/pagination-sample.component.html @@ -18,7 +18,7 @@
Price: {{ product.UnitPrice | currency:'USD' }}
diff --git a/src/app/pivot-grid/pivot-export/pivot-export.component.html b/src/app/pivot-grid/pivot-export/pivot-export.component.html new file mode 100644 index 0000000000..bdfcc563bb --- /dev/null +++ b/src/app/pivot-grid/pivot-export/pivot-export.component.html @@ -0,0 +1,11 @@ + +
+ + Press the button to export the Pivot Grid as .xlsx file. +
+ +
+ + +
\ No newline at end of file diff --git a/src/app/pivot-grid/pivot-export/pivot-export.component.scss b/src/app/pivot-grid/pivot-export/pivot-export.component.scss new file mode 100644 index 0000000000..04e58c6431 --- /dev/null +++ b/src/app/pivot-grid/pivot-export/pivot-export.component.scss @@ -0,0 +1,28 @@ +:host { + padding: 8px; + display: flex; + flex-direction: column; + + ::ng-deep { + igx-pivot-data-selector { + border: 1px solid hsla(var(--igx-grays-200)); + margin: 0 8px; + } + } + +} + +igx-pivot-grid { + flex: 1; +} + +.button-container { + margin: 0 0 25px 0; +} + +.pivot-container { + display: flex; + align-items: flex-start; + flex: 1 1 auto; + order: 0; +} \ No newline at end of file diff --git a/src/app/pivot-grid/pivot-export/pivot-export.component.ts b/src/app/pivot-grid/pivot-export/pivot-export.component.ts new file mode 100644 index 0000000000..240a5cba61 --- /dev/null +++ b/src/app/pivot-grid/pivot-export/pivot-export.component.ts @@ -0,0 +1,128 @@ +import { Component, ViewChild } from "@angular/core"; + +import { + IPivotConfiguration, PivotAggregation, IgxPivotNumericAggregate, IgxPivotDateDimension, + IgxExcelExporterService, IgxExcelExporterOptions, IgxPivotGridComponent +} from "igniteui-angular" +import { SALES_DATA } from "../../data/dataToAnalyze"; + +export class IgxTotalSaleAggregate { + public static totalSale: PivotAggregation = (members, data: any) => + data.reduce((accumulator, value) => accumulator + value.Product.UnitPrice * value.NumberOfUnits, 0); + + public static totalMin: PivotAggregation = (members, data: any) => { + let min = 0; + if (data.length === 1) { + min = data[0].Product.UnitPrice * data[0].NumberOfUnits; + } else if (data.length > 1) { + const mappedData = data.map(x => x.Product.UnitPrice * x.NumberOfUnits); + min = mappedData.reduce((a, b) => Math.min(a, b)); + } + return min; + }; + + public static totalMax: PivotAggregation = (members, data: any) => { + let max = 0; + if (data.length === 1) { + max = data[0].Product.UnitPrice * data[0].NumberOfUnits; + } else if (data.length > 1) { + const mappedData = data.map(x => x.Product.UnitPrice * x.NumberOfUnits); + max = mappedData.reduce((a, b) => Math.max(a, b)); + } + return max; + }; +} + +@Component({ + selector: 'app-pivot-export-sample', + styleUrls: ['./pivot-export.component.scss'], + templateUrl: './pivot-export.component.html' +}) +export class PivotExportComponent { + @ViewChild(IgxPivotGridComponent, { static: true }) public grid: IgxPivotGridComponent; + + public data = SALES_DATA; + + public pivotConfig: IPivotConfiguration = { + columns: [ + new IgxPivotDateDimension( + { + memberName: 'Date', + enabled: true + }, + { + months: false, + quarters: true, + fullDate: false + } + ) + ], + rows: [ + { + memberName: 'City', + width: "150px", + memberFunction: (data) => data.Seller.City, + enabled: true + }, + { + memberFunction: () => 'All Products', + memberName: 'AllProducts', + enabled: true, + width: "150px", + childLevel: { + memberFunction: (data) => data.Product.Name, + memberName: 'ProductCategory', + enabled: true + } + } + ], + values: [ + { + member: 'Value', + aggregate: { + key: 'SUM', + aggregator: IgxPivotNumericAggregate.sum, + label: 'Sum' + }, + aggregateList: [{ + key: 'SUM', + aggregator: IgxPivotNumericAggregate.sum, + label: 'Sum' + }], + enabled: true, + formatter: (value) => value ? '$' + parseFloat(value).toFixed(3) : undefined + }, + { + member: 'AmountofSale', + displayName: 'Amount of Sale', + aggregate: { + key: 'SUM', + aggregator: IgxTotalSaleAggregate.totalSale, + label: 'Sum of Sale' + }, + aggregateList: [{ + key: 'SUM', + aggregator: IgxTotalSaleAggregate.totalSale, + label: 'Sum of Sale' + }, { + key: 'MIN', + aggregator: IgxTotalSaleAggregate.totalMin, + label: 'Minimum of Sale' + }, { + key: 'MAX', + aggregator: IgxTotalSaleAggregate.totalMax, + label: 'Maximum of Sale' + }], + enabled: true, + dataType: 'currency' + } + ] + }; + + constructor(private excelExportService: IgxExcelExporterService) { + } + + public exportButtonHandler() { + this.excelExportService.export(this.grid, new IgxExcelExporterOptions('ExportedPivotGrid')); + } +} diff --git a/src/app/pivot-grid/pivot-grid-routes-data.ts b/src/app/pivot-grid/pivot-grid-routes-data.ts index 69ce0dfdb2..164d2785c9 100644 --- a/src/app/pivot-grid/pivot-grid-routes-data.ts +++ b/src/app/pivot-grid/pivot-grid-routes-data.ts @@ -3,6 +3,7 @@ export const pivotGridsRoutesData = { 'pivot-grid-basic': { displayName: 'Basic Pivot Grid', parentName: 'Pivot Grid' }, 'pivot-grid-datasource': { displayName: 'Pivot Grid With Datasource Component', parentName: 'Pivot Grid' }, 'pivot-grid-noop': { displayName: 'Noop Pivot Grid', parentName: 'Pivot Grid' }, + 'pivot-grid-export': { displayName: 'Pivot Grid Export', parentName: 'Pivot Grid' }, 'pivot-grid-features': { displayName: 'Pivot Grid With Features', parentName: 'Pivot Grid' }, 'pivot-grid-state-persistence': { displayName: 'Pivot Grid With State Persistence', parentName: 'Pivot Grid' }, 'pivot-grid-noop-persistence': { displayName: 'Pivot Noop Grid with State Persistence', parentName: 'Pivot Grid' }, diff --git a/src/app/pivot-grid/pivot-grids-routing.module.ts b/src/app/pivot-grid/pivot-grids-routing.module.ts index 4fe0f37e28..7742edb63b 100644 --- a/src/app/pivot-grid/pivot-grids-routing.module.ts +++ b/src/app/pivot-grid/pivot-grids-routing.module.ts @@ -4,6 +4,7 @@ import { RouterModule, Routes } from '@angular/router'; import { PivotGridBasicSampleComponent } from './pivot-basic-sample/pivot-grid-basic-sample.component'; import { PivotDataSelectorSampleComponent } from './pivot-datasource/pivot-data-selector-sample.component'; import { PivotFeaturesComponent } from './pivot-features/pivot-features.component'; +import { PivotExportComponent } from './pivot-export/pivot-export.component'; import { PivotGridNoopPersistenceSampleComponent } from './pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component'; import { PivotGridNoopSampleComponent } from './pivot-grid-noop/pivot-grid-noop-sample.component'; import { pivotGridsRoutesData } from './pivot-grid-routes-data'; @@ -17,6 +18,11 @@ export const gridsRoutes: Routes = [ data: pivotGridsRoutesData['pivot-grid-basic'], path: 'pivot-grid-basic' }, + { + component: PivotExportComponent, + data: pivotGridsRoutesData['pivot-grid-export'], + path: 'pivot-grid-export' + }, { component: PivotFeaturesComponent, data: pivotGridsRoutesData['pivot-grid-features'], diff --git a/src/app/pivot-grid/pivot-grids.module.ts b/src/app/pivot-grid/pivot-grids.module.ts index a9e9f7af0c..5c74fcb189 100644 --- a/src/app/pivot-grid/pivot-grids.module.ts +++ b/src/app/pivot-grid/pivot-grids.module.ts @@ -5,6 +5,7 @@ import { HttpClientModule } from '@angular/common/http'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IgxPivotGridModule } from 'igniteui-angular'; +import { PivotExportComponent } from './pivot-export/pivot-export.component'; import { PivotFeaturesComponent } from './pivot-features/pivot-features.component'; import { PivotGridBasicSampleComponent } from './pivot-basic-sample/pivot-grid-basic-sample.component'; import { PivotDataSelectorSampleComponent } from './pivot-datasource/pivot-data-selector-sample.component'; @@ -18,6 +19,7 @@ import { PivotGridNoopPersistenceSampleComponent } from './pivot-grid-noop-persi declarations: [ PivotGridBasicSampleComponent, PivotDataSelectorSampleComponent, + PivotExportComponent, PivotFeaturesComponent, PivotGridStatePersistenceSampleComponent, PivotGridNoopSampleComponent, diff --git a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts index 6f7683c7c3..683df20f48 100644 --- a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts @@ -1,5 +1,5 @@ import { Component, ViewChild } from '@angular/core'; -import { IgxCalendarComponent, IgxDialogComponent, CalendarView } from 'igniteui-angular'; +import { IgxCalendarComponent, IgxDialogComponent, IgxCalendarView } from 'igniteui-angular'; import { IViewDateChangeEventArgs } from 'igniteui-angular/lib/calendar/calendar-base'; @Component({ @@ -13,8 +13,9 @@ export class CalendarSample3Component { @ViewChild('alert', { static: true }) public dialog: IgxDialogComponent; public loggerHeader = `Interact with the calendar to see the events logged here in sequence:`; - public onSelection(dates: Date[]) { + public onSelection(dates: Date | Date[]) { const logger: HTMLElement = document.querySelector('.logger'); + dates = dates as Date[]; logger.innerHTML = ` => 'onSelectionChanged': ${dates.length} dates selected.
${logger.innerHTML}`; } @@ -25,9 +26,9 @@ export class CalendarSample3Component { logger.innerHTML = ` => 'viewDateChanged': ${eventArgs}
${logger.innerHTML}`; } - public activeViewChanged(event: CalendarView) { + public activeViewChanged(event: IgxCalendarView) { const logger: HTMLElement = document.querySelector('.logger'); - logger.innerHTML = ` => 'activeViewChanged':. Active view is: ${CalendarView[event]}
${logger.innerHTML}`; + logger.innerHTML = ` => 'activeViewChanged':. Active view is: ${IgxCalendarView[event]}
${logger.innerHTML}`; } private parseDate(date: Date) { diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html index 45a73c5bad..061fd58bb7 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.html @@ -1,7 +1,7 @@
- + - +
diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts index 1bfef7384e..d9705e4404 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts @@ -11,11 +11,11 @@ export class CalendarSample7Component { @ViewChild('alert', { static: true }) public dialog: IgxDialogComponent; public range = []; - public selectPTOdays(dates: Date[]) { - this.range = dates; + public selectPTOdays(dates: Date | Date[]) { + this.range = dates as Date[]; } - public submitPTOdays(eventArgs) { + public submitPTOdays() { this.calendar.specialDates = [{ type: DateRangeType.Specific, dateRange: this.range }]; diff --git a/src/app/scheduling/calendar/multiview/multiview.component.html b/src/app/scheduling/calendar/multiview/multiview.component.html index 4f7614aab6..f5bf6a5f15 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.html +++ b/src/app/scheduling/calendar/multiview/multiview.component.html @@ -3,10 +3,10 @@ {{ action }} {{ checkin }} - {{ checkout }} ({{ this.range.length - 1 }} nights stay)
- - + diff --git a/src/app/scheduling/calendar/multiview/multiview.component.ts b/src/app/scheduling/calendar/multiview/multiview.component.ts index f66692522f..99688cbd22 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.ts +++ b/src/app/scheduling/calendar/multiview/multiview.component.ts @@ -11,11 +11,11 @@ export class CalendarMultiViewComponent { @ViewChild('alert', { static: true }) public dialog: IgxDialogComponent; public range = []; - public selectDates(dates: Date[]) { - this.range = dates; + public selectDates(dates: Date | Date[]) { + this.range = dates as Date[]; } - public submitDates(eventArgs) { + public submitDates() { if (this.range.length < 2) { this.dialog.message = 'Select dates from the Calendar first.'; } else { diff --git a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts index ee5560873f..c3f51a4232 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts @@ -49,7 +49,8 @@ export class DatepickerSample9Component implements OnInit { } } - public verifyRange(dates: Date[]) { + public verifyRange(dates: Date | Date[]) { + dates = dates as Date[]; this.startDate = dates[0]; this.isClickedTwice = false; if (this.startDate !== dates[dates.length - 1]) { diff --git a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts index 2d2e911137..3cf13f9d9a 100644 --- a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts @@ -1,4 +1,5 @@ import { Component } from '@angular/core'; +import { IFormattingOptions } from 'igniteui-angular'; @Component({ selector: 'app-monthpicker-sample-3', @@ -6,7 +7,7 @@ import { Component } from '@angular/core'; templateUrl: './monthpicker-sample-3.component.html' }) export class MonthpickerSample3Component { - public formatOptions = { + public formatOptions: IFormattingOptions = { month: 'long' }; diff --git a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.html b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.html index 1c4d94fbdb..9e92bb30f0 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.html +++ b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.html @@ -1,13 +1,12 @@ - + [(ngModel)]="time" + [itemsDelta]="{hours:2, minutes:5}" + [inputFormat]="'H:mm'" + [minValue]="min" + [maxValue]="max" + (validationFailed)="onValidationFailed()"> + Value must be between {{min}} and {{max}}. diff --git a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.html b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.html index c19bc7cac9..a2da6e128c 100644 --- a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.html +++ b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.html @@ -1,5 +1,5 @@

- + diff --git a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.html b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.html index 9b7544b69a..131fa5ec3b 100644 --- a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.html +++ b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.html @@ -1,5 +1,5 @@

- diff --git a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.html b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.html index a0de3d53ac..1279bce534 100644 --- a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.html +++ b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.html @@ -1,5 +1,5 @@

- @@ -9,7 +9,7 @@ + [hidden]="c.hidden" [groupable]="c.groupable" [editable]="true" [dataType]="c.dataType">

diff --git a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts index b34e8b8c1b..b882adfcbc 100644 --- a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts +++ b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit, ViewChild } from '@angular/core'; import { - IgxExcelExporterOptions, + GridColumnDataType, IgxExcelExporterService, IgxGridComponent, ISortingExpression, @@ -18,13 +18,13 @@ export class ExcelExportSample1Component implements OnInit { public data = []; public groupExpressions: ISortingExpression[]; - public columns = [ - { dataType: 'string', field: 'ShipCountry', width: 150, groupable: true }, - { dataType: 'string', field: 'ShipCity', width: 150, groupable: true }, - { dataType: 'string', field: 'ShipAddress', width: 150, groupable: true}, - { dataType: 'string', field: 'PostalCode', width: 150, groupable: true }, - { dataType: 'date', field: 'OrderDate', width: 150, groupable: true }, - { dataType: 'number', field: 'Quantity', width: 150, groupable: true } + public columns: { dataType: GridColumnDataType, field: string, width: string, groupable: boolean, hidden?: boolean }[] = [ + { dataType: GridColumnDataType.String, field: 'ShipCountry', width: '150', groupable: true }, + { dataType: GridColumnDataType.String, field: 'ShipCity', width: '150', groupable: true }, + { dataType: GridColumnDataType.String, field: 'ShipAddress', width: '150', groupable: true}, + { dataType: GridColumnDataType.String, field: 'PostalCode', width: '150', groupable: true }, + { dataType: GridColumnDataType.Date, field: 'OrderDate', width: '150', groupable: true }, + { dataType: GridColumnDataType.Number, field: 'Quantity', width: '150', groupable: true } ]; constructor(private excelExportService: IgxExcelExporterService) { diff --git a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.html b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.html index 157bd74163..548387adea 100644 --- a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.html +++ b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.html @@ -1,5 +1,5 @@

- diff --git a/src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.html b/src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.html index 735c61fa6b..ce55e72e64 100644 --- a/src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.html +++ b/src/app/services/localization-samples/localization-sample-1/localization-sample-1.component.html @@ -1,5 +1,5 @@

- + @@ -14,4 +14,4 @@ -
\ No newline at end of file +
diff --git a/src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.html b/src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.html index 59a08e7357..7f24c03d3f 100644 --- a/src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.html +++ b/src/app/services/localization-samples/localization-sample-2/localization-sample-2.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.html b/src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.html index 01bdce7845..814c474d8d 100644 --- a/src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.html +++ b/src/app/services/localization-samples/localization-sample-3/localization-sample-3.component.html @@ -1,5 +1,5 @@
- + @@ -11,8 +11,8 @@ - +
-
\ No newline at end of file +
diff --git a/src/app/services/services.module.ts b/src/app/services/services.module.ts index 6686c2c3e6..0e6f5eb1b1 100644 --- a/src/app/services/services.module.ts +++ b/src/app/services/services.module.ts @@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IgxCardModule, IgxGridModule, IgxIconModule, IgxListModule, IgxTimePickerModule, IgxTransactionService, IgxTreeGridModule } from 'igniteui-angular'; +import { IgxPreventDocumentScrollModule } from '../directives/prevent-scroll.directive'; import { CsvExportSample1Component } from './export-csv/csv-export-sample-1/csv-export-sample-1.component'; import { TreeGridCsvExportSample1Component } from './export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component'; import { CsvExportComponent } from './export-csv/csv-export.component'; @@ -36,6 +37,7 @@ import { TransactionBaseComponent } from './transaction/transaction-base/transac imports: [ CommonModule, FormsModule, + IgxPreventDocumentScrollModule, ServicesRoutingModule, IgxGridModule, IgxTimePickerModule, diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html index 669cf57936..ce4d07f9a1 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html @@ -1,6 +1,6 @@
-
+
Rozes
@@ -20,13 +20,13 @@
Under the Grave (2016)
- - - diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.html b/src/app/theming/bootstrap/bootstrap-sample.component.html index fc1e719092..9bfd5ce4be 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.html +++ b/src/app/theming/bootstrap/bootstrap-sample.component.html @@ -36,7 +36,7 @@
-
+
Salaries
@@ -63,7 +63,7 @@
$ 346,692.72
-
+
Suppliers
@@ -91,7 +91,7 @@
$ 122,745.832
-
+
Ads & Marketing
diff --git a/src/app/theming/default-theme-sample/default-theme-sample.component.html b/src/app/theming/default-theme-sample/default-theme-sample.component.html index e02f400769..936fa196f1 100644 --- a/src/app/theming/default-theme-sample/default-theme-sample.component.html +++ b/src/app/theming/default-theme-sample/default-theme-sample.component.html @@ -24,7 +24,7 @@
-
+
@@ -49,6 +49,6 @@ - +
diff --git a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.html b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.html index a11bbabe7a..d0a2f69dab 100644 --- a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.html +++ b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.html @@ -20,7 +20,7 @@
subtitle
- + favorite
@@ -53,7 +53,7 @@
subtitle
- + favorite
diff --git a/src/app/tree-grid/column-group-selection/column-group-selection.component.html b/src/app/tree-grid/column-group-selection/column-group-selection.component.html index d51ebd090c..804829be7c 100644 --- a/src/app/tree-grid/column-group-selection/column-group-selection.component.html +++ b/src/app/tree-grid/column-group-selection/column-group-selection.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.html b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.html index 686450e74d..b7e5152668 100644 --- a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.html +++ b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.html @@ -1,5 +1,5 @@
- -
\ No newline at end of file +
diff --git a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html index 9233b2d0f9..ba2b6b36c6 100644 --- a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html +++ b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html @@ -1,5 +1,5 @@
-
- - diff --git a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.html b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.html index e6ce60df7e..1efbc5c38a 100644 --- a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.html +++ b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.html @@ -1,5 +1,5 @@
- @@ -16,4 +16,4 @@ -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.html b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.html index 3fefee7813..ac55dd2701 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.html +++ b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.html @@ -1,5 +1,5 @@
- + diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html index 7f3ade6a79..f58215e0ce 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html +++ b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html @@ -1,5 +1,5 @@ - + diff --git a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.html b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.html index ae1d129449..43e8f68771 100644 --- a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.html +++ b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.html @@ -1,13 +1,13 @@
- - + - + @@ -30,7 +30,7 @@
- @@ -50,4 +50,4 @@
-
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.html b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.html index 829d2e392f..e953c9c39c 100644 --- a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.html +++ b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.html @@ -2,7 +2,7 @@ - diff --git a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts index e3f170aa16..64891b22ae 100644 --- a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts +++ b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxSnackbarComponent, IgxTreeGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxSnackbarComponent, IgxTreeGridComponent } from 'igniteui-angular'; import { generateEmployeeFlatData } from '../data/employees-flat'; @Component({ @@ -14,7 +14,7 @@ export class TreeGridCellSelectionComponent implements OnInit { public data: any[]; public selection = true; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public selectionModes = []; constructor() { } diff --git a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html index 742ba5a53f..0f7caf0d1b 100644 --- a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html +++ b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html @@ -13,7 +13,7 @@
- @@ -21,7 +21,7 @@ Grid copy behavior Copying of header labels Copying column formatters - diff --git a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.html b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.html index 46397d6c5b..10eba02c59 100644 --- a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.html +++ b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.html @@ -1,7 +1,7 @@
- diff --git a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts index 98f1d9d831..61447d633b 100644 --- a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts +++ b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxTreeGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxTreeGridComponent } from 'igniteui-angular'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @Component({ @@ -12,7 +12,7 @@ export class TreeGridMultiCollapsibleColumnGroupsComponent implements OnInit { @ViewChild(IgxTreeGridComponent, { read: IgxTreeGridComponent, static: true }) public treeGrid: IgxTreeGridComponent; public data = generateEmployeeDetailedFlatData(); - public selectionMode = 'none'; + public selectionMode: GridSelectionMode = 'none'; public ngOnInit() { for (const item of this.data) { const names = item.Name.split(' '); diff --git a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.html b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.html index b0f70c1599..6b9d85562d 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.html +++ b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.html @@ -12,7 +12,7 @@
- @@ -27,4 +27,4 @@
-
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html index a2c095e756..58c7243d03 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html @@ -1,5 +1,5 @@
- Employees diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html index 735f5d950a..a92873018f 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html @@ -1,5 +1,5 @@
- Employees diff --git a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.html b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.html index d5a4f0f415..912001a115 100644 --- a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.html +++ b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.html @@ -6,7 +6,7 @@
- diff --git a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.html b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.html index 8a24e993f3..e57ede6d7c 100644 --- a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.html +++ b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.html @@ -6,7 +6,7 @@
- diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.html b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.html index e68c626c24..0bdc6873be 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.html +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.html @@ -6,7 +6,7 @@
- diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.html b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.html index f6002d4521..5120b64d9a 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.html +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.html b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.html index ac635f0cb9..ad1ea42570 100644 --- a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.html +++ b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.html @@ -1,5 +1,5 @@
- @@ -13,4 +13,4 @@ -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.html b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.html index 7c1f24a6ce..157208cdb7 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.html +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.html @@ -7,7 +7,7 @@
- @@ -17,4 +17,4 @@ [cellStyles]="c.cellStyles"> -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.html b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.html index 1f52eba09e..7e0e964998 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.html +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.html b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.html index 4ee25da104..a4ecb6d0fc 100644 --- a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.html +++ b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.html @@ -1,5 +1,5 @@
- @@ -17,4 +17,4 @@
-
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.html b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.html index 63ca92e068..5a1439e28c 100644 --- a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.html +++ b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.html @@ -1,7 +1,7 @@
- diff --git a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts index d1d66f263d..fd10afb060 100644 --- a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts +++ b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts @@ -1,5 +1,6 @@ import { Component, OnInit, ViewChild } from '@angular/core'; import { + DisplayDensity, IgxButtonGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult, IgxTreeGridComponent } from 'igniteui-angular'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -33,7 +34,7 @@ export class TreeGridDisplaydensitySampleComponent implements OnInit { public treeGrid: IgxTreeGridComponent; @ViewChild(IgxButtonGroupComponent, { static: true }) public buttonGroup: IgxButtonGroupComponent; public data; - public density = 'compact'; + public density: DisplayDensity = 'compact'; public displayDensities; public numberSummaries = CustomNumberSummary; diff --git a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.html b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.html index fa190aac0c..058662432c 100644 --- a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.html +++ b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.html @@ -1,9 +1,9 @@

Current Employees

- - \ No newline at end of file + diff --git a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html index 58761a8419..6eed154f60 100644 --- a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html +++ b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.html @@ -3,7 +3,7 @@ person_add Add Root Employee - diff --git a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.html b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.html index 7bc8dfef07..f1a344e0ba 100644 --- a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.html +++ b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.html @@ -1,5 +1,5 @@
- @@ -12,4 +12,4 @@ -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.html b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.html index 1c6f35dbc1..a338c9bb66 100644 --- a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.html +++ b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts index 5f28c7960f..e166082efe 100644 --- a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts +++ b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts @@ -1,4 +1,5 @@ import { Component, OnInit } from '@angular/core'; +import { GridSelectionMode } from 'igniteui-angular'; import { FULL_EMPLOYEE_DATA } from '../data/employees'; @Component({ @@ -8,7 +9,7 @@ import { FULL_EMPLOYEE_DATA } from '../data/employees'; }) export class TreeGridEmployeesSampleComponent implements OnInit { public localData: any[]; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; constructor() { } public ngOnInit() { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.html index 679fb9bea0..d6445b5b48 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.html +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html index 87bd224bb1..16494c5c3c 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html @@ -2,7 +2,7 @@
- diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts index 2bc6fc607f..810de6f026 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxTreeGridComponent } from 'igniteui-angular'; +import { DisplayDensity, IgxTreeGridComponent } from 'igniteui-angular'; import { FOODS_DATA } from '../data/foods'; @Component({ @@ -14,7 +14,7 @@ export class TreeGridExcelStyleFilteringSample1Component implements OnInit { public data: any[]; - public density = 'comfortable'; + public density: DisplayDensity = 'comfortable'; public displayDensities; constructor() { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html index b1a76d311f..4f81a3a4d9 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html index b1cdb843b9..abcc6655d2 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.html index 119d6aaac2..2dbe6fe4f5 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.html +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html index a677e66d53..cc16ad3534 100644 --- a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html +++ b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.html b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.html index 25f91276b5..5193e6b62b 100644 --- a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.html +++ b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.html @@ -2,7 +2,7 @@ - diff --git a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.html b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.html index 37d709399f..71adf81444 100644 --- a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.html +++ b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.html @@ -11,7 +11,7 @@
- diff --git a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html index bc2af31228..a5493eacbb 100644 --- a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html +++ b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html @@ -1,5 +1,5 @@
- @@ -34,7 +34,7 @@
- diff --git a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.html b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.html index 67a65b2d0a..f74d82d759 100644 --- a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.html +++ b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.html b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.html index 7ec8221272..d6b32d3731 100644 --- a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.html +++ b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.html @@ -1,10 +1,10 @@
- +
- diff --git a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts index 0d2d9510c8..16dc9d52fc 100644 --- a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts @@ -20,8 +20,8 @@ export class TreeGridFilteringSampleComponent implements OnInit { this.data = FOODS_DATA(); } - public filter(term) { - this.treegrid1.filter('Name', term, IgxStringFilteringOperand.instance().condition('contains')); + public filter(element: EventTarget) { + this.treegrid1.filter('Name', (element as HTMLInputElement).value, IgxStringFilteringOperand.instance().condition('contains')); } public formatDate(val: Date) { diff --git a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.html b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.html index ca558438ad..52d7ba01c9 100644 --- a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.html +++ b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.html b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.html index e6aa9c18c3..4bf6657ea7 100644 --- a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.html +++ b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.html @@ -1,5 +1,5 @@
- @@ -35,7 +35,7 @@ (input)="onInput(input, column)" (click)="onClick(inputGr)" (keydown)="onKeyDown($event)"/> - + clear @@ -43,12 +43,12 @@
- search - + clear diff --git a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.html b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.html index 36caa6f5c5..d351001ae6 100644 --- a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.html +++ b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.html b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.html index 6727608570..9337eae965 100644 --- a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.html +++ b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.html @@ -1,5 +1,5 @@
- - + diff --git a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts index 83b2f564d9..2ca18476eb 100644 --- a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts +++ b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, EventEmitter, Input, OnInit, ViewChild } from '@angular/core'; +import { Component, Input, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, IGroupingExpression, IgxTreeGridComponent } from 'igniteui-angular'; import { TreeGridGroupingLoadOnDemandService, TreeGridGroupingParameters } from './remoteService'; @@ -34,7 +34,7 @@ export class TreeGridGroupByLoadOnDemandComponent implements OnInit { this.dataService.getData(parentID, this.hasChildrenKey, groupingParameters, (children) => done(children)); }; - public onExpressionsChange(event: EventEmitter) { + public onExpressionsChange(event: IGroupingExpression[]) { this.reloadData(); } diff --git a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.html b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.html index 4709f1230c..222ee869df 100644 --- a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.html +++ b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.html @@ -1,5 +1,5 @@
- - diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.html b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.html index 9b2acead2e..2a267368fb 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.html +++ b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.html @@ -1,5 +1,5 @@
- @@ -13,4 +13,4 @@ -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.html b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.html index 8446498c69..87678835ac 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.html +++ b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.html @@ -3,8 +3,8 @@
Perform range selection on the Tree Grid to transfer data to the Grid
- @@ -21,9 +21,9 @@
Perform range selection on the Tree Grid to transfer data to the Grid
-
- \ No newline at end of file + diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts index b26e81b5b3..1afc6e02e0 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts +++ b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts @@ -1,5 +1,5 @@ import { Component, ViewEncapsulation } from '@angular/core'; -import { IgxColumnComponent, IgxToastComponent, IgxTreeGridComponent, VerticalAlignment } from 'igniteui-angular'; +import { IgxColumnComponent, IgxGridComponent, IgxToastComponent, IgxTreeGridComponent, VerticalAlignment } from 'igniteui-angular'; import { FOODS_DATA } from '../data/foods'; @Component({ @@ -13,7 +13,7 @@ export class TreeGridMultiCellSelectionComponent { public sourceData = FOODS_DATA(); public targetData = []; - public transferData(source: IgxTreeGridComponent, target: IgxTreeGridComponent, + public transferData(source: IgxTreeGridComponent, target: IgxGridComponent, notification: IgxToastComponent) { target.shouldGenerate = true; target.clearCellSelection(); @@ -27,7 +27,7 @@ export class TreeGridMultiCellSelectionComponent { column.sortable = true; } - public transferExpressions(source: IgxTreeGridComponent, target: IgxTreeGridComponent, type: string) { + public transferExpressions(source: IgxTreeGridComponent, target: IgxGridComponent) { target.sortingExpressions = source.sortingExpressions; } } diff --git a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.html b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.html index 5d30427ce0..35aed46d4f 100644 --- a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.html +++ b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.html @@ -9,7 +9,7 @@
- @@ -21,8 +21,8 @@ - - + + diff --git a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts index b27c3f33dd..08f4eac84a 100644 --- a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts @@ -1,5 +1,5 @@ import { Component, ViewChild } from '@angular/core'; -import { IgxColumnGroupComponent, IgxTreeGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IgxColumnGroupComponent, IgxTreeGridComponent } from 'igniteui-angular'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @Component({ @@ -13,7 +13,7 @@ export class TreeGridMultiColumnHeaderTemplateSampleComponent { public treeGrid: IgxTreeGridComponent; public data: any[] = generateEmployeeDetailedFlatData(); public columnGroupStates = new Map(); - public selectionMode = 'none'; + public selectionMode: GridSelectionMode = 'none'; constructor() { for (const item of this.data) { item.Location = `${item.Address}, ${item.City}, ${item.Country}`; diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.html b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.html index a568f2b259..b39644009e 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.html +++ b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts index e9886edb07..7221325a5a 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IgxExporterEvent } from 'igniteui-angular'; +import { GridSelectionMode, IgxExporterEvent } from 'igniteui-angular'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @Component({ @@ -9,7 +9,7 @@ import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detaile }) export class TreeGridMultiColumnHeadersExportComponent { public data = generateEmployeeDetailedFlatData(); - public selectionMode = 'none'; + public selectionMode: GridSelectionMode = 'none'; public exportHeaders = true; public exportStarted(args: IgxExporterEvent) { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html index 89488c97ef..31876621de 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html +++ b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts index 5b87d624b0..7ce1f57af8 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts @@ -1,5 +1,5 @@ import { Component, ViewChild } from '@angular/core'; -import { IgxTreeGridComponent} from 'igniteui-angular'; +import { GridSelectionMode, IgxTreeGridComponent} from 'igniteui-angular'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @Component({ @@ -12,7 +12,7 @@ export class TreeGridMultiColumnHeadersSampleComponent { @ViewChild(IgxTreeGridComponent, { read: IgxTreeGridComponent, static: true }) public treeGrid: IgxTreeGridComponent; public data = generateEmployeeDetailedFlatData(); - public selectionMode = 'none'; + public selectionMode: GridSelectionMode = 'none'; public pinUnpinGroup() { const firstColumnGroup = this.treeGrid.columnList.filter((c) => c.header === 'General Information')[0]; diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.html b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.html index f8ef9a733b..c062f78422 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.html +++ b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.html @@ -1,5 +1,5 @@
- @@ -8,7 +8,7 @@ - + diff --git a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.html b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.html index 0e4352661d..b99acca574 100644 --- a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.html +++ b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.html @@ -3,7 +3,7 @@ delete
Drag a row here to delete it
- diff --git a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts index f4b91b03de..62f46af7da 100644 --- a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts +++ b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts @@ -1,5 +1,5 @@ import { Component, ViewChild } from '@angular/core'; -import { IDropDroppedEventArgs, IgxTreeGridComponent } from 'igniteui-angular'; +import { GridSelectionMode, IDropDroppedEventArgs, IgxTreeGridComponent } from 'igniteui-angular'; import { FULL_EMPLOYEE_DATA } from '../data/employees'; @Component({ @@ -10,7 +10,7 @@ import { FULL_EMPLOYEE_DATA } from '../data/employees'; export class TreeGridMultiRowDragComponent { @ViewChild(IgxTreeGridComponent, { read: IgxTreeGridComponent, static: true }) public treeGrid: IgxTreeGridComponent; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public selected = false; public ids; public countIcon = 'drag_indicator'; diff --git a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.html b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.html index 24dab4e8a3..9053b9c28a 100644 --- a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.html +++ b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.html b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.html index 8ab4457130..0f979fd872 100644 --- a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.html +++ b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.html @@ -1,6 +1,6 @@
- diff --git a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.html b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.html index 85f9e99a3d..1a32739a8b 100644 --- a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.html +++ b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.html b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.html index 64514970db..9478667b65 100644 --- a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.html +++ b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.html b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.html index ab6919d1c6..09ac13c7c1 100644 --- a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.html +++ b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.html @@ -1,5 +1,5 @@
- - + folder @@ -24,4 +24,4 @@ -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.html b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.html index 37ca0b1c14..a0565858a2 100644 --- a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.html +++ b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.html @@ -1,5 +1,5 @@
- @@ -22,4 +22,4 @@ -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.html b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.html index 6b4147d40f..1399c6686f 100644 --- a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.html +++ b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.html @@ -3,7 +3,7 @@ delete
Drag a row here to delete it
- diff --git a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.html b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.html index de2158ef58..042f36ea3b 100644 --- a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.html +++ b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.html @@ -3,7 +3,7 @@ delete
Drag a row here to delete it
- diff --git a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html index 0061452bc4..2bbc0cc544 100644 --- a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html +++ b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts index d7f736571c..487e454819 100644 --- a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts +++ b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts @@ -1,4 +1,5 @@ import { Component, OnInit } from '@angular/core'; +import { GridSelectionMode } from 'igniteui-angular'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @Component({ @@ -10,7 +11,7 @@ export class TreeGridRowEditStyleComponent implements OnInit { public data: IEmployee[]; public columns: any[]; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public ngOnInit(): void { this.data = generateEmployeeFlatData(); diff --git a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.html b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.html index 0f238ee22d..7885ec8cbc 100644 --- a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.html +++ b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.html @@ -1,9 +1,9 @@
-
- @@ -15,4 +15,4 @@ -
\ No newline at end of file +
diff --git a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.html b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.html index 318985e923..a0e88601ac 100644 --- a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.html +++ b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.html b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.html index 97d5ad29d4..ec78f5ab87 100644 --- a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.html +++ b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.html @@ -3,7 +3,7 @@
- diff --git a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.html b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.html index 980bf35ed8..80991a936a 100644 --- a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.html +++ b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.html @@ -1,5 +1,5 @@
- diff --git a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts index df33a2069f..f80cf5a9d7 100644 --- a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts +++ b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts @@ -1,6 +1,6 @@ import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, - IgxTreeGridComponent, RowType, Point } from 'igniteui-angular'; + IgxTreeGridComponent, RowType, Point, GridSelectionMode } from 'igniteui-angular'; import { generateEmployeeFlatData } from '../data/employees-flat'; @Component({ @@ -11,7 +11,7 @@ import { generateEmployeeFlatData } from '../data/employees-flat'; export class TreeGridRowReorderComponent { @ViewChild(IgxTreeGridComponent, { read: IgxTreeGridComponent, static : true }) public treeGrid: IgxTreeGridComponent; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public localData = []; constructor() { this.localData = generateEmployeeFlatData(); diff --git a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.html b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.html index 68a16aaf1c..62d71284f3 100644 --- a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.html +++ b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.html @@ -1,5 +1,5 @@
- -
- -
- + diff --git a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.html b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.html index 27bb200b68..ddbb0d4563 100644 --- a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.html +++ b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.html @@ -3,7 +3,7 @@ Hide Row Selectors
- diff --git a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts index 678ff7f2da..f7bfe43543 100644 --- a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts +++ b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxSnackbarComponent, IgxTreeGridComponent, IRowSelectionEventArgs } from 'igniteui-angular'; +import { GridSelectionMode, IgxSnackbarComponent, IgxTreeGridComponent, IRowSelectionEventArgs } from 'igniteui-angular'; import { generateEmployeeFlatData } from '../data/employees-flat'; @Component({ @@ -12,7 +12,7 @@ export class TreeGridSelectionSampleComponent implements OnInit { @ViewChild('snackbarRowCount', { static: true }) public snackbarRowCount: IgxSnackbarComponent; @ViewChild('snackbar', { static: true }) public snackbar: IgxSnackbarComponent; public data: any[]; - public selectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public selectionModes = []; public hideRowSelectors = false; public selectedRows = [1, 2, 3]; diff --git a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.html b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.html index ee6a5ff0a3..946c83c1c8 100644 --- a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.html +++ b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.html @@ -1,5 +1,5 @@
- @@ -20,7 +20,7 @@ + [disableRipple]="true" [disableTransitions]="treeGrid.disableTransitions">
diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html index 0123031355..1a57852fdb 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.html @@ -1,5 +1,5 @@
-