angular-slickgrid 4.1.2 → 4.2.0

package/{i18n → dist/i18n}/fr.json

@@ -1,91 +1,91 @@
-{
-  "ALL_SELECTED": "Tout sélectionnés",
-  "CANCEL": "Annuler",
-  "CLEAR_ALL_FILTERS": "Supprimer tous les filtres",
-  "CLEAR_ALL_GROUPING": "Supprimer tous les groupes",
-  "CLEAR_ALL_SORTING": "Supprimer tous les tris",
-  "CLEAR_PINNING": "Dégeler les colonnes/rangées",
-  "COLLAPSE_ALL_GROUPS": "Réduire tous les groupes",
-  "COLUMNS": "Colonnes",
-  "COLUMN_RESIZE_BY_CONTENT": "Redimensionner par contenu",
-  "COMMANDS": "Commandes",
-  "CONTAINS": "Contient",
-  "COPY": "Copier",
-  "EMPTY_DATA_WARNING_MESSAGE": "Aucune donnée à afficher.",
-  "ENDS_WITH": "Se termine par",
-  "EQUALS": "Égale",
-  "EQUAL_TO": "Égal à",
-  "EXPAND_ALL_GROUPS": "Étendre tous les groupes",
-  "EXPORT_TO_CSV": "Exporter en format CSV",
-  "EXPORT_TO_EXCEL": "Exporter vers Excel",
-  "EXPORT_TO_TAB_DELIMITED": "Exporter en format texte (délimité par tabulation)",
-  "EXPORT_TO_TEXT_FORMAT": "Exporter en format texte",
-  "FROM_TO_OF_TOTAL_ITEMS": "{{from}}-{{to}} de {{totalItems}} éléments",
-  "FORCE_FIT_COLUMNS": "Ajustement forcé des colonnes",
-  "FREEZE_COLUMNS": "Geler les colonnes",
-  "GREATER_THAN": "Plus grand que",
-  "GREATER_THAN_OR_EQUAL_TO": "Plus grand ou égal à",
-  "GROUP_BY": "Grouper par",
-  "HIDE_COLUMN": "Cacher la colonne",
-  "IN_COLLECTION_SEPERATED_BY_COMMA": "Recherche incluant certain éléments d'une collection, doit être séparé par une virgule (a,b)",
-  "INVALID_FLOAT": "Le nombre doit être valide et avoir un maximum de {{maxDecimal}} décimales.",
-  "ITEMS": "éléments",
-  "ITEMS_PER_PAGE": "éléments par page",
-  "ITEMS_SELECTED": "éléments sélectionnés",
-  "LAST_UPDATE": "Dernière mise à jour",
-  "LESS_THAN": "Plus petit que",
-  "LESS_THAN_OR_EQUAL_TO": "Plus petit ou égal à",
-  "NOT_CONTAINS": "Ne contient pas",
-  "NOT_EQUAL_TO": "Non égal à",
-  "NOT_IN_COLLECTION_SEPERATED_BY_COMMA": "Recherche excluant certain éléments d'une collection, doit être séparé par une virgule (a,b)",
-  "OF": "de",
-  "OK": "Terminé",
-  "PAGE": "Page",
-  "PAGE_X_OF_Y": "page {{x}} de {{y}}",
-  "REFRESH_DATASET": "Rafraîchir les données",
-  "REMOVE_FILTER": "Supprimer le filtre",
-  "REMOVE_SORT": "Supprimer le tri",
-  "SAVE": "Sauvegarder",
-  "SELECT_ALL": "Sélectionner tout",
-  "SORT_ASCENDING": "Trier par ordre croissant",
-  "SORT_DESCENDING": "Trier par ordre décroissant",
-  "STARTS_WITH": "Commence par",
-  "SYNCHRONOUS_RESIZE": "Redimension synchrone",
-  "TOGGLE_FILTER_ROW": "Basculer la ligne des filtres",
-  "TOGGLE_PRE_HEADER_ROW": "Basculer la ligne de pré-en-tête",
-  "X_OF_Y_SELECTED": "# de % sélectionnés",
-  "BILLING": {
-    "ADDRESS": {
-      "STREET": "Adresse de facturation",
-      "ZIP": "Code zip de facturation"
-    },
-    "INFORMATION": "Information de Facturation"
-  },
-  "DURATION": "Durée",
-  "COMPANY": "Compagnie",
-  "COMPLETED": "Terminé",
-  "CHANGE_COMPLETED_FLAG": "Changer l'indicateur terminé",
-  "CHANGE_PRIORITY": "Changer la priorité",
-  "CUSTOM_COMMANDS": "Commandes Personnalisées",
-  "CUSTOMER_INFORMATION": "Information Client",
-  "DELETE_ROW": "Supprimer la ligne",
-  "DISABLED_COMMAND": "Commande désactivée",
-  "FALSE": "Faux",
-  "FEMALE": "Féminin",
-  "FINISH": "Fin",
-  "GENDER": "Sexe",
-  "HELP": "Aide",
-  "HIGH": "Haut",
-  "LOW": "Bas",
-  "MEDIUM": "Moyen",
-  "MALE": "Masculin",
-  "NAME": "Nom",
-  "NONE": "Aucun",
-  "PERCENT_COMPLETE": "% Achevée",
-  "PRIORITY": "Priorité",
-  "START": "Début",
-  "TASK_X": "Tâche {{x}}",
-  "TITLE": "Titre",
-  "TITLE.NAME": "Nom du Titre",
-  "TRUE": "Vrai"
+{
+  "ALL_SELECTED": "Tout sélectionnés",
+  "CANCEL": "Annuler",
+  "CLEAR_ALL_FILTERS": "Supprimer tous les filtres",
+  "CLEAR_ALL_GROUPING": "Supprimer tous les groupes",
+  "CLEAR_ALL_SORTING": "Supprimer tous les tris",
+  "CLEAR_PINNING": "Dégeler les colonnes/rangées",
+  "COLLAPSE_ALL_GROUPS": "Réduire tous les groupes",
+  "COLUMNS": "Colonnes",
+  "COLUMN_RESIZE_BY_CONTENT": "Redimensionner par contenu",
+  "COMMANDS": "Commandes",
+  "CONTAINS": "Contient",
+  "COPY": "Copier",
+  "EMPTY_DATA_WARNING_MESSAGE": "Aucune donnée à afficher.",
+  "ENDS_WITH": "Se termine par",
+  "EQUALS": "Égale",
+  "EQUAL_TO": "Égal à",
+  "EXPAND_ALL_GROUPS": "Étendre tous les groupes",
+  "EXPORT_TO_CSV": "Exporter en format CSV",
+  "EXPORT_TO_EXCEL": "Exporter vers Excel",
+  "EXPORT_TO_TAB_DELIMITED": "Exporter en format texte (délimité par tabulation)",
+  "EXPORT_TO_TEXT_FORMAT": "Exporter en format texte",
+  "FROM_TO_OF_TOTAL_ITEMS": "{{from}}-{{to}} de {{totalItems}} éléments",
+  "FORCE_FIT_COLUMNS": "Ajustement forcé des colonnes",
+  "FREEZE_COLUMNS": "Geler les colonnes",
+  "GREATER_THAN": "Plus grand que",
+  "GREATER_THAN_OR_EQUAL_TO": "Plus grand ou égal à",
+  "GROUP_BY": "Grouper par",
+  "HIDE_COLUMN": "Cacher la colonne",
+  "IN_COLLECTION_SEPERATED_BY_COMMA": "Recherche incluant certain éléments d'une collection, doit être séparé par une virgule (a,b)",
+  "INVALID_FLOAT": "Le nombre doit être valide et avoir un maximum de {{maxDecimal}} décimales.",
+  "ITEMS": "éléments",
+  "ITEMS_PER_PAGE": "éléments par page",
+  "ITEMS_SELECTED": "éléments sélectionnés",
+  "LAST_UPDATE": "Dernière mise à jour",
+  "LESS_THAN": "Plus petit que",
+  "LESS_THAN_OR_EQUAL_TO": "Plus petit ou égal à",
+  "NOT_CONTAINS": "Ne contient pas",
+  "NOT_EQUAL_TO": "Non égal à",
+  "NOT_IN_COLLECTION_SEPERATED_BY_COMMA": "Recherche excluant certain éléments d'une collection, doit être séparé par une virgule (a,b)",
+  "OF": "de",
+  "OK": "Terminé",
+  "PAGE": "Page",
+  "PAGE_X_OF_Y": "page {{x}} de {{y}}",
+  "REFRESH_DATASET": "Rafraîchir les données",
+  "REMOVE_FILTER": "Supprimer le filtre",
+  "REMOVE_SORT": "Supprimer le tri",
+  "SAVE": "Sauvegarder",
+  "SELECT_ALL": "Sélectionner tout",
+  "SORT_ASCENDING": "Trier par ordre croissant",
+  "SORT_DESCENDING": "Trier par ordre décroissant",
+  "STARTS_WITH": "Commence par",
+  "SYNCHRONOUS_RESIZE": "Redimension synchrone",
+  "TOGGLE_FILTER_ROW": "Basculer la ligne des filtres",
+  "TOGGLE_PRE_HEADER_ROW": "Basculer la ligne de pré-en-tête",
+  "X_OF_Y_SELECTED": "# de % sélectionnés",
+  "BILLING": {
+    "ADDRESS": {
+      "STREET": "Adresse de facturation",
+      "ZIP": "Code zip de facturation"
+    },
+    "INFORMATION": "Information de Facturation"
+  },
+  "DURATION": "Durée",
+  "COMPANY": "Compagnie",
+  "COMPLETED": "Terminé",
+  "CHANGE_COMPLETED_FLAG": "Changer l'indicateur terminé",
+  "CHANGE_PRIORITY": "Changer la priorité",
+  "CUSTOM_COMMANDS": "Commandes Personnalisées",
+  "CUSTOMER_INFORMATION": "Information Client",
+  "DELETE_ROW": "Supprimer la ligne",
+  "DISABLED_COMMAND": "Commande désactivée",
+  "FALSE": "Faux",
+  "FEMALE": "Féminin",
+  "FINISH": "Fin",
+  "GENDER": "Sexe",
+  "HELP": "Aide",
+  "HIGH": "Haut",
+  "LOW": "Bas",
+  "MEDIUM": "Moyen",
+  "MALE": "Masculin",
+  "NAME": "Nom",
+  "NONE": "Aucun",
+  "PERCENT_COMPLETE": "% Achevée",
+  "PRIORITY": "Priorité",
+  "START": "Début",
+  "TASK_X": "Tâche {{x}}",
+  "TITLE": "Titre",
+  "TITLE.NAME": "Nom du Titre",
+  "TRUE": "Vrai"
 }

package/dist/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "angular-slickgrid",
+  "version": "4.2.0",
+  "description": "Slickgrid components made available in Angular",
+  "keywords": [
+    "angular",
+    "plugin",
+    "datagrid",
+    "datatable",
+    "slickgrid"
+  ],
+  "license": "MIT",
+  "author": "Ghislain B.",
+  "homepage": "https://ghiscoding.github.io/Angular-Slickgrid/",
+  "bugs": {
+    "url": "https://github.com/ghiscoding/Angular-Slickgrid/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://github.com/ghiscoding/angular-slickgrid"
+  },
+  "main": "src/app/modules/angular-slickgrid/index",
+  "private": false,
+  "comments": {
+    "new-release": "1- build library (ng-packagr), 2- 'prepare-release' (npm script) & publish to npm, typically 'npm publish dist' works if it does not then run script 'pack-lib' and 'npm publish [tar file]'"
+  },
+  "funding": {
+    "type": "ko_fi",
+    "url": "https://ko-fi.com/ghiscoding"
+  },
+  "dependencies": {
+    "@slickgrid-universal/common": "^1.3.0",
+    "@slickgrid-universal/custom-footer-component": "^1.3.0",
+    "@slickgrid-universal/empty-warning-component": "^1.3.0",
+    "@slickgrid-universal/event-pub-sub": "^1.3.0",
+    "@slickgrid-universal/pagination-component": "^1.3.0",
+    "@slickgrid-universal/row-detail-view-plugin": "^1.3.0",
+    "@slickgrid-universal/rxjs-observable": "^1.3.0",
+    "@types/dompurify": "^2.3.3",
+    "@types/jquery": "^3.5.14",
+    "dequal": "^2.0.2",
+    "dompurify": "^2.3.8",
+    "font-awesome": "^4.7.0",
+    "jquery": "^3.6.0",
+    "moment-mini": "^2.24.0",
+    "rxjs": "^7.5.5",
+    "tslib": "^2.3.0"
+  },
+  "peerDependencies": {
+    "@ngx-translate/core": ">=14.0.0"
+  },
+  "engines": {
+    "node": ">=14.17.0",
+    "npm": ">=6.14.13"
+  },
+  "resolutions": {
+    "caniuse-lite": "1.0.30001356"
+  },
+  "module": "fesm2015/angular-slickgrid.mjs",
+  "es2020": "fesm2020/angular-slickgrid.mjs",
+  "esm2020": "esm2020/angular-slickgrid.mjs",
+  "fesm2020": "fesm2020/angular-slickgrid.mjs",
+  "fesm2015": "fesm2015/angular-slickgrid.mjs",
+  "typings": "angular-slickgrid.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./angular-slickgrid.d.ts",
+      "esm2020": "./esm2020/angular-slickgrid.mjs",
+      "es2020": "./fesm2020/angular-slickgrid.mjs",
+      "es2015": "./fesm2015/angular-slickgrid.mjs",
+      "node": "./fesm2015/angular-slickgrid.mjs",
+      "default": "./fesm2020/angular-slickgrid.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/global.d.ts

@@ -0,0 +1 @@
+import 'jest-extended';

package/ngcc.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  packages: {
+    'angular-slickgrid': {
+      ignorableDeepImportMatchers: [
+        /slickgrid\//,
+        /flatpickr/,
+        /assign-deep/,
+        /dequal/,
+        /jquery-ui-dist\//,
+      ]
+    },
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-slickgrid",
-  "version": "4.1.2",
+  "version": "4.2.0",
   "description": "Slickgrid components made available in Angular",
   "keywords": [
     "angular",
@@ -15,6 +15,41 @@
   "bugs": {
     "url": "https://github.com/ghiscoding/Angular-Slickgrid/issues"
   },
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve --port 4300",
+    "postinstall": "ngcc",
+    "prebuild": "npm-run-all delete:dist lint",
+    "build": "npm run packagr",
+    "postbuild": "npm-run-all copy:i18n copy:lib",
+    "build:with-e2e": "npm-run-all build cypress:ci",
+    "build:gh-demo": "npm run build",
+    "postbuild:gh-demo": "npm-run-all del-demo:dist copy-demo:dist",
+    "build:gh-demo:with-e2e": "npm run build:gh-demo",
+    "postbuild:gh-demo:with-e2e": "npm run cypress:ci",
+    "delete:dist": "cross-env rimraf dist",
+    "cypress": "cd test/cypress && node node_modules/cypress/bin/cypress open",
+    "cypress:ci": "cd test/cypress && npm run cypress:ci",
+    "lint": "ng lint",
+    "test": "npm run test:jest",
+    "test:jest": "npx jest --config test/jest.config.js",
+    "jest:ci": "npx jest --runInBand --coverage=true --ci --config ./test/jest.config.js",
+    "jest:clear": "npx jest --clearCache",
+    "jest:watch": "npx jest --config test/jest.config.js --watch",
+    "jest:coverage": "npx jest --config test/jest.config.js --runInBand --coverage",
+    "jest:snapshot": "npx jest --config test/jest.config.js --coverage -u",
+    "copy:i18n": "cross-env copyfiles -f src/assets/i18n/*.json dist/i18n",
+    "copy:lib": "cross-env copyfiles --up 2 src/assets/lib/** dist",
+    "copy-demo:dist": "cross-env copyfiles --up 1 dist/**/*.* ../angular-slickgrid-demos/bootstrap3-demo-with-translate/node_modules/angular-slickgrid",
+    "del-demo:dist": "cross-env rimraf ../angular-slickgrid-demos/bootstrap3-demo-with-translate/node_modules/angular-slickgrid",
+    "packagr": "ng-packagr -p package.json",
+    "changelog": "cross-env conventional-changelog -p angular -i doc/CHANGELOG.md -s",
+    "bump-version": "npm --no-git-tag-version version",
+    "prepare-release": "cross-env npm run changelog && npm run build && npm run doc",
+    "release": "standard-version",
+    "build:demo": "ng build --configuration=production",
+    "pack-lib": "npm pack ./dist"
+  },
   "repository": {
     "type": "git",
     "url": "http://github.com/ghiscoding/angular-slickgrid"
@@ -26,52 +61,104 @@
   },
   "funding": {
     "type": "ko_fi",
-    "url": "https://ko-fi.com/N4N679OT"
+    "url": "https://ko-fi.com/ghiscoding"
+  },
+  "ngPackage": {
+    "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+    "allowedNonPeerDependencies": [
+      "."
+    ],
+    "dest": "dist",
+    "lib": {
+      "entryFile": "src/public_api.ts"
+    }
   },
   "dependencies": {
-    "@slickgrid-universal/common": "^1.2.4",
-    "@slickgrid-universal/custom-footer-component": "^1.2.4",
-    "@slickgrid-universal/empty-warning-component": "^1.2.4",
-    "@slickgrid-universal/event-pub-sub": "^1.2.4",
-    "@slickgrid-universal/pagination-component": "^1.2.4",
-    "@slickgrid-universal/row-detail-view-plugin": "^1.2.4",
-    "@slickgrid-universal/rxjs-observable": "^1.2.4",
+    "@slickgrid-universal/common": "^1.3.0",
+    "@slickgrid-universal/custom-footer-component": "^1.3.0",
+    "@slickgrid-universal/empty-warning-component": "^1.3.0",
+    "@slickgrid-universal/event-pub-sub": "^1.3.0",
+    "@slickgrid-universal/pagination-component": "^1.3.0",
+    "@slickgrid-universal/row-detail-view-plugin": "^1.3.0",
+    "@slickgrid-universal/rxjs-observable": "^1.3.0",
     "@types/dompurify": "^2.3.3",
-    "@types/jquery": "^3.5.13",
+    "@types/jquery": "^3.5.14",
     "dequal": "^2.0.2",
-    "dompurify": "^2.3.4",
+    "dompurify": "^2.3.8",
     "font-awesome": "^4.7.0",
-    "jquery": "~3.5.1",
-    "jquery-ui-dist": "^1.12.1",
+    "jquery": "^3.6.0",
     "moment-mini": "^2.24.0",
-    "rxjs": ">=7.5.2",
-    "tslib": "^2.3.0"
+    "rxjs": "^7.5.5"
   },
   "peerDependencies": {
     "@ngx-translate/core": ">=14.0.0"
   },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~13.3.8",
+    "@angular-eslint/builder": "^13.5.0",
+    "@angular-eslint/eslint-plugin": "^13.5.0",
+    "@angular-eslint/eslint-plugin-template": "^13.5.0",
+    "@angular-eslint/schematics": "^13.5.0",
+    "@angular-eslint/template-parser": "^13.5.0",
+    "@angular/animations": "^13.3.11",
+    "@angular/cli": "^13.3.8",
+    "@angular/common": "^13.3.11",
+    "@angular/compiler": "^13.3.11",
+    "@angular/compiler-cli": "^13.3.11",
+    "@angular/core": "^13.3.11",
+    "@angular/forms": "^13.3.11",
+    "@angular/language-service": "^13.3.11",
+    "@angular/platform-browser": "^13.3.11",
+    "@angular/platform-browser-dynamic": "^13.3.11",
+    "@angular/router": "^13.3.11",
+    "@faker-js/faker": "^7.2.0",
+    "@fnando/sparkline": "^0.3.10",
+    "@ng-select/ng-select": "^8.3.0",
+    "@ngx-translate/core": "^14.0.0",
+    "@ngx-translate/http-loader": "^7.0.0",
+    "@slickgrid-universal/composite-editor-component": "^1.3.0",
+    "@slickgrid-universal/custom-tooltip-plugin": "^1.3.0",
+    "@slickgrid-universal/excel-export": "^1.3.0",
+    "@slickgrid-universal/graphql": "^1.3.0",
+    "@slickgrid-universal/odata": "^1.3.0",
+    "@slickgrid-universal/text-export": "^1.3.0",
+    "@types/flatpickr": "^3.1.2",
+    "@types/fnando__sparkline": "^0.3.4",
+    "@types/jest": "^28.1.2",
+    "@types/moment": "^2.13.0",
+    "@types/node": "^18.0.0",
+    "@types/text-encoding-utf-8": "^1.0.2",
+    "@typescript-eslint/eslint-plugin": "^5.28.0",
+    "@typescript-eslint/parser": "^5.28.0",
+    "autoprefixer": "^10.4.7",
+    "bootstrap": "^5.1.3",
+    "conventional-changelog": "^3.1.25",
+    "copyfiles": "^2.4.1",
+    "cross-env": "^7.0.3",
+    "custom-event-polyfill": "^1.0.7",
+    "eslint": "^8.18.0",
+    "jest": "^28.1.1",
+    "jest-extended": "^2.0.0",
+    "jest-preset-angular": "^12.1.0",
+    "ng-packagr": "^13.3.1",
+    "ngx-bootstrap": "^8.0.0",
+    "npm-run-all2": "^6.0.1",
+    "postcss": "^8.4.14",
+    "postcss-cli": "^9.1.0",
+    "rimraf": "^3.0.2",
+    "sass": "^1.52.3",
+    "standard-version": "^9.5.0",
+    "stream-browserify": "^3.0.0",
+    "ts-node": "^10.8.1",
+    "tslib": "^2.4.0",
+    "typescript": "~4.4.4",
+    "zone.js": "~0.11.6"
+  },
   "engines": {
     "node": ">=14.17.0",
-    "npm": ">=6.14.8"
-  },
-  "module": "fesm2015/angular-slickgrid.mjs",
-  "es2020": "fesm2020/angular-slickgrid.mjs",
-  "esm2020": "esm2020/angular-slickgrid.mjs",
-  "fesm2020": "fesm2020/angular-slickgrid.mjs",
-  "fesm2015": "fesm2015/angular-slickgrid.mjs",
-  "typings": "angular-slickgrid.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./angular-slickgrid.d.ts",
-      "esm2020": "./esm2020/angular-slickgrid.mjs",
-      "es2020": "./fesm2020/angular-slickgrid.mjs",
-      "es2015": "./fesm2015/angular-slickgrid.mjs",
-      "node": "./fesm2015/angular-slickgrid.mjs",
-      "default": "./fesm2020/angular-slickgrid.mjs"
-    }
+    "npm": ">=6.14.13"
   },
