From a0db44c206bde6799ad58767118b8c1e4014b4ef Mon Sep 17 00:00:00 2001
From: Arun Kumar <arun.kumar@tarento.com>
Date: Tue, 18 Jul 2023 14:13:38 +0530
Subject: [PATCH] generic table features add
---
angular.json | 12 +-
package-lock.json | 999 ++++++++++++++++++
package.json | 6 +-
.../exams-table/exams-table.component.html | 5 +
.../exams-table/exams-table.component.ts | 7 +-
.../shared-table/shared-table.component.html | 46 +-
.../shared-table/shared-table.component.scss | 6 +
.../shared-table/shared-table.component.ts | 160 ++-
src/app/modules/shared/shared.module.ts | 7 +-
src/index.html | 5 +-
src/locale/en.ts | 5 +
src/locale/messages.ar.xlf | 15 +
src/locale/messages.xlf | 14 +
src/main.ts | 2 +
src/material/material.module.ts | 102 ++
src/styles.scss | 40 +
src/theme.scss | 34 +
tsconfig.app.json | 4 +-
tsconfig.json | 3 +-
tsconfig.spec.json | 3 +-
20 files changed, 1440 insertions(+), 35 deletions(-)
create mode 100644 src/locale/en.ts
create mode 100644 src/locale/messages.ar.xlf
create mode 100644 src/locale/messages.xlf
create mode 100644 src/material/material.module.ts
create mode 100644 src/theme.scss
diff --git a/angular.json b/angular.json
index 37b80c0..6f6c565 100644
--- a/angular.json
+++ b/angular.json
@@ -13,6 +13,14 @@
"root": "",
"sourceRoot": "src",
"prefix": "app",
+ "i18n": {
+ "sourceLocale": "en-CA",
+ "locales": {
+ "ar": {
+ "translation": "src/locale/messages.ar.xlf"
+ }
+ }
+ },
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
@@ -31,9 +39,7 @@
],
"styles": [
"src/styles.scss",
- "node_modules/primeng/resources/themes/lara-light-blue/theme.css",
- "node_modules/primeng/resources/primeng.min.css",
- "node_modules/primeicons/primeicons.css"
+ "node_modules/basscss/css/basscss.min.css"
],
"scripts": []
},
diff --git a/package-lock.json b/package-lock.json
index f5c226a..0668439 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,13 +9,16 @@
"version": "0.0.0",
"dependencies": {
"@angular/animations": "^15.1.0",
+ "@angular/cdk": "^15.2.9",
"@angular/common": "^15.1.0",
"@angular/compiler": "^15.1.0",
"@angular/core": "^15.1.0",
"@angular/forms": "^15.1.0",
+ "@angular/material": "^15.2.9",
"@angular/platform-browser": "^15.1.0",
"@angular/platform-browser-dynamic": "^15.1.0",
"@angular/router": "^15.1.0",
+ "basscss": "^8.1.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"
@@ -24,6 +27,7 @@
"@angular-devkit/build-angular": "^15.1.6",
"@angular/cli": "~15.1.6",
"@angular/compiler-cli": "^15.1.0",
+ "@angular/localize": "^15.2.9",
"@types/jasmine": "~4.3.0",
"jasmine-core": "~4.5.0",
"karma": "~6.4.0",
@@ -383,6 +387,46 @@
"@angular/core": "15.2.9"
}
},
+ "node_modules/@angular/cdk": {
+ "version": "15.2.9",
+ "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-15.2.9.tgz",
+ "integrity": "sha512-koaM07N1AIQ5oHU27l0/FoQSSoYAwlAYwVZ4Di3bYrJsTBNCN2Xsby7wI8gZxdepMnV4Fe9si382BDBov+oO4Q==",
+ "dependencies": {
+ "tslib": "^2.3.0"
+ },
+ "optionalDependencies": {
+ "parse5": "^7.1.2"
+ },
+ "peerDependencies": {
+ "@angular/common": "^15.0.0 || ^16.0.0",
+ "@angular/core": "^15.0.0 || ^16.0.0",
+ "rxjs": "^6.5.3 || ^7.4.0"
+ }
+ },
+ "node_modules/@angular/cdk/node_modules/entities": {
+ "version": "4.5.0",
+ "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+ "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+ "optional": true,
+ "engines": {
+ "node": ">=0.12"
+ },
+ "funding": {
+ "url": "https://github.com/fb55/entities?sponsor=1"
+ }
+ },
+ "node_modules/@angular/cdk/node_modules/parse5": {
+ "version": "7.1.2",
+ "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+ "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+ "optional": true,
+ "dependencies": {
+ "entities": "^4.4.0"
+ },
+ "funding": {
+ "url": "https://github.com/inikulin/parse5?sponsor=1"
+ }
+ },
"node_modules/@angular/cli": {
"version": "15.1.6",
"resolved": "https://registry.npmjs.org/@angular/cli/-/cli-15.1.6.tgz",
@@ -673,6 +717,132 @@
"rxjs": "^6.5.3 || ^7.4.0"
}
},
+ "node_modules/@angular/localize": {
+ "version": "15.2.9",
+ "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-15.2.9.tgz",
+ "integrity": "sha512-7ZGK3BWwIukSK5ORWjM3y/FYj7/ZJFl1RO1GCeL/tHD4nq0kd3q3pYvcpnoi9HGl+q8AkL24xdsfzgCFo8SB0g==",
+ "dev": true,
+ "dependencies": {
+ "@babel/core": "7.19.3",
+ "glob": "8.1.0",
+ "yargs": "^17.2.1"
+ },
+ "bin": {
+ "localize-extract": "tools/bundles/src/extract/cli.js",
+ "localize-migrate": "tools/bundles/src/migrate/cli.js",
+ "localize-translate": "tools/bundles/src/translate/cli.js"
+ },
+ "engines": {
+ "node": "^14.20.0 || ^16.13.0 || >=18.10.0"
+ },
+ "peerDependencies": {
+ "@angular/compiler": "15.2.9",
+ "@angular/compiler-cli": "15.2.9"
+ }
+ },
+ "node_modules/@angular/localize/node_modules/@babel/core": {
+ "version": "7.19.3",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.19.3.tgz",
+ "integrity": "sha512-WneDJxdsjEvyKtXKsaBGbDeiyOjR5vYq4HcShxnIbG0qixpoHjI3MqeZM9NDvsojNCEBItQE4juOo/bU6e72gQ==",
+ "dev": true,
+ "dependencies": {
+ "@ampproject/remapping": "^2.1.0",
+ "@babel/code-frame": "^7.18.6",
+ "@babel/generator": "^7.19.3",
+ "@babel/helper-compilation-targets": "^7.19.3",
+ "@babel/helper-module-transforms": "^7.19.0",
+ "@babel/helpers": "^7.19.0",
+ "@babel/parser": "^7.19.3",
+ "@babel/template": "^7.18.10",
+ "@babel/traverse": "^7.19.3",
+ "@babel/types": "^7.19.3",
+ "convert-source-map": "^1.7.0",
+ "debug": "^4.1.0",
+ "gensync": "^1.0.0-beta.2",
+ "json5": "^2.2.1",
+ "semver": "^6.3.0"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/babel"
+ }
+ },
+ "node_modules/@angular/localize/node_modules/semver": {
+ "version": "6.3.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+ "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+ "dev": true,
+ "bin": {
+ "semver": "bin/semver.js"
+ }
+ },
+ "node_modules/@angular/material": {
+ "version": "15.2.9",
+ "resolved": "https://registry.npmjs.org/@angular/material/-/material-15.2.9.tgz",
+ "integrity": "sha512-emuFF/7+91Jq+6kVCl3FiVoFLtAZoh+woFQWNuK8nhx0HmD4ckLFI8d9a6ERYR3zRuKhq5deSRE2kYsfpjrrsQ==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/auto-init": "15.0.0-canary.684e33d25.0",
+ "@material/banner": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/button": "15.0.0-canary.684e33d25.0",
+ "@material/card": "15.0.0-canary.684e33d25.0",
+ "@material/checkbox": "15.0.0-canary.684e33d25.0",
+ "@material/chips": "15.0.0-canary.684e33d25.0",
+ "@material/circular-progress": "15.0.0-canary.684e33d25.0",
+ "@material/data-table": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dialog": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/drawer": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/fab": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/floating-label": "15.0.0-canary.684e33d25.0",
+ "@material/form-field": "15.0.0-canary.684e33d25.0",
+ "@material/icon-button": "15.0.0-canary.684e33d25.0",
+ "@material/image-list": "15.0.0-canary.684e33d25.0",
+ "@material/layout-grid": "15.0.0-canary.684e33d25.0",
+ "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+ "@material/linear-progress": "15.0.0-canary.684e33d25.0",
+ "@material/list": "15.0.0-canary.684e33d25.0",
+ "@material/menu": "15.0.0-canary.684e33d25.0",
+ "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+ "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+ "@material/radio": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/segmented-button": "15.0.0-canary.684e33d25.0",
+ "@material/select": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/slider": "15.0.0-canary.684e33d25.0",
+ "@material/snackbar": "15.0.0-canary.684e33d25.0",
+ "@material/switch": "15.0.0-canary.684e33d25.0",
+ "@material/tab": "15.0.0-canary.684e33d25.0",
+ "@material/tab-bar": "15.0.0-canary.684e33d25.0",
+ "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+ "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
+ "@material/textfield": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tooltip": "15.0.0-canary.684e33d25.0",
+ "@material/top-app-bar": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.3.0"
+ },
+ "peerDependencies": {
+ "@angular/animations": "^15.0.0 || ^16.0.0",
+ "@angular/cdk": "15.2.9",
+ "@angular/common": "^15.0.0 || ^16.0.0",
+ "@angular/core": "^15.0.0 || ^16.0.0",
+ "@angular/forms": "^15.0.0 || ^16.0.0",
+ "@angular/platform-browser": "^15.0.0 || ^16.0.0",
+ "rxjs": "^6.5.3 || ^7.4.0"
+ }
+ },
"node_modules/@angular/platform-browser": {
"version": "15.2.9",
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-15.2.9.tgz",
@@ -3201,6 +3371,757 @@
"integrity": "sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A==",
"dev": true
},
+ "node_modules/@material/animation": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/animation/-/animation-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-5osi1z4JQIXcklPALbH/zTfOm2pDzHt9Fxm7ZyURy250xIZj6QjULRzPTnzOhC2ropfix9ra2Cfggbf0dcRbEQ==",
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/auto-init": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-OigQTmrVzkcGvxNjOaIe5oItTFPgrO9xLewvharDI6m6yvO1z7OBnkcW+sFN6ggLNYNxd0O1u9v64vMsmeDABQ==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/banner": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/banner/-/banner-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-PqtGp3KWzdu58rWv/DIvSfe38m5YKOBbAAbBinSvgadBb/da+IE1t5F7YPNKE1T5lJsQBGVUYx6QBIeXm+aI/A==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/button": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/base": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/base/-/base-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-oOaqb/SfjWwTKsdJUZmeh/Qrs41nIJI0N+zELsxnvbGjSIN1ZMAKYZFPMahqvC68OJ6+5CvJM8PoTNs5l+B8IQ==",
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/button": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/button/-/button-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-Nkekk4edeX+ObVOa7UlwavaHdmckPV5wU4SAJf3iA3R61cmz+KsgAgpzfcwv5WfNhIlc2nLu8QYEecpHdo9d/w==",
+ "dependencies": {
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/card": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/card/-/card-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-xhyB7XX5KkEiCEqwSPkl58ZGYL6xFdnY62zimyBXJRG/Eaa0Swj3kW20hVCpt4f7c9Zmp8Se27rg8vnKmhvO3g==",
+ "dependencies": {
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/checkbox": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-NFpM3TS924PmVsk2KQLNU95OYCf8ZwYgzeqfnAexU0bEfjUJXINBun2Go0AaeOUMjuvWUe+byjrXgv8SFYbMUA==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/chips": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/chips/-/chips-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-z4ajQ4NnsAQ/Si9tZ4xmxzjj2Qb+vW++4QjCjjjwAGIZbCe0xglAnMh2t66XLJUxt7RoKZuZVEO7ZqcFZpvJFQ==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/checkbox": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "safevalues": "^0.3.4",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/circular-progress": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-G6qD0nGNtEUwWnAMJuA9INYFpZoKtx7KFjBaPF4Ol2YLHtmShALNAYyn54TMAK8AZ2IpW08PXjGS7Ye88vrdEQ==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/data-table": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-+wDw1DDDFfAsKAMzs84f/5GCjux39zjNfW8tL4wFbkWNwewmQrG9zaQMJhBpVOtLCrM8Gj6SOgOANqgqoCjvGg==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/checkbox": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/icon-button": "15.0.0-canary.684e33d25.0",
+ "@material/linear-progress": "15.0.0-canary.684e33d25.0",
+ "@material/list": "15.0.0-canary.684e33d25.0",
+ "@material/menu": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/select": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/density": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/density/-/density-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-661yEVRMGrlq6S6WuSbPRO+ZwpdUOg2glCc7y96doM6itSLOa3UEAldjOLfsYZVB74GnKCiuDp//QmfoRyYTfA==",
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/dialog": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-szn0dHnfeQTSOC6SSRSGAzX6Tnx+4NnSMUwNkXm+3bwjds8ZVK26+DXwLrP5f3ID5F1K5sFsRf2INo5/TNTHyQ==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/button": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/icon-button": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/dom": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/dom/-/dom-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-7pEJLYov+tGgfuD8mZxoVU6rWtPI8ppjTAhz+F27Hz9FG0JETMWTKpDPBXLnKvX7vhIxL83GvZ9geNHCe8Hfog==",
+ "dependencies": {
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/drawer": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-/KMckLf1PYU/H3PXnS4e0aFl03qG3JlSv4LGgX6juJufcONqGTl/m63EMO/L/eUy6H1CRrXmVDjik/jzHLyDhg==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/list": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/elevation": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-WDF8SsRtq3rXUbVVbd9K4DUijIPH0bUFSOreVYxudpuxAfTlDS5+aeS1EK9UIBFYLuba4u5wVT2tDv6e1RTfrQ==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/fab": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/fab/-/fab-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-KCu87rWOKEAe9vZcAm6K8XazYSWPNjMG+OhrbPjHW6bCO7as1YCgtmkBkhff7csY/rFmcVpIy884xtUfLmSudQ==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/feature-targeting": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-HyH1erNTSjS63sigNSUMaCd0nJhTNdDFeC+myrxwtDaQm+uYJ8troCNtQM3g6mx0XATNtX5aTOoPmrM6yVVi1A==",
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/floating-label": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-f7TPp6bKpGvV3sYYiZHSGlrixXKkXXITW3Esp7KB9jRq42c0H82novmdwvY0eTef4ootmA2JEysr78KQfHBUPg==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/focus-ring": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-ikw2RVUfgzXChpWIzPH1VzRvTjYb5ZKj4H+CZf7jqPUXMstFOZg90Bp7ARLZHqYiyNMuUq3zUTHozS6iHorSqg==",
+ "dependencies": {
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0"
+ }
+ },
+ "node_modules/@material/form-field": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-vpF9N/uq5no/7+8GAbEH0868FhOuBgxAWRr1Sfb+jthKfBr8OS/wPU/AHzZHdHdAm7PQynbeOXfDsX2dI//PDA==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/icon-button": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-wMI+XGzmIN/o2ePBKg2hLyx7H4pXCRAyyIKMQS1FMp1UKa2tYmiHVX/V8skhKwCqxg3i6Ls/LxMjfPxTR18WvQ==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/image-list": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-Ol+uaHYBe5R/cgzlfh5ONnMVX0wO6fV74JMUcQCQlxP6lXau/edARo4tkRc7A7UJUkU3VRv0EpEjLoCRNUPGaA==",
+ "dependencies": {
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/layout-grid": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-ALXE1mqFNb/RB2lVRQ3/r1Aufw2mFZnOjRE+boYDVepmAG/xWyPCyaGoavELJF5l4GAb0tXi8wA/8HeGbLOpuA==",
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/line-ripple": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-7hRx8C/e9i0P6pgQpNOMfTwSS2r1fwEvBL72QDVGLtLuoKKwsjjgP6Z0Jat/GeHJe87u9LQvGBoD4upt+of/HA==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/linear-progress": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-iJclt7mKmcMk6pqD7ocXKfCWZhqBoODp7N593jYlxVpTJuEz2wiVAjZUDn/YGj/Uz3CRH+2YFfOiLr9pwWjhDg==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/progress-indicator": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/list": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/list/-/list-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-rQ+FCSdzmwTcT00IYE0uRV3CS4oGSccKFl9hkcF+aHFW61L7ORh/SCGUDPrEfQFrFkMn5f8qroVJjpUAMXBz4g==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/menu": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/menu/-/menu-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-r7wzDLSGSI9629/mfpvsMzkVxpmV75kcD3IrW0Pcu6/Bv/1xi0EvjcUXzNJJoQlwN4Zj35Ymz/PCjZkIDIz68Q==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/list": "15.0.0-canary.684e33d25.0",
+ "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/menu-surface": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-RVO5GAYcfWPaKwxsF/NhUAmrYXQCQBKvRQW0TIlbmAJz6lcFeTs6YZqF3u1C7qrL3ZQGz+sur/7ywj6QU0oMow==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/notched-outline": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-9YHcBkvJLPVYzkHcWoTpBZAFrEd+j1hjhGxLhh0LuNrZe8VroUkZD1TTnUAPHRG3os6EqEWWaKb0RN+aPIF2yQ==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/floating-label": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/progress-indicator": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-c0icji4faeNWUoqGENGC7Hav0Puxh0RwXIDVizffaUxKIGbajpIp5+4Zop73fK/xFLGMB/npg7TbP+aCGjQ3fw==",
+ "dependencies": {
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/radio": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/radio/-/radio-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-U3Eh8sNUA8trDla1Bq8Bo02foxYvtoewaKeF8A8tAju81XZ4jRiftfOsOWZDZEHCVbbCB2QwvutvFlnay5n+Aw==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/ripple": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-RyePu7SjIm/OuyyEieZ/gxiPYkNZOZHeid72WRcN9ofdlljj2pifcdPvcfZA+v/DMS33xo5GjG2L/Qj6ClWrKw==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/rtl": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-NqdJl8Ayupp1Th+vCNCpVQHbUFOuF7TCte9LD1norTIBUF/QizIxWby2W5uUEiPbnh5j9PmE1CJtfLwKun3pcw==",
+ "dependencies": {
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/segmented-button": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-bEGgg8vgXNLyukyV8HRjFMuQ6t6nm5LQ4Pgm22um61Yc8qyi0BOqV41OR4SVdUrUqZxh1aVD+p+4NN03+LfQXw==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/touch-target": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/select": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/select/-/select-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-kf178/2TeEinTv0mgmSBcmmExQ2h7a7dtR1E3WuqQgisJ/R6+zVLMkC2CnfIyzxYX2vkuUTG0ue3Reh/6XiqSg==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/floating-label": "15.0.0-canary.684e33d25.0",
+ "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+ "@material/list": "15.0.0-canary.684e33d25.0",
+ "@material/menu": "15.0.0-canary.684e33d25.0",
+ "@material/menu-surface": "15.0.0-canary.684e33d25.0",
+ "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/shape": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/shape/-/shape-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-aEelpaTFmpnCji3TUGP9bVCS/bRVjUmLTHBPZtuu1gOrUVVtJ6kYOg73dZNJF+XOoNL2yOX/LRcKwsop29tptA==",
+ "dependencies": {
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/slider": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/slider/-/slider-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-WVyK+2pSNSZmj07M2K/a3TADoQ9FBCndfNC/vE7/wGIg4dddJJK5KvQ+yruf9R2cSzTL/S1sZ5WpyyeM8E9HTw==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/snackbar": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-itO+DCkOannZzR1/cCHcqAm7ifhuFvXmDItNoA8qLEcAyJDJJRkhpwj3XQ01yuo9gBFcSctp7Txt7e+Hncm/Jg==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/button": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/icon-button": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/switch": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/switch/-/switch-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-Jxi0gl92yvvZZsAPxvVHzXx2ga+T/djMow98jvEczmpUorWnAhgiCr9CsSSRoosahWyRB8NLZOxUQrACxvffjw==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "safevalues": "^0.3.4",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/tab": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/tab/-/tab-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-WQL3wj9syHNcfe8KbgGGUcA34M8C/xZ+n0Fkkh8Kk6puVwaU+xqUNihsxPY6YzKpmh4PZ4oJaBdiN8zvFT1zqQ==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/focus-ring": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/tab-bar": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-SW/cMaDsIGGkM1ag3A7GJRlmr8eXmObWsvitQJzh6Azr5zzZtSI+GQygkMesAEE1gbpqOVN8d40rh3H7VVIAcA==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/tab": "15.0.0-canary.684e33d25.0",
+ "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
+ "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/tab-indicator": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-kKICqSPqOlaf0lzaFFCmuOqPXJC+cK48Qmsc+m5o6fJhkmuZRCYpIwB2JeP+uZSOq/bTH+SrPtCtnVlgWg6ksA==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/tab-scroller": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-H6EU/TSiK/M2DyyORX5GEtXD9rKYxTMHC2VxsNWARPMFJGzgeW2ugYkFv+rKI1/c0bs0CJ4e+qFnOlBsQXZvyQ==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/tab": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/textfield": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-OvgpDXjvpyJTtAWskO69IDybFvDNzr9w2PN/Fk7yFm+uNVupaWz1Ew8lZ4gGslaTNSVmh2XcsvmzxcLINSiiNg==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/density": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/floating-label": "15.0.0-canary.684e33d25.0",
+ "@material/line-ripple": "15.0.0-canary.684e33d25.0",
+ "@material/notched-outline": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/theme": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/theme/-/theme-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-AZxaXXAvRKzAi20RlMxzt2U5UmkCWyv7DMWEBXsxtG5Tk54mi1HsbVUp3fxDPTlmL7Pq8p1/DESg/o7TgRCVlw==",
+ "dependencies": {
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/tokens": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-wVwbQOTCXDPKYPdHQHLr026y36MMFelID1CmbfRk6mSol4O8yE9U0fXcShfRDW8Qo5E3X31w9c2A6T3neJY7wQ==",
+ "dependencies": {
+ "@material/elevation": "15.0.0-canary.684e33d25.0"
+ }
+ },
+ "node_modules/@material/tooltip": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-dtm26QjxyQdinc8btgz6yys07b7bUW4FZgNF2EBPeGrICrPg7jf+JEvDziz5g8VMaTBQLOQRSCGy0MKuRlOjLw==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/button": "15.0.0-canary.684e33d25.0",
+ "@material/dom": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/tokens": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "safevalues": "^0.3.4",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/top-app-bar": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-1M+oupUxflfW7u81P1XlxoLZB8bLzwtpKofIfDNRbEsiKhlLTERJR3Yak3BGE9xakNMysAaBHlkb5MrN5bNPFw==",
+ "dependencies": {
+ "@material/animation": "15.0.0-canary.684e33d25.0",
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/elevation": "15.0.0-canary.684e33d25.0",
+ "@material/ripple": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/shape": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "@material/typography": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/touch-target": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-zdE69Slg8+T7sTn1OwqZ6H7WBYac9mxJ/JlJqfTqthzIjZRcCxBSYymQJcDHjsrPnUojOtr9U4Tpm5YZ96TEkQ==",
+ "dependencies": {
+ "@material/base": "15.0.0-canary.684e33d25.0",
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/rtl": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
+ "node_modules/@material/typography": {
+ "version": "15.0.0-canary.684e33d25.0",
+ "resolved": "https://registry.npmjs.org/@material/typography/-/typography-15.0.0-canary.684e33d25.0.tgz",
+ "integrity": "sha512-aVnvgMwcfNa/K4wujzpKDIxjGl2hbkEL+m+OKDSQqWYjKcP9QrbzCXJruJBqxrBoPRHLbqo47k5f9uT8raSgjw==",
+ "dependencies": {
+ "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
+ "@material/theme": "15.0.0-canary.684e33d25.0",
+ "tslib": "^2.1.0"
+ }
+ },
"node_modules/@ngtools/webpack": {
"version": "15.2.9",
"resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-15.2.9.tgz",
@@ -4263,6 +5184,79 @@
"node": "^4.5.0 || >= 5.9"
}
},
+ "node_modules/basscss": {
+ "version": "8.1.0",
+ "resolved": "https://registry.npmjs.org/basscss/-/basscss-8.1.0.tgz",
+ "integrity": "sha512-SJ48HWDKqX1OnzeZgqwweFPVM98h0lNtvC+megWPCEJ1R6LIbx6dnj3rpCJueElVn9giWipZhoozMEBRAIlnUw==",
+ "dependencies": {
+ "basscss-align": "^1.0.2",
+ "basscss-border": "^4.0.2",
+ "basscss-flexbox": "^1.0.2",
+ "basscss-grid": "^2.0.0",
+ "basscss-hide": "^1.0.1",
+ "basscss-layout": "^3.1.0",
+ "basscss-margin": "^1.0.9",
+ "basscss-padding": "^1.1.3",
+ "basscss-position": "^2.0.3",
+ "basscss-type-scale": "^1.0.6",
+ "basscss-typography": "^3.0.4"
+ }
+ },
+ "node_modules/basscss-align": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/basscss-align/-/basscss-align-1.0.2.tgz",
+ "integrity": "sha512-T7XvlG6jqjBvQ27xSioO5p069E5jW12QbOy+V+QKnkmfwkU+SDTrcLI2DMSlTPGbPmtDZHeRrG9qwOhjbaMMbg=="
+ },
+ "node_modules/basscss-border": {
+ "version": "4.0.2",
+ "resolved": "https://registry.npmjs.org/basscss-border/-/basscss-border-4.0.2.tgz",
+ "integrity": "sha512-qw+AeA7zFVtYWdWR+GQ+CkXbGzJ6QhjyT4eE4SURSkviSoZkZEA+oVbtC/yD/hiy/spWFk9UDLE71vJ8CDEnHw=="
+ },
+ "node_modules/basscss-flexbox": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/basscss-flexbox/-/basscss-flexbox-1.0.2.tgz",
+ "integrity": "sha512-AtG6yBmmza2nPo3x9X4/7rbW22gLmiSvYvirFs7Aspt1zp5FHwpRBz3BD2v/a3qPdmVM8OvOLVNWISGM6O50MA=="
+ },
+ "node_modules/basscss-grid": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/basscss-grid/-/basscss-grid-2.0.0.tgz",
+ "integrity": "sha512-vUnHyLvNx4Bi7caXWMpooMBOBCP+bib/z+pu/kqySLHe0ap5kNTs9EgTBI/QVD8VrnruIznL5GUP3RuT0KLZ6g=="
+ },
+ "node_modules/basscss-hide": {
+ "version": "1.0.1",
+ "resolved": "https://registry.npmjs.org/basscss-hide/-/basscss-hide-1.0.1.tgz",
+ "integrity": "sha512-NYKtjyYIoY4GGiRrE5b3NV/9AmLJOoYTshKl2N6rNI+Bvh+rElT+F7GsOvNlmJvoVhDihcLK16U2UYYNlmb9Bw=="
+ },
+ "node_modules/basscss-layout": {
+ "version": "3.1.0",
+ "resolved": "https://registry.npmjs.org/basscss-layout/-/basscss-layout-3.1.0.tgz",
+ "integrity": "sha512-umKiuaeDS4THPPA/3N8UOO3wyubEKf+93Cm971QkAWLjDu2OrX5rOOAQC+tP+Q+OsMaAKvMNdZlA4kij+2y4nQ=="
+ },
+ "node_modules/basscss-margin": {
+ "version": "1.0.9",
+ "resolved": "https://registry.npmjs.org/basscss-margin/-/basscss-margin-1.0.9.tgz",
+ "integrity": "sha512-wpF8tXrtzU+iMtLvfSgYJlpkIxChOlay3YumoI+yJ6IiOe5uMmEGUG8FWAIkC8QalkKDAURAqHmQ4nbuyUvyag=="
+ },
+ "node_modules/basscss-padding": {
+ "version": "1.1.3",
+ "resolved": "https://registry.npmjs.org/basscss-padding/-/basscss-padding-1.1.3.tgz",
+ "integrity": "sha512-pfqA7LgTpdR9lCh36IxWFNV4kZM53G1lnQlvC/2MzUu62XhvRDXD2uENGXWwJYKgaxRAdqdDoHZ0K23mRlk29g=="
+ },
+ "node_modules/basscss-position": {
+ "version": "2.0.3",
+ "resolved": "https://registry.npmjs.org/basscss-position/-/basscss-position-2.0.3.tgz",
+ "integrity": "sha512-g3esHpUHqABF4wieZyAVaLI6JnK7/mPVG65OCfM6VcSRQcw7g4mxHI8nTWlnwlzpwFnqXnI/KBco00ccUJvOLg=="
+ },
+ "node_modules/basscss-type-scale": {
+ "version": "1.0.6",
+ "resolved": "https://registry.npmjs.org/basscss-type-scale/-/basscss-type-scale-1.0.6.tgz",
+ "integrity": "sha512-93KOVRr5iX0e38d6+k2pQ8WW1IA5DigQhJextts4rwbSt2+cr+XrokGJ74HB8LevO54HMoc3VJ8M6oOR2puc8A=="
+ },
+ "node_modules/basscss-typography": {
+ "version": "3.0.4",
+ "resolved": "https://registry.npmjs.org/basscss-typography/-/basscss-typography-3.0.4.tgz",
+ "integrity": "sha512-PMCxUfYPpAj8gQV8qI09lfNp7eWNrKtQFkCN2fZjLyReSY/wnw8QP8irpvbJ67vSEhlkA6ZP8j7vmTDoxkyu8g=="
+ },
"node_modules/batch": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
@@ -10059,6 +11053,11 @@
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
"dev": true
},
+ "node_modules/safevalues": {
+ "version": "0.3.4",
+ "resolved": "https://registry.npmjs.org/safevalues/-/safevalues-0.3.4.tgz",
+ "integrity": "sha512-LRneZZRXNgjzwG4bDQdOTSbze3fHm1EAKN/8bePxnlEZiBmkYEDggaHbuvHI9/hoqHbGfsEA7tWS9GhYHZBBsw=="
+ },
"node_modules/sass": {
"version": "1.58.1",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.58.1.tgz",
diff --git a/package.json b/package.json
index 9ff431a..38f947c 100644
--- a/package.json
+++ b/package.json
@@ -11,15 +11,16 @@
"private": true,
"dependencies": {
"@angular/animations": "^15.1.0",
+ "@angular/cdk": "^15.2.9",
"@angular/common": "^15.1.0",
"@angular/compiler": "^15.1.0",
"@angular/core": "^15.1.0",
"@angular/forms": "^15.1.0",
+ "@angular/material": "^15.2.9",
"@angular/platform-browser": "^15.1.0",
"@angular/platform-browser-dynamic": "^15.1.0",
"@angular/router": "^15.1.0",
- "primeicons": "^6.0.1",
- "primeng": "^15.0.1",
+ "basscss": "^8.1.0",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"
@@ -28,6 +29,7 @@
"@angular-devkit/build-angular": "^15.1.6",
"@angular/cli": "~15.1.6",
"@angular/compiler-cli": "^15.1.0",
+ "@angular/localize": "^15.2.9",
"@types/jasmine": "~4.3.0",
"jasmine-core": "~4.5.0",
"karma": "~6.4.0",
diff --git a/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.html b/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.html
index 6487b0b..8f855b7 100644
--- a/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.html
+++ b/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.html
@@ -1 +1,6 @@
+<div style="margin: 105px;">
+ <h2 class="mx-auto m3 p3" i18n>{{msgs.manageExamsText}}</h2>
+</div>
+
+
<app-shared-table> </app-shared-table>
\ No newline at end of file
diff --git a/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.ts b/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.ts
index dd822a3..f3ea26d 100644
--- a/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.ts
+++ b/src/app/modules/manage-exams-module/components/exams-table/exams-table.component.ts
@@ -1,6 +1,6 @@
import { Component } from '@angular/core';
-import { SharedTableComponent } from '../../../shared/components/shared-table/shared-table.component';
+import {msgs} from "../../../../../locale/en";
@Component({
selector: 'app-exams-table',
@@ -9,4 +9,9 @@ import { SharedTableComponent } from '../../../shared/components/shared-table/sh
})
export class ExamsTableComponent {
+ msgs = msgs;
+
+ngOnInit() {
+ console.log(this.msgs.manageExamsText);
+}
}
diff --git a/src/app/modules/shared/components/shared-table/shared-table.component.html b/src/app/modules/shared/components/shared-table/shared-table.component.html
index 53ba7d0..f3a9ba8 100644
--- a/src/app/modules/shared/components/shared-table/shared-table.component.html
+++ b/src/app/modules/shared/components/shared-table/shared-table.component.html
@@ -1,10 +1,10 @@
-
+<!--
<p-table [columns]="cols" [value]="value"
styleClass="p-datatable-striped"
[tableStyle]="{'min-width': '60rem'}">
<ng-template pTemplate="caption">
<div class="flex align-items-center justify-content-between">
- Products
+
</div>
</ng-template>
<ng-template pTemplate="header" let-columns>
@@ -21,6 +21,7 @@ styleClass="p-datatable-striped"
<td>{{product.price | currency:'USD'}}</td>
<td>{{product.category}}</td>
<td>{{product.category}}</td>
+ <td> <button><i class="pi pi-times" style="font-size: 1.5rem"></i></button></td>
</tr>
</ng-template>
<ng-template pTemplate="summary">
@@ -28,4 +29,43 @@ styleClass="p-datatable-striped"
In total there are ... products.
</div>
</ng-template>
-</p-table>
\ No newline at end of file
+</p-table> -->
+
+<div style="margin: 105px;">
+
+ <mat-form-field>
+ <input matInput appearance="standard" (keyup)="applyFilter($event.target.value)" placeholder="Search">
+ </mat-form-field>
+ <span>
+ <mat-icon class="" fontIcon="filter_list_alt"></mat-icon>
+ <mat-label class="p1">Filter</mat-label>
+ </span>
+
+ <table class="m4" mat-table [dataSource]="dataSource" class="mat-elevation-z1" matSort
+ sortActionDescription="Sort by number" (matSortChange)="announceSortChange($event)">
+ <ng-container matColumnDef="position" *ngFor="let disCol of tableColumns let colIndex = index;"
+ matColumnDef="{{disCol.columnDef}}">
+ <td mat-header-cell *matHeaderCellDef mat-sort-header>
+ {{ disCol.header }}
+ </td>
+
+ <td mat-cell *matCellDef="let element">
+ <span *ngIf="!disCol.isLink; else link">
+ {{ disCol.cell(element) }}
+ </span>
+
+ <ng-template #link>
+ <a>
+ {{ disCol.cell(element) }}
+ </a>
+ </ng-template>
+ </td>
+ </ng-container>
+
+ <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+
+ <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+ </table>
+ <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons aria-label="Select page of periodic elements">
+ </mat-paginator>
+</div>
\ No newline at end of file
diff --git a/src/app/modules/shared/components/shared-table/shared-table.component.scss b/src/app/modules/shared/components/shared-table/shared-table.component.scss
index e69de29..d4d4f21 100644
--- a/src/app/modules/shared/components/shared-table/shared-table.component.scss
+++ b/src/app/modules/shared/components/shared-table/shared-table.component.scss
@@ -0,0 +1,6 @@
+table {
+ width: 90%;
+ }
+ th.mat-sort-header-sorted {
+ color: black;
+ }
\ No newline at end of file
diff --git a/src/app/modules/shared/components/shared-table/shared-table.component.ts b/src/app/modules/shared/components/shared-table/shared-table.component.ts
index 06df9cd..f95d9e7 100644
--- a/src/app/modules/shared/components/shared-table/shared-table.component.ts
+++ b/src/app/modules/shared/components/shared-table/shared-table.component.ts
@@ -1,5 +1,8 @@
-import { Component } from '@angular/core';
-
+import { AfterViewInit, Component, ViewChild } from '@angular/core';
+import {LiveAnnouncer} from '@angular/cdk/a11y';
+import { MatTableDataSource } from '@angular/material/table';
+import {MatPaginator} from '@angular/material/paginator';
+import {MatSort, Sort} from '@angular/material/sort';
export interface TableProps {
id?: string;
code?: string;
@@ -13,9 +16,30 @@ export interface TableProps {
rating?: number;
}
-interface Column {
+export interface TableProps1 {
+ firstColumnData?: string;
+ secondColumnData?: string;
+ thirdColumnData?: string;
+ fourthColumnData?: string;
+ fifthColumnData?: number;
+ sixthColumnData?: number;
+ seventhColumnData?: string;
+ eighthColumnData?: string;
+ ninthColumnData?: string;
+ tenthColumnData?: number;
+}
+
+/* interface Column {
field: string;
header: string;
+} */
+
+export interface Column {
+ columnDef: string;
+ header: string;
+ cell: Function;
+ isLink?: boolean;
+ url?: string;
}
@Component({
@@ -23,14 +47,110 @@ interface Column {
templateUrl: './shared-table.component.html',
styleUrls: ['./shared-table.component.scss']
})
-export class SharedTableComponent {
- constructor() {}
+export class SharedTableComponent implements AfterViewInit {
+ constructor(private _liveAnnouncer: LiveAnnouncer) {}
value!: TableProps[];
cols!: Column[];
+
+ tableColumns: Array<Column> = [
+ {
+ columnDef: 'position',
+ header: 'Exam cycle',
+ cell: (element: Record<string, any>) => `${element['position']}`
+ },
+ {
+ columnDef: 'name',
+ header: 'Course Name',
+ cell: (element: Record<string, any>) => `${element['name']}`,
+ isLink: true,
+ url: 'abc'
+ },
+ {
+ columnDef: 'weight',
+ header: 'Start date',
+ cell: (element: Record<string, any>) => `${element['weight']}`
+ },
+ {
+ columnDef: 'symbol',
+ header: 'End date',
+ cell: (element: Record<string, any>) => `${element['symbol']}`
+ }
+ ];
+
+ anotherTableColumns: Array<Column> = [
+ {
+ columnDef: 'name',
+ header: 'Name',
+ cell: (element: Record<string, any>) => `${element['name']}`
+ },
+ {
+ columnDef: 'role',
+ header: 'Role',
+ cell: (element: Record<string, any>) => `${element['role']}`
+ },
+ {
+ columnDef: 'skills',
+ header: 'Skills',
+ cell: (element: Record<string, any>) => `${element['skills']}`
+ }
+ ];
+
+ anotherTableData: Array<any> = [
+ {
+ name: 'John',
+ role: 'Fullstack Developer',
+ skills: 'Angular, Typescript, React'
+ },
+ { name: 'Mile', role: 'Java Developer', skills: 'Java' },
+ { name: 'Peter', role: 'DevOps', skills: 'AWS, GCP' }
+ ];
+
+
+ tableData: Array<any> = [
+ { position: 1, name: 'Hydrogen', weight: 1.0079, symbol: 'H' },
+ { position: 2, name: 'Helium', weight: 4.0026, symbol: 'He' },
+ { position: 3, name: 'Lithium', weight: 6.941, symbol: 'Li' },
+ { position: 4, name: 'Beryllium', weight: 9.0122, symbol: 'Be' },
+ { position: 5, name: 'Boron', weight: 10.811, symbol: 'B' },
+ { position: 6, name: 'Carbon', weight: 12.0107, symbol: 'C' },
+ { position: 7, name: 'Nitrogen', weight: 14.0067, symbol: 'N' },
+ { position: 8, name: 'Oxygen', weight: 15.9994, symbol: 'O' },
+ { position: 9, name: 'Fluorine', weight: 18.9984, symbol: 'F' },
+ { position: 10, name: 'Neon', weight: 20.1797, symbol: 'Ne' }
+ ];;
+
+
+ displayedColumns: Array<string> = [];
+ dataSource: MatTableDataSource<[any]> = new MatTableDataSource();
+ //dataSource = new MatTableDataSource([])
+ @ViewChild(MatPaginator) paginator: MatPaginator;
+ @ViewChild(MatSort) sort: MatSort;
+
+ ngAfterViewInit() {
+ this.dataSource.sort = this.sort;
+ this.dataSource.paginator = this.paginator;
+
+ }
+ announceSortChange(sortState: Sort) {
+ console.log(sortState)
+ // This example uses English messages. If your application supports
+ // multiple language, you would internationalize these strings.
+ // Furthermore, you can customize the message to add additional
+ // details about the values being sorted.
+ if (sortState.direction) {
+ this._liveAnnouncer.announce(`Sorted ${sortState.direction}ending`);
+ } else {
+ this._liveAnnouncer.announce('Sorting cleared');
+ }
+ }
ngOnInit() {
+
+ this.displayedColumns = this.tableColumns.map((c) => c.columnDef);
+ this.dataSource = new MatTableDataSource(this.tableData);
+
- this.value = [{
+/* this.value = [{
id: '1000',
code: 'f230fh0g3',
name: 'Bamboo Watch',
@@ -64,21 +184,23 @@ export class SharedTableComponent {
quantity: 24,
inventoryStatus: 'INSTOCK',
rating: 5
- },]
+ },] */
- this.cols = [
- { field: 'code', header: 'Code' },
- { field: 'name', header: 'Name' },
- { field: 'category', header: 'Category' },
- { field: 'quantity', header: 'Quantity' },
+/* this.cols = [
+ { field: 'code', header: 'Exam Cycle' },
+ { field: 'name', header: 'Course Name' },
+ { field: 'category', header: 'Start Date' },
+ { field: 'quantity', header: 'End Date' },
+ { field: '', header: '' }
];
-
+ */
};
-
-
-
-
-
-
+ applyFilter(filterValue: string) {
+ this.dataSource.filter = filterValue.trim().toLowerCase();
+ console.log(this.dataSource.filter);
+ if (this.dataSource.paginator) {
+ this.dataSource.paginator.firstPage();
+ }
+ }
}
diff --git a/src/app/modules/shared/shared.module.ts b/src/app/modules/shared/shared.module.ts
index e84b662..03c12cb 100644
--- a/src/app/modules/shared/shared.module.ts
+++ b/src/app/modules/shared/shared.module.ts
@@ -1,16 +1,17 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
-import { TableModule } from 'primeng/table';
+//import { TableModule } from 'primeng/table';
import { SharedTableComponent } from './components/shared-table/shared-table.component';
-
+import {MaterialModule} from '../../../material/material.module';
@NgModule({
declarations: [
SharedTableComponent
],
imports: [
CommonModule,
- TableModule
+ //TableModule,
+ MaterialModule
],
exports :
[
diff --git a/src/index.html b/src/index.html
index a4a0674..3592af1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,8 +6,11 @@
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
+ <link rel="preconnect" href="https://fonts.gstatic.com">
+ <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
-<body>
+<body class="mat-typography">
<app-root></app-root>
</body>
</html>
diff --git a/src/locale/en.ts b/src/locale/en.ts
new file mode 100644
index 0000000..b46e979
--- /dev/null
+++ b/src/locale/en.ts
@@ -0,0 +1,5 @@
+export const msgs = {
+ "manageExamsText" : "Manage Exam Cycles and Exams",
+ "search":"Search"
+
+ };
\ No newline at end of file
diff --git a/src/locale/messages.ar.xlf b/src/locale/messages.ar.xlf
new file mode 100644
index 0000000..9017595
--- /dev/null
+++ b/src/locale/messages.ar.xlf
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+ <file source-language="en-CA" datatype="plaintext" original="ng2.template">
+ <body>
+ <trans-unit id="7517014163348734512" datatype="html">
+ <source>AAAAA</source>
+ <target>أزكيديا</target>
+ <context-group purpose="location">
+ <context context-type="sourcefile">src/app/modules/manage-exams-module/components/exams-table/exams-table.component.html</context>
+ <context context-type="linenumber">2</context>
+ </context-group>
+ </trans-unit>
+ </body>
+ </file>
+</xliff>
diff --git a/src/locale/messages.xlf b/src/locale/messages.xlf
new file mode 100644
index 0000000..9518c16
--- /dev/null
+++ b/src/locale/messages.xlf
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+ <file source-language="en-CA" datatype="plaintext" original="ng2.template">
+ <body>
+ <trans-unit id="7517014163348734512" datatype="html">
+ <source>AAAAA</source>
+ <context-group purpose="location">
+ <context context-type="sourcefile">src/app/modules/manage-exams-module/components/exams-table/exams-table.component.html</context>
+ <context context-type="linenumber">2</context>
+ </context-group>
+ </trans-unit>
+ </body>
+ </file>
+</xliff>
diff --git a/src/main.ts b/src/main.ts
index c58dc05..be6bfab 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,3 +1,5 @@
+/// <reference types="@angular/localize" />
+
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
diff --git a/src/material/material.module.ts b/src/material/material.module.ts
new file mode 100644
index 0000000..0ca4394
--- /dev/null
+++ b/src/material/material.module.ts
@@ -0,0 +1,102 @@
+import { NgModule } from '@angular/core';
+import {A11yModule} from '@angular/cdk/a11y';
+import {CdkAccordionModule} from '@angular/cdk/accordion';
+import {ClipboardModule} from '@angular/cdk/clipboard';
+import {DragDropModule} from '@angular/cdk/drag-drop';
+import {CdkListboxModule} from '@angular/cdk/listbox';
+import {PortalModule} from '@angular/cdk/portal';
+import {ScrollingModule} from '@angular/cdk/scrolling';
+import {CdkStepperModule} from '@angular/cdk/stepper';
+import {CdkTableModule} from '@angular/cdk/table';
+import {CdkTreeModule} from '@angular/cdk/tree';
+import {MatAutocompleteModule} from '@angular/material/autocomplete';
+import {MatBadgeModule} from '@angular/material/badge';
+import {MatBottomSheetModule} from '@angular/material/bottom-sheet';
+import {MatButtonModule} from '@angular/material/button';
+import {MatButtonToggleModule} from '@angular/material/button-toggle';
+import {MatCardModule} from '@angular/material/card';
+import {MatCheckboxModule} from '@angular/material/checkbox';
+import {MatChipsModule} from '@angular/material/chips';
+import {MatStepperModule} from '@angular/material/stepper';
+import {MatDatepickerModule} from '@angular/material/datepicker';
+import {MatDialogModule} from '@angular/material/dialog';
+import {MatDividerModule} from '@angular/material/divider';
+import {MatExpansionModule} from '@angular/material/expansion';
+import {MatGridListModule} from '@angular/material/grid-list';
+import {MatIconModule} from '@angular/material/icon';
+import {MatInputModule} from '@angular/material/input';
+import {MatListModule} from '@angular/material/list';
+import {MatMenuModule} from '@angular/material/menu';
+import {MatNativeDateModule, MatRippleModule} from '@angular/material/core';
+import {MatPaginatorModule} from '@angular/material/paginator';
+import {MatProgressBarModule} from '@angular/material/progress-bar';
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
+import {MatRadioModule} from '@angular/material/radio';
+import {MatSelectModule} from '@angular/material/select';
+import {MatSidenavModule} from '@angular/material/sidenav';
+import {MatSliderModule} from '@angular/material/slider';
+import {MatSlideToggleModule} from '@angular/material/slide-toggle';
+import {MatSnackBarModule} from '@angular/material/snack-bar';
+import {MatSortModule} from '@angular/material/sort';
+import {MatTableModule} from '@angular/material/table';
+import {MatTabsModule} from '@angular/material/tabs';
+import {MatToolbarModule} from '@angular/material/toolbar';
+import {MatTooltipModule} from '@angular/material/tooltip';
+import {MatTreeModule} from '@angular/material/tree';
+import {OverlayModule} from '@angular/cdk/overlay';
+import {CdkMenuModule} from '@angular/cdk/menu';
+import {DialogModule} from '@angular/cdk/dialog';
+
+@NgModule({
+ exports: [
+ A11yModule,
+ CdkAccordionModule,
+ ClipboardModule,
+ CdkListboxModule,
+ CdkMenuModule,
+ CdkStepperModule,
+ CdkTableModule,
+ CdkTreeModule,
+ DragDropModule,
+ MatAutocompleteModule,
+ MatBadgeModule,
+ MatBottomSheetModule,
+ MatButtonModule,
+ MatButtonToggleModule,
+ MatCardModule,
+ MatCheckboxModule,
+ MatChipsModule,
+ MatStepperModule,
+ MatDatepickerModule,
+ MatDialogModule,
+ MatDividerModule,
+ MatExpansionModule,
+ MatGridListModule,
+ MatIconModule,
+ MatInputModule,
+ MatListModule,
+ MatMenuModule,
+ MatNativeDateModule,
+ MatPaginatorModule,
+ MatProgressBarModule,
+ MatProgressSpinnerModule,
+ MatRadioModule,
+ MatRippleModule,
+ MatSelectModule,
+ MatSidenavModule,
+ MatSliderModule,
+ MatSlideToggleModule,
+ MatSnackBarModule,
+ MatSortModule,
+ MatTableModule,
+ MatTabsModule,
+ MatToolbarModule,
+ MatTooltipModule,
+ MatTreeModule,
+ OverlayModule,
+ PortalModule,
+ ScrollingModule,
+ DialogModule,
+ ]
+})
+export class MaterialModule {}
diff --git a/src/styles.scss b/src/styles.scss
index a13703f..91b98d2 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,4 +1,44 @@
+
+// Custom Theming for Angular Material
+// For more information: https://material.angular.io/guide/theming
+@use '@angular/material' as mat;
+// Plus imports for other components in your app.
+
+// Include the common styles for Angular Material. We include this here so that you only
+// have to load a single css file for Angular Material in your app.
+// Be sure that you only ever include this mixin once!
+@include mat.core();
+
+// Define the palettes for your theme using the Material Design palettes available in palette.scss
+// (imported above). For each palette, you can optionally specify a default, lighter, and darker
+// hue. Available color palettes: https://material.io/design/color/
+$upsmf-examination-module-primary: mat.define-palette(mat.$indigo-palette);
+$upsmf-examination-module-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+
+// The warn palette is optional (defaults to red).
+$upsmf-examination-module-warn: mat.define-palette(mat.$red-palette);
+
+// Create the theme object. A theme consists of configurations for individual
+// theming systems such as "color" or "typography".
+$upsmf-examination-module-theme: mat.define-light-theme((
+ color: (
+ primary: $upsmf-examination-module-primary,
+ accent: $upsmf-examination-module-accent,
+ warn: $upsmf-examination-module-warn,
+ )
+));
+
+// Include theme styles for core and each component used in your app.
+// Alternatively, you can import and @include the theme mixins for each component
+// that you are using.
+@include mat.all-component-themes($upsmf-examination-module-theme);
+
/* You can add global styles to this file, and also import other style files */
body {
font-family: var(--font-family);
}
+
+html, body { height: 100%; }
+body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+
+
diff --git a/src/theme.scss b/src/theme.scss
new file mode 100644
index 0000000..a898903
--- /dev/null
+++ b/src/theme.scss
@@ -0,0 +1,34 @@
+// Custom Theming for Angular Material
+// For more information: https://material.angular.io/guide/theming
+@use '@angular/material' as mat;
+// Plus imports for other components in your app.
+
+// Include the common styles for Angular Material. We include this here so that you only
+// have to load a single css file for Angular Material in your app.
+// Be sure that you only ever include this mixin once!
+@include mat.core();
+
+// Define the palettes for your theme using the Material Design palettes available in palette.scss
+// (imported above). For each palette, you can optionally specify a default, lighter, and darker
+// hue. Available color palettes: https://material.io/design/color/
+$theme-primary: mat.define-palette(mat.$indigo-palette);
+$theme-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
+
+// The warn palette is optional (defaults to red).
+$theme-warn: mat.define-palette(mat.$red-palette);
+
+// Create the theme object. A theme consists of configurations for individual
+// theming systems such as "color" or "typography".
+$theme: mat.define-light-theme((
+ color: (
+ primary: $theme-primary,
+ accent: $theme-accent,
+ warn: $theme-warn,
+ ),
+ typography: mat.define-typography-config(),
+));
+
+// Include theme styles for core and each component used in your app.
+// Alternatively, you can import and @include the theme mixins for each component
+// that you are using.
+@include mat.all-component-themes($theme);
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 374cc9d..ec26f70 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -3,7 +3,9 @@
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
- "types": []
+ "types": [
+ "@angular/localize"
+ ]
},
"files": [
"src/main.ts"
diff --git a/tsconfig.json b/tsconfig.json
index ed966d4..584aa07 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,6 +7,7 @@
"forceConsistentCasingInFileNames": true,
"strict": true,
"noImplicitOverride": true,
+ "strictPropertyInitialization": false,
"noPropertyAccessFromIndexSignature": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
@@ -28,6 +29,6 @@
"enableI18nLegacyMessageIdFormat": false,
"strictInjectionParameters": true,
"strictInputAccessModifiers": true,
- "strictTemplates": true
+ "strictTemplates": false
}
}
diff --git a/tsconfig.spec.json b/tsconfig.spec.json
index be7e9da..c63b698 100644
--- a/tsconfig.spec.json
+++ b/tsconfig.spec.json
@@ -4,7 +4,8 @@
"compilerOptions": {
"outDir": "./out-tsc/spec",
"types": [
- "jasmine"
+ "jasmine",
+ "@angular/localize"
]
},
"include": [
--
GitLab