Convert to db so I don't have to parse files all the time

Entities/Kisekae.cs

@@ -0,0 +1,10 @@
+namespace fxl.codes.kisekae.Entities
+{
+    public class Kisekae
+    {
+        public int Id { get; set; }
+        public string Name { get; set; }
+        public string Filename { get; set; }
+        public string Checksum { get; set; }
+    }
+}

Entities/Set.cs

@@ -0,0 +1,19 @@
+using System;
+
+namespace fxl.codes.kisekae.Entities
+{
+    [Flags]
+    public enum Set
+    {
+        Zero = 2 ^ 0,
+        One = 2 ^ 1,
+        Two = 2 ^ 2,
+        Three = 2 ^ 3,
+        Four = 2 ^ 4,
+        Five = 2 ^ 5,
+        Six = 2 ^ 6,
+        Seven = 2 ^ 7,
+        Eight = 2 ^ 8,
+        Nine = 2 ^ 9
+    }
+}

Services/DatabaseService.cs

@@ -0,0 +1,39 @@
+using System.IO;
+using System.IO.IsolatedStorage;
+using Dapper;
+using fxl.codes.kisekae.Entities;
+using Microsoft.AspNetCore.Http;
+using Microsoft.Extensions.Configuration;
+using Npgsql;
+
+namespace fxl.codes.kisekae.Services
+{
+    public class DatabaseService
+    {
+        private readonly string _connectionString;
+        private readonly FileParserService _fileParserService;
+        private readonly IsolatedStorageFile _storage;
+
+        public DatabaseService(IConfiguration configuration, FileParserService fileParserService)
+        {
+            _fileParserService = fileParserService;
+            _connectionString = configuration.GetConnectionString("kisekae");
+            _storage = IsolatedStorageFile.GetUserStoreForApplication();
+        }
+
+        public async void StoreToDatabase(IFormFile file)
+        {
+            await using var connection = new NpgsqlConnection(_connectionString);
+            await connection.OpenAsync();
+
+            var existing = connection.QuerySingle<Kisekae>("select * from kisekae where kisekae.filename = @Filename", file);
+            if (existing != null) return;
+
+            _fileParserService.UnzipLzh(file);
+
+            var directory = Path.GetFileNameWithoutExtension(file.FileName);
+
+            await connection.CloseAsync();
+        }
+    }
+}

Services/FileParserService.cs

@@ -38,8 +38,8 @@ namespace fxl.codes.kisekae.Services
             writer.Close();
 
             var root = _storage.GetType()
-                .GetProperty("RootDirectory", BindingFlags.Instance | BindingFlags.NonPublic)
+                .GetProperty("RootDirectory", BindingFlags.Instance | BindingFlags.NonPublic)?
-                .GetValue(_storage)
+                .GetValue(_storage)?
                 .ToString() ?? "";
 
             var directory = Path.GetFileNameWithoutExtension(file.FileName);
@@ -62,8 +62,6 @@ namespace fxl.codes.kisekae.Services
             
             while (!process.StandardOutput.EndOfStream) _logger.LogTrace(process.StandardOutput.ReadLine());
             process.WaitForExit();
-            
-            _storage.DeleteFile(file.FileName);
         }
 
         public void ParsePalette(string directory, PaletteModel palette)

Startup.cs

@@ -1,9 +1,11 @@
+using Dapper;
 using fxl.codes.kisekae.Services;
 using Microsoft.AspNetCore.Builder;
 using Microsoft.AspNetCore.Hosting;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.DependencyInjection;
 using Microsoft.Extensions.Hosting;
+using Npgsql.Logging;
 
 namespace fxl.codes.kisekae
 {
@@ -24,6 +26,7 @@ namespace fxl.codes.kisekae
 
             services.AddSingleton<ConfigurationReaderService>();
             services.AddSingleton<FileParserService>();
+            services.AddScoped<DatabaseService>();
         }
 
         // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
@@ -32,6 +35,8 @@ namespace fxl.codes.kisekae
             if (env.IsDevelopment())
             {
                 app.UseDeveloperExceptionPage();
+                NpgsqlLogManager.Provider = new ConsoleLoggingProvider(NpgsqlLogLevel.Trace);
+                NpgsqlLogManager.IsParameterLoggingEnabled = true;
             }
             else
             {
@@ -53,6 +58,8 @@ namespace fxl.codes.kisekae
                     "default",
                     "{controller=Home}/{action=Index}/{id?}");
             });
+
+            DefaultTypeMap.MatchNamesWithUnderscores = true;
         }
     }
 }

appsettings.json

@@ -6,5 +6,8 @@
       "Microsoft.Hosting.Lifetime": "Information"
     }
   },
-  "AllowedHosts": "*"
+  "AllowedHosts": "*",
+  "ConnectionStrings": {
+    "kisekae": ""
+  }
 }

fxl.codes.kisekae.csproj

@@ -13,7 +13,9 @@
     </ItemGroup>
 
     <ItemGroup>
+      <PackageReference Include="Dapper" Version="2.0.90" />
       <PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="5.0.10" />
+      <PackageReference Include="Npgsql" Version="5.0.10" />
       <PackageReference Include="SixLabors.ImageSharp" Version="1.0.4" />
     </ItemGroup>
 

package-lock.json

@@ -8,12 +8,15 @@
       "name": "fxl.codes.kisekae",
       "version": "1.0.0",
       "license": "UNLICENSED",