-  "sideEffects": false
-}
+  "resolutions": {
+    "caniuse-lite": "1.0.30001356"
+  }
+}

package/src/app/app-routing.module.ts

@@ -0,0 +1,83 @@
+import { HomeComponent } from './examples/home.component';
+import { GridAddItemComponent } from './examples/grid-additem.component';
+import { GridAngularComponent } from './examples/grid-angular.component';
+import { GridAutoHeightComponent } from './examples/grid-autoheight.component';
+import { GridBasicComponent } from './examples/grid-basic.component';
+import { GridClientSideComponent } from './examples/grid-clientside.component';
+import { GridColspanComponent } from './examples/grid-colspan.component';
+import { GridCompositeEditorComponent } from './examples/grid-composite-editor.component';
+import { GridContextMenuComponent } from './examples/grid-contextmenu.component';
+import { GridCustomTooltipComponent } from './examples/grid-custom-tooltip.component';
+import { GridDraggableGroupingComponent } from './examples/grid-draggrouping.component';
+import { GridEditorComponent } from './examples/grid-editor.component';
+import { GridFormatterComponent } from './examples/grid-formatter.component';
+import { GridFrozenComponent } from './examples/grid-frozen.component';
+import { GridGraphqlComponent } from './examples/grid-graphql.component';
+import { GridGraphqlWithoutPaginationComponent } from './examples/grid-graphql-nopage.component';
+import { GridGroupingComponent } from './examples/grid-grouping.component';
+import { GridHeaderButtonComponent } from './examples/grid-headerbutton.component';
+import { GridHeaderMenuComponent } from './examples/grid-headermenu.component';
+import { GridLocalizationComponent } from './examples/grid-localization.component';
+import { GridMenuComponent } from './examples/grid-menu.component';
+import { GridOdataComponent } from './examples/grid-odata.component';
+import { GridRangeComponent } from './examples/grid-range.component';
+import { GridRemoteComponent } from './examples/grid-remote.component';
+import { GridResizeByContentComponent } from './examples/grid-resize-by-content.component';
+import { GridRowDetailComponent } from './examples/grid-rowdetail.component';
+import { GridRowMoveComponent } from './examples/grid-rowmove.component';
+import { GridRowSelectionComponent } from './examples/grid-rowselection.component';
+import { GridStateComponent } from './examples/grid-state.component';
+import { GridTabsComponent } from './examples/grid-tabs.component';
+import { GridTradingComponent } from './examples/grid-trading.component';
+import { GridTreeDataHierarchicalComponent } from './examples/grid-tree-data-hierarchical.component';
+import { GridTreeDataParentChildComponent } from './examples/grid-tree-data-parent-child.component';
+import { SwtCommonGridTestComponent } from './examples/swt-common-grid-test.component';
+
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { TranslateModule } from '@ngx-translate/core';
+
+const routes: Routes = [
+  { path: 'home', component: HomeComponent },
+  { path: 'angular-components', component: GridAngularComponent },
+  { path: 'additem', component: GridAddItemComponent },
+  { path: 'autoheight', component: GridAutoHeightComponent },
+  { path: 'basic', component: GridBasicComponent },
+  { path: 'colspan', component: GridColspanComponent },
+  { path: 'composite-editor', component: GridCompositeEditorComponent },
+  { path: 'context', component: GridContextMenuComponent },
+  { path: 'custom-tooltip', component: GridCustomTooltipComponent },
+  { path: 'editor', component: GridEditorComponent },
+  { path: 'formatter', component: GridFormatterComponent },
+  { path: 'frozen', component: GridFrozenComponent },
+  { path: 'headerbutton', component: GridHeaderButtonComponent },
+  { path: 'headermenu', component: GridHeaderMenuComponent },
+  { path: 'gridgraphql', component: GridGraphqlComponent },
+  { path: 'graphql-nopage', component: GridGraphqlWithoutPaginationComponent },
+  { path: 'gridmenu', component: GridMenuComponent },
+  { path: 'gridstate', component: GridStateComponent },
+  { path: 'gridtabs', component: GridTabsComponent },
+  { path: 'draggrouping', component: GridDraggableGroupingComponent },
+  { path: 'grouping', component: GridGroupingComponent },
+  { path: 'localization', component: GridLocalizationComponent },
+  { path: 'clientside', component: GridClientSideComponent },
+  { path: 'odata', component: GridOdataComponent },
+  { path: 'range', component: GridRangeComponent },
+  { path: 'remote', component: GridRemoteComponent },
+  { path: 'resize-by-content', component: GridResizeByContentComponent },
+  { path: 'rowdetail', component: GridRowDetailComponent },
+  { path: 'rowmove', component: GridRowMoveComponent },
+  { path: 'selection', component: GridRowSelectionComponent },
+  { path: 'trading', component: GridTradingComponent },
+  { path: 'tree-data-parent-child', component: GridTreeDataParentChildComponent },
+  { path: 'tree-data-hierarchical', component: GridTreeDataHierarchicalComponent },
+  { path: 'swt', component: SwtCommonGridTestComponent },
+  { path: '', redirectTo: '/trading', pathMatch: 'full' },
+  { path: '**', redirectTo: '/trading', pathMatch: 'full' }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes, { useHash: true, relativeLinkResolution: 'legacy' }), TranslateModule],
+  exports: [RouterModule, TranslateModule],
+})
+export class AppRoutingRoutingModule { }