From 2f2a1b576ffe31c1acac329c1971c1f951031039 Mon Sep 17 00:00:00 2001
From: bastien ollier <bastien.ollier@etu.uca.fr>
Date: Wed, 31 Jan 2024 17:03:27 +0100
Subject: [PATCH] new style

---
 angular.json                                  |   2 +
 package-lock.json                             | 822 ++++++++++++++++++
 package.json                                  |   3 +-
 .../components/editor/editor.component.html   | 126 +--
 .../components/editor/editor.component.scss   |  79 +-
 src/assets/img/download.png                   | Bin 0 -> 6135 bytes
 src/assets/img/open-file.png                  | Bin 0 -> 7365 bytes
 src/index.html                                |   4 +-
 src/styles.scss                               |   3 +
 9 files changed, 981 insertions(+), 58 deletions(-)
 create mode 100644 src/assets/img/download.png
 create mode 100644 src/assets/img/open-file.png

diff --git a/angular.json b/angular.json
index 5ba91f6..58eb2fd 100644
--- a/angular.json
+++ b/angular.json
@@ -25,6 +25,7 @@
               "src/assets"
             ],
             "styles": [
+              "@angular/material/prebuilt-themes/pink-bluegrey.css",
               "src/styles.scss"
             ],
             "scripts": []
@@ -84,6 +85,7 @@
               "src/assets"
             ],
             "styles": [
+              "@angular/material/prebuilt-themes/pink-bluegrey.css",
               "src/styles.scss"
             ],
             "scripts": []
diff --git a/package-lock.json b/package-lock.json
index 49a7f13..a450c53 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "@angular/compiler": "^17.1.0",
         "@angular/core": "^17.1.0",
         "@angular/forms": "^17.1.0",
+        "@angular/material": "^17.1.0",
         "@angular/platform-browser": "^17.1.0",
         "@angular/platform-browser-dynamic": "^17.1.0",
         "@angular/router": "^17.1.0",
@@ -467,6 +468,70 @@
         "rxjs": "^6.5.3 || ^7.4.0"
       }
     },