+      "dependencies": {
+        "@types/easeljs": "^1.0.1",
+        "material-components-web": "^13.0.0"
+      },
       "devDependencies": {
         "core-js": "^3.18.1",
         "css-loader": "^6.3.0",
         "extract-loader": "^5.1.0",
         "file-loader": "^6.2.0",
-        "material-components-web": "^13.0.0",
         "sass": "^1.42.1",
         "sass-loader": "^12.1.0",
         "ts-loader": "^9.2.6",
@@ -36,7 +39,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/animation/-/animation-13.0.0.tgz",
       "integrity": "sha512-YR0/u4u56qXDjKYolQ7F+IvlPkaSBhMl/dZv8DK0FbD6PH4ckOPd3bEXNRndXtprsxwknQQP2pttjPImylkl0g==",
-      "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -45,7 +47,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-13.0.0.tgz",
       "integrity": "sha512-9ayedaqg7dixjRjmLZWZgQmB1RDtxCUTPjnttdgdZQ0/sUKtmqvTzEW4ZNjJsr42XaXR4atlkjjvMIT5LCnw6g==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "tslib": "^2.1.0"
@@ -55,7 +56,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/banner/-/banner-13.0.0.tgz",
       "integrity": "sha512-59M85ezhwRaa+BqguYCCaRS57fV5KQe3Ff2cU6LcQNw0UPMFW1ap0dZ+iZBv/sj+7/QcqBBShL9uu8dWKtI4Gg==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/button": "^13.0.0",
@@ -75,7 +75,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/base/-/base-13.0.0.tgz",
       "integrity": "sha512-vFx0JryRfcvUNX3cZ2u32wUMvxzd+c/YW0LFOXNgqCDWlubHcMm0Y6Wz371LhfQo80/NE69u+/4Joo99yKnVeg==",
-      "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -84,7 +83,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/button/-/button-13.0.0.tgz",
       "integrity": "sha512-lYorht6fcEd4P+dsLVp2BGtaY5cGYNp71LMajuDe71GZX3dZPoKeVvb+Ie1S7vcB+o+WLTeaisMk9/vA4gfi8A==",
-      "dev": true,
       "dependencies": {
         "@material/density": "^13.0.0",
         "@material/dom": "^13.0.0",
@@ -104,7 +102,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/card/-/card-13.0.0.tgz",
       "integrity": "sha512-ooJUOt1Viv99Dyz4rhz9ZZbfa996eHh3RUuXkPRkT66Btd5TzpdqsQWKwOVc5bgbgWqzhDWQ6A/aQdYqH97ccg==",
-      "dev": true,
       "dependencies": {
         "@material/dom": "^13.0.0",
         "@material/elevation": "^13.0.0",
@@ -120,7 +117,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-13.0.0.tgz",
       "integrity": "sha512-tRC6n9Jq7GgdU0d1F8NOvUy6WiRZR58tUgL1QqoiQK9PGKSt0dAF3Aa48uubO7/Lt9K4NqgwV6/OeHv8pHaM/w==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -137,7 +133,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/chips/-/chips-13.0.0.tgz",
       "integrity": "sha512-Ov4runDbrROUpMqKyCi3lpknfrLzGwtV+/rfYIgTYUkEVpCHXHddxXxcjP4zqh3QLXnE6ma92PLGcxCb/zzogQ==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -160,7 +155,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-13.0.0.tgz",
       "integrity": "sha512-jSbr0ywY2N6s05tyqTXl/cG339C+qU3ck3FwXUq5SJup8CWT0AoJ8EG/CD10CEhNH8nH9Iwstve95oNgIt8G4g==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -175,7 +169,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-13.0.0.tgz",
       "integrity": "sha512-Z3yEq1T6Om/A3ntPw0bd40dqtOR4H3++pvchgW35kq+V9xDLL0hfzmuiy0QH4plA2ZsFYJxjt02k/SRvnkjKPQ==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -201,7 +194,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/density/-/density-13.0.0.tgz",
       "integrity": "sha512-ppJTzOsuhjQam5GvHaq/XZocZNUr+41XQ2sd5nONAmQ0wwzXgqG0FaxtF1EXqK3uZFadz+vAu6enagre9DXhTA==",
-      "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -210,7 +202,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-13.0.0.tgz",
       "integrity": "sha512-1Ggo9Bid94F1ttZJKSjIcgMvkVQtKsqwbqLs5cWlleaiwtAcwUE12XA2B1MNj8xM9ajU3BJm4GigupBOK1jGHQ==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -233,7 +224,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/dom/-/dom-13.0.0.tgz",
       "integrity": "sha512-M9HLAYBZtkTUvf66FL+jAEvUOdhji1HkGA1mV6oyE+HY9gkCkmso+mngvzlLd5+uaAVE9I3WQFhSb9gp0cpXnw==",
-      "dev": true,
       "dependencies": {
         "@material/feature-targeting": "^13.0.0",
         "tslib": "^2.1.0"
@@ -243,7 +233,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-13.0.0.tgz",
       "integrity": "sha512-TIV/K9MED3ymngmKrdLwOMhUF44BzoR6HuTVsZAM4bgy0sfSv+jzgaGUqJsvjEhTXk+Q9OTEge+TsU/ETzQCbg==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -263,7 +252,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-13.0.0.tgz",
       "integrity": "sha512-hzdblgamVRbC0UwKafcvUVDvKzMiOSveDiwGgFk+EAg/tZRdwMlQPyf/9I6Lr8Cw/pNGnEOPhmCDOYPOHimr0w==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -277,7 +265,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/fab/-/fab-13.0.0.tgz",
       "integrity": "sha512-qOi+XWEZWUR5T961UjSorgqm5VaanuZtRN3nsrKqHH1p0L8fYRc3qkGIChlaY9p7BcOYMCynXJzT+MfELVrcwA==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/dom": "^13.0.0",
@@ -297,7 +284,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0.tgz",
       "integrity": "sha512-QJClfeaA4EMyAxKJy9WR0Nx+/VwSZCkhGLUVBG9NhxqYGfl/LtaeaidrNm32vYEoNZAofN92VD2RwQTRwp/dMQ==",
-      "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -306,7 +292,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-13.0.0.tgz",
       "integrity": "sha512-imAPamD97QrizVCOpxjr3UfQJyDBpEEhDBSbEbKLrCpqG3jQx4/My5rNKKVGWjxUiBYgBA1dhkn98RRX5tGBtQ==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -322,7 +307,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-13.0.0.tgz",
       "integrity": "sha512-cXs5uYA89KgrXrU1UYkl52JizeIK3Mx9LjBw4ZYiyQJzFaBTPYsYWGSJMad1HZhWlRiigGTyN1M9ePIxtBpi0Q==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/feature-targeting": "^13.0.0",
@@ -337,7 +321,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-13.0.0.tgz",
       "integrity": "sha512-SdxFytWvbfN0fj7jHFq3DqK5/Zoms+Ipuv6fI8AzwgDFe7mXJ2euPahN+3XcmJ3BaSMyfYsdbcYdCWs8bgHW1w==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/density": "^13.0.0",
@@ -354,7 +337,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-13.0.0.tgz",
       "integrity": "sha512-D78QKpK5JmO6zrbsSYt1YfRlkqzzduDTe6BstS0efUFS1CA11hrqwQFoMaR1L1dw2U3CQ/CP22bBMSZVV9aU6A==",
-      "dev": true,
       "dependencies": {
         "@material/feature-targeting": "^13.0.0",
         "@material/shape": "^13.0.0",
@@ -367,7 +349,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-13.0.0.tgz",
       "integrity": "sha512-9L1BVLRIyetm/AOC+59+yca6R0OO2AJKHiUMdZrxgUVjqVblqWXEMeONZqslFRGHBiSIaYdrDIhn4ZTYY6tKUA==",
-      "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -376,7 +357,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-13.0.0.tgz",
       "integrity": "sha512-5djBRXrd1+SiMVUTWr4rD6xv+/qTaGGmgUS5GytBE5mczvnEwcPmM4PzF+HNj2TS+wvNvIfRjRmUzWO2Z6w2lA==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -389,7 +369,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-13.0.0.tgz",
       "integrity": "sha512-FJpP6flSME5QRPfkB616uA5bk9aMKJBqkklrHk6dSMZaTKbiHRmc6faxMIZ4w9W49JFMXaSwzC39y96tQTiRQg==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -404,7 +383,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/list/-/list-13.0.0.tgz",
       "integrity": "sha512-poq4WNDEfW6Z3YPAn3wdBX4RSkj3A83Pht6984MmG8YJZMlq34ftHECw37VcdmFJIyRPdpZqywJo/i7CxsSAgQ==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/density": "^13.0.0",
@@ -422,7 +400,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/menu/-/menu-13.0.0.tgz",
       "integrity": "sha512-RY9R2ubYU6a7WRJW3nWr/AoSzdrxwUGqkfJSx0U9M/wK1vbXYYcJ7eCXFzSpa5VrstE7of7PbyYtQ8V61tILEQ==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/dom": "^13.0.0",
@@ -440,7 +417,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-13.0.0.tgz",
       "integrity": "sha512-Irfnk0l8AO7z8ucilbBzZI8izbFV/aK1GbiPpT1SmZuKkL1z+04rB2HpB+OqwaBixdLTDq70AyawcnQ0MACeXQ==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -456,7 +432,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-13.0.0.tgz",
       "integrity": "sha512-BHdxr1x2AN4oqycTNg0FGisG3rMHf50z3MuyUoQsJJ3WGjxBMWKd0yK/xl4m38nFKPg1vQnzyHIYTJdRpCaE7A==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/feature-targeting": "^13.0.0",
@@ -471,7 +446,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-13.0.0.tgz",
       "integrity": "sha512-IfhAMn03gWg/Rl0Bg26Q1g+DrMnaULllz+ZJeIY7BXZC5qFYq1fLq4+RiQmfPGlJfURUjrWNLcI1VDVyXUHHzg==",
-      "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
       }
@@ -480,7 +454,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/radio/-/radio-13.0.0.tgz",
       "integrity": "sha512-6jeZ+dKSzBB/j2IZ7RjFl5mrB+EWnpv/x+U9w6ENLCdueM4+LKUqBAc2fC2WMycsqgoFnlB0xsO/sG+kN0J6fw==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -497,7 +470,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-13.0.0.tgz",
       "integrity": "sha512-hx4B40hB2rRfsGwf1jwo2GGlYDq0yUQjcMcMmXfQipPJNpQhy8ylmXKc1DBjmWf7EQ/MgbfCSYwPrYXrbGP31w==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -512,7 +484,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-13.0.0.tgz",
       "integrity": "sha512-nFGy3iQg7k+xLs67eb86mRFVLwa0yi7MusqRK4OM8DXcLO5yoVfUTPKpdSykcbRryp9imVHsxutox2tZawR4og==",
-      "dev": true,
       "dependencies": {
         "@material/theme": "^13.0.0",
         "tslib": "^2.1.0"
@@ -522,7 +493,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-13.0.0.tgz",
       "integrity": "sha512-cbjSzkGms+MB6e7ZF6Toc0kpIor4qFm3ueY8KGRIbpvPoJuHfDy6wqIUhwpfAibSpcaDSnCKg1m+hEtyplZPkQ==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/elevation": "^13.0.0",
@@ -538,7 +508,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/select/-/select-13.0.0.tgz",
       "integrity": "sha512-wVprsSMicU/l+LAqXdOU+qdzzdHupLXpWWQo2Rsk8G6AxL1Zna+/+ETnRlDdr2wHHK/KNDXSBdmuCcoEIRshcA==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -563,7 +532,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/shape/-/shape-13.0.0.tgz",
       "integrity": "sha512-exk96+iCjzCujk3aSrvIMhmW773s1Tc0h+MbQKbt6Iv3nHJCyLSiRbxclCHXWHrVwG/9KZRkrt/g2qk7P3VRBg==",
-      "dev": true,
       "dependencies": {
         "@material/feature-targeting": "^13.0.0",
         "@material/rtl": "^13.0.0",
@@ -575,7 +543,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/slider/-/slider-13.0.0.tgz",
       "integrity": "sha512-PW+3X9MiOoWmXhirYo/Mk2UYW00Tnsihrx5YJQ4+IxwbrUI75/8yUsO8kVr7YC+Eqhldz8oXzhIXglQFtbpolQ==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -593,7 +560,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-13.0.0.tgz",
       "integrity": "sha512-z59aYCeMWWEbsUU04QDZN4CxzCCOp3OIc5tzrdqnY3qRq4wwApxncf7RKKKSU2K6WTEWfdHHOc7aNX8kqlDmUg==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -614,7 +580,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/switch/-/switch-13.0.0.tgz",
       "integrity": "sha512-zbdo6nKEOAx24ILCBobZlQqU2WZ+KuPgdAc1VTI1q1BCKN3rDIfm9RnsCuYiZa9iaq4UUgdYuhH8KVEYGP7Lrw==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -634,7 +599,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab/-/tab-13.0.0.tgz",
       "integrity": "sha512-7tziMFiyiFZner39h6ue6A6rfJhz8LDyeVPYfdAMe8ZO8GT+PczDr5yuectamR8fNBE7Fk9Bj/KvIOx+LjKgDg==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/elevation": "^13.0.0",
@@ -651,7 +615,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-13.0.0.tgz",
       "integrity": "sha512-GLODDvwKiN867weT+WiSR/4Oum2hw0Ipl1vcJxtZeE6C3PmGWBE316j8a5DLYvf9bjIPLYLNLUzLU3QnJB6T5w==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -670,7 +633,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-13.0.0.tgz",
       "integrity": "sha512-T6Q4zCdl374rQgNLrAIc8+sy8ax6fbNTZRb+oJgShzjVz4wH9OLk6LX1RREHEeWiZt69nTqeR4yU6/6xFX+Kjw==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -683,7 +645,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-13.0.0.tgz",
       "integrity": "sha512-SHdNXTLrNA47RbTNOQa67DbQjw0qrf1h0OuoESXHMU/B7QQvhAOqnHpU32/LdCP+gvc7EdZjolVQgk3WphDcQA==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -697,7 +658,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-13.0.0.tgz",
       "integrity": "sha512-CzodrOqx8wzj2AQngMpISURJID4jVOHf4CtiPoj32LG8bWLn5ZfAAX2aA2rO6NPyDYsFm0aEnlfMhnDwQyPoYw==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -719,7 +679,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/theme/-/theme-13.0.0.tgz",
       "integrity": "sha512-KAe1s0MvvfCGAwJliDVTvgAKuD3ESwhl7F7br4Iam4IPdqME2rWl8NPhKHFfaWqTG7PyCgMMngYEYuA8cLNTsA==",
-      "dev": true,
       "dependencies": {
         "@material/feature-targeting": "^13.0.0",
         "tslib": "^2.1.0"
@@ -729,7 +688,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-13.0.0.tgz",
       "integrity": "sha512-t55CKVeAjABdSQCKjsvYvqrA6Z4f5varLpLloai8ZQU0giSl7qbUczV1i8y2pSOzpRTswD5JKM7a19qfsl/TCA==",
-      "dev": true,
       "dependencies": {
         "@material/elevation": "^13.0.0"
       }
@@ -738,7 +696,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-13.0.0.tgz",
       "integrity": "sha512-/QinwEM0sYtRUthgOy7R+V4iwLMZ8SCd8A3PyGyTr27BUGWykwAUFdXyzT4rxLhDNcnDOYH14N+Z3Bom+UwO9Q==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -756,7 +713,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-13.0.0.tgz",
       "integrity": "sha512-NTbIbBmoo4wfbBwW+9XMmjYQJ3e7NJ9P/ahTszYuzYDyWNcc3m8G/A0zM+1LBmoze3rP/QTxcaJUH/A5/3ufXA==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -773,7 +729,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-13.0.0.tgz",
       "integrity": "sha512-2BMjj+nwKIYG7cZZGcNuRSKo53knqDu9ksv9wLidxjLgzqXBd1v9gdXsqMRQXepoOqftWGmYMaRYI0xMnxt6lA==",
-      "dev": true,
       "dependencies": {
         "@material/base": "^13.0.0",
         "@material/feature-targeting": "^13.0.0",
@@ -785,7 +740,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/typography/-/typography-13.0.0.tgz",
       "integrity": "sha512-UfaK4vT3LmGiiySf2RVIrf7fJZa6EJadFwo4YUMJx9bvUMRlBm1oI8Vo9fYpKdLfuSTeA+2BlgbwYVObj3laFw==",
-      "dev": true,
       "dependencies": {
         "@material/feature-targeting": "^13.0.0",
         "@material/theme": "^13.0.0",
@@ -798,6 +752,20 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "node_modules/@types/createjs-lib": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/createjs-lib/-/createjs-lib-0.0.29.tgz",
+      "integrity": "sha1-+uguO6hgZmOxkOeJzsfZxyj8Qdc="
+    },
+    "node_modules/@types/easeljs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/easeljs/-/easeljs-1.0.1.tgz",
+      "integrity": "sha512-mu4oIs+2CbN60Vgq8DSt7aXR2I0tV9K2ev/ZIPlkyE5UvQ+xIvw8D3NDB4dnGFkvHN303faYcETIhuvNDm6siQ==",
+      "dependencies": {
+        "@types/createjs-lib": "*",
+        "@types/tweenjs": "*"
+      }
+    },
     "node_modules/@types/eslint": {
       "version": "7.28.1",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.1.tgz",
@@ -836,6 +804,14 @@
       "integrity": "sha512-ho3Ruq+fFnBrZhUYI46n/bV2GjwzSkwuT4dTf0GkuNFmnb8nq4ny2z9JEVemFi6bdEJanHLlYfy9c6FN9B9McQ==",
       "dev": true
     },
+    "node_modules/@types/tweenjs": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/tweenjs/-/tweenjs-1.0.4.tgz",
+      "integrity": "sha512-UnGcZRjGYz2w+2LB/70QkzWjtqOcTu4Nxa/Cy9YZ4I8HU44kcayNgbXZYMQu4ll7z+1GP7r1+viqLKNv7+Mrzw==",
+      "dependencies": {
+        "@types/createjs-lib": "*"
+      }
+    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -2753,7 +2729,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/material-components-web/-/material-components-web-13.0.0.tgz",
       "integrity": "sha512-Cp3pDGDwhbbJQEDgPZc9Uu8drr98RGf5J4toJ/INQkNN9QNwTjHKGCPVcHcA0wUTeJQd5NOWYdCAewUdKTCXfw==",
-      "dev": true,
       "dependencies": {
         "@material/animation": "^13.0.0",
         "@material/auto-init": "^13.0.0",
@@ -3775,8 +3750,7 @@
     "node_modules/tslib": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
+      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
-      "dev": true
     },
     "node_modules/typescript": {
       "version": "4.4.3",
@@ -4117,7 +4091,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/animation/-/animation-13.0.0.tgz",
       "integrity": "sha512-YR0/u4u56qXDjKYolQ7F+IvlPkaSBhMl/dZv8DK0FbD6PH4ckOPd3bEXNRndXtprsxwknQQP2pttjPImylkl0g==",
-      "dev": true,
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -4126,7 +4099,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-13.0.0.tgz",
       "integrity": "sha512-9ayedaqg7dixjRjmLZWZgQmB1RDtxCUTPjnttdgdZQ0/sUKtmqvTzEW4ZNjJsr42XaXR4atlkjjvMIT5LCnw6g==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "tslib": "^2.1.0"
@@ -4136,7 +4108,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/banner/-/banner-13.0.0.tgz",
       "integrity": "sha512-59M85ezhwRaa+BqguYCCaRS57fV5KQe3Ff2cU6LcQNw0UPMFW1ap0dZ+iZBv/sj+7/QcqBBShL9uu8dWKtI4Gg==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/button": "^13.0.0",
@@ -4156,7 +4127,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/base/-/base-13.0.0.tgz",
       "integrity": "sha512-vFx0JryRfcvUNX3cZ2u32wUMvxzd+c/YW0LFOXNgqCDWlubHcMm0Y6Wz371LhfQo80/NE69u+/4Joo99yKnVeg==",
-      "dev": true,
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -4165,7 +4135,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/button/-/button-13.0.0.tgz",
       "integrity": "sha512-lYorht6fcEd4P+dsLVp2BGtaY5cGYNp71LMajuDe71GZX3dZPoKeVvb+Ie1S7vcB+o+WLTeaisMk9/vA4gfi8A==",
-      "dev": true,
       "requires": {
         "@material/density": "^13.0.0",
         "@material/dom": "^13.0.0",
@@ -4185,7 +4154,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/card/-/card-13.0.0.tgz",
       "integrity": "sha512-ooJUOt1Viv99Dyz4rhz9ZZbfa996eHh3RUuXkPRkT66Btd5TzpdqsQWKwOVc5bgbgWqzhDWQ6A/aQdYqH97ccg==",
-      "dev": true,
       "requires": {
         "@material/dom": "^13.0.0",
         "@material/elevation": "^13.0.0",
@@ -4201,7 +4169,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-13.0.0.tgz",
       "integrity": "sha512-tRC6n9Jq7GgdU0d1F8NOvUy6WiRZR58tUgL1QqoiQK9PGKSt0dAF3Aa48uubO7/Lt9K4NqgwV6/OeHv8pHaM/w==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4218,7 +4185,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/chips/-/chips-13.0.0.tgz",
       "integrity": "sha512-Ov4runDbrROUpMqKyCi3lpknfrLzGwtV+/rfYIgTYUkEVpCHXHddxXxcjP4zqh3QLXnE6ma92PLGcxCb/zzogQ==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4241,7 +4207,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/circular-progress/-/circular-progress-13.0.0.tgz",
       "integrity": "sha512-jSbr0ywY2N6s05tyqTXl/cG339C+qU3ck3FwXUq5SJup8CWT0AoJ8EG/CD10CEhNH8nH9Iwstve95oNgIt8G4g==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4256,7 +4221,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/data-table/-/data-table-13.0.0.tgz",
       "integrity": "sha512-Z3yEq1T6Om/A3ntPw0bd40dqtOR4H3++pvchgW35kq+V9xDLL0hfzmuiy0QH4plA2ZsFYJxjt02k/SRvnkjKPQ==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4282,7 +4246,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/density/-/density-13.0.0.tgz",
       "integrity": "sha512-ppJTzOsuhjQam5GvHaq/XZocZNUr+41XQ2sd5nONAmQ0wwzXgqG0FaxtF1EXqK3uZFadz+vAu6enagre9DXhTA==",
-      "dev": true,
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -4291,7 +4254,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-13.0.0.tgz",
       "integrity": "sha512-1Ggo9Bid94F1ttZJKSjIcgMvkVQtKsqwbqLs5cWlleaiwtAcwUE12XA2B1MNj8xM9ajU3BJm4GigupBOK1jGHQ==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4314,7 +4276,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/dom/-/dom-13.0.0.tgz",
       "integrity": "sha512-M9HLAYBZtkTUvf66FL+jAEvUOdhji1HkGA1mV6oyE+HY9gkCkmso+mngvzlLd5+uaAVE9I3WQFhSb9gp0cpXnw==",
-      "dev": true,
       "requires": {
         "@material/feature-targeting": "^13.0.0",
         "tslib": "^2.1.0"
@@ -4324,7 +4285,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-13.0.0.tgz",
       "integrity": "sha512-TIV/K9MED3ymngmKrdLwOMhUF44BzoR6HuTVsZAM4bgy0sfSv+jzgaGUqJsvjEhTXk+Q9OTEge+TsU/ETzQCbg==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4344,7 +4304,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-13.0.0.tgz",
       "integrity": "sha512-hzdblgamVRbC0UwKafcvUVDvKzMiOSveDiwGgFk+EAg/tZRdwMlQPyf/9I6Lr8Cw/pNGnEOPhmCDOYPOHimr0w==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4358,7 +4317,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/fab/-/fab-13.0.0.tgz",
       "integrity": "sha512-qOi+XWEZWUR5T961UjSorgqm5VaanuZtRN3nsrKqHH1p0L8fYRc3qkGIChlaY9p7BcOYMCynXJzT+MfELVrcwA==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/dom": "^13.0.0",
@@ -4378,7 +4336,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-13.0.0.tgz",
       "integrity": "sha512-QJClfeaA4EMyAxKJy9WR0Nx+/VwSZCkhGLUVBG9NhxqYGfl/LtaeaidrNm32vYEoNZAofN92VD2RwQTRwp/dMQ==",
-      "dev": true,
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -4387,7 +4344,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-13.0.0.tgz",
       "integrity": "sha512-imAPamD97QrizVCOpxjr3UfQJyDBpEEhDBSbEbKLrCpqG3jQx4/My5rNKKVGWjxUiBYgBA1dhkn98RRX5tGBtQ==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4403,7 +4359,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-13.0.0.tgz",
       "integrity": "sha512-cXs5uYA89KgrXrU1UYkl52JizeIK3Mx9LjBw4ZYiyQJzFaBTPYsYWGSJMad1HZhWlRiigGTyN1M9ePIxtBpi0Q==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/feature-targeting": "^13.0.0",
@@ -4418,7 +4373,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-13.0.0.tgz",
       "integrity": "sha512-SdxFytWvbfN0fj7jHFq3DqK5/Zoms+Ipuv6fI8AzwgDFe7mXJ2euPahN+3XcmJ3BaSMyfYsdbcYdCWs8bgHW1w==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/density": "^13.0.0",
@@ -4435,7 +4389,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-13.0.0.tgz",
       "integrity": "sha512-D78QKpK5JmO6zrbsSYt1YfRlkqzzduDTe6BstS0efUFS1CA11hrqwQFoMaR1L1dw2U3CQ/CP22bBMSZVV9aU6A==",
-      "dev": true,
       "requires": {
         "@material/feature-targeting": "^13.0.0",
         "@material/shape": "^13.0.0",
@@ -4448,7 +4401,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-13.0.0.tgz",
       "integrity": "sha512-9L1BVLRIyetm/AOC+59+yca6R0OO2AJKHiUMdZrxgUVjqVblqWXEMeONZqslFRGHBiSIaYdrDIhn4ZTYY6tKUA==",
-      "dev": true,
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -4457,7 +4409,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-13.0.0.tgz",
       "integrity": "sha512-5djBRXrd1+SiMVUTWr4rD6xv+/qTaGGmgUS5GytBE5mczvnEwcPmM4PzF+HNj2TS+wvNvIfRjRmUzWO2Z6w2lA==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4470,7 +4421,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-13.0.0.tgz",
       "integrity": "sha512-FJpP6flSME5QRPfkB616uA5bk9aMKJBqkklrHk6dSMZaTKbiHRmc6faxMIZ4w9W49JFMXaSwzC39y96tQTiRQg==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4485,7 +4435,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/list/-/list-13.0.0.tgz",
       "integrity": "sha512-poq4WNDEfW6Z3YPAn3wdBX4RSkj3A83Pht6984MmG8YJZMlq34ftHECw37VcdmFJIyRPdpZqywJo/i7CxsSAgQ==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/density": "^13.0.0",
@@ -4503,7 +4452,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/menu/-/menu-13.0.0.tgz",
       "integrity": "sha512-RY9R2ubYU6a7WRJW3nWr/AoSzdrxwUGqkfJSx0U9M/wK1vbXYYcJ7eCXFzSpa5VrstE7of7PbyYtQ8V61tILEQ==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/dom": "^13.0.0",
@@ -4521,7 +4469,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-13.0.0.tgz",
       "integrity": "sha512-Irfnk0l8AO7z8ucilbBzZI8izbFV/aK1GbiPpT1SmZuKkL1z+04rB2HpB+OqwaBixdLTDq70AyawcnQ0MACeXQ==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4537,7 +4484,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-13.0.0.tgz",
       "integrity": "sha512-BHdxr1x2AN4oqycTNg0FGisG3rMHf50z3MuyUoQsJJ3WGjxBMWKd0yK/xl4m38nFKPg1vQnzyHIYTJdRpCaE7A==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/feature-targeting": "^13.0.0",
@@ -4552,7 +4498,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/progress-indicator/-/progress-indicator-13.0.0.tgz",
       "integrity": "sha512-IfhAMn03gWg/Rl0Bg26Q1g+DrMnaULllz+ZJeIY7BXZC5qFYq1fLq4+RiQmfPGlJfURUjrWNLcI1VDVyXUHHzg==",
-      "dev": true,
       "requires": {
         "tslib": "^2.1.0"
       }
@@ -4561,7 +4506,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/radio/-/radio-13.0.0.tgz",
       "integrity": "sha512-6jeZ+dKSzBB/j2IZ7RjFl5mrB+EWnpv/x+U9w6ENLCdueM4+LKUqBAc2fC2WMycsqgoFnlB0xsO/sG+kN0J6fw==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4578,7 +4522,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-13.0.0.tgz",
       "integrity": "sha512-hx4B40hB2rRfsGwf1jwo2GGlYDq0yUQjcMcMmXfQipPJNpQhy8ylmXKc1DBjmWf7EQ/MgbfCSYwPrYXrbGP31w==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4593,7 +4536,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-13.0.0.tgz",
       "integrity": "sha512-nFGy3iQg7k+xLs67eb86mRFVLwa0yi7MusqRK4OM8DXcLO5yoVfUTPKpdSykcbRryp9imVHsxutox2tZawR4og==",
-      "dev": true,
       "requires": {
         "@material/theme": "^13.0.0",
         "tslib": "^2.1.0"
@@ -4603,7 +4545,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/segmented-button/-/segmented-button-13.0.0.tgz",
       "integrity": "sha512-cbjSzkGms+MB6e7ZF6Toc0kpIor4qFm3ueY8KGRIbpvPoJuHfDy6wqIUhwpfAibSpcaDSnCKg1m+hEtyplZPkQ==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/elevation": "^13.0.0",
@@ -4619,7 +4560,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/select/-/select-13.0.0.tgz",
       "integrity": "sha512-wVprsSMicU/l+LAqXdOU+qdzzdHupLXpWWQo2Rsk8G6AxL1Zna+/+ETnRlDdr2wHHK/KNDXSBdmuCcoEIRshcA==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4644,7 +4584,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/shape/-/shape-13.0.0.tgz",
       "integrity": "sha512-exk96+iCjzCujk3aSrvIMhmW773s1Tc0h+MbQKbt6Iv3nHJCyLSiRbxclCHXWHrVwG/9KZRkrt/g2qk7P3VRBg==",
-      "dev": true,
       "requires": {
         "@material/feature-targeting": "^13.0.0",
         "@material/rtl": "^13.0.0",
@@ -4656,7 +4595,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/slider/-/slider-13.0.0.tgz",
       "integrity": "sha512-PW+3X9MiOoWmXhirYo/Mk2UYW00Tnsihrx5YJQ4+IxwbrUI75/8yUsO8kVr7YC+Eqhldz8oXzhIXglQFtbpolQ==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4674,7 +4612,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-13.0.0.tgz",
       "integrity": "sha512-z59aYCeMWWEbsUU04QDZN4CxzCCOp3OIc5tzrdqnY3qRq4wwApxncf7RKKKSU2K6WTEWfdHHOc7aNX8kqlDmUg==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4695,7 +4632,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/switch/-/switch-13.0.0.tgz",
       "integrity": "sha512-zbdo6nKEOAx24ILCBobZlQqU2WZ+KuPgdAc1VTI1q1BCKN3rDIfm9RnsCuYiZa9iaq4UUgdYuhH8KVEYGP7Lrw==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4715,7 +4651,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab/-/tab-13.0.0.tgz",
       "integrity": "sha512-7tziMFiyiFZner39h6ue6A6rfJhz8LDyeVPYfdAMe8ZO8GT+PczDr5yuectamR8fNBE7Fk9Bj/KvIOx+LjKgDg==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/elevation": "^13.0.0",
@@ -4732,7 +4667,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-13.0.0.tgz",
       "integrity": "sha512-GLODDvwKiN867weT+WiSR/4Oum2hw0Ipl1vcJxtZeE6C3PmGWBE316j8a5DLYvf9bjIPLYLNLUzLU3QnJB6T5w==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4751,7 +4685,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-13.0.0.tgz",
       "integrity": "sha512-T6Q4zCdl374rQgNLrAIc8+sy8ax6fbNTZRb+oJgShzjVz4wH9OLk6LX1RREHEeWiZt69nTqeR4yU6/6xFX+Kjw==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4764,7 +4697,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-13.0.0.tgz",
       "integrity": "sha512-SHdNXTLrNA47RbTNOQa67DbQjw0qrf1h0OuoESXHMU/B7QQvhAOqnHpU32/LdCP+gvc7EdZjolVQgk3WphDcQA==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4778,7 +4710,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-13.0.0.tgz",
       "integrity": "sha512-CzodrOqx8wzj2AQngMpISURJID4jVOHf4CtiPoj32LG8bWLn5ZfAAX2aA2rO6NPyDYsFm0aEnlfMhnDwQyPoYw==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4800,7 +4731,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/theme/-/theme-13.0.0.tgz",
       "integrity": "sha512-KAe1s0MvvfCGAwJliDVTvgAKuD3ESwhl7F7br4Iam4IPdqME2rWl8NPhKHFfaWqTG7PyCgMMngYEYuA8cLNTsA==",
-      "dev": true,
       "requires": {
         "@material/feature-targeting": "^13.0.0",
         "tslib": "^2.1.0"
@@ -4810,7 +4740,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tokens/-/tokens-13.0.0.tgz",
       "integrity": "sha512-t55CKVeAjABdSQCKjsvYvqrA6Z4f5varLpLloai8ZQU0giSl7qbUczV1i8y2pSOzpRTswD5JKM7a19qfsl/TCA==",
-      "dev": true,
       "requires": {
         "@material/elevation": "^13.0.0"
       }
@@ -4819,7 +4748,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/tooltip/-/tooltip-13.0.0.tgz",
       "integrity": "sha512-/QinwEM0sYtRUthgOy7R+V4iwLMZ8SCd8A3PyGyTr27BUGWykwAUFdXyzT4rxLhDNcnDOYH14N+Z3Bom+UwO9Q==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4837,7 +4765,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-13.0.0.tgz",
       "integrity": "sha512-NTbIbBmoo4wfbBwW+9XMmjYQJ3e7NJ9P/ahTszYuzYDyWNcc3m8G/A0zM+1LBmoze3rP/QTxcaJUH/A5/3ufXA==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/base": "^13.0.0",
@@ -4854,7 +4781,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/touch-target/-/touch-target-13.0.0.tgz",
       "integrity": "sha512-2BMjj+nwKIYG7cZZGcNuRSKo53knqDu9ksv9wLidxjLgzqXBd1v9gdXsqMRQXepoOqftWGmYMaRYI0xMnxt6lA==",
-      "dev": true,
       "requires": {
         "@material/base": "^13.0.0",
         "@material/feature-targeting": "^13.0.0",
@@ -4866,7 +4792,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/@material/typography/-/typography-13.0.0.tgz",
       "integrity": "sha512-UfaK4vT3LmGiiySf2RVIrf7fJZa6EJadFwo4YUMJx9bvUMRlBm1oI8Vo9fYpKdLfuSTeA+2BlgbwYVObj3laFw==",
-      "dev": true,
       "requires": {
         "@material/feature-targeting": "^13.0.0",
         "@material/theme": "^13.0.0",
@@ -4879,6 +4804,20 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "@types/createjs-lib": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/createjs-lib/-/createjs-lib-0.0.29.tgz",
+      "integrity": "sha1-+uguO6hgZmOxkOeJzsfZxyj8Qdc="
+    },
+    "@types/easeljs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@types/easeljs/-/easeljs-1.0.1.tgz",
+      "integrity": "sha512-mu4oIs+2CbN60Vgq8DSt7aXR2I0tV9K2ev/ZIPlkyE5UvQ+xIvw8D3NDB4dnGFkvHN303faYcETIhuvNDm6siQ==",
+      "requires": {
+        "@types/createjs-lib": "*",
+        "@types/tweenjs": "*"
+      }
+    },
     "@types/eslint": {
       "version": "7.28.1",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.1.tgz",
@@ -4917,6 +4856,14 @@
       "integrity": "sha512-ho3Ruq+fFnBrZhUYI46n/bV2GjwzSkwuT4dTf0GkuNFmnb8nq4ny2z9JEVemFi6bdEJanHLlYfy9c6FN9B9McQ==",
       "dev": true
     },
+    "@types/tweenjs": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/tweenjs/-/tweenjs-1.0.4.tgz",
+      "integrity": "sha512-UnGcZRjGYz2w+2LB/70QkzWjtqOcTu4Nxa/Cy9YZ4I8HU44kcayNgbXZYMQu4ll7z+1GP7r1+viqLKNv7+Mrzw==",
+      "requires": {
+        "@types/createjs-lib": "*"
+      }
+    },
     "@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
@@ -6537,7 +6484,6 @@
       "version": "13.0.0",
       "resolved": "https://registry.npmjs.org/material-components-web/-/material-components-web-13.0.0.tgz",
       "integrity": "sha512-Cp3pDGDwhbbJQEDgPZc9Uu8drr98RGf5J4toJ/INQkNN9QNwTjHKGCPVcHcA0wUTeJQd5NOWYdCAewUdKTCXfw==",
-      "dev": true,
       "requires": {
         "@material/animation": "^13.0.0",
         "@material/auto-init": "^13.0.0",
@@ -7275,8 +7221,7 @@
     "tslib": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
-      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==",
+      "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw=="
-      "dev": true
     },
     "typescript": {
       "version": "4.4.3",

package.json

@@ -15,7 +15,6 @@
     "css-loader": "^6.3.0",
     "extract-loader": "^5.1.0",
     "file-loader": "^6.2.0",
-    "material-components-web": "^13.0.0",
     "sass": "^1.42.1",
     "sass-loader": "^12.1.0",
     "ts-loader": "^9.2.6",
@@ -23,5 +22,9 @@
     "webpack": "^5.55.0",
     "webpack-bundle-analyzer": "^4.4.2",
     "webpack-cli": "^4.8.0"
+  },
+  "dependencies": {
+    "@types/easeljs": "^1.0.1",
+    "material-components-web": "^13.0.0"
   }
 }