+    "node_modules/@angular/material": {
+      "version": "17.1.0",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-17.1.0.tgz",
+      "integrity": "sha512-PzHTXAHuap4K7fteQhpR5+BCLV3jSpT9mhaN9evDGYqXS6iMcEX/9RBR7jVqtW2/5pnDopUioBc7pf0JWWI4JA==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/auto-init": "15.0.0-canary.7f224ddd4.0",
+        "@material/banner": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/button": "15.0.0-canary.7f224ddd4.0",
+        "@material/card": "15.0.0-canary.7f224ddd4.0",
+        "@material/checkbox": "15.0.0-canary.7f224ddd4.0",
+        "@material/chips": "15.0.0-canary.7f224ddd4.0",
+        "@material/circular-progress": "15.0.0-canary.7f224ddd4.0",
+        "@material/data-table": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dialog": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/drawer": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/fab": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/floating-label": "15.0.0-canary.7f224ddd4.0",
+        "@material/form-field": "15.0.0-canary.7f224ddd4.0",
+        "@material/icon-button": "15.0.0-canary.7f224ddd4.0",
+        "@material/image-list": "15.0.0-canary.7f224ddd4.0",
+        "@material/layout-grid": "15.0.0-canary.7f224ddd4.0",
+        "@material/line-ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/linear-progress": "15.0.0-canary.7f224ddd4.0",
+        "@material/list": "15.0.0-canary.7f224ddd4.0",
+        "@material/menu": "15.0.0-canary.7f224ddd4.0",
+        "@material/menu-surface": "15.0.0-canary.7f224ddd4.0",
+        "@material/notched-outline": "15.0.0-canary.7f224ddd4.0",
+        "@material/radio": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/segmented-button": "15.0.0-canary.7f224ddd4.0",
+        "@material/select": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/slider": "15.0.0-canary.7f224ddd4.0",
+        "@material/snackbar": "15.0.0-canary.7f224ddd4.0",
+        "@material/switch": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab-bar": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab-indicator": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab-scroller": "15.0.0-canary.7f224ddd4.0",
+        "@material/textfield": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tooltip": "15.0.0-canary.7f224ddd4.0",
+        "@material/top-app-bar": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/animations": "^17.0.0 || ^18.0.0",
+        "@angular/cdk": "17.1.0",
+        "@angular/common": "^17.0.0 || ^18.0.0",
+        "@angular/core": "^17.0.0 || ^18.0.0",
+        "@angular/forms": "^17.0.0 || ^18.0.0",
+        "@angular/platform-browser": "^17.0.0 || ^18.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
     "node_modules/@angular/platform-browser": {
       "version": "17.1.0",
       "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-17.1.0.tgz",
@@ -2876,6 +2941,758 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/@material/animation": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/animation/-/animation-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-1GSJaPKef+7HRuV+HusVZHps64cmZuOItDbt40tjJVaikcaZvwmHlcTxRIqzcRoCdt5ZKHh3NoO7GB9Khg4Jnw==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/auto-init": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-t7ZGpRJ3ec0QDUO0nJu/SMgLW7qcuG2KqIsEYD1Ej8qhI2xpdR2ydSDQOkVEitXmKoGol1oq4nYSBjTlB65GqA==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/banner": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/banner/-/banner-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-g9wBUZzYBizyBcBQXTIafnRUUPi7efU9gPJfzeGgkynXiccP/vh5XMmH+PBxl5v+4MlP/d4cZ2NUYoAN7UTqSA==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/button": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/base": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/base/-/base-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-I9KQOKXpLfJkP8MqZyr8wZIzdPHrwPjFvGd9zSK91/vPyE4hzHRJc/0njsh9g8Lm9PRYLbifXX+719uTbHxx+A==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/button": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/button/-/button-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-BHB7iyHgRVH+JF16+iscR+Qaic+p7LU1FOLgP8KucRlpF9tTwIxQA6mJwGRi5gUtcG+vyCmzVS+hIQ6DqT/7BA==",
+      "dependencies": {
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/card": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/card/-/card-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-kt7y9/IWOtJTr3Z/AoWJT3ZLN7CLlzXhx2udCLP9ootZU2bfGK0lzNwmo80bv/pJfrY9ihQKCtuGTtNxUy+vIw==",
+      "dependencies": {
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/checkbox": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-rURcrL5O1u6hzWR+dNgiQ/n89vk6tdmdP3mZgnxJx61q4I/k1yijKqNJSLrkXH7Rto3bM5NRKMOlgvMvVd7UMQ==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/chips": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/chips/-/chips-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-AYAivV3GSk/T/nRIpH27sOHFPaSMrE3L0WYbnb5Wa93FgY8a0fbsFYtSH2QmtwnzXveg+B1zGTt7/xIIcynKdQ==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/checkbox": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/circular-progress": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-DJrqCKb+LuGtjNvKl8XigvyK02y36GRkfhMUYTcJEi3PrOE00bwXtyj7ilhzEVshQiXg6AHGWXtf5UqwNrx3Ow==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/progress-indicator": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/data-table": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-/2WZsuBIq9z9RWYF5Jo6b7P6u0fwit+29/mN7rmAZ6akqUR54nXyNfoSNiyydMkzPlZZsep5KrSHododDhBZbA==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/checkbox": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/icon-button": "15.0.0-canary.7f224ddd4.0",
+        "@material/linear-progress": "15.0.0-canary.7f224ddd4.0",
+        "@material/list": "15.0.0-canary.7f224ddd4.0",
+        "@material/menu": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/select": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/density": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/density/-/density-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-o9EXmGKVpiQ6mHhyV3oDDzc78Ow3E7v8dlaOhgaDSXgmqaE8v5sIlLNa/LKSyUga83/fpGk3QViSGXotpQx0jA==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/dialog": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-u0XpTlv1JqWC/bQ3DavJ1JguofTelLT2wloj59l3/1b60jv42JQ6Am7jU3I8/SIUB1MKaW7dYocXjDWtWJakLA==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/button": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/icon-button": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/dom": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/dom/-/dom-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-mQ1HT186GPQSkRg5S18i70typ5ZytfjL09R0gJ2Qg5/G+MLCGi7TAjZZSH65tuD/QGOjel4rDdWOTmYbPYV6HA==",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/drawer": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-qyO0W0KBftfH8dlLR0gVAgv7ZHNvU8ae11Ao6zJif/YxcvK4+gph1z8AO4H410YmC2kZiwpSKyxM1iQCCzbb4g==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/list": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/elevation": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-tV6s4/pUBECedaI36Yj18KmRCk1vfue/JP/5yYRlFNnLMRVISePbZaKkn/BHXVf+26I3W879+XqIGlDVdmOoMA==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/fab": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/fab/-/fab-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-4h76QrzfZTcPdd+awDPZ4Q0YdSqsXQnS540TPtyXUJ/5G99V6VwGpjMPIxAsW0y+pmI9UkLL/srrMaJec+7r4Q==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/feature-targeting": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-SAjtxYh6YlKZriU83diDEQ7jNSP2MnxKsER0TvFeyG1vX/DWsUyYDOIJTOEa9K1N+fgJEBkNK8hY55QhQaspew==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/floating-label": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-0KMo5ijjYaEHPiZ2pCVIcbaTS2LycvH9zEhEMKwPPGssBCX7iz5ffYQFk7e5yrQand1r3jnQQgYfHAwtykArnQ==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/focus-ring": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/focus-ring/-/focus-ring-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-Jmg1nltq4J6S6A10EGMZnvufrvU3YTi+8R8ZD9lkSbun0Fm2TVdICQt/Auyi6An9zP66oQN6c31eqO6KfIPsDg==",
+      "dependencies": {
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0"
+      }
+    },
+    "node_modules/@material/form-field": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-fEPWgDQEPJ6WF7hNnIStxucHR9LE4DoDSMqCsGWS2Yu+NLZYLuCEecgR0UqQsl1EQdNRaFh8VH93KuxGd2hiPg==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/icon-button": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-DcK7IL4ICY/DW+48YQZZs9g0U1kRaW0Wb0BxhvppDMYziHo/CTpFdle4gjyuTyRxPOdHQz5a97ru48Z9O4muTw==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/image-list": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-voMjG2p80XbjL1B2lmF65zO5gEgJOVKClLdqh4wbYzYfwY/SR9c8eLvlYG7DLdFaFBl/7gGxD8TvvZ329HUFPw==",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/layout-grid": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-veDABLxMn2RmvfnUO2RUmC1OFfWr4cU+MrxKPoDD2hl3l3eDYv5fxws6r5T1JoSyXoaN+oEZpheS0+M9Ure8Pg==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/line-ripple": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-f60hVJhIU6I3/17Tqqzch1emUKEcfVVgHVqADbU14JD+oEIz429ZX9ksZ3VChoU3+eejFl+jVdZMLE/LrAuwpg==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/linear-progress": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-pRDEwPQielDiC9Sc5XhCXrGxP8wWOnAO8sQlMebfBYHYqy5hhiIzibezS8CSaW4MFQFyXmCmpmqWlbqGYRmiyg==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/progress-indicator": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/list": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/list/-/list-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-Is0NV91sJlXF5pOebYAtWLF4wU2MJDbYqztML/zQNENkQxDOvEXu3nWNb3YScMIYJJXvARO0Liur5K4yPagS1Q==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/menu": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/menu/-/menu-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-D11QU1dXqLbh5X1zKlEhS3QWh0b5BPNXlafc5MXfkdJHhOiieb7LC9hMJhbrHtj24FadJ7evaFW/T2ugJbJNnQ==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/list": "15.0.0-canary.7f224ddd4.0",
+        "@material/menu-surface": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/menu-surface": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-7RZHvw0gbwppaAJ/Oh5SWmfAKJ62aw1IMB3+3MRwsb5PLoV666wInYa+zJfE4i7qBeOn904xqT2Nko5hY0ssrg==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/notched-outline": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-Yg2usuKB2DKlKIBISbie9BFsOVuffF71xjbxPbybvqemxqUBd+bD5/t6H1fLE+F8/NCu5JMigho4ewUU+0RCiw==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/floating-label": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/progress-indicator": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-UPbDjE5CqT+SqTs0mNFG6uFEw7wBlgYmh+noSkQ6ty/EURm8lF125dmi4dv4kW0+octonMXqkGtAoZwLIHKf/w==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/radio": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/radio/-/radio-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-wR1X0Sr0KmQLu6+YOFKAI84G3L6psqd7Kys5kfb8WKBM36zxO5HQXC5nJm/Y0rdn22ixzsIz2GBo0MNU4V4k1A==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/ripple": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-JqOsWM1f4aGdotP0rh1vZlPZTg6lZgh39FIYHFMfOwfhR+LAikUJ+37ciqZuewgzXB6iiRO6a8aUH6HR5SJYPg==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/rtl": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-UVf14qAtmPiaaZjuJtmN36HETyoKWmsZM/qn1L5ciR2URb8O035dFWnz4ZWFMmAYBno/L7JiZaCkPurv2ZNrGA==",
+      "dependencies": {
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/segmented-button": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-LCnVRUSAhELTKI/9hSvyvIvQIpPpqF29BV+O9yM4WoNNmNWqTulvuiv7grHZl6Z+kJuxSg4BGbsPxxb9dXozPg==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/touch-target": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/select": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/select/-/select-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-WioZtQEXRpglum0cMSzSqocnhsGRr+ZIhvKb3FlaNrTaK8H3Y4QA7rVjv3emRtrLOOjaT6/RiIaUMTo9AGzWQQ==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/floating-label": "15.0.0-canary.7f224ddd4.0",
+        "@material/line-ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/list": "15.0.0-canary.7f224ddd4.0",
+        "@material/menu": "15.0.0-canary.7f224ddd4.0",
+        "@material/menu-surface": "15.0.0-canary.7f224ddd4.0",
+        "@material/notched-outline": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/shape": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/shape/-/shape-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-8z8l1W3+cymObunJoRhwFPKZ+FyECfJ4MJykNiaZq7XJFZkV6xNmqAVrrbQj93FtLsECn9g4PjjIomguVn/OEw==",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/slider": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/slider/-/slider-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-QU/WSaSWlLKQRqOhJrPgm29wqvvzRusMqwAcrCh1JTrCl+xwJ43q5WLDfjYhubeKtrEEgGu9tekkAiYfMG7EBw==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/snackbar": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-sm7EbVKddaXpT/aXAYBdPoN0k8yeg9+dprgBUkrdqGzWJAeCkxb4fv2B3He88YiCtvkTz2KLY4CThPQBSEsMFQ==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/button": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/icon-button": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/switch": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/switch/-/switch-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-lEDJfRvkVyyeHWIBfoxYjJVl+WlEAE2kZ/+6OqB1FW0OV8ftTODZGhHRSzjVBA1/p4FPuhAtKtoK9jTpa4AZjA==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/tab/-/tab-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-E1xGACImyCLurhnizyOTCgOiVezce4HlBFAI6YhJo/AyVwjN2Dtas4ZLQMvvWWqpyhITNkeYdOchwCC1mrz3AQ==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/focus-ring": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab-indicator": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab-bar": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-p1Asb2NzrcECvAQU3b2SYrpyJGyJLQWR+nXTYzDKE8WOpLIRCXap2audNqD7fvN/A20UJ1J8U01ptrvCkwJ4eA==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab-indicator": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab-scroller": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab-indicator": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-h9Td3MPqbs33spcPS7ecByRHraYgU4tNCZpZzZXw31RypjKvISDv/PS5wcA4RmWqNGih78T7xg4QIGsZg4Pk4w==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tab-scroller": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-LFeYNjQpdXecwECd8UaqHYbhscDCwhGln5Yh+3ctvcEgvmDPNjhKn/DL3sWprWvG8NAhP6sHMrsGhQFVdCWtTg==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/tab": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/textfield": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-AExmFvgE5nNF0UA4l2cSzPghtxSUQeeoyRjFLHLy+oAaE4eKZFrSy0zEpqPeWPQpEMDZk+6Y+6T3cOFYBeSvsw==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/density": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/floating-label": "15.0.0-canary.7f224ddd4.0",
+        "@material/line-ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/notched-outline": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/theme": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/theme/-/theme-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-hs45hJoE9yVnoVOcsN1jklyOa51U4lzWsEnQEuJTPOk2+0HqCQ0yv/q0InpSnm2i69fNSyZC60+8HADZGF8ugQ==",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/tokens": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-r9TDoicmcT7FhUXC4eYMFnt9TZsz0G8T3wXvkKncLppYvZ517gPyD/1+yhuGfGOxAzxTrM66S/oEc1fFE2q4hw==",
+      "dependencies": {
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0"
+      }
+    },
+    "node_modules/@material/tooltip": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-8qNk3pmPLTnam3XYC1sZuplQXW9xLn4Z4MI3D+U17Q7pfNZfoOugGr+d2cLA9yWAEjVJYB0mj8Yu86+udo4N9w==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/button": "15.0.0-canary.7f224ddd4.0",
+        "@material/dom": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/tokens": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "safevalues": "^0.3.4",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/top-app-bar": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-SARR5/ClYT4CLe9qAXakbr0i0cMY0V3V4pe3ElIJPfL2Z2c4wGR1mTR8m2LxU1MfGKK8aRoUdtfKaxWejp+eNA==",
+      "dependencies": {
+        "@material/animation": "15.0.0-canary.7f224ddd4.0",
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/elevation": "15.0.0-canary.7f224ddd4.0",
+        "@material/ripple": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/shape": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "@material/typography": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/touch-target": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-BJo/wFKHPYLGsRaIpd7vsQwKr02LtO2e89Psv0on/p0OephlNIgeB9dD9W+bQmaeZsZ6liKSKRl6wJWDiK71PA==",
+      "dependencies": {
+        "@material/base": "15.0.0-canary.7f224ddd4.0",
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/rtl": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/@material/typography": {
+      "version": "15.0.0-canary.7f224ddd4.0",
+      "resolved": "https://registry.npmjs.org/@material/typography/-/typography-15.0.0-canary.7f224ddd4.0.tgz",
+      "integrity": "sha512-kBaZeCGD50iq1DeRRH5OM5Jl7Gdk+/NOfKArkY4ksBZvJiStJ7ACAhpvb8MEGm4s3jvDInQFLsDq3hL+SA79sQ==",
+      "dependencies": {
+        "@material/feature-targeting": "15.0.0-canary.7f224ddd4.0",
+        "@material/theme": "15.0.0-canary.7f224ddd4.0",
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/@ngtools/webpack": {
       "version": "17.1.0",
       "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-17.1.0.tgz",
@@ -10140,6 +10957,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.69.7",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.7.tgz",
diff --git a/package.json b/package.json
index e51187b..5a7af8a 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@angular/compiler": "^17.1.0",
     "@angular/core": "^17.1.0",
     "@angular/forms": "^17.1.0",
+    "@angular/material": "^17.1.0",
     "@angular/platform-browser": "^17.1.0",
     "@angular/platform-browser-dynamic": "^17.1.0",
     "@angular/router": "^17.1.0",
@@ -43,4 +44,4 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.3.3"
   }
-}
+}
\ No newline at end of file
diff --git a/src/app/components/editor/editor.component.html b/src/app/components/editor/editor.component.html
index 3945bba..9594f54 100644
--- a/src/app/components/editor/editor.component.html
+++ b/src/app/components/editor/editor.component.html
@@ -1,58 +1,78 @@
-<div>
-  <div>
-    <ngx-codemirror
-      [options]="{
-        theme: 'material',
-        lineNumbers: true,
-        lineWrapping: true,
-        mode: mode,
-        autofocus: true
-      }"
-      [(ngModel)]="editorContent"
-      [autoFocus]="true"
-    >
-    </ngx-codemirror>
-  </div>
-
-  <pre [innerHTML]="resultContent | safeHTML"></pre>
-
-  <div>
-    <label for="language">Langage de programmation</label>
-    <select
-      id="language"
-      name="language"
-      [(ngModel)]="mode"
-      (ngModelChange)="changeMode()">
 
-      <option value="text/typescript" selected>TypeScript</option>
-      <option value="text/javascript">JavaScript</option>
-      <option value="text/x-csrc">C</option>
-      <option value="text/x-c++src">C++</option>
-      <option value="text/x-sh">Shell</option>
+<div id="editor">
+  <div id="editor-bar-header">
+    <div class="editor-section-bar-header">
+          <div class="param-editor">
+              <label for="fileInput">
+                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                    <g id="SVGRepo_iconCarrier"> 
+                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1 5C1 3.34315 2.34315 2 4 2H8.55848C9.84977 2 10.9962 2.82629 11.4045 4.05132L11.7208 5H20C21.1046 5 22 5.89543 22 7V9.00961C23.1475 9.12163 23.9808 10.196 23.7695 11.3578L22.1332 20.3578C21.9603 21.3087 21.132 22 20.1654 22H3C1.89543 22 1 21.1046 1 20V5ZM20 9V7H11.7208C10.8599 7 10.0956 6.44914 9.82339 5.63246L9.50716 4.68377C9.37105 4.27543 8.98891 4 8.55848 4H4C3.44772 4 3 4.44772 3 5V12.2709L3.35429 10.588C3.54913 9.66249 4.36562 9 5.31139 9H20ZM3.36634 20C3.41777 19.9109 3.4562 19.8122 3.47855 19.706L5.31139 11L21 11H21.8018L20.1654 20L3.36634 20Z" fill="#000000"></path>
+                    </g>
+                </svg>
+              </label>
+              <input style="display: none;" type="file" id="fileInput" (change)="loadFromFile($event)" >
+          </div>
 
-    </select>
-  </div>
-
-  <div>
-    <button type="button" (click)="clear()">Remettre à zéro</button>
-  </div>
+          <div class="param-editor">
+              <button class="button-icon" type="button" (click)="saveToFile()">
+                <svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  <path d="M12 3V16M12 16L16 11.625M12 16L8 11.625" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                  </svg>
+              </button>
+          </div>
+    </div>
+    <div class="editor-section-bar-header">
+          <select id="language" class="button-param" name="language" [(ngModel)]="mode" (ngModelChange)="changeMode()">
+                  <option value="text/typescript" selected>TypeScript</option>
+                  <option value="text/javascript">JavaScript</option>
+                  <option value="text/x-csrc">C</option>
+                  <option value="text/x-c++src">C++</option>
+                  <option value="text/x-sh">Shell</option>
+          </select>    
+      
+      
+          <div *ngIf="errorMessage" class="param-editor">
+              <p style="color: red">{{ errorMessage }}</p>
+          </div>
 
-  <button (click)="onRunButtonClicked()" [disabled]="isLoaded">Lancer</button>
-  <div *ngIf="!isLoaded">
-    <p>Chargement: {{ loadingProgress }}%</p>
-    <div class="loading-bar" [style.width.%]="loadingProgress"></div>
+          <div class="param-editor">
+            <button class="button-icon" class="button-run" type="button" (click)="onRunButtonClicked()" [disabled]="isLoaded">
+              <div>
+                RUN
+              </div>
+              <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                    <g id="SVGRepo_iconCarrier">
+                      <path d="M2.78 2L2 2.41v12l.78.42 9-6V8l-9-6zM3 13.48V3.35l7.6 5.07L3 13.48z"></path>
+                      <path fill-rule="evenodd" clip-rule="evenodd" d="M6 14.683l8.78-5.853V8L6 2.147V3.35l7.6 5.07L6 13.48v1.203z"></path>
+                    </g>
+              </svg>
+            </button>
+          </div>
+    </div>
   </div>
 
-  <div>
-    <label for="fileInput">Charger à partir d'un fichier</label>
-    <input type="file" id="fileInput" (change)="loadFromFile($event)" />
-  </div>
-
-  <div>
-    <button type="button" (click)="saveToFile()">Sauvegarder</button>
-  </div>
-
-  <div *ngIf="errorMessage">
-    <p style="color: red">{{ errorMessage }}</p>
-  </div>
-</div>
+  <div class="editor-center">
+          <div class="editor-child-element">
+                <ngx-codemirror
+                    [options]="{
+                      theme: 'material',
+                      lineNumbers: true,
+                      lineWrapping: true,
+                      mode: mode,
+                      autofocus: true,
+                    }"
+                    [(ngModel)]="editorContent"
+                    [autoFocus]="true"
+                >
+                </ngx-codemirror>
+          </div>
+          <div class="editor-child-element">
+                <pre id="resultDiv" [innerHTML]="resultContent | safeHTML"></pre>
+          </div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/src/app/components/editor/editor.component.scss b/src/app/components/editor/editor.component.scss
index 4c38e51..4c04248 100644
--- a/src/app/components/editor/editor.component.scss
+++ b/src/app/components/editor/editor.component.scss
@@ -1,4 +1,77 @@
-.ngx-codemirror {
-  border: 1px solid #060202;
-  padding-top: 10px;
+#editor-bar-header{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  color: #fff;
 }
+
+.editor-section-bar-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+
+.button-icon {
+  border:0;
+  background:transparent;  
+  cursor: pointer;
+}
+
+svg {
+  width: 30px;
+  height: auto;
+  aspect-ratio: 1;
+  cursor: pointer;
+}
+
+.button-run {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: #04AA6D;
+  border: none;
+  color: white;
+  padding: 12px 16px;
+  font-size: 16px;
+  width: 100px;
+  cursor: pointer;
+  border-radius: 10px;
+}
+
+
+select{
+  background-color: #0000f0;
+  border: none;
+  color: white;
+  padding: 12px 16px;
+  font-size: 16px;
+  cursor: pointer;
+  border-radius: 10px;
+
+}
+
+
+/*editor*/
+
+.editor-center{
+  height: 700px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0px 0px 0px 0px;
+}
+
+.editor-child-element{
+  min-height: 100px;
+  height: 100%;
+  width: 1000px;
+  background-color: black;
+  color: #fff;
+}
+
+::ng-deep .CodeMirror {
+  height: 100%;
+}
\ No newline at end of file
diff --git a/src/assets/img/download.png b/src/assets/img/download.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1a9cfb0d8d045bcff9506c4a6d457f602605905
GIT binary patch
literal 6135
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
DmFN05

literal 0
HcmV?d00001

diff --git a/src/assets/img/open-file.png b/src/assets/img/open-file.png
new file mode 100644
index 0000000000000000000000000000000000000000..5230784ef3bf043a780c1ed6341a69af1eb85f06
GIT binary patch
literal 7365
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

literal 0
HcmV?d00001

diff --git a/src/index.html b/src/index.html
index 5736d4f..05a7d64 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,7 +12,9 @@
       href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
       rel="stylesheet"
     />
-  </head>
+      <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>
     <app-root></app-root>
   </body>
diff --git a/src/styles.scss b/src/styles.scss
index e78eea3..2a1f987 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -16,3 +16,6 @@ body {
   margin: 0;
 }
 
+
+html, body { height: 100%; }
+body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }