From 1fd14ebafd90a8b9ea3257fc262c77f8e6c88b68 Mon Sep 17 00:00:00 2001
From: Lani Aung <github@laniaung.me>
Date: Thu, 18 Nov 2021 21:24:20 -0700
Subject: [PATCH] WIP, thinking about converting to EF

---
 Controllers/HomeController.cs          |   5 +-
 Controllers/PlayController.cs          |   7 +-
 Entities/CelConfigDto.cs               |   5 +-
 Entities/CelRenderDto.cs               |  13 +
 Scripts/main.ts                        |   2 -
 Scripts/upload.ts                      |  58 ++
 Scripts/utility.ts                     |   4 +
 Services/ConfigurationReaderService.cs |  12 +-
 Services/DatabaseService.cs            |  68 +-
 Startup.cs                             |   7 +-
 Styles/main.scss                       |  20 +-
 Views/Home/Index.cshtml                |  29 +-
 Views/Home/Upload.cshtml               |  10 +
 Views/Shared/_Layout.cshtml            |  24 +-
 fxl.codes.kisekae.csproj               |   1 +
 webpack.config.js                      |   4 +-
 wwwroot/css/main.css                   | 940 +++++++++++++++++++++++++
 wwwroot/js/main.js                     |  49 +-
 wwwroot/js/style.js                    |  98 ---
 wwwroot/js/uploader.js                 | 336 +++++++++
 20 files changed, 1513 insertions(+), 179 deletions(-)
 create mode 100644 Entities/CelRenderDto.cs
 create mode 100644 Scripts/upload.ts
 create mode 100644 Views/Home/Upload.cshtml
 delete mode 100644 wwwroot/js/style.js
 create mode 100644 wwwroot/js/uploader.js

diff --git a/Controllers/HomeController.cs b/Controllers/HomeController.cs
index da867a7..440e20c 100644
--- a/Controllers/HomeController.cs
+++ b/Controllers/HomeController.cs
@@ -21,7 +21,6 @@ namespace fxl.codes.kisekae.Controllers
             _databaseService = databaseService;
         }
 
-        [HttpGet]
         public async Task<IActionResult> Index()
         {
             var files = await _databaseService.GetAll();
@@ -37,9 +36,9 @@ namespace fxl.codes.kisekae.Controllers
 
             _databaseService.StoreToDatabase(file);
 
-            return Redirect("/");
+            return View();
         }
-
+        
         public IActionResult Privacy()
         {
             return View();
diff --git a/Controllers/PlayController.cs b/Controllers/PlayController.cs
index dd6d612..8875a82 100644
--- a/Controllers/PlayController.cs
+++ b/Controllers/PlayController.cs
@@ -1,3 +1,4 @@
+using System.Threading.Tasks;
 using fxl.codes.kisekae.Services;
 using Microsoft.AspNetCore.Mvc;
 
@@ -12,9 +13,11 @@ namespace fxl.codes.kisekae.Controllers
             _databaseService = databaseService;
         }
 
-        public IActionResult Index(int id, int configId)
+        public async Task<IActionResult> Index(int id)
         {
-            return View();
+            var model = await _databaseService.LoadConfig(id);
+            
+            return View(model);
         }
     }
 }
\ No newline at end of file
diff --git a/Entities/CelConfigDto.cs b/Entities/CelConfigDto.cs
index 6564b5e..4af34ed 100644
--- a/Entities/CelConfigDto.cs
+++ b/Entities/CelConfigDto.cs
@@ -1,4 +1,5 @@
 using System.ComponentModel.DataAnnotations.Schema;
+using System.Runtime.Serialization;
 
 namespace fxl.codes.kisekae.Entities
 {
@@ -8,12 +9,14 @@ namespace fxl.codes.kisekae.Entities
         public int Id { get; set; }
         [Column("cel_id")] public int CelId { get; set; }
         [Column("config_id")] public int ConfigId { get; set; }
-        public int Group { get; set; }
+        public int Mark { get; set; }
         public int Fix { get; set; }
         public Set Sets { get; set; } = Set.Unset;
         public int Transparency { get; set; }
         public string Comment { get; set; }
         [Column("palette_id")] public int PaletteId { get; set; }
+        [IgnoreDataMember] public int PaletteIndex { get; set; }
+        [Column("palette_group")] public int PaletteGroup { get; set; }
         public int X { get; set; }
         public int Y { get; set; }
     }
diff --git a/Entities/CelRenderDto.cs b/Entities/CelRenderDto.cs
new file mode 100644
index 0000000..afe774d
--- /dev/null
+++ b/Entities/CelRenderDto.cs
@@ -0,0 +1,13 @@
+using System.ComponentModel.DataAnnotations.Schema;
+
+namespace fxl.codes.kisekae.Entities
+{
+    [Table("cel_render")]
+    public class CelRenderDto
+    {
+        public int Id { get; set; }
+        [Column("cel_id")] public int CelId { get; set; }
+        [Column("palette_id")] public int PaletteId { get; set; }
+        public byte[] Data { get; set; }
+    }
+}
\ No newline at end of file
diff --git a/Scripts/main.ts b/Scripts/main.ts
index f29d462..39260ee 100644
--- a/Scripts/main.ts
+++ b/Scripts/main.ts
@@ -37,8 +37,6 @@ export default class Main {
     }
 
     private init() {
-        this.linearProgress.open()
-
         let main = document.querySelector("main")
         let directories = main.querySelector("ul")
 
diff --git a/Scripts/upload.ts b/Scripts/upload.ts
new file mode 100644
index 0000000..4f0f7e2
--- /dev/null
+++ b/Scripts/upload.ts
@@ -0,0 +1,58 @@
+import {MDCChipSet} from "@material/chips"
+import Builder from "./utility"
+
+class Uploader {
+    chips: MDCChipSet
+
+    constructor() {
+        this.init()
+    }
+
+    init() {
+        let upload = document.getElementById("lzh_upload") as HTMLInputElement
+        let container = document.querySelector(".mdc-evolution-chip-set__chips")
+
+        document.addEventListener("MDCChipSet:interaction", (event: Event) => {
+            console.log(event)
+        })
+
+        document.addEventListener("MDCChipSet:selection", (event: Event) => {
+            console.log(event)
+        })
+
+        upload.addEventListener("change", (event: InputEvent) => {
+            while (container.firstChild) container.removeChild(container.firstChild)
+
+            for (let index = 0; index < upload.files.length; index++) {
+                this.addChip(container, index, upload.files.item(index))
+            }
+
+            let element = document.querySelector(".mdc-evolution-chip-set")
+            this.chips = MDCChipSet.attachTo(element)
+        })
+    }
+
+    addChip(container: Element, index: number, file: File) {
+        const chipClass = "mdc-evolution-chip"
+        
+        let textButton = Builder.element("button", {"type":"button","tabindex":0}, `${chipClass}__action`, `${chipClass}__action--primary`)
+            .addChildren(
+                Builder.element("span", {}, `${chipClass}__ripple`, `${chipClass}__ripple--primary`),
+                Builder.element("span", {}, `${chipClass}__text-label`).setText(file.name))
+        let textWrapper = Builder.element("span", {"role":"gridcell"}, `${chipClass}__cell`, `${chipClass}__cell--primary`)
+            .addChildren(textButton)
+        
+        let trailingButton = Builder.element("button", {"type":"button","tabindex":-1,"data-mdc-deletable":"true","aria-label":`Remove ${file.name}`})
+            .addChildren(
+                Builder.element("span", {}, `${chipClass}__ripple`,`${chipClass}__ripple--trailing`),
+                Builder.element("span", {}, `${chipClass}__icon`,`${chipClass}__icon--trailing`).setText("close"))
+        let trailingWrapper = Builder.element("span", {"role":"gridcell"}, `${chipClass}__cell`, `${chipClass}__cell--trailing`)
+            .addChildren(trailingButton)
+        
+        let chip = Builder.element("span", {"role":"row","id":`chip_${index}`}, chipClass).addChildren(textWrapper, trailingWrapper).build()
+
+        container.appendChild(chip)
+    }
+}
+
+new Uploader()
\ No newline at end of file
diff --git a/Scripts/utility.ts b/Scripts/utility.ts
index 7f78ca5..cac967d 100644
--- a/Scripts/utility.ts
+++ b/Scripts/utility.ts
@@ -46,4 +46,8 @@ export default class Builder {
     build(): HTMLElement {
         return this.element
     }
+    
+    static element(tag: string, attributes: { [key: string]: string | number }, ...classes: string[]): Builder {
+        return new Builder(tag).addAttributes(attributes).addClass(...classes)
+    }
 }
\ No newline at end of file
diff --git a/Services/ConfigurationReaderService.cs b/Services/ConfigurationReaderService.cs
index 1c24d34..eb328b6 100644
--- a/Services/ConfigurationReaderService.cs
+++ b/Services/ConfigurationReaderService.cs
@@ -4,15 +4,14 @@ using System.Linq;
 using System.Text;
 using System.Text.RegularExpressions;
 using fxl.codes.kisekae.Entities;
-using fxl.codes.kisekae.Models;
 using Microsoft.Extensions.Logging;
 
 namespace fxl.codes.kisekae.Services
 {
     public class ConfigurationReaderService
     {
-        private const string CelRegex = @"#(?<Group>\d*)\.?(?<Fix>\d*)\s*(?<FileName>[\w\d\-]*\.[cCeElL]*)\s*\*?"
-                                        + @"(?<PaletteId>\d*)?\s*\:?(?<Sets>[\d\s]*)?;?(?<Comment>[\w\d\-\s\%]*)";
+        private const string CelRegex = @"#(?<Mark>\d*)\.?(?<Fix>\d*)\s*(?<FileName>[\w\d\-]*\.[cCeElL]*)\s*\*?"
+                                        + @"(?<PaletteIndex>\d*)?\s*\:?(?<Sets>[\d\s]*)?;?(?<Comment>[\w\d\-\s\%]*)";
 
         private const string ResolutionRegexPattern = @"\((?<Width>[0-9]*).(?<Height>[0-9]*)\)";
 
@@ -79,7 +78,7 @@ namespace fxl.codes.kisekae.Services
             {
                 match.Groups.TryGetValue(groupName, out var group);
                 if (string.IsNullOrEmpty(group?.Value)) continue;
-                
+
                 if (string.Equals(groupName, "FileName"))
                 {
                     cel.CelId = cels[group.Value.ToLowerInvariant()].Id;
@@ -124,13 +123,16 @@ namespace fxl.codes.kisekae.Services
             foreach (var set in sets)
             {
                 var value = set.Split(' ', StringSplitOptions.RemoveEmptyEntries);
+                var paletteGroup = int.Parse(value[0]);
+
                 for (var innerIndex = 1; innerIndex < value.Length; innerIndex++)
                 {
                     if (value[innerIndex] == "*") continue;
                     var point = value[innerIndex].Split(',', StringSplitOptions.RemoveEmptyEntries);
 
-                    foreach (var cel in dto.Cels.Where(x => x.Id == innerIndex - 1))
+                    foreach (var cel in dto.Cels.Where(x => x.Mark == innerIndex - 1))
                     {
+                        cel.PaletteGroup = paletteGroup;
                         cel.X = int.Parse(point[0]);
                         cel.Y = int.Parse(point[1]);
                     }
diff --git a/Services/DatabaseService.cs b/Services/DatabaseService.cs
index 44ae6fb..5c62ac7 100644
--- a/Services/DatabaseService.cs
+++ b/Services/DatabaseService.cs
@@ -6,11 +6,11 @@ using System.IO.IsolatedStorage;
 using System.Linq;
 using System.Security.Cryptography;
 using System.Text;
-using System.Text.RegularExpressions;
 using System.Threading.Tasks;
 using Dapper;
 using fxl.codes.kisekae.Entities;
 using fxl.codes.kisekae.Extensions;
+using fxl.codes.kisekae.Models;
 using Microsoft.AspNetCore.Http;
 using Microsoft.Extensions.Configuration;
 using Microsoft.Extensions.Logging;
@@ -55,48 +55,6 @@ namespace fxl.codes.kisekae.Services
             return files;
         }
 
-        public async void GetKisekaeConfig(int id, int configId)
-        {
-            await using var connection = new NpgsqlConnection(_connectionString);
-            await connection.OpenAsync();
-
-            var queryParams = new { Id = id, ConfigId = configId };
-            var cels = connection.Query<CelConfigDto>("select * from cel_config where config_id = @ConfigId", queryParams);
-            if (cels == null)
-            {
-                var config = connection.QuerySingle<ConfigurationDto>(
-                    "select * from configuration where kisekae_id = @Id and id = @ConfigId",
-                    queryParams);
-
-                foreach (var line in config.Data.Split(Environment.NewLine, StringSplitOptions.RemoveEmptyEntries))
-                    switch (line.ToCharArray()[0])
-                    {
-                        case '(':
-                            var resolutionRegex = new Regex(ResolutionRegexPattern);
-                            var resolutionMatch = resolutionRegex.Match(line);
-                            config.Width = int.Parse(resolutionMatch.Groups["Width"].Value);
-                            config.Height = int.Parse(resolutionMatch.Groups["Height"].Value);
-                            break;
-                        case '[':
-                            var borderValue = line[1..];
-                            if (borderValue.Contains(';')) borderValue = borderValue.Split(';')[0].Trim();
-                            config.BorderIndex = int.Parse(borderValue);
-                            break;
-                        case '%':
-                            break;
-                        case '#':
-                            break;
-                        case '$':
-                        case ' ':
-                            break;
-                    }
-
-                await connection.UpdateAsync(config);
-            }
-
-            await connection.CloseAsync();
-        }
-
         public async void StoreToDatabase(IFormFile file)
         {
             var memoryStream = await GetAsMemoryStream(file);
@@ -155,6 +113,30 @@ namespace fxl.codes.kisekae.Services
             await connection.CloseAsync();
         }
 
+        public async Task<PlaysetModel> LoadConfig(int configId)
+        {
+            await using var connection = new NpgsqlConnection(_connectionString);
+            await connection.OpenAsync();
+
+            var config = await connection.QuerySingleAsync<ConfigurationDto>("select * from configuration where id = @configId", new { configId });
+
+            var celIds = await connection.QueryAsync<int>("select cel_id from cel_config where config_id = @configId", new { configId });
+            var renders = await connection.QueryAsync<CelRenderDto>($"select * from cel_render where cel_id in ({string.Join(",", celIds)})");
+            if (!renders.Any())
+            {
+                using var reader = await connection.QueryMultipleAsync($"select * from cel where id in ({string.Join(",", celIds)});"
+                                                                       + "select * from palette where kisekae_id = @kisekaeId", new { kisekaeId = config.KisekaeId });
+
+                var cels = reader.Read<CelDto>();
+                var palettes = reader.Read<PaletteDto>().ToDictionary(x => x.Id);
+                
+                
+            }
+            
+            await connection.CloseAsync();
+            return null;
+        }
+
         private KisekaeDto GetExisting(IDbConnection connection, string filename, string checksum)
         {
             var existing = connection.QuerySingleOrDefault<KisekaeDto>("select * from kisekae where kisekae.filename = @Filename", new { Filename = filename });
diff --git a/Startup.cs b/Startup.cs
index c5c7266..d2c9921 100644
--- a/Startup.cs
+++ b/Startup.cs
@@ -1,3 +1,4 @@
+using Dapper;
 using fxl.codes.kisekae.Services;
 using Microsoft.AspNetCore.Builder;
 using Microsoft.AspNetCore.Hosting;
@@ -34,7 +35,7 @@ namespace fxl.codes.kisekae
             if (env.IsDevelopment())
             {
                 app.UseDeveloperExceptionPage();
-                NpgsqlLogManager.Provider = new ConsoleLoggingProvider();
+                NpgsqlLogManager.Provider = new ConsoleLoggingProvider(NpgsqlLogLevel.Debug);
                 NpgsqlLogManager.IsParameterLoggingEnabled = true;
             }
             else
@@ -55,8 +56,10 @@ namespace fxl.codes.kisekae
             {
                 endpoints.MapControllerRoute(
                     "default",
-                    "{controller=Home}/{action=Index}/{id?}/{configId?}");
+                    "{controller=Home}/{action=Index}/{id?}");
             });
+
+            DefaultTypeMap.MatchNamesWithUnderscores = true;
         }
     }
 }
\ No newline at end of file
diff --git a/Styles/main.scss b/Styles/main.scss
index 4fc67bf..85e3c78 100644
--- a/Styles/main.scss
+++ b/Styles/main.scss
@@ -6,8 +6,9 @@ $fxl-orange: #ff6e40;
   $on-primary: $fxl-gray
 );
 
-@use "@material/button/styles";
+@use "@material/button/styles" as button-styles;
 @use "@material/button/mixins" as button-mixins;
+@use "@material/chips/styles" as chip-styles;
 @use "@material/icon-button/icon-button";
 @use "@material/linear-progress";
 @use "@material/top-app-bar/mdc-top-app-bar";
@@ -31,6 +32,7 @@ body {
     display: flex;
     flex: 1;
     flex-direction: column;
+    padding: 1rem;
 
     header {
       ul {
@@ -66,6 +68,22 @@ body {
         }
       }
     }
+
+    .visually-hidden {
+      position: absolute !important;
+      height: 1px;
+      width: 1px;
+      overflow: hidden;
+      clip: rect(1px, 1px, 1px, 1px);
+      
+      &:focus + label {
+        outline: thin dotted;
+      }
+      
+      &:focus-within + label {
+        outline: thin dotted;
+      }
+    }
   }
 
   footer {
diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
index 6f2b98a..8dc80e0 100644
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@@ -4,9 +4,23 @@
     ViewData["Title"] = "Select";
 }
 
-<form enctype="multipart/form-data" method="post" asp-action="Upload">
-    <input type="file" name="file">
-    <input class="btn" type="submit" value="Upload">
+<form enctype="multipart/form-data" method="post" asp-action="Upload" id="file_upload">
+    <fieldset>
+        <input type="file" name="file" multiple accept=".lzh" class="visually-hidden" id="lzh_upload">
+        <label for="lzh_upload" class="mdc-button mdc-button--outlined">
+            <span class="mdc-button__ripple"></span>
+            <span class="mdc-button__label">Add KiSS file(s)</span>
+        </label>
+        
+        <button type="submit" class="mdc-button mdc-button--unelevated">
+            <span class="mdc-button__ripple"></span>
+            <span class="mdc-button__label">Upload</span>
+        </button>
+        
+        <div class="selected-files mdc-evolution-chip-set" role="grid">
+            <div class="mdc-evolution-chip-set__chips" role="presentation"></div>
+        </div>
+    </fieldset>
 </form>
 
 <ul>
@@ -18,10 +32,15 @@
                 @foreach (var (key, value) in kiss.Configurations)
                 {
                     <li>
-                        <a asp-controller="Play" asp-action="Index" asp-route-id="@kiss.Id" asp-route-configId="@key">@value</a>
+                        <a asp-controller="Play" asp-action="Index" asp-route-id="@kiss.Id">@value</a>
                     </li>
                 }
             </ul>
         </li>
     }
-</ul>
\ No newline at end of file
+</ul>
+
+@section Scripts
+{
+    <script src="~/js/uploader.js" asp-append-version="true"></script>
+}
diff --git a/Views/Home/Upload.cshtml b/Views/Home/Upload.cshtml
new file mode 100644
index 0000000..8014cfc
--- /dev/null
+++ b/Views/Home/Upload.cshtml
@@ -0,0 +1,10 @@
+@{
+    ViewData["Title"] = "Uploading";
+}
+
+Uploading...
+
+@section Scripts
+{
+    <script src="~/js/uploader.js" asp-append-version="true"></script>
+}
\ No newline at end of file
diff --git a/Views/Shared/_Layout.cshtml b/Views/Shared/_Layout.cshtml
index 11e93bf..57f09c3 100644
--- a/Views/Shared/_Layout.cshtml
+++ b/Views/Shared/_Layout.cshtml
@@ -23,19 +23,19 @@
                 </section>
             </div>
         </header>
-        <div role="progressbar" class="mdc-linear-progress" aria-label="Example Progress Bar" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0">
-            <div class="mdc-linear-progress__buffer">
-                <div class="mdc-linear-progress__buffer-bar"></div>
-                <div class="mdc-linear-progress__buffer-dots"></div>
-            </div>
-            <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
-                <span class="mdc-linear-progress__bar-inner"></span>
-            </div>
-            <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
-                <span class="mdc-linear-progress__bar-inner"></span>
-            </div>
-        </div>
         <main class="mdc-top-app-bar--fixed-adjust" role="main">
+            <div role="progressbar" class="mdc-linear-progress" aria-label="Example Progress Bar" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0">
+                <div class="mdc-linear-progress__buffer">
+                    <div class="mdc-linear-progress__buffer-bar"></div>
+                    <div class="mdc-linear-progress__buffer-dots"></div>
+                </div>
+                <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
+                    <span class="mdc-linear-progress__bar-inner"></span>
+                </div>
+                <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
+                    <span class="mdc-linear-progress__bar-inner"></span>
+                </div>
+            </div>
             @RenderBody()
         </main>
         <footer>
diff --git a/fxl.codes.kisekae.csproj b/fxl.codes.kisekae.csproj
index efbc368..c63101f 100644
--- a/fxl.codes.kisekae.csproj
+++ b/fxl.codes.kisekae.csproj
@@ -9,6 +9,7 @@
       <TypeScriptCompile Include="Scripts\main.ts" />
       <TypeScriptCompile Include="Scripts\pto.ts" />
       <TypeScriptCompile Include="Scripts\tracker.ts" />
+      <TypeScriptCompile Include="Scripts\upload.ts" />
       <TypeScriptCompile Include="Scripts\utility.ts" />
     </ItemGroup>
 
diff --git a/webpack.config.js b/webpack.config.js
index 4a0b653..1b0c0ad 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -2,8 +2,8 @@ const path = require('path');
 
 module.exports = [{
     entry: {
-        main: "./Scripts/main.ts",
-        style: "./Styles/main.scss"
+        main: ["./Scripts/main.ts", "./Styles/main.scss"],
+        uploader: "./Scripts/upload.ts",
     },
     output: {
         filename: 'js/[name].js',
diff --git a/wwwroot/css/main.css b/wwwroot/css/main.css
index 76fcaf6..8e77673 100644
--- a/wwwroot/css/main.css
+++ b/wwwroot/css/main.css
@@ -713,6 +713,932 @@ svg.mdc-button__icon {
   /*rtl:end:ignore*/
 }
 
+.mdc-evolution-chip,
+.mdc-evolution-chip__cell,
+.mdc-evolution-chip__action {
+  display: inline-flex;
+  align-items: center;
+}
+
+.mdc-evolution-chip {
+  position: relative;
+  max-width: 100%;
+}
+.mdc-evolution-chip .mdc-elevation-overlay {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 0;
+}
+
+.mdc-evolution-chip__cell,
+.mdc-evolution-chip__action {
+  height: 100%;
+}
+
+.mdc-evolution-chip__cell--primary {
+  overflow-x: hidden;
+}
+
+.mdc-evolution-chip__cell--trailing {
+  flex: 1 0 auto;
+}
+
+.mdc-evolution-chip__action {
+  align-items: center;
+  background: none;
+  border: none;
+  box-sizing: content-box;
+  cursor: pointer;
+  display: inline-flex;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  text-decoration: none;
+  color: inherit;
+}
+
+.mdc-evolution-chip__action--presentational {
+  cursor: auto;
+}
+
+.mdc-evolution-chip--disabled,
+.mdc-evolution-chip__action:disabled {
+  pointer-events: none;
+}
+
+.mdc-evolution-chip__action--primary {
+  overflow-x: hidden;
+}
+
+.mdc-evolution-chip__action--trailing {
+  position: relative;
+}
+
+.mdc-evolution-chip__action--primary:before {
+  box-sizing: border-box;
+  content: "";
+  height: 100%;
+  left: 0;
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+
+.mdc-evolution-chip--touch {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.mdc-evolution-chip__action-touch {
+  position: absolute;
+  top: 50%;
+  height: 48px;
+  left: 0;
+  right: 0;
+  transform: translateY(-50%);
+}
+
+.mdc-evolution-chip__text-label {
+  white-space: nowrap;
+  user-select: none;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+.mdc-evolution-chip__graphic {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  overflow: hidden;
+  pointer-events: none;
+  position: relative;
+  flex: 1 0 auto;
+}
+
+.mdc-evolution-chip__checkmark {
+  position: absolute;
+  opacity: 0;
+  top: 50%;
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 50%;
+}
+
+.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic {
+  width: 0;
+}
+
+.mdc-evolution-chip__checkmark-background {
+  opacity: 0;
+}
+
+.mdc-evolution-chip__checkmark-svg {
+  display: block;
+}
+
+.mdc-evolution-chip__checkmark-path {
+  stroke-width: 2px;
+  stroke-dasharray: 29.7833385;
+  stroke-dashoffset: 29.7833385;
+  stroke: currentColor;
+}
+
+.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic {
+  transition: width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark {
+  transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
+  transform: translate(-75%, -50%);
+}
+.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path {
+  transition: stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.mdc-evolution-chip--deselecting .mdc-evolution-chip__graphic {
+  transition: width 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark {
+  transition: opacity 50ms 0ms linear, transform 100ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
+  transform: translate(-75%, -50%);
+}
+.mdc-evolution-chip--deselecting .mdc-evolution-chip__checkmark-path {
+  stroke-dashoffset: 0;
+}
+
+.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__icon--primary {
+  transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.mdc-evolution-chip--selecting-with-primary-icon .mdc-evolution-chip__checkmark-path {
+  transition: stroke-dashoffset 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__icon--primary {
+  transition: opacity 150ms 75ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark {
+  transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
+  transform: translate(-50%, -50%);
+}
+.mdc-evolution-chip--deselecting-with-primary-icon .mdc-evolution-chip__checkmark-path {
+  stroke-dashoffset: 0;
+}
+
+.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary {
+  opacity: 0;
+}
+.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark {
+  transform: translate(-50%, -50%);
+  opacity: 1;
+}
+.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path {
+  stroke-dashoffset: 0;
+}
+
+@keyframes mdc-evolution-chip-enter {
+  from {
+    transform: scale(0.8);
+    opacity: 0.4;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+.mdc-evolution-chip--enter {
+  animation: mdc-evolution-chip-enter 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+@keyframes mdc-evolution-chip-exit {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.mdc-evolution-chip--exit {
+  animation: mdc-evolution-chip-exit 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
+}
+
+.mdc-evolution-chip--hidden {
+  opacity: 0;
+  pointer-events: none;
+  transition: width 150ms 0ms cubic-bezier(0.4, 0, 1, 1);
+}
+
+.mdc-evolution-chip {
+  height: 32px;
+  border-radius: 16px;
+  background-color: #e0e0e0;
+}
+.mdc-evolution-chip .mdc-evolution-chip__ripple {
+  border-radius: 16px;
+}
+.mdc-evolution-chip .mdc-evolution-chip__action--primary:before,
+.mdc-evolution-chip .mdc-evolution-chip__action--primary:after {
+  border-radius: 16px;
+}
+.mdc-evolution-chip .mdc-evolution-chip__icon--primary {
+  border-radius: 16px;
+}
+.mdc-evolution-chip .mdc-evolution-chip__action--primary {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 12px;
+}
+[dir=rtl] .mdc-evolution-chip .mdc-evolution-chip__action--primary, .mdc-evolution-chip .mdc-evolution-chip__action--primary[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 12px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 6px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 6px;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic, .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 6px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 6px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 12px;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary, .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing, .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing {
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: initial;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing, .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  left: initial;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after {
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: initial;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after, .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  left: initial;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary, .mdc-evolution-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 12px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 6px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 6px;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic, .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 6px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 6px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing, .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing {
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: initial;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing, .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  left: initial;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after {
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: initial;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after, .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  left: initial;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+}
+[dir=rtl] .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary, .mdc-evolution-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip .mdc-evolution-chip__text-label {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mdc-evolution-chip .mdc-evolution-chip__icon--primary {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mdc-evolution-chip .mdc-evolution-chip__checkmark {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mdc-evolution-chip .mdc-evolution-chip__icon--trailing {
+  color: rgba(0, 0, 0, 0.87);
+}
+.mdc-evolution-chip .mdc-evolution-chip__text-label {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: Roboto, sans-serif;
+  /* @alternate */
+  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
+  font-size: 0.875rem;
+  /* @alternate */
+  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
+  line-height: 1.25rem;
+  /* @alternate */
+  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
+  font-weight: 400;
+  /* @alternate */
+  font-weight: var(--mdc-typography-body2-font-weight, 400);
+  letter-spacing: 0.0178571429em;
+  /* @alternate */
+  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
+  text-decoration: inherit;
+  /* @alternate */
+  text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
+  text-transform: inherit;
+  /* @alternate */
+  text-transform: var(--mdc-typography-body2-text-transform, inherit);
+}
+.mdc-evolution-chip.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon) {
+  --mdc-chip-graphic-selected-width: 20px;
+}
+.mdc-evolution-chip .mdc-evolution-chip__graphic {
+  height: 20px;
+  width: 20px;
+  font-size: 20px;
+}
+.mdc-evolution-chip .mdc-evolution-chip__icon--primary {
+  height: 20px;
+  width: 20px;
+  font-size: 20px;
+}
+.mdc-evolution-chip .mdc-evolution-chip__checkmark {
+  height: 20px;
+  width: 20px;
+}
+.mdc-evolution-chip .mdc-evolution-chip__icon--trailing,
+.mdc-evolution-chip .mdc-evolution-chip__action--trailing:after {
+  height: 18px;
+  width: 18px;
+  font-size: 18px;
+}
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
+  .mdc-evolution-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary:before {
+    border-color: GrayText;
+  }
+  .mdc-evolution-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label {
+    color: GrayText;
+  }
+  .mdc-evolution-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary {
+    color: GrayText;
+  }
+  .mdc-evolution-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark {
+    color: GrayText;
+  }
+  .mdc-evolution-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing {
+    color: GrayText;
+  }
+}
+.mdc-evolution-chip .mdc-evolution-chip__action:after {
+  position: absolute;
+  content: "";
+  border: 0px solid transparent;
+  pointer-events: none;
+  box-sizing: border-box;
+  z-index: 1;
+}
+.mdc-evolution-chip .mdc-evolution-chip__action:not(.mdc-evolution-chip__action--presentational).mdc-ripple-upgraded--background-focused:after, .mdc-evolution-chip .mdc-evolution-chip__action:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus:after {
+  border-width: 5px;
+  border-style: double;
+}
+.mdc-evolution-chip .mdc-evolution-chip__action--primary:after {
+  height: 100%;
+  width: 100%;
+  top: 50%;
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.mdc-evolution-chip .mdc-evolution-chip__action--trailing:after {
+  top: 50%;
+  transform: translateY(-50%);
+  border-radius: 50%;
+}
+
+.mdc-evolution-chip--filter.mdc-evolution-chip--selected {
+  background-color: #cecece;
+}
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 4px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+}
+[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 4px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 12px;
+}
+[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 4px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+}
+[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 4px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+}
+[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing {
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: initial;
+}
+[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__ripple--trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  left: initial;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after {
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: initial;
+}
+[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--trailing:after[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  left: initial;
+  /* @noflip */
+  /*rtl:ignore*/
+  right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+}
+[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip--with-avatar.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--with-primary-icon) {
+  --mdc-chip-graphic-selected-width: 24px;
+}
+.mdc-evolution-chip--with-avatar .mdc-evolution-chip__graphic {
+  height: 24px;
+  width: 24px;
+  font-size: 24px;
+}
+.mdc-evolution-chip--with-avatar .mdc-evolution-chip__icon--primary {
+  height: 24px;
+  width: 24px;
+  font-size: 24px;
+}
+
+.mdc-evolution-chip__action--primary .mdc-evolution-chip__ripple::before, .mdc-evolution-chip__action--primary .mdc-evolution-chip__ripple::after {
+  background-color: #000;
+  /* @alternate */
+  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
+}
+.mdc-evolution-chip__action--primary:hover .mdc-evolution-chip__ripple::before, .mdc-evolution-chip__action--primary.mdc-ripple-surface--hover .mdc-evolution-chip__ripple::before {
+  opacity: 0.04;
+  /* @alternate */
+  opacity: var(--mdc-ripple-hover-opacity, 0.04);
+}
+.mdc-evolution-chip__action--primary.mdc-ripple-upgraded--background-focused .mdc-evolution-chip__ripple::before, .mdc-evolution-chip__action--primary:not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__ripple::before {
+  transition-duration: 75ms;
+  opacity: 0.12;
+  /* @alternate */
+  opacity: var(--mdc-ripple-focus-opacity, 0.12);
+}
+.mdc-evolution-chip__action--primary:not(.mdc-ripple-upgraded) .mdc-evolution-chip__ripple::after {
+  transition: opacity 150ms linear;
+}
+.mdc-evolution-chip__action--primary:not(.mdc-ripple-upgraded):active .mdc-evolution-chip__ripple::after {
+  transition-duration: 75ms;
+  opacity: 0.12;
+  /* @alternate */
+  opacity: var(--mdc-ripple-press-opacity, 0.12);
+}
+.mdc-evolution-chip__action--primary.mdc-ripple-upgraded {
+  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
+}
+
+.mdc-evolution-chip__action--trailing .mdc-evolution-chip__ripple::before, .mdc-evolution-chip__action--trailing .mdc-evolution-chip__ripple::after {
+  background-color: #000;
+  /* @alternate */
+  background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
+}
+.mdc-evolution-chip__action--trailing:hover .mdc-evolution-chip__ripple::before, .mdc-evolution-chip__action--trailing.mdc-ripple-surface--hover .mdc-evolution-chip__ripple::before {
+  opacity: 0.04;
+  /* @alternate */
+  opacity: var(--mdc-ripple-hover-opacity, 0.04);
+}
+.mdc-evolution-chip__action--trailing.mdc-ripple-upgraded--background-focused .mdc-evolution-chip__ripple::before, .mdc-evolution-chip__action--trailing:not(.mdc-ripple-upgraded):focus .mdc-evolution-chip__ripple::before {
+  transition-duration: 75ms;
+  opacity: 0.12;
+  /* @alternate */
+  opacity: var(--mdc-ripple-focus-opacity, 0.12);
+}
+.mdc-evolution-chip__action--trailing:not(.mdc-ripple-upgraded) .mdc-evolution-chip__ripple::after {
+  transition: opacity 150ms linear;
+}
+.mdc-evolution-chip__action--trailing:not(.mdc-ripple-upgraded):active .mdc-evolution-chip__ripple::after {
+  transition-duration: 75ms;
+  opacity: 0.12;
+  /* @alternate */
+  opacity: var(--mdc-ripple-press-opacity, 0.12);
+}
+.mdc-evolution-chip__action--trailing.mdc-ripple-upgraded {
+  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
+}
+
+.mdc-evolution-chip__ripple--trailing {
+  height: 18px;
+  width: 18px;
+}
+
+.mdc-evolution-chip__action {
+  --mdc-ripple-fg-size: 0;
+  --mdc-ripple-left: 0;
+  --mdc-ripple-top: 0;
+  --mdc-ripple-fg-scale: 1;
+  --mdc-ripple-fg-translate-end: 0;
+  --mdc-ripple-fg-translate-start: 0;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.mdc-evolution-chip__action .mdc-evolution-chip__ripple::before,
+.mdc-evolution-chip__action .mdc-evolution-chip__ripple::after {
+  position: absolute;
+  border-radius: 50%;
+  opacity: 0;
+  pointer-events: none;
+  content: "";
+}
+.mdc-evolution-chip__action .mdc-evolution-chip__ripple::before {
+  transition: opacity 15ms linear, background-color 15ms linear;
+  z-index: 1;
+  /* @alternate */
+  z-index: var(--mdc-ripple-z-index, 1);
+}
+.mdc-evolution-chip__action .mdc-evolution-chip__ripple::after {
+  z-index: 0;
+  /* @alternate */
+  z-index: var(--mdc-ripple-z-index, 0);
+}
+.mdc-evolution-chip__action.mdc-ripple-upgraded .mdc-evolution-chip__ripple::before {
+  transform: scale(var(--mdc-ripple-fg-scale, 1));
+}
+.mdc-evolution-chip__action.mdc-ripple-upgraded .mdc-evolution-chip__ripple::after {
+  top: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 0;
+  transform: scale(0);
+  transform-origin: center center;
+}
+.mdc-evolution-chip__action.mdc-ripple-upgraded--unbounded .mdc-evolution-chip__ripple::after {
+  top: var(--mdc-ripple-top, 0);
+  /* @noflip */
+  /*rtl:ignore*/
+  left: var(--mdc-ripple-left, 0);
+}
+.mdc-evolution-chip__action.mdc-ripple-upgraded--foreground-activation .mdc-evolution-chip__ripple::after {
+  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
+}
+.mdc-evolution-chip__action.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-chip__ripple::after {
+  animation: mdc-ripple-fg-opacity-out 150ms;
+  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
+}
+.mdc-evolution-chip__action .mdc-evolution-chip__ripple::before,
+.mdc-evolution-chip__action .mdc-evolution-chip__ripple::after {
+  top: calc(50% - 100%);
+  /* @noflip */
+  /*rtl:ignore*/
+  left: calc(50% - 100%);
+  width: 200%;
+  height: 200%;
+}
+.mdc-evolution-chip__action.mdc-ripple-upgraded .mdc-evolution-chip__ripple::after {
+  width: var(--mdc-ripple-fg-size, 100%);
+  height: var(--mdc-ripple-fg-size, 100%);
+}
+
+.mdc-evolution-chip__ripple {
+  position: absolute;
+  box-sizing: content-box;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.mdc-evolution-chip__ripple--primary {
+  height: 100%;
+  width: 100%;
+  top: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  left: 0;
+}
+
+.mdc-evolution-chip__ripple--trailing {
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.mdc-evolution-chip-set {
+  display: flex;
+}
+
+.mdc-evolution-chip-set:focus {
+  outline: none;
+}
+
+.mdc-evolution-chip-set__chips {
+  display: flex;
+  flex-flow: wrap;
+  min-width: 0;
+}
+
+.mdc-evolution-chip-set--overflow .mdc-evolution-chip-set__chips {
+  flex-flow: nowrap;
+}
+
+.mdc-evolution-chip-set .mdc-evolution-chip-set__chips {
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: -8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: 0;
+}
+[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip-set__chips, .mdc-evolution-chip-set .mdc-evolution-chip-set__chips[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: -8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip-set .mdc-evolution-chip {
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: 8px;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: 0;
+}
+[dir=rtl] .mdc-evolution-chip-set .mdc-evolution-chip, .mdc-evolution-chip-set .mdc-evolution-chip[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: 8px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-evolution-chip-set .mdc-evolution-chip {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
 .mdc-top-app-bar {
   background-color: #ff6e40;
   /* @alternate */
@@ -1626,6 +2552,7 @@ body main {
   display: flex;
   flex: 1;
   flex-direction: column;
+  padding: 1rem;
 }
 @keyframes mdc-linear-progress-primary-indeterminate-translate {
   0% {
@@ -1951,6 +2878,19 @@ body main article #play_space .cel-image {
   visibility: hidden;
   position: absolute;
 }
+body main .visually-hidden {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+body main .visually-hidden:focus + label {
+  outline: thin dotted;
+}
+body main .visually-hidden:focus-within + label {
+  outline: thin dotted;
+}
 body footer {
   background-color: #ff6e40;
   font-size: smaller;
diff --git a/wwwroot/js/main.js b/wwwroot/js/main.js
index 417156d..be826ca 100644
--- a/wwwroot/js/main.js
+++ b/wwwroot/js/main.js
@@ -190,13 +190,23 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./Styles/main.scss":
+/*!**************************!*\
+  !*** ./Styles/main.scss ***!
+  \**************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + \"css/main.css\");\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Styles/main.scss?");
+
+/***/ }),
+
 /***/ "./Scripts/main.ts":
 /*!*************************!*\
   !*** ./Scripts/main.ts ***!
   \*************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _material_linear_progress__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material/linear-progress */ \"./node_modules/@material/linear-progress/component.js\");\n/* harmony import */ var _material_ripple__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material/ripple */ \"./node_modules/@material/ripple/component.js\");\n/* harmony import */ var _material_top_app_bar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material/top-app-bar */ \"./node_modules/@material/top-app-bar/component.js\");\n/* harmony import */ var _tracker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tracker */ \"./Scripts/tracker.ts\");\n/* harmony import */ var _utility__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utility */ \"./Scripts/utility.ts\");\n\n\n\n\n\nvar Main = (function () {\n    function Main() {\n        var _this = this;\n        this.ripples = [];\n        this.appBar = _material_top_app_bar__WEBPACK_IMPORTED_MODULE_2__.MDCTopAppBar.attachTo(document.querySelector(\".mdc-top-app-bar\"));\n        document.querySelectorAll(\".mdc-button\").forEach(function (button) {\n            _this.ripples.push(_material_ripple__WEBPACK_IMPORTED_MODULE_3__.MDCRipple.attachTo(button));\n        });\n        this.linearProgress = _material_linear_progress__WEBPACK_IMPORTED_MODULE_4__.MDCLinearProgress.attachTo(document.querySelector(\".mdc-linear-progress\"));\n        this.init();\n    }\n    Main.prototype.load = function (containerId, headerId, playset, set) {\n        if (set === void 0) { set = 0; }\n        var container = document.getElementById(containerId);\n        var menu = document.getElementById(headerId).querySelector(\"ul\");\n        var tracker = new _tracker__WEBPACK_IMPORTED_MODULE_0__[\"default\"](playset, menu, container);\n        tracker.setPlayArea(set);\n    };\n    Main.prototype.init = function () {\n        var _this = this;\n        this.linearProgress.open();\n        var main = document.querySelector(\"main\");\n        var directories = main.querySelector(\"ul\");\n        if (!directories)\n            return;\n        var links = directories.querySelectorAll(\"a\");\n        links.forEach(function (link) {\n            link.addEventListener(\"click\", function () {\n                _this.linearProgress.determinate = false;\n                _this.linearProgress.open();\n                var directory = link.attributes.getNamedItem(\"data-directory\");\n                var form = new _utility__WEBPACK_IMPORTED_MODULE_1__[\"default\"](\"form\")\n                    .addAttributes({ \"method\": \"post\", \"action\": \"/Home/Select\" })\n                    .addChildren(new _utility__WEBPACK_IMPORTED_MODULE_1__[\"default\"](\"input\").addAttributes({\n                    \"type\": \"hidden\",\n                    \"name\": \"directory\",\n                    \"value\": directory.value\n                }), new _utility__WEBPACK_IMPORTED_MODULE_1__[\"default\"](\"input\").addAttributes({\n                    \"type\": \"hidden\",\n                    \"name\": \"file\",\n                    \"value\": link.textContent\n                })).build();\n                link.appendChild(form);\n                form.submit();\n            });\n        });\n    };\n    return Main;\n}());\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Main);\ndocument.kisekae = new Main();\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/main.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _material_linear_progress__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material/linear-progress */ \"./node_modules/@material/linear-progress/component.js\");\n/* harmony import */ var _material_ripple__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material/ripple */ \"./node_modules/@material/ripple/component.js\");\n/* harmony import */ var _material_top_app_bar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material/top-app-bar */ \"./node_modules/@material/top-app-bar/component.js\");\n/* harmony import */ var _tracker__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./tracker */ \"./Scripts/tracker.ts\");\n/* harmony import */ var _utility__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utility */ \"./Scripts/utility.ts\");\n\n\n\n\n\nvar Main = (function () {\n    function Main() {\n        var _this = this;\n        this.ripples = [];\n        this.appBar = _material_top_app_bar__WEBPACK_IMPORTED_MODULE_2__.MDCTopAppBar.attachTo(document.querySelector(\".mdc-top-app-bar\"));\n        document.querySelectorAll(\".mdc-button\").forEach(function (button) {\n            _this.ripples.push(_material_ripple__WEBPACK_IMPORTED_MODULE_3__.MDCRipple.attachTo(button));\n        });\n        this.linearProgress = _material_linear_progress__WEBPACK_IMPORTED_MODULE_4__.MDCLinearProgress.attachTo(document.querySelector(\".mdc-linear-progress\"));\n        this.init();\n    }\n    Main.prototype.load = function (containerId, headerId, playset, set) {\n        if (set === void 0) { set = 0; }\n        var container = document.getElementById(containerId);\n        var menu = document.getElementById(headerId).querySelector(\"ul\");\n        var tracker = new _tracker__WEBPACK_IMPORTED_MODULE_0__[\"default\"](playset, menu, container);\n        tracker.setPlayArea(set);\n    };\n    Main.prototype.init = function () {\n        var _this = this;\n        var main = document.querySelector(\"main\");\n        var directories = main.querySelector(\"ul\");\n        if (!directories)\n            return;\n        var links = directories.querySelectorAll(\"a\");\n        links.forEach(function (link) {\n            link.addEventListener(\"click\", function () {\n                _this.linearProgress.determinate = false;\n                _this.linearProgress.open();\n                var directory = link.attributes.getNamedItem(\"data-directory\");\n                var form = new _utility__WEBPACK_IMPORTED_MODULE_1__[\"default\"](\"form\")\n                    .addAttributes({ \"method\": \"post\", \"action\": \"/Home/Select\" })\n                    .addChildren(new _utility__WEBPACK_IMPORTED_MODULE_1__[\"default\"](\"input\").addAttributes({\n                    \"type\": \"hidden\",\n                    \"name\": \"directory\",\n                    \"value\": directory.value\n                }), new _utility__WEBPACK_IMPORTED_MODULE_1__[\"default\"](\"input\").addAttributes({\n                    \"type\": \"hidden\",\n                    \"name\": \"file\",\n                    \"value\": link.textContent\n                })).build();\n                link.appendChild(form);\n                form.submit();\n            });\n        });\n    };\n    return Main;\n}());\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Main);\ndocument.kisekae = new Main();\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/main.ts?");
 
 /***/ }),
 
@@ -226,7 +236,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \****************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nvar Builder = (function () {\n    function Builder(tag) {\n        this.element = document.createElement(tag);\n    }\n    Builder.prototype.addAttributes = function (attributes) {\n        for (var _i = 0, _a = Object.keys(attributes); _i < _a.length; _i++) {\n            var key = _a[_i];\n            this.addAttribute(key, attributes[key]);\n        }\n        return this;\n    };\n    Builder.prototype.addAttribute = function (name, value) {\n        var attribute = document.createAttribute(name);\n        attribute.value = value.toString();\n        this.element.attributes.setNamedItem(attribute);\n        return this;\n    };\n    Builder.prototype.addClass = function () {\n        var _a;\n        var classes = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            classes[_i] = arguments[_i];\n        }\n        (_a = this.element.classList).add.apply(_a, classes);\n        return this;\n    };\n    Builder.prototype.addChildren = function () {\n        var _this = this;\n        var children = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            children[_i] = arguments[_i];\n        }\n        children.forEach(function (child) {\n            if (child instanceof HTMLElement) {\n                _this.element.appendChild(child);\n            }\n            else {\n                _this.element.appendChild(child.build());\n            }\n        });\n        return this;\n    };\n    Builder.prototype.setText = function (text) {\n        this.element.textContent = text;\n        return this;\n    };\n    Builder.prototype.build = function () {\n        return this.element;\n    };\n    return Builder;\n}());\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Builder);\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/utility.ts?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nvar Builder = (function () {\n    function Builder(tag) {\n        this.element = document.createElement(tag);\n    }\n    Builder.prototype.addAttributes = function (attributes) {\n        for (var _i = 0, _a = Object.keys(attributes); _i < _a.length; _i++) {\n            var key = _a[_i];\n            this.addAttribute(key, attributes[key]);\n        }\n        return this;\n    };\n    Builder.prototype.addAttribute = function (name, value) {\n        var attribute = document.createAttribute(name);\n        attribute.value = value.toString();\n        this.element.attributes.setNamedItem(attribute);\n        return this;\n    };\n    Builder.prototype.addClass = function () {\n        var _a;\n        var classes = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            classes[_i] = arguments[_i];\n        }\n        (_a = this.element.classList).add.apply(_a, classes);\n        return this;\n    };\n    Builder.prototype.addChildren = function () {\n        var _this = this;\n        var children = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            children[_i] = arguments[_i];\n        }\n        children.forEach(function (child) {\n            if (child instanceof HTMLElement) {\n                _this.element.appendChild(child);\n            }\n            else {\n                _this.element.appendChild(child.build());\n            }\n        });\n        return this;\n    };\n    Builder.prototype.setText = function (text) {\n        this.element.textContent = text;\n        return this;\n    };\n    Builder.prototype.build = function () {\n        return this.element;\n    };\n    Builder.element = function (tag, attributes) {\n        var _a;\n        var classes = [];\n        for (var _i = 2; _i < arguments.length; _i++) {\n            classes[_i - 2] = arguments[_i];\n        }\n        return (_a = new Builder(tag).addAttributes(attributes)).addClass.apply(_a, classes);\n    };\n    return Builder;\n}());\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Builder);\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/utility.ts?");
 
 /***/ }),
 
@@ -279,6 +289,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/global */
+/******/ 	(() => {
+/******/ 		__webpack_require__.g = (function() {
+/******/ 			if (typeof globalThis === 'object') return globalThis;
+/******/ 			try {
+/******/ 				return this || new Function('return this')();
+/******/ 			} catch (e) {
+/******/ 				if (typeof window === 'object') return window;
+/******/ 			}
+/******/ 		})();
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
@@ -295,12 +317,33 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	(() => {
+/******/ 		var scriptUrl;
+/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
+/******/ 		var document = __webpack_require__.g.document;
+/******/ 		if (!scriptUrl && document) {
+/******/ 			if (document.currentScript)
+/******/ 				scriptUrl = document.currentScript.src
+/******/ 			if (!scriptUrl) {
+/******/ 				var scripts = document.getElementsByTagName("script");
+/******/ 				if(scripts.length) scriptUrl = scripts[scripts.length - 1].src
+/******/ 			}
+/******/ 		}
+/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
+/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
+/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
+/******/ 		scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
+/******/ 		__webpack_require__.p = scriptUrl + "../";
+/******/ 	})();
+/******/ 	
 /************************************************************************/
 /******/ 	
 /******/ 	// startup
 /******/ 	// Load entry module and return exports
 /******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = __webpack_require__("./Scripts/main.ts");
+/******/ 	__webpack_require__("./Scripts/main.ts");
+/******/ 	var __webpack_exports__ = __webpack_require__("./Styles/main.scss");
 /******/ 	
 /******/ })()
 ;
\ No newline at end of file
diff --git a/wwwroot/js/style.js b/wwwroot/js/style.js
deleted file mode 100644
index fa0ec14..0000000
--- a/wwwroot/js/style.js
+++ /dev/null
@@ -1,98 +0,0 @@
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./Styles/main.scss":
-/*!**************************!*\
-  !*** ./Styles/main.scss ***!
-  \**************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__.p + \"css/main.css\");\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Styles/main.scss?");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/global */
-/******/ 	(() => {
-/******/ 		__webpack_require__.g = (function() {
-/******/ 			if (typeof globalThis === 'object') return globalThis;
-/******/ 			try {
-/******/ 				return this || new Function('return this')();
-/******/ 			} catch (e) {
-/******/ 				if (typeof window === 'object') return window;
-/******/ 			}
-/******/ 		})();
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		var scriptUrl;
-/******/ 		if (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + "";
-/******/ 		var document = __webpack_require__.g.document;
-/******/ 		if (!scriptUrl && document) {
-/******/ 			if (document.currentScript)
-/******/ 				scriptUrl = document.currentScript.src
-/******/ 			if (!scriptUrl) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				if(scripts.length) scriptUrl = scripts[scripts.length - 1].src
-/******/ 			}
-/******/ 		}
-/******/ 		// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration
-/******/ 		// or pass an empty string ("") and set the __webpack_public_path__ variable from your code to use your own logic.
-/******/ 		if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser");
-/******/ 		scriptUrl = scriptUrl.replace(/#.*$/, "").replace(/\?.*$/, "").replace(/\/[^\/]+$/, "/");
-/******/ 		__webpack_require__.p = scriptUrl + "../";
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module can't be inlined because the eval devtool is used.
-/******/ 	var __webpack_exports__ = {};
-/******/ 	__webpack_modules__["./Styles/main.scss"](0, __webpack_exports__, __webpack_require__);
-/******/ 	
-/******/ })()
-;
\ No newline at end of file
diff --git a/wwwroot/js/uploader.js b/wwwroot/js/uploader.js
new file mode 100644
index 0000000..a86551d
--- /dev/null
+++ b/wwwroot/js/uploader.js
@@ -0,0 +1,336 @@
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./node_modules/@material/animation/animationframe.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@material/animation/animationframe.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"AnimationFrame\": () => (/* binding */ AnimationFrame)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * AnimationFrame provides a user-friendly abstraction around requesting\n * and canceling animation frames.\n */\nvar AnimationFrame = /** @class */ (function () {\n    function AnimationFrame() {\n        this.rafIDs = new Map();\n    }\n    /**\n     * Requests an animation frame. Cancels any existing frame with the same key.\n     * @param {string} key The key for this callback.\n     * @param {FrameRequestCallback} callback The callback to be executed.\n     */\n    AnimationFrame.prototype.request = function (key, callback) {\n        var _this = this;\n        this.cancel(key);\n        var frameID = requestAnimationFrame(function (frame) {\n            _this.rafIDs.delete(key);\n            // Callback must come *after* the key is deleted so that nested calls to\n            // request with the same key are not deleted.\n            callback(frame);\n        });\n        this.rafIDs.set(key, frameID);\n    };\n    /**\n     * Cancels a queued callback with the given key.\n     * @param {string} key The key for this callback.\n     */\n    AnimationFrame.prototype.cancel = function (key) {\n        var rafID = this.rafIDs.get(key);\n        if (rafID) {\n            cancelAnimationFrame(rafID);\n            this.rafIDs.delete(key);\n        }\n    };\n    /**\n     * Cancels all queued callback.\n     */\n    AnimationFrame.prototype.cancelAll = function () {\n        var _this = this;\n        // Need to use forEach because it's the only iteration method supported\n        // by IE11. Suppress the underscore because we don't need it.\n        // tslint:disable-next-line:enforce-name-casing\n        this.rafIDs.forEach(function (_, key) {\n            _this.cancel(key);\n        });\n    };\n    /**\n     * Returns the queue of unexecuted callback keys.\n     */\n    AnimationFrame.prototype.getQueue = function () {\n        var queue = [];\n        // Need to use forEach because it's the only iteration method supported\n        // by IE11. Suppress the underscore because we don't need it.\n        // tslint:disable-next-line:enforce-name-casing\n        this.rafIDs.forEach(function (_, key) {\n            queue.push(key);\n        });\n        return queue;\n    };\n    return AnimationFrame;\n}());\n\n//# sourceMappingURL=animationframe.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/animation/animationframe.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/base/component.js":
+/*!**************************************************!*\
+  !*** ./node_modules/@material/base/component.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCComponent\": () => (/* binding */ MDCComponent),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _foundation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./foundation */ \"./node_modules/@material/base/foundation.js\");\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\nvar MDCComponent = /** @class */ (function () {\n    function MDCComponent(root, foundation) {\n        var args = [];\n        for (var _i = 2; _i < arguments.length; _i++) {\n            args[_i - 2] = arguments[_i];\n        }\n        this.root = root;\n        this.initialize.apply(this, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__spreadArray)([], (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__read)(args)));\n        // Note that we initialize foundation here and not within the constructor's\n        // default param so that this.root is defined and can be used within the\n        // foundation class.\n        this.foundation =\n            foundation === undefined ? this.getDefaultFoundation() : foundation;\n        this.foundation.init();\n        this.initialSyncWithDOM();\n    }\n    MDCComponent.attachTo = function (root) {\n        // Subclasses which extend MDCBase should provide an attachTo() method that takes a root element and\n        // returns an instantiated component with its root set to that element. Also note that in the cases of\n        // subclasses, an explicit foundation class will not have to be passed in; it will simply be initialized\n        // from getDefaultFoundation().\n        return new MDCComponent(root, new _foundation__WEBPACK_IMPORTED_MODULE_1__.MDCFoundation({}));\n    };\n    /* istanbul ignore next: method param only exists for typing purposes; it does not need to be unit tested */\n    MDCComponent.prototype.initialize = function () {\n        var _args = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            _args[_i] = arguments[_i];\n        }\n        // Subclasses can override this to do any additional setup work that would be considered part of a\n        // \"constructor\". Essentially, it is a hook into the parent constructor before the foundation is\n        // initialized. Any additional arguments besides root and foundation will be passed in here.\n    };\n    MDCComponent.prototype.getDefaultFoundation = function () {\n        // Subclasses must override this method to return a properly configured foundation class for the\n        // component.\n        throw new Error('Subclasses must override getDefaultFoundation to return a properly configured ' +\n            'foundation class');\n    };\n    MDCComponent.prototype.initialSyncWithDOM = function () {\n        // Subclasses should override this method if they need to perform work to synchronize with a host DOM\n        // object. An example of this would be a form control wrapper that needs to synchronize its internal state\n        // to some property or attribute of the host DOM. Please note: this is *not* the place to perform DOM\n        // reads/writes that would cause layout / paint, as this is called synchronously from within the constructor.\n    };\n    MDCComponent.prototype.destroy = function () {\n        // Subclasses may implement this method to release any resources / deregister any listeners they have\n        // attached. An example of this might be deregistering a resize event from the window object.\n        this.foundation.destroy();\n    };\n    MDCComponent.prototype.listen = function (evtType, handler, options) {\n        this.root.addEventListener(evtType, handler, options);\n    };\n    MDCComponent.prototype.unlisten = function (evtType, handler, options) {\n        this.root.removeEventListener(evtType, handler, options);\n    };\n    /**\n     * Fires a cross-browser-compatible custom event from the component root of the given type, with the given data.\n     */\n    MDCComponent.prototype.emit = function (evtType, evtData, shouldBubble) {\n        if (shouldBubble === void 0) { shouldBubble = false; }\n        var evt;\n        if (typeof CustomEvent === 'function') {\n            evt = new CustomEvent(evtType, {\n                bubbles: shouldBubble,\n                detail: evtData,\n            });\n        }\n        else {\n            evt = document.createEvent('CustomEvent');\n            evt.initCustomEvent(evtType, shouldBubble, false, evtData);\n        }\n        this.root.dispatchEvent(evt);\n    };\n    return MDCComponent;\n}());\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCComponent);\n//# sourceMappingURL=component.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/base/component.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/base/foundation.js":
+/*!***************************************************!*\
+  !*** ./node_modules/@material/base/foundation.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCFoundation\": () => (/* binding */ MDCFoundation),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar MDCFoundation = /** @class */ (function () {\n    function MDCFoundation(adapter) {\n        if (adapter === void 0) { adapter = {}; }\n        this.adapter = adapter;\n    }\n    Object.defineProperty(MDCFoundation, \"cssClasses\", {\n        get: function () {\n            // Classes extending MDCFoundation should implement this method to return an object which exports every\n            // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'mdc-component--active'}\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCFoundation, \"strings\", {\n        get: function () {\n            // Classes extending MDCFoundation should implement this method to return an object which exports all\n            // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCFoundation, \"numbers\", {\n        get: function () {\n            // Classes extending MDCFoundation should implement this method to return an object which exports all\n            // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCFoundation, \"defaultAdapter\", {\n        get: function () {\n            // Classes extending MDCFoundation may choose to implement this getter in order to provide a convenient\n            // way of viewing the necessary methods of an adapter. In the future, this could also be used for adapter\n            // validation.\n            return {};\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCFoundation.prototype.init = function () {\n        // Subclasses should override this method to perform initialization routines (registering events, etc.)\n    };\n    MDCFoundation.prototype.destroy = function () {\n        // Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)\n    };\n    return MDCFoundation;\n}());\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCFoundation);\n//# sourceMappingURL=foundation.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/base/foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/action/component-ripple.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/@material/chips/action/component-ripple.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"computePrimaryActionRippleClientRect\": () => (/* binding */ computePrimaryActionRippleClientRect),\n/* harmony export */   \"GRAPHIC_SELECTED_WIDTH_STYLE_PROP\": () => (/* binding */ GRAPHIC_SELECTED_WIDTH_STYLE_PROP)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * Computes the ripple client rect for the primary action given the raw client\n * rect and the selected width graphic style property.\n */\nfunction computePrimaryActionRippleClientRect(clientRect, graphicSelectedWidthStyleValue) {\n    // parseInt is banned so we need to manually format and parse the string.\n    var graphicWidth = Number(graphicSelectedWidthStyleValue.replace('px', ''));\n    if (Number.isNaN(graphicWidth)) {\n        return clientRect;\n    }\n    // Can't use the spread operator because it has internal problems\n    return {\n        width: clientRect.width + graphicWidth,\n        height: clientRect.height,\n        top: clientRect.top,\n        right: clientRect.right,\n        bottom: clientRect.bottom,\n        left: clientRect.left\n    };\n}\n/**\n * Provides the CSS custom property whose value is read by\n * computePrimaryRippleClientRect. The CSS custom property provides the width\n * of the chip graphic when selected. It is only set for the unselected chip\n * variant without a leadinc icon. In all other cases, it will have no value.\n */\nvar GRAPHIC_SELECTED_WIDTH_STYLE_PROP = '--mdc-chip-graphic-selected-width';\n//# sourceMappingURL=component-ripple.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/action/component-ripple.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/action/component.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@material/chips/action/component.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipAction\": () => (/* binding */ MDCChipAction)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @material/base/component */ \"./node_modules/@material/base/component.js\");\n/* harmony import */ var _material_dom_ponyfill__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material/dom/ponyfill */ \"./node_modules/@material/dom/ponyfill.js\");\n/* harmony import */ var _material_ripple_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/ripple/component */ \"./node_modules/@material/ripple/component.js\");\n/* harmony import */ var _material_ripple_foundation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material/ripple/foundation */ \"./node_modules/@material/ripple/foundation.js\");\n/* harmony import */ var _component_ripple__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./component-ripple */ \"./node_modules/@material/chips/action/component-ripple.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/chips/action/constants.js\");\n/* harmony import */ var _primary_foundation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./primary-foundation */ \"./node_modules/@material/chips/action/primary-foundation.js\");\n/* harmony import */ var _trailing_foundation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./trailing-foundation */ \"./node_modules/@material/chips/action/trailing-foundation.js\");\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n\n\n\n\n/**\n * MDCChipAction provides component encapsulation of the different foundation\n * implementations.\n */\nvar MDCChipAction = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCChipAction, _super);\n    function MDCChipAction() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.rootHTML = _this.root;\n        return _this;\n    }\n    MDCChipAction.attachTo = function (root) {\n        return new MDCChipAction(root);\n    };\n    Object.defineProperty(MDCChipAction.prototype, \"ripple\", {\n        get: function () {\n            return this.rippleInstance;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCChipAction.prototype.initialize = function (rippleFactory) {\n        var _this = this;\n        if (rippleFactory === void 0) { rippleFactory = function (el, foundation) {\n            return new _material_ripple_component__WEBPACK_IMPORTED_MODULE_1__.MDCRipple(el, foundation);\n        }; }\n        var rippleAdapter = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, _material_ripple_component__WEBPACK_IMPORTED_MODULE_1__.MDCRipple.createAdapter(this)), { computeBoundingRect: function () { return _this.computeRippleClientRect(); } });\n        this.rippleInstance =\n            rippleFactory(this.root, new _material_ripple_foundation__WEBPACK_IMPORTED_MODULE_2__.MDCRippleFoundation(rippleAdapter));\n    };\n    MDCChipAction.prototype.initialSyncWithDOM = function () {\n        var _this = this;\n        this.handleClick = function () {\n            _this.foundation.handleClick();\n        };\n        this.handleKeydown = function (event) {\n            _this.foundation.handleKeydown(event);\n        };\n        this.listen('click', this.handleClick);\n        this.listen('keydown', this.handleKeydown);\n    };\n    MDCChipAction.prototype.destroy = function () {\n        this.ripple.destroy();\n        this.unlisten('click', this.handleClick);\n        this.unlisten('keydown', this.handleKeydown);\n        _super.prototype.destroy.call(this);\n    };\n    MDCChipAction.prototype.getDefaultFoundation = function () {\n        var _this = this;\n        // DO NOT INLINE this variable. For backward compatibility, foundations take\n        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n        // methods, we need a separate, strongly typed adapter variable.\n        var adapter = {\n            emitEvent: function (eventName, eventDetail) {\n                _this.emit(eventName, eventDetail, true /* shouldBubble */);\n            },\n            focus: function () {\n                _this.rootHTML.focus();\n            },\n            getAttribute: function (attrName) { return _this.root.getAttribute(attrName); },\n            getElementID: function () { return _this.root.id; },\n            removeAttribute: function (name) {\n                _this.root.removeAttribute(name);\n            },\n            setAttribute: function (name, value) {\n                _this.root.setAttribute(name, value);\n            },\n        };\n        if (this.root.classList.contains(_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionCssClasses.TRAILING_ACTION)) {\n            return new _trailing_foundation__WEBPACK_IMPORTED_MODULE_4__.MDCChipTrailingActionFoundation(adapter);\n        }\n        // Default to the primary foundation\n        return new _primary_foundation__WEBPACK_IMPORTED_MODULE_5__.MDCChipPrimaryActionFoundation(adapter);\n    };\n    MDCChipAction.prototype.setDisabled = function (isDisabled) {\n        this.foundation.setDisabled(isDisabled);\n    };\n    MDCChipAction.prototype.isDisabled = function () {\n        return this.foundation.isDisabled();\n    };\n    MDCChipAction.prototype.setFocus = function (behavior) {\n        this.foundation.setFocus(behavior);\n    };\n    MDCChipAction.prototype.isFocusable = function () {\n        return this.foundation.isFocusable();\n    };\n    MDCChipAction.prototype.setSelected = function (isSelected) {\n        this.foundation.setSelected(isSelected);\n    };\n    MDCChipAction.prototype.isSelected = function () {\n        return this.foundation.isSelected();\n    };\n    MDCChipAction.prototype.isSelectable = function () {\n        return this.foundation.isSelectable();\n    };\n    MDCChipAction.prototype.actionType = function () {\n        return this.foundation.actionType();\n    };\n    MDCChipAction.prototype.computeRippleClientRect = function () {\n        if (this.root.classList.contains(_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionCssClasses.PRIMARY_ACTION)) {\n            var chipRoot = (0,_material_dom_ponyfill__WEBPACK_IMPORTED_MODULE_6__.closest)(this.root, \".\" + _constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionCssClasses.CHIP_ROOT);\n            // Return the root client rect since it's better than nothing\n            if (!chipRoot)\n                return this.root.getBoundingClientRect();\n            var graphicWidth = window.getComputedStyle(chipRoot).getPropertyValue(_component_ripple__WEBPACK_IMPORTED_MODULE_7__.GRAPHIC_SELECTED_WIDTH_STYLE_PROP);\n            return (0,_component_ripple__WEBPACK_IMPORTED_MODULE_7__.computePrimaryActionRippleClientRect)(chipRoot.getBoundingClientRect(), graphicWidth);\n        }\n        return this.root.getBoundingClientRect();\n    };\n    return MDCChipAction;\n}(_material_base_component__WEBPACK_IMPORTED_MODULE_8__.MDCComponent));\n\n//# sourceMappingURL=component.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/action/component.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/action/constants.js":
+/*!**********************************************************!*\
+  !*** ./node_modules/@material/chips/action/constants.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipActionCssClasses\": () => (/* binding */ MDCChipActionCssClasses),\n/* harmony export */   \"MDCChipActionInteractionTrigger\": () => (/* binding */ MDCChipActionInteractionTrigger),\n/* harmony export */   \"MDCChipActionType\": () => (/* binding */ MDCChipActionType),\n/* harmony export */   \"MDCChipActionEvents\": () => (/* binding */ MDCChipActionEvents),\n/* harmony export */   \"MDCChipActionFocusBehavior\": () => (/* binding */ MDCChipActionFocusBehavior),\n/* harmony export */   \"MDCChipActionAttributes\": () => (/* binding */ MDCChipActionAttributes)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * MDCChipActionCssClasses provides the classes to be queried and manipulated on\n * the root.\n */\nvar MDCChipActionCssClasses;\n(function (MDCChipActionCssClasses) {\n    MDCChipActionCssClasses[\"PRIMARY_ACTION\"] = \"mdc-evolution-chip__action--primary\";\n    MDCChipActionCssClasses[\"TRAILING_ACTION\"] = \"mdc-evolution-chip__action--trailing\";\n    MDCChipActionCssClasses[\"CHIP_ROOT\"] = \"mdc-evolution-chip\";\n})(MDCChipActionCssClasses || (MDCChipActionCssClasses = {}));\n/**\n * MDCChipActionInteractionTrigger provides detail of the different triggers for\n * action interactions.\n */\nvar MDCChipActionInteractionTrigger;\n(function (MDCChipActionInteractionTrigger) {\n    MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger[\"UNSPECIFIED\"] = 0] = \"UNSPECIFIED\";\n    MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger[\"CLICK\"] = 1] = \"CLICK\";\n    MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger[\"BACKSPACE_KEY\"] = 2] = \"BACKSPACE_KEY\";\n    MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger[\"DELETE_KEY\"] = 3] = \"DELETE_KEY\";\n    MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger[\"SPACEBAR_KEY\"] = 4] = \"SPACEBAR_KEY\";\n    MDCChipActionInteractionTrigger[MDCChipActionInteractionTrigger[\"ENTER_KEY\"] = 5] = \"ENTER_KEY\";\n})(MDCChipActionInteractionTrigger || (MDCChipActionInteractionTrigger = {}));\n/**\n * MDCChipActionType provides the different types of available actions.\n */\nvar MDCChipActionType;\n(function (MDCChipActionType) {\n    MDCChipActionType[MDCChipActionType[\"UNSPECIFIED\"] = 0] = \"UNSPECIFIED\";\n    MDCChipActionType[MDCChipActionType[\"PRIMARY\"] = 1] = \"PRIMARY\";\n    MDCChipActionType[MDCChipActionType[\"TRAILING\"] = 2] = \"TRAILING\";\n})(MDCChipActionType || (MDCChipActionType = {}));\n/**\n * MDCChipActionEvents provides the different events emitted by the action.\n */\nvar MDCChipActionEvents;\n(function (MDCChipActionEvents) {\n    MDCChipActionEvents[\"INTERACTION\"] = \"MDCChipAction:interaction\";\n    MDCChipActionEvents[\"NAVIGATION\"] = \"MDCChipAction:navigation\";\n})(MDCChipActionEvents || (MDCChipActionEvents = {}));\n/**\n * MDCChipActionFocusBehavior provides configurations for focusing or unfocusing\n * an action.\n */\nvar MDCChipActionFocusBehavior;\n(function (MDCChipActionFocusBehavior) {\n    MDCChipActionFocusBehavior[MDCChipActionFocusBehavior[\"FOCUSABLE\"] = 0] = \"FOCUSABLE\";\n    MDCChipActionFocusBehavior[MDCChipActionFocusBehavior[\"FOCUSABLE_AND_FOCUSED\"] = 1] = \"FOCUSABLE_AND_FOCUSED\";\n    MDCChipActionFocusBehavior[MDCChipActionFocusBehavior[\"NOT_FOCUSABLE\"] = 2] = \"NOT_FOCUSABLE\";\n})(MDCChipActionFocusBehavior || (MDCChipActionFocusBehavior = {}));\n/**\n * MDCChipActionAttributes provides the HTML attributes used by the foundation.\n */\nvar MDCChipActionAttributes;\n(function (MDCChipActionAttributes) {\n    MDCChipActionAttributes[\"ARIA_DISABLED\"] = \"aria-disabled\";\n    MDCChipActionAttributes[\"ARIA_HIDDEN\"] = \"aria-hidden\";\n    MDCChipActionAttributes[\"ARIA_SELECTED\"] = \"aria-selected\";\n    MDCChipActionAttributes[\"DATA_DELETABLE\"] = \"data-mdc-deletable\";\n    MDCChipActionAttributes[\"DISABLED\"] = \"disabled\";\n    MDCChipActionAttributes[\"ROLE\"] = \"role\";\n    MDCChipActionAttributes[\"TAB_INDEX\"] = \"tabindex\";\n})(MDCChipActionAttributes || (MDCChipActionAttributes = {}));\n//# sourceMappingURL=constants.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/action/constants.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/action/foundation.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/@material/chips/action/foundation.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipActionFoundation\": () => (/* binding */ MDCChipActionFoundation),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_foundation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material/base/foundation */ \"./node_modules/@material/base/foundation.js\");\n/* harmony import */ var _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @material/dom/keyboard */ \"./node_modules/@material/dom/keyboard.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/chips/action/constants.js\");\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\nvar triggerMap = new Map();\ntriggerMap.set(_material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.SPACEBAR, _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionInteractionTrigger.SPACEBAR_KEY);\ntriggerMap.set(_material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.ENTER, _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionInteractionTrigger.ENTER_KEY);\ntriggerMap.set(_material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.DELETE, _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionInteractionTrigger.DELETE_KEY);\ntriggerMap.set(_material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.BACKSPACE, _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionInteractionTrigger.BACKSPACE_KEY);\n/**\n * MDCChipActionFoundation provides a base abstract foundation for all chip\n * actions.\n */\nvar MDCChipActionFoundation = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__extends)(MDCChipActionFoundation, _super);\n    function MDCChipActionFoundation(adapter) {\n        return _super.call(this, (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, MDCChipActionFoundation.defaultAdapter), adapter)) || this;\n    }\n    Object.defineProperty(MDCChipActionFoundation, \"defaultAdapter\", {\n        get: function () {\n            return {\n                emitEvent: function () { return undefined; },\n                focus: function () { return undefined; },\n                getAttribute: function () { return null; },\n                getElementID: function () { return ''; },\n                removeAttribute: function () { return undefined; },\n                setAttribute: function () { return undefined; },\n            };\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCChipActionFoundation.prototype.handleClick = function () {\n        // Early exit for cases where the click comes from a source other than the\n        // user's pointer (i.e. programmatic click from AT).\n        if (this.isDisabled())\n            return;\n        this.emitInteraction(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionInteractionTrigger.CLICK);\n    };\n    MDCChipActionFoundation.prototype.handleKeydown = function (event) {\n        var key = (0,_material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.normalizeKey)(event);\n        if (this.shouldNotifyInteractionFromKey(key)) {\n            event.preventDefault();\n            this.emitInteraction(this.getTriggerFromKey(key));\n            return;\n        }\n        if ((0,_material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.isNavigationEvent)(event)) {\n            event.preventDefault();\n            this.emitNavigation(key);\n            return;\n        }\n    };\n    MDCChipActionFoundation.prototype.setDisabled = function (isDisabled) {\n        // Use `aria-disabled` for the selectable (listbox) disabled state\n        if (this.isSelectable()) {\n            this.adapter.setAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.ARIA_DISABLED, \"\" + isDisabled);\n            return;\n        }\n        if (isDisabled) {\n            this.adapter.setAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.DISABLED, 'true');\n        }\n        else {\n            this.adapter.removeAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.DISABLED);\n        }\n    };\n    MDCChipActionFoundation.prototype.isDisabled = function () {\n        if (this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.ARIA_DISABLED) ===\n            'true') {\n            return true;\n        }\n        if (this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.DISABLED) !== null) {\n            return true;\n        }\n        return false;\n    };\n    MDCChipActionFoundation.prototype.setFocus = function (behavior) {\n        // Early exit if not focusable\n        if (!this.isFocusable()) {\n            return;\n        }\n        // Add it to the tab order and give focus\n        if (behavior === _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED) {\n            this.adapter.setAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.TAB_INDEX, '0');\n            this.adapter.focus();\n            return;\n        }\n        // Add to the tab order\n        if (behavior === _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionFocusBehavior.FOCUSABLE) {\n            this.adapter.setAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.TAB_INDEX, '0');\n            return;\n        }\n        // Remove it from the tab order\n        if (behavior === _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionFocusBehavior.NOT_FOCUSABLE) {\n            this.adapter.setAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.TAB_INDEX, '-1');\n            return;\n        }\n    };\n    MDCChipActionFoundation.prototype.isFocusable = function () {\n        if (this.isDisabled()) {\n            return false;\n        }\n        if (this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.ARIA_HIDDEN) ===\n            'true') {\n            return false;\n        }\n        return true;\n    };\n    MDCChipActionFoundation.prototype.setSelected = function (isSelected) {\n        // Early exit if not selectable\n        if (!this.isSelectable()) {\n            return;\n        }\n        this.adapter.setAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.ARIA_SELECTED, \"\" + isSelected);\n    };\n    MDCChipActionFoundation.prototype.isSelected = function () {\n        return this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.ARIA_SELECTED) ===\n            'true';\n    };\n    MDCChipActionFoundation.prototype.emitInteraction = function (trigger) {\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionEvents.INTERACTION, {\n            actionID: this.adapter.getElementID(),\n            source: this.actionType(),\n            trigger: trigger,\n        });\n    };\n    MDCChipActionFoundation.prototype.emitNavigation = function (key) {\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionEvents.NAVIGATION, {\n            source: this.actionType(),\n            key: key,\n        });\n    };\n    MDCChipActionFoundation.prototype.shouldNotifyInteractionFromKey = function (key) {\n        var isFromActionKey = key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.ENTER || key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.SPACEBAR;\n        var isFromRemoveKey = key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.BACKSPACE || key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_0__.KEY.DELETE;\n        if (isFromActionKey) {\n            return true;\n        }\n        if (isFromRemoveKey && this.shouldEmitInteractionOnRemoveKey()) {\n            return true;\n        }\n        return false;\n    };\n    MDCChipActionFoundation.prototype.getTriggerFromKey = function (key) {\n        var trigger = triggerMap.get(key);\n        if (trigger) {\n            return trigger;\n        }\n        // Default case, should ideally never be returned\n        return _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionInteractionTrigger.UNSPECIFIED;\n    };\n    return MDCChipActionFoundation;\n}(_material_base_foundation__WEBPACK_IMPORTED_MODULE_3__.MDCFoundation));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCChipActionFoundation);\n//# sourceMappingURL=foundation.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/action/foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/action/primary-foundation.js":
+/*!*******************************************************************!*\
+  !*** ./node_modules/@material/chips/action/primary-foundation.js ***!
+  \*******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipPrimaryActionFoundation\": () => (/* binding */ MDCChipPrimaryActionFoundation),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/chips/action/constants.js\");\n/* harmony import */ var _foundation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation */ \"./node_modules/@material/chips/action/foundation.js\");\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n/**\n * MDCChipPrimaryActionFoundation provides the business logic for the primary\n * chip action.\n */\nvar MDCChipPrimaryActionFoundation = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCChipPrimaryActionFoundation, _super);\n    function MDCChipPrimaryActionFoundation() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    MDCChipPrimaryActionFoundation.prototype.isSelectable = function () {\n        return this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.ROLE) === 'option';\n    };\n    MDCChipPrimaryActionFoundation.prototype.actionType = function () {\n        return _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionType.PRIMARY;\n    };\n    MDCChipPrimaryActionFoundation.prototype.shouldEmitInteractionOnRemoveKey = function () {\n        return this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionAttributes.DATA_DELETABLE) ===\n            'true';\n    };\n    return MDCChipPrimaryActionFoundation;\n}(_foundation__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionFoundation));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCChipPrimaryActionFoundation);\n//# sourceMappingURL=primary-foundation.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/action/primary-foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/action/trailing-foundation.js":
+/*!********************************************************************!*\
+  !*** ./node_modules/@material/chips/action/trailing-foundation.js ***!
+  \********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipTrailingActionFoundation\": () => (/* binding */ MDCChipTrailingActionFoundation),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/chips/action/constants.js\");\n/* harmony import */ var _foundation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./foundation */ \"./node_modules/@material/chips/action/foundation.js\");\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n/**\n * MDCChipTrailingActionFoundation provides the business logic for the trailing\n * chip action.\n */\nvar MDCChipTrailingActionFoundation = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCChipTrailingActionFoundation, _super);\n    function MDCChipTrailingActionFoundation() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    MDCChipTrailingActionFoundation.prototype.isSelectable = function () {\n        return false;\n    };\n    MDCChipTrailingActionFoundation.prototype.actionType = function () {\n        return _constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipActionType.TRAILING;\n    };\n    MDCChipTrailingActionFoundation.prototype.shouldEmitInteractionOnRemoveKey = function () {\n        return true;\n    };\n    return MDCChipTrailingActionFoundation;\n}(_foundation__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionFoundation));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCChipTrailingActionFoundation);\n//# sourceMappingURL=trailing-foundation.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/action/trailing-foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/chip-set/component.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@material/chips/chip-set/component.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipSet\": () => (/* binding */ MDCChipSet)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @material/base/component */ \"./node_modules/@material/base/component.js\");\n/* harmony import */ var _material_dom_announce__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material/dom/announce */ \"./node_modules/@material/dom/announce.js\");\n/* harmony import */ var _chip_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../chip/component */ \"./node_modules/@material/chips/chip/component.js\");\n/* harmony import */ var _chip_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../chip/constants */ \"./node_modules/@material/chips/chip/constants.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/chips/chip-set/constants.js\");\n/* harmony import */ var _foundation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./foundation */ \"./node_modules/@material/chips/chip-set/foundation.js\");\n/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n\n\n/**\n * MDCChip provides component encapsulation of the foundation implementation.\n */\nvar MDCChipSet = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCChipSet, _super);\n    function MDCChipSet() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    MDCChipSet.attachTo = function (root) {\n        return new MDCChipSet(root);\n    };\n    MDCChipSet.prototype.initialize = function (chipFactory) {\n        if (chipFactory === void 0) { chipFactory = function (el) { return new _chip_component__WEBPACK_IMPORTED_MODULE_1__.MDCChip(el); }; }\n        this.chips = [];\n        var chipEls = this.root.querySelectorAll(\".\" + _constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipSetCssClasses.CHIP);\n        for (var i = 0; i < chipEls.length; i++) {\n            var chip = chipFactory(chipEls[i]);\n            this.chips.push(chip);\n        }\n    };\n    MDCChipSet.prototype.initialSyncWithDOM = function () {\n        var _this = this;\n        this.handleChipAnimation = function (event) {\n            _this.foundation.handleChipAnimation(event);\n        };\n        this.handleChipInteraction = function (event) {\n            _this.foundation.handleChipInteraction(event);\n        };\n        this.handleChipNavigation = function (event) {\n            _this.foundation.handleChipNavigation(event);\n        };\n        this.listen(_chip_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipEvents.ANIMATION, this.handleChipAnimation);\n        this.listen(_chip_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipEvents.INTERACTION, this.handleChipInteraction);\n        this.listen(_chip_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipEvents.NAVIGATION, this.handleChipNavigation);\n    };\n    MDCChipSet.prototype.destroy = function () {\n        this.unlisten(_chip_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipEvents.ANIMATION, this.handleChipAnimation);\n        this.unlisten(_chip_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipEvents.INTERACTION, this.handleChipInteraction);\n        this.unlisten(_chip_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipEvents.NAVIGATION, this.handleChipNavigation);\n        _super.prototype.destroy.call(this);\n    };\n    MDCChipSet.prototype.getDefaultFoundation = function () {\n        var _this = this;\n        // DO NOT INLINE this variable. For backward compatibility, foundations take\n        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n        // methods, we need a separate, strongly typed adapter variable.\n        var adapter = {\n            announceMessage: function (message) {\n                (0,_material_dom_announce__WEBPACK_IMPORTED_MODULE_4__.announce)(message);\n            },\n            emitEvent: function (eventName, eventDetail) {\n                _this.emit(eventName, eventDetail, true /* shouldBubble */);\n            },\n            getAttribute: function (attrName) { return _this.root.getAttribute(attrName); },\n            getChipActionsAtIndex: function (index) {\n                if (!_this.isIndexValid(index))\n                    return [];\n                return _this.chips[index].getActions();\n            },\n            getChipCount: function () { return _this.chips.length; },\n            getChipIdAtIndex: function (index) {\n                if (!_this.isIndexValid(index))\n                    return '';\n                return _this.chips[index].getElementID();\n            },\n            getChipIndexById: function (id) {\n                return _this.chips.findIndex(function (chip) { return chip.getElementID() === id; });\n            },\n            isChipFocusableAtIndex: function (index, action) {\n                if (!_this.isIndexValid(index))\n                    return false;\n                return _this.chips[index].isActionFocusable(action);\n            },\n            isChipSelectableAtIndex: function (index, action) {\n                if (!_this.isIndexValid(index))\n                    return false;\n                return _this.chips[index].isActionSelectable(action);\n            },\n            isChipSelectedAtIndex: function (index, action) {\n                if (!_this.isIndexValid(index))\n                    return false;\n                return _this.chips[index].isActionSelected(action);\n            },\n            removeChipAtIndex: function (index) {\n                if (!_this.isIndexValid(index))\n                    return;\n                _this.chips[index].destroy();\n                _this.chips[index].remove();\n                _this.chips.splice(index, 1);\n            },\n            setChipFocusAtIndex: function (index, action, focus) {\n                if (!_this.isIndexValid(index))\n                    return;\n                _this.chips[index].setActionFocus(action, focus);\n            },\n            setChipSelectedAtIndex: function (index, action, selected) {\n                if (!_this.isIndexValid(index))\n                    return;\n                _this.chips[index].setActionSelected(action, selected);\n            },\n            startChipAnimationAtIndex: function (index, animation) {\n                if (!_this.isIndexValid(index))\n                    return;\n                _this.chips[index].startAnimation(animation);\n            },\n        };\n        // Default to the primary foundation\n        return new _foundation__WEBPACK_IMPORTED_MODULE_5__.MDCChipSetFoundation(adapter);\n    };\n    /** Returns the index of the chip with the given ID or -1 if none exists. */\n    MDCChipSet.prototype.getChipIndexByID = function (chipID) {\n        return this.chips.findIndex(function (chip) { return chip.getElementID() === chipID; });\n    };\n    /**\n     * Returns the ID of the chip at the given index or an empty string if the\n     * index is out of bounds.\n     */\n    MDCChipSet.prototype.getChipIdAtIndex = function (index) {\n        if (!this.isIndexValid(index))\n            return '';\n        return this.chips[index].getElementID();\n    };\n    /** Returns the unique indexes of the selected chips. */\n    MDCChipSet.prototype.getSelectedChipIndexes = function () {\n        return this.foundation.getSelectedChipIndexes();\n    };\n    /** Sets the selection state of the chip. */\n    MDCChipSet.prototype.setChipSelected = function (index, action, isSelected) {\n        this.foundation.setChipSelected(index, action, isSelected);\n    };\n    /** Returns the selection state of the chip. */\n    MDCChipSet.prototype.isChipSelected = function (index, action) {\n        return this.foundation.isChipSelected(index, action);\n    };\n    /** Animates the chip addition at the given index. */\n    MDCChipSet.prototype.addChip = function (index) {\n        this.foundation.addChip(index);\n    };\n    /** Removes the chip at the given index. */\n    MDCChipSet.prototype.removeChip = function (index) {\n        this.foundation.removeChip(index);\n    };\n    MDCChipSet.prototype.isIndexValid = function (index) {\n        return index > -1 && index < this.chips.length;\n    };\n    return MDCChipSet;\n}(_material_base_component__WEBPACK_IMPORTED_MODULE_6__.MDCComponent));\n\n//# sourceMappingURL=component.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/chip-set/component.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/chip-set/constants.js":
+/*!************************************************************!*\
+  !*** ./node_modules/@material/chips/chip-set/constants.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipSetAttributes\": () => (/* binding */ MDCChipSetAttributes),\n/* harmony export */   \"MDCChipSetCssClasses\": () => (/* binding */ MDCChipSetCssClasses),\n/* harmony export */   \"MDCChipSetEvents\": () => (/* binding */ MDCChipSetEvents)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * MDCChipSetAttributes provides the named constants for attributes used by the\n * foundation.\n */\nvar MDCChipSetAttributes;\n(function (MDCChipSetAttributes) {\n    MDCChipSetAttributes[\"ARIA_MULTISELECTABLE\"] = \"aria-multiselectable\";\n})(MDCChipSetAttributes || (MDCChipSetAttributes = {}));\n/**\n * MDCChipSetCssClasses provides the named constants for class names.\n */\nvar MDCChipSetCssClasses;\n(function (MDCChipSetCssClasses) {\n    MDCChipSetCssClasses[\"CHIP\"] = \"mdc-evolution-chip\";\n})(MDCChipSetCssClasses || (MDCChipSetCssClasses = {}));\n/**\n * MDCChipSetEvents provides the constants for emitted events.\n */\nvar MDCChipSetEvents;\n(function (MDCChipSetEvents) {\n    MDCChipSetEvents[\"INTERACTION\"] = \"MDCChipSet:interaction\";\n    MDCChipSetEvents[\"REMOVAL\"] = \"MDCChipSet:removal\";\n    MDCChipSetEvents[\"SELECTION\"] = \"MDCChipSet:selection\";\n})(MDCChipSetEvents || (MDCChipSetEvents = {}));\n//# sourceMappingURL=constants.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/chip-set/constants.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/chip-set/foundation.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/@material/chips/chip-set/foundation.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipSetFoundation\": () => (/* binding */ MDCChipSetFoundation),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_foundation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material/base/foundation */ \"./node_modules/@material/base/foundation.js\");\n/* harmony import */ var _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material/dom/keyboard */ \"./node_modules/@material/dom/keyboard.js\");\n/* harmony import */ var _action_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../action/constants */ \"./node_modules/@material/chips/action/constants.js\");\n/* harmony import */ var _chip_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../chip/constants */ \"./node_modules/@material/chips/chip/constants.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/chips/chip-set/constants.js\");\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n\nvar Operator;\n(function (Operator) {\n    Operator[Operator[\"INCREMENT\"] = 0] = \"INCREMENT\";\n    Operator[Operator[\"DECREMENT\"] = 1] = \"DECREMENT\";\n})(Operator || (Operator = {}));\n/**\n * MDCChipSetFoundation provides a foundation for all chips.\n */\nvar MDCChipSetFoundation = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCChipSetFoundation, _super);\n    function MDCChipSetFoundation(adapter) {\n        return _super.call(this, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, MDCChipSetFoundation.defaultAdapter), adapter)) || this;\n    }\n    Object.defineProperty(MDCChipSetFoundation, \"defaultAdapter\", {\n        get: function () {\n            return {\n                announceMessage: function () { return undefined; },\n                emitEvent: function () { return undefined; },\n                getAttribute: function () { return null; },\n                getChipActionsAtIndex: function () { return []; },\n                getChipCount: function () { return 0; },\n                getChipIdAtIndex: function () { return ''; },\n                getChipIndexById: function () { return 0; },\n                isChipFocusableAtIndex: function () { return false; },\n                isChipSelectableAtIndex: function () { return false; },\n                isChipSelectedAtIndex: function () { return false; },\n                removeChipAtIndex: function () { },\n                setChipFocusAtIndex: function () { return undefined; },\n                setChipSelectedAtIndex: function () { return undefined; },\n                startChipAnimationAtIndex: function () { return undefined; },\n            };\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCChipSetFoundation.prototype.handleChipAnimation = function (_a) {\n        var detail = _a.detail;\n        var chipID = detail.chipID, animation = detail.animation, isComplete = detail.isComplete, addedAnnouncement = detail.addedAnnouncement, removedAnnouncement = detail.removedAnnouncement;\n        var index = this.adapter.getChipIndexById(chipID);\n        if (animation === _chip_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipAnimation.EXIT && isComplete) {\n            if (removedAnnouncement) {\n                this.adapter.announceMessage(removedAnnouncement);\n            }\n            this.removeAfterAnimation(index, chipID);\n            return;\n        }\n        if (animation === _chip_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipAnimation.ENTER && isComplete && addedAnnouncement) {\n            this.adapter.announceMessage(addedAnnouncement);\n            return;\n        }\n    };\n    MDCChipSetFoundation.prototype.handleChipInteraction = function (_a) {\n        var detail = _a.detail;\n        var source = detail.source, chipID = detail.chipID, isSelectable = detail.isSelectable, isSelected = detail.isSelected, shouldRemove = detail.shouldRemove;\n        var index = this.adapter.getChipIndexById(chipID);\n        if (shouldRemove) {\n            this.removeChip(index);\n            return;\n        }\n        this.focusChip(index, source, _action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionFocusBehavior.FOCUSABLE);\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipSetEvents.INTERACTION, {\n            chipIndex: index,\n            chipID: chipID,\n        });\n        if (isSelectable) {\n            this.setSelection(index, source, !isSelected);\n        }\n    };\n    MDCChipSetFoundation.prototype.handleChipNavigation = function (_a) {\n        var detail = _a.detail;\n        var chipID = detail.chipID, key = detail.key, isRTL = detail.isRTL, source = detail.source;\n        var index = this.adapter.getChipIndexById(chipID);\n        var toNextChip = (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_RIGHT && !isRTL) ||\n            (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_LEFT && isRTL);\n        if (toNextChip) {\n            // Start from the next chip so we increment the index\n            this.focusNextChipFrom(index + 1);\n            return;\n        }\n        var toPreviousChip = (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_LEFT && !isRTL) ||\n            (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_RIGHT && isRTL);\n        if (toPreviousChip) {\n            // Start from the previous chip so we decrement the index\n            this.focusPrevChipFrom(index - 1);\n            return;\n        }\n        if (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_DOWN) {\n            // Start from the next chip so we increment the index\n            this.focusNextChipFrom(index + 1, source);\n            return;\n        }\n        if (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_UP) {\n            // Start from the previous chip so we decrement the index\n            this.focusPrevChipFrom(index - 1, source);\n            return;\n        }\n        if (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.HOME) {\n            this.focusNextChipFrom(0, source);\n            return;\n        }\n        if (key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.END) {\n            this.focusPrevChipFrom(this.adapter.getChipCount() - 1, source);\n            return;\n        }\n    };\n    /** Returns the unique selected indexes of the chips. */\n    MDCChipSetFoundation.prototype.getSelectedChipIndexes = function () {\n        var e_1, _a;\n        var selectedIndexes = new Set();\n        var chipCount = this.adapter.getChipCount();\n        for (var i = 0; i < chipCount; i++) {\n            var actions = this.adapter.getChipActionsAtIndex(i);\n            try {\n                for (var actions_1 = (e_1 = void 0, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(actions)), actions_1_1 = actions_1.next(); !actions_1_1.done; actions_1_1 = actions_1.next()) {\n                    var action = actions_1_1.value;\n                    if (this.adapter.isChipSelectedAtIndex(i, action)) {\n                        selectedIndexes.add(i);\n                    }\n                }\n            }\n            catch (e_1_1) { e_1 = { error: e_1_1 }; }\n            finally {\n                try {\n                    if (actions_1_1 && !actions_1_1.done && (_a = actions_1.return)) _a.call(actions_1);\n                }\n                finally { if (e_1) throw e_1.error; }\n            }\n        }\n        return selectedIndexes;\n    };\n    /** Sets the selected state of the chip at the given index and action. */\n    MDCChipSetFoundation.prototype.setChipSelected = function (index, action, isSelected) {\n        if (this.adapter.isChipSelectableAtIndex(index, action)) {\n            this.setSelection(index, action, isSelected);\n        }\n    };\n    /** Returns the selected state of the chip at the given index and action. */\n    MDCChipSetFoundation.prototype.isChipSelected = function (index, action) {\n        return this.adapter.isChipSelectedAtIndex(index, action);\n    };\n    /** Removes the chip at the given index. */\n    MDCChipSetFoundation.prototype.removeChip = function (index) {\n        // Early exit if the index is out of bounds\n        if (index >= this.adapter.getChipCount() || index < 0)\n            return;\n        this.adapter.startChipAnimationAtIndex(index, _chip_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipAnimation.EXIT);\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipSetEvents.REMOVAL, {\n            chipID: this.adapter.getChipIdAtIndex(index),\n            chipIndex: index,\n            isComplete: false,\n        });\n    };\n    MDCChipSetFoundation.prototype.addChip = function (index) {\n        // Early exit if the index is out of bounds\n        if (index >= this.adapter.getChipCount() || index < 0)\n            return;\n        this.adapter.startChipAnimationAtIndex(index, _chip_constants__WEBPACK_IMPORTED_MODULE_1__.MDCChipAnimation.ENTER);\n    };\n    /**\n     * Increments to find the first focusable chip.\n     */\n    MDCChipSetFoundation.prototype.focusNextChipFrom = function (startIndex, targetAction) {\n        var chipCount = this.adapter.getChipCount();\n        for (var i = startIndex; i < chipCount; i++) {\n            var focusableAction = this.getFocusableAction(i, Operator.INCREMENT, targetAction);\n            if (focusableAction) {\n                this.focusChip(i, focusableAction, _action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n                return;\n            }\n        }\n    };\n    /**\n     * Decrements to find the first focusable chip. Takes an optional target\n     * action that can be used to focus the first matching focusable action.\n     */\n    MDCChipSetFoundation.prototype.focusPrevChipFrom = function (startIndex, targetAction) {\n        for (var i = startIndex; i > -1; i--) {\n            var focusableAction = this.getFocusableAction(i, Operator.DECREMENT, targetAction);\n            if (focusableAction) {\n                this.focusChip(i, focusableAction, _action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n                return;\n            }\n        }\n    };\n    /** Returns the appropriate focusable action, or null if none exist. */\n    MDCChipSetFoundation.prototype.getFocusableAction = function (index, op, targetAction) {\n        var actions = this.adapter.getChipActionsAtIndex(index);\n        // Reverse the actions if decrementing\n        if (op === Operator.DECREMENT)\n            actions.reverse();\n        if (targetAction) {\n            return this.getMatchingFocusableAction(index, actions, targetAction);\n        }\n        return this.getFirstFocusableAction(index, actions);\n    };\n    /**\n     * Returs the first focusable action, regardless of type, or null if no\n     * focusable actions exist.\n     */\n    MDCChipSetFoundation.prototype.getFirstFocusableAction = function (index, actions) {\n        var e_2, _a;\n        try {\n            for (var actions_2 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(actions), actions_2_1 = actions_2.next(); !actions_2_1.done; actions_2_1 = actions_2.next()) {\n                var action = actions_2_1.value;\n                if (this.adapter.isChipFocusableAtIndex(index, action)) {\n                    return action;\n                }\n            }\n        }\n        catch (e_2_1) { e_2 = { error: e_2_1 }; }\n        finally {\n            try {\n                if (actions_2_1 && !actions_2_1.done && (_a = actions_2.return)) _a.call(actions_2);\n            }\n            finally { if (e_2) throw e_2.error; }\n        }\n        return null;\n    };\n    /**\n     * If the actions contain a focusable action that matches the target action,\n     * return that. Otherwise, return the first focusable action, or null if no\n     * focusable action exists.\n     */\n    MDCChipSetFoundation.prototype.getMatchingFocusableAction = function (index, actions, targetAction) {\n        var e_3, _a;\n        var focusableAction = null;\n        try {\n            for (var actions_3 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(actions), actions_3_1 = actions_3.next(); !actions_3_1.done; actions_3_1 = actions_3.next()) {\n                var action = actions_3_1.value;\n                if (this.adapter.isChipFocusableAtIndex(index, action)) {\n                    focusableAction = action;\n                }\n                // Exit and return the focusable action if it matches the target\n                if (focusableAction === targetAction) {\n                    return focusableAction;\n                }\n            }\n        }\n        catch (e_3_1) { e_3 = { error: e_3_1 }; }\n        finally {\n            try {\n                if (actions_3_1 && !actions_3_1.done && (_a = actions_3.return)) _a.call(actions_3);\n            }\n            finally { if (e_3) throw e_3.error; }\n        }\n        return focusableAction;\n    };\n    MDCChipSetFoundation.prototype.focusChip = function (index, action, focus) {\n        var e_4, _a;\n        this.adapter.setChipFocusAtIndex(index, action, focus);\n        var chipCount = this.adapter.getChipCount();\n        for (var i = 0; i < chipCount; i++) {\n            var actions = this.adapter.getChipActionsAtIndex(i);\n            try {\n                for (var actions_4 = (e_4 = void 0, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(actions)), actions_4_1 = actions_4.next(); !actions_4_1.done; actions_4_1 = actions_4.next()) {\n                    var chipAction = actions_4_1.value;\n                    // Skip the action and index provided since we set it above\n                    if (chipAction === action && i === index)\n                        continue;\n                    this.adapter.setChipFocusAtIndex(i, chipAction, _action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionFocusBehavior.NOT_FOCUSABLE);\n                }\n            }\n            catch (e_4_1) { e_4 = { error: e_4_1 }; }\n            finally {\n                try {\n                    if (actions_4_1 && !actions_4_1.done && (_a = actions_4.return)) _a.call(actions_4);\n                }\n                finally { if (e_4) throw e_4.error; }\n            }\n        }\n    };\n    MDCChipSetFoundation.prototype.supportsMultiSelect = function () {\n        return this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipSetAttributes.ARIA_MULTISELECTABLE) === 'true';\n    };\n    MDCChipSetFoundation.prototype.setSelection = function (index, action, isSelected) {\n        var e_5, _a;\n        this.adapter.setChipSelectedAtIndex(index, action, isSelected);\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipSetEvents.SELECTION, {\n            chipID: this.adapter.getChipIdAtIndex(index),\n            chipIndex: index,\n            isSelected: isSelected,\n        });\n        // Early exit if we support multi-selection\n        if (this.supportsMultiSelect()) {\n            return;\n        }\n        // If we get here, we ony support single selection. This means we need to\n        // unselect all chips\n        var chipCount = this.adapter.getChipCount();\n        for (var i = 0; i < chipCount; i++) {\n            var actions = this.adapter.getChipActionsAtIndex(i);\n            try {\n                for (var actions_5 = (e_5 = void 0, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(actions)), actions_5_1 = actions_5.next(); !actions_5_1.done; actions_5_1 = actions_5.next()) {\n                    var chipAction = actions_5_1.value;\n                    // Skip the action and index provided since we set it above\n                    if (chipAction === action && i === index)\n                        continue;\n                    this.adapter.setChipSelectedAtIndex(i, chipAction, false);\n                }\n            }\n            catch (e_5_1) { e_5 = { error: e_5_1 }; }\n            finally {\n                try {\n                    if (actions_5_1 && !actions_5_1.done && (_a = actions_5.return)) _a.call(actions_5);\n                }\n                finally { if (e_5) throw e_5.error; }\n            }\n        }\n    };\n    MDCChipSetFoundation.prototype.removeAfterAnimation = function (index, chipID) {\n        this.adapter.removeChipAtIndex(index);\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipSetEvents.REMOVAL, {\n            chipIndex: index,\n            isComplete: true,\n            chipID: chipID,\n        });\n        var chipCount = this.adapter.getChipCount();\n        // Early exit if we have an empty chip set\n        if (chipCount <= 0)\n            return;\n        this.focusNearestFocusableAction(index);\n    };\n    /**\n     * Find the first focusable action by moving bidirectionally horizontally\n     * from the start index.\n     *\n     * Given chip set [A, B, C, D, E, F, G]...\n     * Let's say we remove chip \"F\". We don't know where the nearest focusable\n     * action is since any of them could be disabled. The nearest focusable\n     * action could be E, it could be G, it could even be A. To find it, we\n     * start from the source index (5 for \"F\" in this case) and move out\n     * horizontally, checking each chip at each index.\n     *\n     */\n    MDCChipSetFoundation.prototype.focusNearestFocusableAction = function (index) {\n        var chipCount = this.adapter.getChipCount();\n        var decrIndex = index;\n        var incrIndex = index;\n        while (decrIndex > -1 || incrIndex < chipCount) {\n            var focusAction = this.getNearestFocusableAction(decrIndex, incrIndex, _action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionType.TRAILING);\n            if (focusAction) {\n                this.focusChip(focusAction.index, focusAction.action, _action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n                return;\n            }\n            decrIndex--;\n            incrIndex++;\n        }\n    };\n    MDCChipSetFoundation.prototype.getNearestFocusableAction = function (decrIndex, incrIndex, actionType) {\n        var decrAction = this.getFocusableAction(decrIndex, Operator.DECREMENT, actionType);\n        if (decrAction) {\n            return {\n                index: decrIndex,\n                action: decrAction,\n            };\n        }\n        // Early exit if the incremented and decremented indices are identical\n        if (incrIndex === decrIndex)\n            return null;\n        var incrAction = this.getFocusableAction(incrIndex, Operator.INCREMENT, actionType);\n        if (incrAction) {\n            return {\n                index: incrIndex,\n                action: incrAction,\n            };\n        }\n        return null;\n    };\n    return MDCChipSetFoundation;\n}(_material_base_foundation__WEBPACK_IMPORTED_MODULE_5__.MDCFoundation));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCChipSetFoundation);\n//# sourceMappingURL=foundation.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/chip-set/foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/chip/component.js":
+/*!********************************************************!*\
+  !*** ./node_modules/@material/chips/chip/component.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChip\": () => (/* binding */ MDCChip)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material/base/component */ \"./node_modules/@material/base/component.js\");\n/* harmony import */ var _action_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../action/component */ \"./node_modules/@material/chips/action/component.js\");\n/* harmony import */ var _action_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../action/constants */ \"./node_modules/@material/chips/action/constants.js\");\n/* harmony import */ var _foundation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./foundation */ \"./node_modules/@material/chips/chip/foundation.js\");\n/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n/**\n * MDCChip provides component encapsulation of the foundation implementation.\n */\nvar MDCChip = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCChip, _super);\n    function MDCChip() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.rootHTML = _this.root;\n        return _this;\n    }\n    MDCChip.attachTo = function (root) {\n        return new MDCChip(root);\n    };\n    MDCChip.prototype.initialize = function (actionFactory) {\n        if (actionFactory === void 0) { actionFactory = function (el) { return new _action_component__WEBPACK_IMPORTED_MODULE_1__.MDCChipAction(el); }; }\n        this.actions = new Map();\n        var actionEls = this.root.querySelectorAll('.mdc-evolution-chip__action');\n        for (var i = 0; i < actionEls.length; i++) {\n            var action = actionFactory(actionEls[i]);\n            this.actions.set(action.actionType(), action);\n        }\n    };\n    MDCChip.prototype.initialSyncWithDOM = function () {\n        var _this = this;\n        this.handleActionInteraction = function (event) {\n            _this.foundation.handleActionInteraction(event);\n        };\n        this.handleActionNavigation = function (event) {\n            _this.foundation.handleActionNavigation(event);\n        };\n        this.listen(_action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionEvents.INTERACTION, this.handleActionInteraction);\n        this.listen(_action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionEvents.NAVIGATION, this.handleActionNavigation);\n    };\n    MDCChip.prototype.destroy = function () {\n        this.unlisten(_action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionEvents.INTERACTION, this.handleActionInteraction);\n        this.unlisten(_action_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipActionEvents.NAVIGATION, this.handleActionNavigation);\n        _super.prototype.destroy.call(this);\n    };\n    MDCChip.prototype.getDefaultFoundation = function () {\n        var _this = this;\n        // DO NOT INLINE this variable. For backward compatibility, foundations take\n        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n        // methods, we need a separate, strongly typed adapter variable.\n        var adapter = {\n            addClass: function (className) {\n                _this.root.classList.add(className);\n            },\n            emitEvent: function (eventName, eventDetail) {\n                _this.emit(eventName, eventDetail, true /* shouldBubble */);\n            },\n            getActions: function () {\n                var e_1, _a;\n                var actions = [];\n                try {\n                    for (var _b = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(_this.actions), _c = _b.next(); !_c.done; _c = _b.next()) {\n                        var _d = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__read)(_c.value, 1), key = _d[0];\n                        actions.push(key);\n                    }\n                }\n                catch (e_1_1) { e_1 = { error: e_1_1 }; }\n                finally {\n                    try {\n                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n                    }\n                    finally { if (e_1) throw e_1.error; }\n                }\n                return actions;\n            },\n            getAttribute: function (attrName) { return _this.root.getAttribute(attrName); },\n            getElementID: function () { return _this.rootHTML.id; },\n            getOffsetWidth: function () {\n                return _this.rootHTML.offsetWidth;\n            },\n            hasClass: function (className) { return _this.root.classList.contains(className); },\n            isActionSelectable: function (actionType) {\n                var action = _this.actions.get(actionType);\n                if (action) {\n                    return action.isSelectable();\n                }\n                return false;\n            },\n            isActionSelected: function (actionType) {\n                var action = _this.actions.get(actionType);\n                if (action) {\n                    return action.isSelected();\n                }\n                return false;\n            },\n            isActionFocusable: function (actionType) {\n                var action = _this.actions.get(actionType);\n                if (action) {\n                    return action.isFocusable();\n                }\n                return false;\n            },\n            isActionDisabled: function (actionType) {\n                var action = _this.actions.get(actionType);\n                if (action) {\n                    return action.isDisabled();\n                }\n                return false;\n            },\n            isRTL: function () { return window.getComputedStyle(_this.root).getPropertyValue('direction') === 'rtl'; },\n            removeClass: function (className) {\n                _this.root.classList.remove(className);\n            },\n            setActionDisabled: function (actionType, isDisabled) {\n                var action = _this.actions.get(actionType);\n                if (action) {\n                    action.setDisabled(isDisabled);\n                }\n            },\n            setActionFocus: function (actionType, behavior) {\n                var action = _this.actions.get(actionType);\n                if (action) {\n                    action.setFocus(behavior);\n                }\n            },\n            setActionSelected: function (actionType, isSelected) {\n                var action = _this.actions.get(actionType);\n                if (action) {\n                    action.setSelected(isSelected);\n                }\n            },\n            setStyleProperty: function (prop, value) {\n                _this.rootHTML.style.setProperty(prop, value);\n            },\n        };\n        // Default to the primary foundation\n        return new _foundation__WEBPACK_IMPORTED_MODULE_3__.MDCChipFoundation(adapter);\n    };\n    /** Exposed to be called by the parent chip set. */\n    MDCChip.prototype.remove = function () {\n        var parent = this.root.parentNode;\n        if (parent !== null) {\n            parent.removeChild(this.root);\n        }\n    };\n    /** Returns the MDCChipActionTypes for the encapsulated actions. */\n    MDCChip.prototype.getActions = function () {\n        return this.foundation.getActions();\n    };\n    /** Returns the ID of the root element. */\n    MDCChip.prototype.getElementID = function () {\n        return this.foundation.getElementID();\n    };\n    MDCChip.prototype.isDisabled = function () {\n        return this.foundation.isDisabled();\n    };\n    MDCChip.prototype.setDisabled = function (isDisabled) {\n        this.foundation.setDisabled(isDisabled);\n    };\n    /** Returns the focusability of the action. */\n    MDCChip.prototype.isActionFocusable = function (action) {\n        return this.foundation.isActionFocusable(action);\n    };\n    /** Returns the selectability of the action. */\n    MDCChip.prototype.isActionSelectable = function (action) {\n        return this.foundation.isActionSelectable(action);\n    };\n    /** Returns the selected state of the action. */\n    MDCChip.prototype.isActionSelected = function (action) {\n        return this.foundation.isActionSelected(action);\n    };\n    /** Sets the focus behavior of the action. */\n    MDCChip.prototype.setActionFocus = function (action, focus) {\n        this.foundation.setActionFocus(action, focus);\n    };\n    /** Sets the selected state of the action. */\n    MDCChip.prototype.setActionSelected = function (action, isSelected) {\n        this.foundation.setActionSelected(action, isSelected);\n    };\n    /** Starts the animation on the chip. */\n    MDCChip.prototype.startAnimation = function (animation) {\n        this.foundation.startAnimation(animation);\n    };\n    return MDCChip;\n}(_material_base_component__WEBPACK_IMPORTED_MODULE_4__.MDCComponent));\n\n//# sourceMappingURL=component.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/chip/component.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/chip/constants.js":
+/*!********************************************************!*\
+  !*** ./node_modules/@material/chips/chip/constants.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipCssClasses\": () => (/* binding */ MDCChipCssClasses),\n/* harmony export */   \"MDCChipEvents\": () => (/* binding */ MDCChipEvents),\n/* harmony export */   \"MDCChipAttributes\": () => (/* binding */ MDCChipAttributes),\n/* harmony export */   \"MDCChipAnimation\": () => (/* binding */ MDCChipAnimation)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * MDCChipCssClasses provides the named constants for class names.\n */\nvar MDCChipCssClasses;\n(function (MDCChipCssClasses) {\n    MDCChipCssClasses[\"SELECTING\"] = \"mdc-evolution-chip--selecting\";\n    MDCChipCssClasses[\"DESELECTING\"] = \"mdc-evolution-chip--deselecting\";\n    MDCChipCssClasses[\"SELECTING_WITH_PRIMARY_ICON\"] = \"mdc-evolution-chip--selecting-with-primary-icon\";\n    MDCChipCssClasses[\"DESELECTING_WITH_PRIMARY_ICON\"] = \"mdc-evolution-chip--deselecting-with-primary-icon\";\n    MDCChipCssClasses[\"DISABLED\"] = \"mdc-evolution-chip--disabled\";\n    MDCChipCssClasses[\"ENTER\"] = \"mdc-evolution-chip--enter\";\n    MDCChipCssClasses[\"EXIT\"] = \"mdc-evolution-chip--exit\";\n    MDCChipCssClasses[\"SELECTED\"] = \"mdc-evolution-chip--selected\";\n    MDCChipCssClasses[\"HIDDEN\"] = \"mdc-evolution-chip--hidden\";\n    MDCChipCssClasses[\"WITH_PRIMARY_ICON\"] = \"mdc-evolution-chip--with-primary-icon\";\n})(MDCChipCssClasses || (MDCChipCssClasses = {}));\n/**\n * MDCChipEvents provides the named constants for emitted events.\n */\nvar MDCChipEvents;\n(function (MDCChipEvents) {\n    MDCChipEvents[\"INTERACTION\"] = \"MDCChip:interaction\";\n    MDCChipEvents[\"NAVIGATION\"] = \"MDCChip:navigation\";\n    MDCChipEvents[\"ANIMATION\"] = \"MDCChip:animation\";\n})(MDCChipEvents || (MDCChipEvents = {}));\n/**\n * MDCChipAttributes provides the named constants for strings used by the\n * foundation.\n */\nvar MDCChipAttributes;\n(function (MDCChipAttributes) {\n    MDCChipAttributes[\"DATA_REMOVED_ANNOUNCEMENT\"] = \"data-mdc-removed-announcement\";\n    MDCChipAttributes[\"DATA_ADDED_ANNOUNCEMENT\"] = \"data-mdc-added-announcement\";\n})(MDCChipAttributes || (MDCChipAttributes = {}));\n/**\n * MDCChipAnimation provides the names of runnable animations.\n */\nvar MDCChipAnimation;\n(function (MDCChipAnimation) {\n    MDCChipAnimation[\"ENTER\"] = \"mdc-evolution-chip-enter\";\n    MDCChipAnimation[\"EXIT\"] = \"mdc-evolution-chip-exit\";\n})(MDCChipAnimation || (MDCChipAnimation = {}));\n//# sourceMappingURL=constants.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/chip/constants.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/chips/chip/foundation.js":
+/*!*********************************************************!*\
+  !*** ./node_modules/@material/chips/chip/foundation.js ***!
+  \*********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCChipFoundation\": () => (/* binding */ MDCChipFoundation),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_animation_animationframe__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/animation/animationframe */ \"./node_modules/@material/animation/animationframe.js\");\n/* harmony import */ var _material_base_foundation__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material/base/foundation */ \"./node_modules/@material/base/foundation.js\");\n/* harmony import */ var _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @material/dom/keyboard */ \"./node_modules/@material/dom/keyboard.js\");\n/* harmony import */ var _action_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../action/constants */ \"./node_modules/@material/chips/action/constants.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/chips/chip/constants.js\");\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n\nvar Direction;\n(function (Direction) {\n    Direction[Direction[\"UNSPECIFIED\"] = 0] = \"UNSPECIFIED\";\n    Direction[Direction[\"LEFT\"] = 1] = \"LEFT\";\n    Direction[Direction[\"RIGHT\"] = 2] = \"RIGHT\";\n})(Direction || (Direction = {}));\nvar AnimationKeys;\n(function (AnimationKeys) {\n    AnimationKeys[\"SELECTION\"] = \"selection\";\n    AnimationKeys[\"EXIT\"] = \"exit\";\n})(AnimationKeys || (AnimationKeys = {}));\n/**\n * MDCChipFoundation provides a foundation for all chips.\n */\nvar MDCChipFoundation = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCChipFoundation, _super);\n    function MDCChipFoundation(adapter) {\n        var _this = _super.call(this, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, MDCChipFoundation.defaultAdapter), adapter)) || this;\n        _this.animFrame = new _material_animation_animationframe__WEBPACK_IMPORTED_MODULE_1__.AnimationFrame();\n        return _this;\n    }\n    Object.defineProperty(MDCChipFoundation, \"defaultAdapter\", {\n        get: function () {\n            return {\n                addClass: function () { return undefined; },\n                emitEvent: function () { return undefined; },\n                getActions: function () { return []; },\n                getAttribute: function () { return null; },\n                getElementID: function () { return ''; },\n                getOffsetWidth: function () { return 0; },\n                hasClass: function () { return false; },\n                isActionDisabled: function () { return false; },\n                isActionFocusable: function () { return false; },\n                isActionSelectable: function () { return false; },\n                isActionSelected: function () { return false; },\n                isRTL: function () { return false; },\n                removeClass: function () { return undefined; },\n                setActionDisabled: function () { return undefined; },\n                setActionFocus: function () { return undefined; },\n                setActionSelected: function () { return undefined; },\n                setStyleProperty: function () { return undefined; },\n            };\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCChipFoundation.prototype.destroy = function () {\n        this.animFrame.cancelAll();\n    };\n    MDCChipFoundation.prototype.getElementID = function () {\n        return this.adapter.getElementID();\n    };\n    MDCChipFoundation.prototype.setDisabled = function (isDisabled) {\n        var e_1, _a;\n        var actions = this.getActions();\n        try {\n            for (var actions_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(actions), actions_1_1 = actions_1.next(); !actions_1_1.done; actions_1_1 = actions_1.next()) {\n                var action = actions_1_1.value;\n                this.adapter.setActionDisabled(action, isDisabled);\n            }\n        }\n        catch (e_1_1) { e_1 = { error: e_1_1 }; }\n        finally {\n            try {\n                if (actions_1_1 && !actions_1_1.done && (_a = actions_1.return)) _a.call(actions_1);\n            }\n            finally { if (e_1) throw e_1.error; }\n        }\n        if (isDisabled) {\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.DISABLED);\n        }\n        else {\n            this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.DISABLED);\n        }\n    };\n    MDCChipFoundation.prototype.isDisabled = function () {\n        var e_2, _a;\n        var actions = this.getActions();\n        try {\n            for (var actions_2 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(actions), actions_2_1 = actions_2.next(); !actions_2_1.done; actions_2_1 = actions_2.next()) {\n                var action = actions_2_1.value;\n                if (this.adapter.isActionDisabled(action)) {\n                    return true;\n                }\n            }\n        }\n        catch (e_2_1) { e_2 = { error: e_2_1 }; }\n        finally {\n            try {\n                if (actions_2_1 && !actions_2_1.done && (_a = actions_2.return)) _a.call(actions_2);\n            }\n            finally { if (e_2) throw e_2.error; }\n        }\n        return false;\n    };\n    MDCChipFoundation.prototype.getActions = function () {\n        return this.adapter.getActions();\n    };\n    MDCChipFoundation.prototype.isActionFocusable = function (action) {\n        return this.adapter.isActionFocusable(action);\n    };\n    MDCChipFoundation.prototype.isActionSelectable = function (action) {\n        return this.adapter.isActionSelectable(action);\n    };\n    MDCChipFoundation.prototype.isActionSelected = function (action) {\n        return this.adapter.isActionSelected(action);\n    };\n    MDCChipFoundation.prototype.setActionFocus = function (action, focus) {\n        this.adapter.setActionFocus(action, focus);\n    };\n    MDCChipFoundation.prototype.setActionSelected = function (action, isSelected) {\n        this.adapter.setActionSelected(action, isSelected);\n        this.animateSelection(isSelected);\n    };\n    MDCChipFoundation.prototype.startAnimation = function (animation) {\n        if (animation === _constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAnimation.ENTER) {\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.ENTER);\n            return;\n        }\n        if (animation === _constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAnimation.EXIT) {\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.EXIT);\n            return;\n        }\n    };\n    MDCChipFoundation.prototype.handleAnimationEnd = function (event) {\n        var _this = this;\n        var animationName = event.animationName;\n        if (animationName === _constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAnimation.ENTER) {\n            this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.ENTER);\n            this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipEvents.ANIMATION, {\n                chipID: this.getElementID(),\n                animation: _constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAnimation.ENTER,\n                addedAnnouncement: this.getAddedAnnouncement(),\n                isComplete: true,\n            });\n            return;\n        }\n        if (animationName === _constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAnimation.EXIT) {\n            this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.EXIT);\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.HIDDEN);\n            var width = this.adapter.getOffsetWidth();\n            this.adapter.setStyleProperty('width', width + \"px\");\n            // Wait two frames so the width gets applied correctly.\n            this.animFrame.request(AnimationKeys.EXIT, function () {\n                _this.animFrame.request(AnimationKeys.EXIT, function () {\n                    _this.adapter.setStyleProperty('width', '0');\n                });\n            });\n        }\n    };\n    MDCChipFoundation.prototype.handleTransitionEnd = function () {\n        if (!this.adapter.hasClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.HIDDEN))\n            return;\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipEvents.ANIMATION, {\n            chipID: this.getElementID(),\n            animation: _constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAnimation.EXIT,\n            removedAnnouncement: this.getRemovedAnnouncement(),\n            isComplete: true,\n        });\n    };\n    MDCChipFoundation.prototype.handleActionInteraction = function (_a) {\n        var detail = _a.detail;\n        var source = detail.source, actionID = detail.actionID;\n        var isSelectable = this.adapter.isActionSelectable(source);\n        var isSelected = this.adapter.isActionSelected(source);\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipEvents.INTERACTION, {\n            chipID: this.getElementID(),\n            shouldRemove: this.shouldRemove(detail),\n            actionID: actionID,\n            isSelectable: isSelectable,\n            isSelected: isSelected,\n            source: source,\n        });\n    };\n    MDCChipFoundation.prototype.handleActionNavigation = function (_a) {\n        var detail = _a.detail;\n        var source = detail.source, key = detail.key;\n        var isRTL = this.adapter.isRTL();\n        var isTrailingActionFocusable = this.adapter.isActionFocusable(_action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionType.TRAILING);\n        var isPrimaryActionFocusable = this.adapter.isActionFocusable(_action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionType.PRIMARY);\n        var dir = this.directionFromKey(key, isRTL);\n        var shouldNavigateToTrailing = source === _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionType.PRIMARY &&\n            dir === Direction.RIGHT && isTrailingActionFocusable;\n        var shouldNavigateToPrimary = source === _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionType.TRAILING &&\n            dir === Direction.LEFT && isPrimaryActionFocusable;\n        if (shouldNavigateToTrailing) {\n            this.navigateActions({ from: source, to: _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionType.TRAILING });\n            return;\n        }\n        if (shouldNavigateToPrimary) {\n            this.navigateActions({ from: source, to: _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionType.PRIMARY });\n            return;\n        }\n        this.adapter.emitEvent(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipEvents.NAVIGATION, {\n            chipID: this.getElementID(),\n            isRTL: isRTL,\n            source: source,\n            key: key,\n        });\n    };\n    MDCChipFoundation.prototype.directionFromKey = function (key, isRTL) {\n        var isLeftKey = key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_LEFT;\n        var isRightKey = key === _material_dom_keyboard__WEBPACK_IMPORTED_MODULE_4__.KEY.ARROW_RIGHT;\n        if (!isRTL && isLeftKey || isRTL && isRightKey) {\n            return Direction.LEFT;\n        }\n        if (!isRTL && isRightKey || isRTL && isLeftKey) {\n            return Direction.RIGHT;\n        }\n        return Direction.UNSPECIFIED;\n    };\n    MDCChipFoundation.prototype.navigateActions = function (nav) {\n        this.adapter.setActionFocus(nav.from, _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionFocusBehavior.NOT_FOCUSABLE);\n        this.adapter.setActionFocus(nav.to, _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n    };\n    MDCChipFoundation.prototype.shouldRemove = function (_a) {\n        var source = _a.source, trigger = _a.trigger;\n        if (trigger === _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionInteractionTrigger.BACKSPACE_KEY ||\n            trigger === _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionInteractionTrigger.DELETE_KEY) {\n            return true;\n        }\n        return source === _action_constants__WEBPACK_IMPORTED_MODULE_3__.MDCChipActionType.TRAILING;\n    };\n    MDCChipFoundation.prototype.getRemovedAnnouncement = function () {\n        var msg = this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAttributes.DATA_REMOVED_ANNOUNCEMENT);\n        return msg || undefined;\n    };\n    MDCChipFoundation.prototype.getAddedAnnouncement = function () {\n        var msg = this.adapter.getAttribute(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipAttributes.DATA_ADDED_ANNOUNCEMENT);\n        return msg || undefined;\n    };\n    MDCChipFoundation.prototype.animateSelection = function (isSelected) {\n        var _this = this;\n        this.resetAnimationStyles();\n        // Wait two frames to ensure the animation classes are unset\n        this.animFrame.request(AnimationKeys.SELECTION, function () {\n            _this.animFrame.request(AnimationKeys.SELECTION, function () {\n                _this.updateSelectionStyles(isSelected);\n            });\n        });\n    };\n    MDCChipFoundation.prototype.resetAnimationStyles = function () {\n        this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTING);\n        this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.DESELECTING);\n        this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n        this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n    };\n    MDCChipFoundation.prototype.updateSelectionStyles = function (isSelected) {\n        var _this = this;\n        var hasIcon = this.adapter.hasClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.WITH_PRIMARY_ICON);\n        if (hasIcon && isSelected) {\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTING_WITH_PRIMARY_ICON);\n            this.animFrame.request(AnimationKeys.SELECTION, function () {\n                _this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTED);\n            });\n            return;\n        }\n        if (hasIcon && !isSelected) {\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.DESELECTING_WITH_PRIMARY_ICON);\n            this.animFrame.request(AnimationKeys.SELECTION, function () {\n                _this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTED);\n            });\n            return;\n        }\n        if (isSelected) {\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTING);\n            this.animFrame.request(AnimationKeys.SELECTION, function () {\n                _this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTED);\n            });\n            return;\n        }\n        if (!isSelected) {\n            this.adapter.addClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.DESELECTING);\n            this.animFrame.request(AnimationKeys.SELECTION, function () {\n                _this.adapter.removeClass(_constants__WEBPACK_IMPORTED_MODULE_2__.MDCChipCssClasses.SELECTED);\n            });\n            return;\n        }\n    };\n    return MDCChipFoundation;\n}(_material_base_foundation__WEBPACK_IMPORTED_MODULE_5__.MDCFoundation));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCChipFoundation);\n//# sourceMappingURL=foundation.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/chips/chip/foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/dom/announce.js":
+/*!************************************************!*\
+  !*** ./node_modules/@material/dom/announce.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"AnnouncerPriority\": () => (/* binding */ AnnouncerPriority),\n/* harmony export */   \"DATA_MDC_DOM_ANNOUNCE\": () => (/* binding */ DATA_MDC_DOM_ANNOUNCE),\n/* harmony export */   \"announce\": () => (/* binding */ announce)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * Priorities for the announce function.\n */\nvar AnnouncerPriority;\n(function (AnnouncerPriority) {\n    AnnouncerPriority[\"POLITE\"] = \"polite\";\n    AnnouncerPriority[\"ASSERTIVE\"] = \"assertive\";\n})(AnnouncerPriority || (AnnouncerPriority = {}));\n/**\n * Data attribute added to live region element.\n */\nvar DATA_MDC_DOM_ANNOUNCE = 'data-mdc-dom-announce';\n/**\n * Announces the given message with optional priority, defaulting to \"polite\"\n */\nfunction announce(message, options) {\n    Announcer.getInstance().say(message, options);\n}\nvar Announcer = /** @class */ (function () {\n    // Constructor made private to ensure only the singleton is used\n    function Announcer() {\n        this.liveRegions = new Map();\n    }\n    Announcer.getInstance = function () {\n        if (!Announcer.instance) {\n            Announcer.instance = new Announcer();\n        }\n        return Announcer.instance;\n    };\n    Announcer.prototype.say = function (message, options) {\n        var _a, _b;\n        var priority = (_a = options === null || options === void 0 ? void 0 : options.priority) !== null && _a !== void 0 ? _a : AnnouncerPriority.POLITE;\n        var ownerDocument = (_b = options === null || options === void 0 ? void 0 : options.ownerDocument) !== null && _b !== void 0 ? _b : document;\n        var liveRegion = this.getLiveRegion(priority, ownerDocument);\n        // Reset the region to pick up the message, even if the message is the\n        // exact same as before.\n        liveRegion.textContent = '';\n        // Timeout is necessary for screen readers like NVDA and VoiceOver.\n        setTimeout(function () {\n            liveRegion.textContent = message;\n            ownerDocument.addEventListener('click', clearLiveRegion);\n        }, 1);\n        function clearLiveRegion() {\n            liveRegion.textContent = '';\n            ownerDocument.removeEventListener('click', clearLiveRegion);\n        }\n    };\n    Announcer.prototype.getLiveRegion = function (priority, ownerDocument) {\n        var documentLiveRegions = this.liveRegions.get(ownerDocument);\n        if (!documentLiveRegions) {\n            documentLiveRegions = new Map();\n            this.liveRegions.set(ownerDocument, documentLiveRegions);\n        }\n        var existingLiveRegion = documentLiveRegions.get(priority);\n        if (existingLiveRegion &&\n            ownerDocument.body.contains(existingLiveRegion)) {\n            return existingLiveRegion;\n        }\n        var liveRegion = this.createLiveRegion(priority, ownerDocument);\n        documentLiveRegions.set(priority, liveRegion);\n        return liveRegion;\n    };\n    Announcer.prototype.createLiveRegion = function (priority, ownerDocument) {\n        var el = ownerDocument.createElement('div');\n        el.style.position = 'absolute';\n        el.style.top = '-9999px';\n        el.style.left = '-9999px';\n        el.style.height = '1px';\n        el.style.overflow = 'hidden';\n        el.setAttribute('aria-atomic', 'true');\n        el.setAttribute('aria-live', priority);\n        el.setAttribute(DATA_MDC_DOM_ANNOUNCE, 'true');\n        ownerDocument.body.appendChild(el);\n        return el;\n    };\n    return Announcer;\n}());\n//# sourceMappingURL=announce.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/dom/announce.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/dom/events.js":
+/*!**********************************************!*\
+  !*** ./node_modules/@material/dom/events.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"applyPassive\": () => (/* binding */ applyPassive)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2019 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * Determine whether the current browser supports passive event listeners, and\n * if so, use them.\n */\nfunction applyPassive(globalObj) {\n    if (globalObj === void 0) { globalObj = window; }\n    return supportsPassiveOption(globalObj) ?\n        { passive: true } :\n        false;\n}\nfunction supportsPassiveOption(globalObj) {\n    if (globalObj === void 0) { globalObj = window; }\n    // See\n    // https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener\n    var passiveSupported = false;\n    try {\n        var options = {\n            // This function will be called when the browser\n            // attempts to access the passive property.\n            get passive() {\n                passiveSupported = true;\n                return false;\n            }\n        };\n        var handler = function () { };\n        globalObj.document.addEventListener('test', handler, options);\n        globalObj.document.removeEventListener('test', handler, options);\n    }\n    catch (err) {\n        passiveSupported = false;\n    }\n    return passiveSupported;\n}\n//# sourceMappingURL=events.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/dom/events.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/dom/keyboard.js":
+/*!************************************************!*\
+  !*** ./node_modules/@material/dom/keyboard.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"KEY\": () => (/* binding */ KEY),\n/* harmony export */   \"normalizeKey\": () => (/* binding */ normalizeKey),\n/* harmony export */   \"isNavigationEvent\": () => (/* binding */ isNavigationEvent)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2020 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * KEY provides normalized string values for keys.\n */\nvar KEY = {\n    UNKNOWN: 'Unknown',\n    BACKSPACE: 'Backspace',\n    ENTER: 'Enter',\n    SPACEBAR: 'Spacebar',\n    PAGE_UP: 'PageUp',\n    PAGE_DOWN: 'PageDown',\n    END: 'End',\n    HOME: 'Home',\n    ARROW_LEFT: 'ArrowLeft',\n    ARROW_UP: 'ArrowUp',\n    ARROW_RIGHT: 'ArrowRight',\n    ARROW_DOWN: 'ArrowDown',\n    DELETE: 'Delete',\n    ESCAPE: 'Escape',\n    TAB: 'Tab',\n};\nvar normalizedKeys = new Set();\n// IE11 has no support for new Map with iterable so we need to initialize this\n// by hand.\nnormalizedKeys.add(KEY.BACKSPACE);\nnormalizedKeys.add(KEY.ENTER);\nnormalizedKeys.add(KEY.SPACEBAR);\nnormalizedKeys.add(KEY.PAGE_UP);\nnormalizedKeys.add(KEY.PAGE_DOWN);\nnormalizedKeys.add(KEY.END);\nnormalizedKeys.add(KEY.HOME);\nnormalizedKeys.add(KEY.ARROW_LEFT);\nnormalizedKeys.add(KEY.ARROW_UP);\nnormalizedKeys.add(KEY.ARROW_RIGHT);\nnormalizedKeys.add(KEY.ARROW_DOWN);\nnormalizedKeys.add(KEY.DELETE);\nnormalizedKeys.add(KEY.ESCAPE);\nnormalizedKeys.add(KEY.TAB);\nvar KEY_CODE = {\n    BACKSPACE: 8,\n    ENTER: 13,\n    SPACEBAR: 32,\n    PAGE_UP: 33,\n    PAGE_DOWN: 34,\n    END: 35,\n    HOME: 36,\n    ARROW_LEFT: 37,\n    ARROW_UP: 38,\n    ARROW_RIGHT: 39,\n    ARROW_DOWN: 40,\n    DELETE: 46,\n    ESCAPE: 27,\n    TAB: 9,\n};\nvar mappedKeyCodes = new Map();\n// IE11 has no support for new Map with iterable so we need to initialize this\n// by hand.\nmappedKeyCodes.set(KEY_CODE.BACKSPACE, KEY.BACKSPACE);\nmappedKeyCodes.set(KEY_CODE.ENTER, KEY.ENTER);\nmappedKeyCodes.set(KEY_CODE.SPACEBAR, KEY.SPACEBAR);\nmappedKeyCodes.set(KEY_CODE.PAGE_UP, KEY.PAGE_UP);\nmappedKeyCodes.set(KEY_CODE.PAGE_DOWN, KEY.PAGE_DOWN);\nmappedKeyCodes.set(KEY_CODE.END, KEY.END);\nmappedKeyCodes.set(KEY_CODE.HOME, KEY.HOME);\nmappedKeyCodes.set(KEY_CODE.ARROW_LEFT, KEY.ARROW_LEFT);\nmappedKeyCodes.set(KEY_CODE.ARROW_UP, KEY.ARROW_UP);\nmappedKeyCodes.set(KEY_CODE.ARROW_RIGHT, KEY.ARROW_RIGHT);\nmappedKeyCodes.set(KEY_CODE.ARROW_DOWN, KEY.ARROW_DOWN);\nmappedKeyCodes.set(KEY_CODE.DELETE, KEY.DELETE);\nmappedKeyCodes.set(KEY_CODE.ESCAPE, KEY.ESCAPE);\nmappedKeyCodes.set(KEY_CODE.TAB, KEY.TAB);\nvar navigationKeys = new Set();\n// IE11 has no support for new Set with iterable so we need to initialize this\n// by hand.\nnavigationKeys.add(KEY.PAGE_UP);\nnavigationKeys.add(KEY.PAGE_DOWN);\nnavigationKeys.add(KEY.END);\nnavigationKeys.add(KEY.HOME);\nnavigationKeys.add(KEY.ARROW_LEFT);\nnavigationKeys.add(KEY.ARROW_UP);\nnavigationKeys.add(KEY.ARROW_RIGHT);\nnavigationKeys.add(KEY.ARROW_DOWN);\n/**\n * normalizeKey returns the normalized string for a navigational action.\n */\nfunction normalizeKey(evt) {\n    var key = evt.key;\n    // If the event already has a normalized key, return it\n    if (normalizedKeys.has(key)) {\n        return key;\n    }\n    // tslint:disable-next-line:deprecation\n    var mappedKey = mappedKeyCodes.get(evt.keyCode);\n    if (mappedKey) {\n        return mappedKey;\n    }\n    return KEY.UNKNOWN;\n}\n/**\n * isNavigationEvent returns whether the event is a navigation event\n */\nfunction isNavigationEvent(evt) {\n    return navigationKeys.has(normalizeKey(evt));\n}\n//# sourceMappingURL=keyboard.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/dom/keyboard.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/dom/ponyfill.js":
+/*!************************************************!*\
+  !*** ./node_modules/@material/dom/ponyfill.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"closest\": () => (/* binding */ closest),\n/* harmony export */   \"matches\": () => (/* binding */ matches),\n/* harmony export */   \"estimateScrollWidth\": () => (/* binding */ estimateScrollWidth)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2018 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * @fileoverview A \"ponyfill\" is a polyfill that doesn't modify the global prototype chain.\n * This makes ponyfills safer than traditional polyfills, especially for libraries like MDC.\n */\nfunction closest(element, selector) {\n    if (element.closest) {\n        return element.closest(selector);\n    }\n    var el = element;\n    while (el) {\n        if (matches(el, selector)) {\n            return el;\n        }\n        el = el.parentElement;\n    }\n    return null;\n}\nfunction matches(element, selector) {\n    var nativeMatches = element.matches\n        || element.webkitMatchesSelector\n        || element.msMatchesSelector;\n    return nativeMatches.call(element, selector);\n}\n/**\n * Used to compute the estimated scroll width of elements. When an element is\n * hidden due to display: none; being applied to a parent element, the width is\n * returned as 0. However, the element will have a true width once no longer\n * inside a display: none context. This method computes an estimated width when\n * the element is hidden or returns the true width when the element is visble.\n * @param {Element} element the element whose width to estimate\n */\nfunction estimateScrollWidth(element) {\n    // Check the offsetParent. If the element inherits display: none from any\n    // parent, the offsetParent property will be null (see\n    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent).\n    // This check ensures we only clone the node when necessary.\n    var htmlEl = element;\n    if (htmlEl.offsetParent !== null) {\n        return htmlEl.scrollWidth;\n    }\n    var clone = htmlEl.cloneNode(true);\n    clone.style.setProperty('position', 'absolute');\n    clone.style.setProperty('transform', 'translate(-9999px, -9999px)');\n    document.documentElement.appendChild(clone);\n    var scrollWidth = clone.scrollWidth;\n    document.documentElement.removeChild(clone);\n    return scrollWidth;\n}\n//# sourceMappingURL=ponyfill.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/dom/ponyfill.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/ripple/component.js":
+/*!****************************************************!*\
+  !*** ./node_modules/@material/ripple/component.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCRipple\": () => (/* binding */ MDCRipple)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @material/base/component */ \"./node_modules/@material/base/component.js\");\n/* harmony import */ var _material_dom_events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @material/dom/events */ \"./node_modules/@material/dom/events.js\");\n/* harmony import */ var _material_dom_ponyfill__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material/dom/ponyfill */ \"./node_modules/@material/dom/ponyfill.js\");\n/* harmony import */ var _foundation__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./foundation */ \"./node_modules/@material/ripple/foundation.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ \"./node_modules/@material/ripple/util.js\");\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n\n\nvar MDCRipple = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCRipple, _super);\n    function MDCRipple() {\n        var _this = _super !== null && _super.apply(this, arguments) || this;\n        _this.disabled = false;\n        return _this;\n    }\n    MDCRipple.attachTo = function (root, opts) {\n        if (opts === void 0) { opts = {\n            isUnbounded: undefined\n        }; }\n        var ripple = new MDCRipple(root);\n        // Only override unbounded behavior if option is explicitly specified\n        if (opts.isUnbounded !== undefined) {\n            ripple.unbounded = opts.isUnbounded;\n        }\n        return ripple;\n    };\n    MDCRipple.createAdapter = function (instance) {\n        return {\n            addClass: function (className) { return instance.root.classList.add(className); },\n            browserSupportsCssVars: function () { return _util__WEBPACK_IMPORTED_MODULE_1__.supportsCssVariables(window); },\n            computeBoundingRect: function () { return instance.root.getBoundingClientRect(); },\n            containsEventTarget: function (target) { return instance.root.contains(target); },\n            deregisterDocumentInteractionHandler: function (evtType, handler) {\n                return document.documentElement.removeEventListener(evtType, handler, (0,_material_dom_events__WEBPACK_IMPORTED_MODULE_2__.applyPassive)());\n            },\n            deregisterInteractionHandler: function (evtType, handler) {\n                return instance.root\n                    .removeEventListener(evtType, handler, (0,_material_dom_events__WEBPACK_IMPORTED_MODULE_2__.applyPassive)());\n            },\n            deregisterResizeHandler: function (handler) {\n                return window.removeEventListener('resize', handler);\n            },\n            getWindowPageOffset: function () {\n                return ({ x: window.pageXOffset, y: window.pageYOffset });\n            },\n            isSurfaceActive: function () { return (0,_material_dom_ponyfill__WEBPACK_IMPORTED_MODULE_3__.matches)(instance.root, ':active'); },\n            isSurfaceDisabled: function () { return Boolean(instance.disabled); },\n            isUnbounded: function () { return Boolean(instance.unbounded); },\n            registerDocumentInteractionHandler: function (evtType, handler) {\n                return document.documentElement.addEventListener(evtType, handler, (0,_material_dom_events__WEBPACK_IMPORTED_MODULE_2__.applyPassive)());\n            },\n            registerInteractionHandler: function (evtType, handler) {\n                return instance.root\n                    .addEventListener(evtType, handler, (0,_material_dom_events__WEBPACK_IMPORTED_MODULE_2__.applyPassive)());\n            },\n            registerResizeHandler: function (handler) {\n                return window.addEventListener('resize', handler);\n            },\n            removeClass: function (className) { return instance.root.classList.remove(className); },\n            updateCssVariable: function (varName, value) {\n                return instance.root.style.setProperty(varName, value);\n            },\n        };\n    };\n    Object.defineProperty(MDCRipple.prototype, \"unbounded\", {\n        get: function () {\n            return Boolean(this.isUnbounded);\n        },\n        set: function (unbounded) {\n            this.isUnbounded = Boolean(unbounded);\n            this.setUnbounded();\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCRipple.prototype.activate = function () {\n        this.foundation.activate();\n    };\n    MDCRipple.prototype.deactivate = function () {\n        this.foundation.deactivate();\n    };\n    MDCRipple.prototype.layout = function () {\n        this.foundation.layout();\n    };\n    MDCRipple.prototype.getDefaultFoundation = function () {\n        return new _foundation__WEBPACK_IMPORTED_MODULE_4__.MDCRippleFoundation(MDCRipple.createAdapter(this));\n    };\n    MDCRipple.prototype.initialSyncWithDOM = function () {\n        var root = this.root;\n        this.isUnbounded = 'mdcRippleIsUnbounded' in root.dataset;\n    };\n    /**\n     * Closure Compiler throws an access control error when directly accessing a\n     * protected or private property inside a getter/setter, like unbounded above.\n     * By accessing the protected property inside a method, we solve that problem.\n     * That's why this function exists.\n     */\n    MDCRipple.prototype.setUnbounded = function () {\n        this.foundation.setUnbounded(Boolean(this.isUnbounded));\n    };\n    return MDCRipple;\n}(_material_base_component__WEBPACK_IMPORTED_MODULE_5__.MDCComponent));\n\n//# sourceMappingURL=component.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/ripple/component.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/ripple/constants.js":
+/*!****************************************************!*\
+  !*** ./node_modules/@material/ripple/constants.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"cssClasses\": () => (/* binding */ cssClasses),\n/* harmony export */   \"strings\": () => (/* binding */ strings),\n/* harmony export */   \"numbers\": () => (/* binding */ numbers)\n/* harmony export */ });\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nvar cssClasses = {\n    // Ripple is a special case where the \"root\" component is really a \"mixin\" of sorts,\n    // given that it's an 'upgrade' to an existing component. That being said it is the root\n    // CSS class that all other CSS classes derive from.\n    BG_FOCUSED: 'mdc-ripple-upgraded--background-focused',\n    FG_ACTIVATION: 'mdc-ripple-upgraded--foreground-activation',\n    FG_DEACTIVATION: 'mdc-ripple-upgraded--foreground-deactivation',\n    ROOT: 'mdc-ripple-upgraded',\n    UNBOUNDED: 'mdc-ripple-upgraded--unbounded',\n};\nvar strings = {\n    VAR_FG_SCALE: '--mdc-ripple-fg-scale',\n    VAR_FG_SIZE: '--mdc-ripple-fg-size',\n    VAR_FG_TRANSLATE_END: '--mdc-ripple-fg-translate-end',\n    VAR_FG_TRANSLATE_START: '--mdc-ripple-fg-translate-start',\n    VAR_LEFT: '--mdc-ripple-left',\n    VAR_TOP: '--mdc-ripple-top',\n};\nvar numbers = {\n    DEACTIVATION_TIMEOUT_MS: 225,\n    FG_DEACTIVATION_MS: 150,\n    INITIAL_ORIGIN_SCALE: 0.6,\n    PADDING: 10,\n    TAP_DELAY_MS: 300, // Delay between touch and simulated mouse events on touch devices\n};\n//# sourceMappingURL=constants.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/ripple/constants.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/ripple/foundation.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/@material/ripple/foundation.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"MDCRippleFoundation\": () => (/* binding */ MDCRippleFoundation),\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var _material_base_foundation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @material/base/foundation */ \"./node_modules/@material/base/foundation.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants */ \"./node_modules/@material/ripple/constants.js\");\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ \"./node_modules/@material/ripple/util.js\");\n/**\n * @license\n * Copyright 2016 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n\n\n\n\n// Activation events registered on the root element of each instance for activation\nvar ACTIVATION_EVENT_TYPES = [\n    'touchstart', 'pointerdown', 'mousedown', 'keydown',\n];\n// Deactivation events registered on documentElement when a pointer-related down event occurs\nvar POINTER_DEACTIVATION_EVENT_TYPES = [\n    'touchend', 'pointerup', 'mouseup', 'contextmenu',\n];\n// simultaneous nested activations\nvar activatedTargets = [];\nvar MDCRippleFoundation = /** @class */ (function (_super) {\n    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(MDCRippleFoundation, _super);\n    function MDCRippleFoundation(adapter) {\n        var _this = _super.call(this, (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, MDCRippleFoundation.defaultAdapter), adapter)) || this;\n        _this.activationAnimationHasEnded = false;\n        _this.activationTimer = 0;\n        _this.fgDeactivationRemovalTimer = 0;\n        _this.fgScale = '0';\n        _this.frame = { width: 0, height: 0 };\n        _this.initialSize = 0;\n        _this.layoutFrame = 0;\n        _this.maxRadius = 0;\n        _this.unboundedCoords = { left: 0, top: 0 };\n        _this.activationState = _this.defaultActivationState();\n        _this.activationTimerCallback = function () {\n            _this.activationAnimationHasEnded = true;\n            _this.runDeactivationUXLogicIfReady();\n        };\n        _this.activateHandler = function (e) {\n            _this.activateImpl(e);\n        };\n        _this.deactivateHandler = function () {\n            _this.deactivateImpl();\n        };\n        _this.focusHandler = function () {\n            _this.handleFocus();\n        };\n        _this.blurHandler = function () {\n            _this.handleBlur();\n        };\n        _this.resizeHandler = function () {\n            _this.layout();\n        };\n        return _this;\n    }\n    Object.defineProperty(MDCRippleFoundation, \"cssClasses\", {\n        get: function () {\n            return _constants__WEBPACK_IMPORTED_MODULE_1__.cssClasses;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCRippleFoundation, \"strings\", {\n        get: function () {\n            return _constants__WEBPACK_IMPORTED_MODULE_1__.strings;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCRippleFoundation, \"numbers\", {\n        get: function () {\n            return _constants__WEBPACK_IMPORTED_MODULE_1__.numbers;\n        },\n        enumerable: false,\n        configurable: true\n    });\n    Object.defineProperty(MDCRippleFoundation, \"defaultAdapter\", {\n        get: function () {\n            return {\n                addClass: function () { return undefined; },\n                browserSupportsCssVars: function () { return true; },\n                computeBoundingRect: function () {\n                    return ({ top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 });\n                },\n                containsEventTarget: function () { return true; },\n                deregisterDocumentInteractionHandler: function () { return undefined; },\n                deregisterInteractionHandler: function () { return undefined; },\n                deregisterResizeHandler: function () { return undefined; },\n                getWindowPageOffset: function () { return ({ x: 0, y: 0 }); },\n                isSurfaceActive: function () { return true; },\n                isSurfaceDisabled: function () { return true; },\n                isUnbounded: function () { return true; },\n                registerDocumentInteractionHandler: function () { return undefined; },\n                registerInteractionHandler: function () { return undefined; },\n                registerResizeHandler: function () { return undefined; },\n                removeClass: function () { return undefined; },\n                updateCssVariable: function () { return undefined; },\n            };\n        },\n        enumerable: false,\n        configurable: true\n    });\n    MDCRippleFoundation.prototype.init = function () {\n        var _this = this;\n        var supportsPressRipple = this.supportsPressRipple();\n        this.registerRootHandlers(supportsPressRipple);\n        if (supportsPressRipple) {\n            var _a = MDCRippleFoundation.cssClasses, ROOT_1 = _a.ROOT, UNBOUNDED_1 = _a.UNBOUNDED;\n            requestAnimationFrame(function () {\n                _this.adapter.addClass(ROOT_1);\n                if (_this.adapter.isUnbounded()) {\n                    _this.adapter.addClass(UNBOUNDED_1);\n                    // Unbounded ripples need layout logic applied immediately to set coordinates for both shade and ripple\n                    _this.layoutInternal();\n                }\n            });\n        }\n    };\n    MDCRippleFoundation.prototype.destroy = function () {\n        var _this = this;\n        if (this.supportsPressRipple()) {\n            if (this.activationTimer) {\n                clearTimeout(this.activationTimer);\n                this.activationTimer = 0;\n                this.adapter.removeClass(MDCRippleFoundation.cssClasses.FG_ACTIVATION);\n            }\n            if (this.fgDeactivationRemovalTimer) {\n                clearTimeout(this.fgDeactivationRemovalTimer);\n                this.fgDeactivationRemovalTimer = 0;\n                this.adapter.removeClass(MDCRippleFoundation.cssClasses.FG_DEACTIVATION);\n            }\n            var _a = MDCRippleFoundation.cssClasses, ROOT_2 = _a.ROOT, UNBOUNDED_2 = _a.UNBOUNDED;\n            requestAnimationFrame(function () {\n                _this.adapter.removeClass(ROOT_2);\n                _this.adapter.removeClass(UNBOUNDED_2);\n                _this.removeCssVars();\n            });\n        }\n        this.deregisterRootHandlers();\n        this.deregisterDeactivationHandlers();\n    };\n    /**\n     * @param evt Optional event containing position information.\n     */\n    MDCRippleFoundation.prototype.activate = function (evt) {\n        this.activateImpl(evt);\n    };\n    MDCRippleFoundation.prototype.deactivate = function () {\n        this.deactivateImpl();\n    };\n    MDCRippleFoundation.prototype.layout = function () {\n        var _this = this;\n        if (this.layoutFrame) {\n            cancelAnimationFrame(this.layoutFrame);\n        }\n        this.layoutFrame = requestAnimationFrame(function () {\n            _this.layoutInternal();\n            _this.layoutFrame = 0;\n        });\n    };\n    MDCRippleFoundation.prototype.setUnbounded = function (unbounded) {\n        var UNBOUNDED = MDCRippleFoundation.cssClasses.UNBOUNDED;\n        if (unbounded) {\n            this.adapter.addClass(UNBOUNDED);\n        }\n        else {\n            this.adapter.removeClass(UNBOUNDED);\n        }\n    };\n    MDCRippleFoundation.prototype.handleFocus = function () {\n        var _this = this;\n        requestAnimationFrame(function () { return _this.adapter.addClass(MDCRippleFoundation.cssClasses.BG_FOCUSED); });\n    };\n    MDCRippleFoundation.prototype.handleBlur = function () {\n        var _this = this;\n        requestAnimationFrame(function () { return _this.adapter.removeClass(MDCRippleFoundation.cssClasses.BG_FOCUSED); });\n    };\n    /**\n     * We compute this property so that we are not querying information about the client\n     * until the point in time where the foundation requests it. This prevents scenarios where\n     * client-side feature-detection may happen too early, such as when components are rendered on the server\n     * and then initialized at mount time on the client.\n     */\n    MDCRippleFoundation.prototype.supportsPressRipple = function () {\n        return this.adapter.browserSupportsCssVars();\n    };\n    MDCRippleFoundation.prototype.defaultActivationState = function () {\n        return {\n            activationEvent: undefined,\n            hasDeactivationUXRun: false,\n            isActivated: false,\n            isProgrammatic: false,\n            wasActivatedByPointer: false,\n            wasElementMadeActive: false,\n        };\n    };\n    /**\n     * supportsPressRipple Passed from init to save a redundant function call\n     */\n    MDCRippleFoundation.prototype.registerRootHandlers = function (supportsPressRipple) {\n        var e_1, _a;\n        if (supportsPressRipple) {\n            try {\n                for (var ACTIVATION_EVENT_TYPES_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next(); !ACTIVATION_EVENT_TYPES_1_1.done; ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next()) {\n                    var evtType = ACTIVATION_EVENT_TYPES_1_1.value;\n                    this.adapter.registerInteractionHandler(evtType, this.activateHandler);\n                }\n            }\n            catch (e_1_1) { e_1 = { error: e_1_1 }; }\n            finally {\n                try {\n                    if (ACTIVATION_EVENT_TYPES_1_1 && !ACTIVATION_EVENT_TYPES_1_1.done && (_a = ACTIVATION_EVENT_TYPES_1.return)) _a.call(ACTIVATION_EVENT_TYPES_1);\n                }\n                finally { if (e_1) throw e_1.error; }\n            }\n            if (this.adapter.isUnbounded()) {\n                this.adapter.registerResizeHandler(this.resizeHandler);\n            }\n        }\n        this.adapter.registerInteractionHandler('focus', this.focusHandler);\n        this.adapter.registerInteractionHandler('blur', this.blurHandler);\n    };\n    MDCRippleFoundation.prototype.registerDeactivationHandlers = function (evt) {\n        var e_2, _a;\n        if (evt.type === 'keydown') {\n            this.adapter.registerInteractionHandler('keyup', this.deactivateHandler);\n        }\n        else {\n            try {\n                for (var POINTER_DEACTIVATION_EVENT_TYPES_1 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next(); !POINTER_DEACTIVATION_EVENT_TYPES_1_1.done; POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next()) {\n                    var evtType = POINTER_DEACTIVATION_EVENT_TYPES_1_1.value;\n                    this.adapter.registerDocumentInteractionHandler(evtType, this.deactivateHandler);\n                }\n            }\n            catch (e_2_1) { e_2 = { error: e_2_1 }; }\n            finally {\n                try {\n                    if (POINTER_DEACTIVATION_EVENT_TYPES_1_1 && !POINTER_DEACTIVATION_EVENT_TYPES_1_1.done && (_a = POINTER_DEACTIVATION_EVENT_TYPES_1.return)) _a.call(POINTER_DEACTIVATION_EVENT_TYPES_1);\n                }\n                finally { if (e_2) throw e_2.error; }\n            }\n        }\n    };\n    MDCRippleFoundation.prototype.deregisterRootHandlers = function () {\n        var e_3, _a;\n        try {\n            for (var ACTIVATION_EVENT_TYPES_2 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next(); !ACTIVATION_EVENT_TYPES_2_1.done; ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next()) {\n                var evtType = ACTIVATION_EVENT_TYPES_2_1.value;\n                this.adapter.deregisterInteractionHandler(evtType, this.activateHandler);\n            }\n        }\n        catch (e_3_1) { e_3 = { error: e_3_1 }; }\n        finally {\n            try {\n                if (ACTIVATION_EVENT_TYPES_2_1 && !ACTIVATION_EVENT_TYPES_2_1.done && (_a = ACTIVATION_EVENT_TYPES_2.return)) _a.call(ACTIVATION_EVENT_TYPES_2);\n            }\n            finally { if (e_3) throw e_3.error; }\n        }\n        this.adapter.deregisterInteractionHandler('focus', this.focusHandler);\n        this.adapter.deregisterInteractionHandler('blur', this.blurHandler);\n        if (this.adapter.isUnbounded()) {\n            this.adapter.deregisterResizeHandler(this.resizeHandler);\n        }\n    };\n    MDCRippleFoundation.prototype.deregisterDeactivationHandlers = function () {\n        var e_4, _a;\n        this.adapter.deregisterInteractionHandler('keyup', this.deactivateHandler);\n        try {\n            for (var POINTER_DEACTIVATION_EVENT_TYPES_2 = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__values)(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next(); !POINTER_DEACTIVATION_EVENT_TYPES_2_1.done; POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next()) {\n                var evtType = POINTER_DEACTIVATION_EVENT_TYPES_2_1.value;\n                this.adapter.deregisterDocumentInteractionHandler(evtType, this.deactivateHandler);\n            }\n        }\n        catch (e_4_1) { e_4 = { error: e_4_1 }; }\n        finally {\n            try {\n                if (POINTER_DEACTIVATION_EVENT_TYPES_2_1 && !POINTER_DEACTIVATION_EVENT_TYPES_2_1.done && (_a = POINTER_DEACTIVATION_EVENT_TYPES_2.return)) _a.call(POINTER_DEACTIVATION_EVENT_TYPES_2);\n            }\n            finally { if (e_4) throw e_4.error; }\n        }\n    };\n    MDCRippleFoundation.prototype.removeCssVars = function () {\n        var _this = this;\n        var rippleStrings = MDCRippleFoundation.strings;\n        var keys = Object.keys(rippleStrings);\n        keys.forEach(function (key) {\n            if (key.indexOf('VAR_') === 0) {\n                _this.adapter.updateCssVariable(rippleStrings[key], null);\n            }\n        });\n    };\n    MDCRippleFoundation.prototype.activateImpl = function (evt) {\n        var _this = this;\n        if (this.adapter.isSurfaceDisabled()) {\n            return;\n        }\n        var activationState = this.activationState;\n        if (activationState.isActivated) {\n            return;\n        }\n        // Avoid reacting to follow-on events fired by touch device after an already-processed user interaction\n        var previousActivationEvent = this.previousActivationEvent;\n        var isSameInteraction = previousActivationEvent && evt !== undefined && previousActivationEvent.type !== evt.type;\n        if (isSameInteraction) {\n            return;\n        }\n        activationState.isActivated = true;\n        activationState.isProgrammatic = evt === undefined;\n        activationState.activationEvent = evt;\n        activationState.wasActivatedByPointer = activationState.isProgrammatic ? false : evt !== undefined && (evt.type === 'mousedown' || evt.type === 'touchstart' || evt.type === 'pointerdown');\n        var hasActivatedChild = evt !== undefined &&\n            activatedTargets.length > 0 &&\n            activatedTargets.some(function (target) { return _this.adapter.containsEventTarget(target); });\n        if (hasActivatedChild) {\n            // Immediately reset activation state, while preserving logic that prevents touch follow-on events\n            this.resetActivationState();\n            return;\n        }\n        if (evt !== undefined) {\n            activatedTargets.push(evt.target);\n            this.registerDeactivationHandlers(evt);\n        }\n        activationState.wasElementMadeActive = this.checkElementMadeActive(evt);\n        if (activationState.wasElementMadeActive) {\n            this.animateActivation();\n        }\n        requestAnimationFrame(function () {\n            // Reset array on next frame after the current event has had a chance to bubble to prevent ancestor ripples\n            activatedTargets = [];\n            if (!activationState.wasElementMadeActive\n                && evt !== undefined\n                && (evt.key === ' ' || evt.keyCode === 32)) {\n                // If space was pressed, try again within an rAF call to detect :active, because different UAs report\n                // active states inconsistently when they're called within event handling code:\n                // - https://bugs.chromium.org/p/chromium/issues/detail?id=635971\n                // - https://bugzilla.mozilla.org/show_bug.cgi?id=1293741\n                // We try first outside rAF to support Edge, which does not exhibit this problem, but will crash if a CSS\n                // variable is set within a rAF callback for a submit button interaction (#2241).\n                activationState.wasElementMadeActive = _this.checkElementMadeActive(evt);\n                if (activationState.wasElementMadeActive) {\n                    _this.animateActivation();\n                }\n            }\n            if (!activationState.wasElementMadeActive) {\n                // Reset activation state immediately if element was not made active.\n                _this.activationState = _this.defaultActivationState();\n            }\n        });\n    };\n    MDCRippleFoundation.prototype.checkElementMadeActive = function (evt) {\n        return (evt !== undefined && evt.type === 'keydown') ?\n            this.adapter.isSurfaceActive() :\n            true;\n    };\n    MDCRippleFoundation.prototype.animateActivation = function () {\n        var _this = this;\n        var _a = MDCRippleFoundation.strings, VAR_FG_TRANSLATE_START = _a.VAR_FG_TRANSLATE_START, VAR_FG_TRANSLATE_END = _a.VAR_FG_TRANSLATE_END;\n        var _b = MDCRippleFoundation.cssClasses, FG_DEACTIVATION = _b.FG_DEACTIVATION, FG_ACTIVATION = _b.FG_ACTIVATION;\n        var DEACTIVATION_TIMEOUT_MS = MDCRippleFoundation.numbers.DEACTIVATION_TIMEOUT_MS;\n        this.layoutInternal();\n        var translateStart = '';\n        var translateEnd = '';\n        if (!this.adapter.isUnbounded()) {\n            var _c = this.getFgTranslationCoordinates(), startPoint = _c.startPoint, endPoint = _c.endPoint;\n            translateStart = startPoint.x + \"px, \" + startPoint.y + \"px\";\n            translateEnd = endPoint.x + \"px, \" + endPoint.y + \"px\";\n        }\n        this.adapter.updateCssVariable(VAR_FG_TRANSLATE_START, translateStart);\n        this.adapter.updateCssVariable(VAR_FG_TRANSLATE_END, translateEnd);\n        // Cancel any ongoing activation/deactivation animations\n        clearTimeout(this.activationTimer);\n        clearTimeout(this.fgDeactivationRemovalTimer);\n        this.rmBoundedActivationClasses();\n        this.adapter.removeClass(FG_DEACTIVATION);\n        // Force layout in order to re-trigger the animation.\n        this.adapter.computeBoundingRect();\n        this.adapter.addClass(FG_ACTIVATION);\n        this.activationTimer = setTimeout(function () {\n            _this.activationTimerCallback();\n        }, DEACTIVATION_TIMEOUT_MS);\n    };\n    MDCRippleFoundation.prototype.getFgTranslationCoordinates = function () {\n        var _a = this.activationState, activationEvent = _a.activationEvent, wasActivatedByPointer = _a.wasActivatedByPointer;\n        var startPoint;\n        if (wasActivatedByPointer) {\n            startPoint = (0,_util__WEBPACK_IMPORTED_MODULE_2__.getNormalizedEventCoords)(activationEvent, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect());\n        }\n        else {\n            startPoint = {\n                x: this.frame.width / 2,\n                y: this.frame.height / 2,\n            };\n        }\n        // Center the element around the start point.\n        startPoint = {\n            x: startPoint.x - (this.initialSize / 2),\n            y: startPoint.y - (this.initialSize / 2),\n        };\n        var endPoint = {\n            x: (this.frame.width / 2) - (this.initialSize / 2),\n            y: (this.frame.height / 2) - (this.initialSize / 2),\n        };\n        return { startPoint: startPoint, endPoint: endPoint };\n    };\n    MDCRippleFoundation.prototype.runDeactivationUXLogicIfReady = function () {\n        var _this = this;\n        // This method is called both when a pointing device is released, and when the activation animation ends.\n        // The deactivation animation should only run after both of those occur.\n        var FG_DEACTIVATION = MDCRippleFoundation.cssClasses.FG_DEACTIVATION;\n        var _a = this.activationState, hasDeactivationUXRun = _a.hasDeactivationUXRun, isActivated = _a.isActivated;\n        var activationHasEnded = hasDeactivationUXRun || !isActivated;\n        if (activationHasEnded && this.activationAnimationHasEnded) {\n            this.rmBoundedActivationClasses();\n            this.adapter.addClass(FG_DEACTIVATION);\n            this.fgDeactivationRemovalTimer = setTimeout(function () {\n                _this.adapter.removeClass(FG_DEACTIVATION);\n            }, _constants__WEBPACK_IMPORTED_MODULE_1__.numbers.FG_DEACTIVATION_MS);\n        }\n    };\n    MDCRippleFoundation.prototype.rmBoundedActivationClasses = function () {\n        var FG_ACTIVATION = MDCRippleFoundation.cssClasses.FG_ACTIVATION;\n        this.adapter.removeClass(FG_ACTIVATION);\n        this.activationAnimationHasEnded = false;\n        this.adapter.computeBoundingRect();\n    };\n    MDCRippleFoundation.prototype.resetActivationState = function () {\n        var _this = this;\n        this.previousActivationEvent = this.activationState.activationEvent;\n        this.activationState = this.defaultActivationState();\n        // Touch devices may fire additional events for the same interaction within a short time.\n        // Store the previous event until it's safe to assume that subsequent events are for new interactions.\n        setTimeout(function () { return _this.previousActivationEvent = undefined; }, MDCRippleFoundation.numbers.TAP_DELAY_MS);\n    };\n    MDCRippleFoundation.prototype.deactivateImpl = function () {\n        var _this = this;\n        var activationState = this.activationState;\n        // This can happen in scenarios such as when you have a keyup event that blurs the element.\n        if (!activationState.isActivated) {\n            return;\n        }\n        var state = (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, activationState);\n        if (activationState.isProgrammatic) {\n            requestAnimationFrame(function () {\n                _this.animateDeactivation(state);\n            });\n            this.resetActivationState();\n        }\n        else {\n            this.deregisterDeactivationHandlers();\n            requestAnimationFrame(function () {\n                _this.activationState.hasDeactivationUXRun = true;\n                _this.animateDeactivation(state);\n                _this.resetActivationState();\n            });\n        }\n    };\n    MDCRippleFoundation.prototype.animateDeactivation = function (_a) {\n        var wasActivatedByPointer = _a.wasActivatedByPointer, wasElementMadeActive = _a.wasElementMadeActive;\n        if (wasActivatedByPointer || wasElementMadeActive) {\n            this.runDeactivationUXLogicIfReady();\n        }\n    };\n    MDCRippleFoundation.prototype.layoutInternal = function () {\n        var _this = this;\n        this.frame = this.adapter.computeBoundingRect();\n        var maxDim = Math.max(this.frame.height, this.frame.width);\n        // Surface diameter is treated differently for unbounded vs. bounded ripples.\n        // Unbounded ripple diameter is calculated smaller since the surface is expected to already be padded appropriately\n        // to extend the hitbox, and the ripple is expected to meet the edges of the padded hitbox (which is typically\n        // square). Bounded ripples, on the other hand, are fully expected to expand beyond the surface's longest diameter\n        // (calculated based on the diagonal plus a constant padding), and are clipped at the surface's border via\n        // `overflow: hidden`.\n        var getBoundedRadius = function () {\n            var hypotenuse = Math.sqrt(Math.pow(_this.frame.width, 2) + Math.pow(_this.frame.height, 2));\n            return hypotenuse + MDCRippleFoundation.numbers.PADDING;\n        };\n        this.maxRadius = this.adapter.isUnbounded() ? maxDim : getBoundedRadius();\n        // Ripple is sized as a fraction of the largest dimension of the surface, then scales up using a CSS scale transform\n        var initialSize = Math.floor(maxDim * MDCRippleFoundation.numbers.INITIAL_ORIGIN_SCALE);\n        // Unbounded ripple size should always be even number to equally center align.\n        if (this.adapter.isUnbounded() && initialSize % 2 !== 0) {\n            this.initialSize = initialSize - 1;\n        }\n        else {\n            this.initialSize = initialSize;\n        }\n        this.fgScale = \"\" + this.maxRadius / this.initialSize;\n        this.updateLayoutCssVars();\n    };\n    MDCRippleFoundation.prototype.updateLayoutCssVars = function () {\n        var _a = MDCRippleFoundation.strings, VAR_FG_SIZE = _a.VAR_FG_SIZE, VAR_LEFT = _a.VAR_LEFT, VAR_TOP = _a.VAR_TOP, VAR_FG_SCALE = _a.VAR_FG_SCALE;\n        this.adapter.updateCssVariable(VAR_FG_SIZE, this.initialSize + \"px\");\n        this.adapter.updateCssVariable(VAR_FG_SCALE, this.fgScale);\n        if (this.adapter.isUnbounded()) {\n            this.unboundedCoords = {\n                left: Math.round((this.frame.width / 2) - (this.initialSize / 2)),\n                top: Math.round((this.frame.height / 2) - (this.initialSize / 2)),\n            };\n            this.adapter.updateCssVariable(VAR_LEFT, this.unboundedCoords.left + \"px\");\n            this.adapter.updateCssVariable(VAR_TOP, this.unboundedCoords.top + \"px\");\n        }\n    };\n    return MDCRippleFoundation;\n}(_material_base_foundation__WEBPACK_IMPORTED_MODULE_3__.MDCFoundation));\n\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MDCRippleFoundation);\n//# sourceMappingURL=foundation.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/ripple/foundation.js?");
+
+/***/ }),
+
+/***/ "./node_modules/@material/ripple/util.js":
+/*!***********************************************!*\
+  !*** ./node_modules/@material/ripple/util.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"supportsCssVariables\": () => (/* binding */ supportsCssVariables),\n/* harmony export */   \"getNormalizedEventCoords\": () => (/* binding */ getNormalizedEventCoords)\n/* harmony export */ });\n/**\n * Stores result from supportsCssVariables to avoid redundant processing to\n * detect CSS custom variable support.\n */\nvar supportsCssVariables_;\nfunction supportsCssVariables(windowObj, forceRefresh) {\n    if (forceRefresh === void 0) { forceRefresh = false; }\n    var CSS = windowObj.CSS;\n    var supportsCssVars = supportsCssVariables_;\n    if (typeof supportsCssVariables_ === 'boolean' && !forceRefresh) {\n        return supportsCssVariables_;\n    }\n    var supportsFunctionPresent = CSS && typeof CSS.supports === 'function';\n    if (!supportsFunctionPresent) {\n        return false;\n    }\n    var explicitlySupportsCssVars = CSS.supports('--css-vars', 'yes');\n    // See: https://bugs.webkit.org/show_bug.cgi?id=154669\n    // See: README section on Safari\n    var weAreFeatureDetectingSafari10plus = (CSS.supports('(--css-vars: yes)') &&\n        CSS.supports('color', '#00000000'));\n    supportsCssVars =\n        explicitlySupportsCssVars || weAreFeatureDetectingSafari10plus;\n    if (!forceRefresh) {\n        supportsCssVariables_ = supportsCssVars;\n    }\n    return supportsCssVars;\n}\nfunction getNormalizedEventCoords(evt, pageOffset, clientRect) {\n    if (!evt) {\n        return { x: 0, y: 0 };\n    }\n    var x = pageOffset.x, y = pageOffset.y;\n    var documentX = x + clientRect.left;\n    var documentY = y + clientRect.top;\n    var normalizedX;\n    var normalizedY;\n    // Determine touch point relative to the ripple container.\n    if (evt.type === 'touchstart') {\n        var touchEvent = evt;\n        normalizedX = touchEvent.changedTouches[0].pageX - documentX;\n        normalizedY = touchEvent.changedTouches[0].pageY - documentY;\n    }\n    else {\n        var mouseEvent = evt;\n        normalizedX = mouseEvent.pageX - documentX;\n        normalizedY = mouseEvent.pageY - documentY;\n    }\n    return { x: normalizedX, y: normalizedY };\n}\n//# sourceMappingURL=util.js.map\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/@material/ripple/util.js?");
+
+/***/ }),
+
+/***/ "./Scripts/upload.ts":
+/*!***************************!*\
+  !*** ./Scripts/upload.ts ***!
+  \***************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _material_chips__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @material/chips */ \"./node_modules/@material/chips/chip-set/component.js\");\n/* harmony import */ var _utility__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utility */ \"./Scripts/utility.ts\");\n\n\nvar Uploader = (function () {\n    function Uploader() {\n        this.init();\n    }\n    Uploader.prototype.init = function () {\n        var _this = this;\n        var upload = document.getElementById(\"lzh_upload\");\n        var container = document.querySelector(\".mdc-evolution-chip-set__chips\");\n        document.addEventListener(\"MDCChipSet:interaction\", function (event) {\n            console.log(event);\n        });\n        document.addEventListener(\"MDCChipSet:selection\", function (event) {\n            console.log(event);\n        });\n        upload.addEventListener(\"change\", function (event) {\n            while (container.firstChild)\n                container.removeChild(container.firstChild);\n            for (var index = 0; index < upload.files.length; index++) {\n                _this.addChip(container, index, upload.files.item(index));\n            }\n            var element = document.querySelector(\".mdc-evolution-chip-set\");\n            _this.chips = _material_chips__WEBPACK_IMPORTED_MODULE_1__.MDCChipSet.attachTo(element);\n        });\n    };\n    Uploader.prototype.addChip = function (container, index, file) {\n        var chipClass = \"mdc-evolution-chip\";\n        var textButton = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"button\", { \"type\": \"button\", \"tabindex\": 0 }, chipClass + \"__action\", chipClass + \"__action--primary\")\n            .addChildren(_utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__ripple\", chipClass + \"__ripple--primary\"), _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__text-label\").setText(file.name));\n        var textWrapper = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"gridcell\" }, chipClass + \"__cell\", chipClass + \"__cell--primary\")\n            .addChildren(textButton);\n        var trailingButton = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"button\", { \"type\": \"button\", \"tabindex\": -1, \"data-mdc-deletable\": \"true\", \"aria-label\": \"Remove \" + file.name })\n            .addChildren(_utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__ripple\", chipClass + \"__ripple--trailing\"), _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", {}, chipClass + \"__icon\", chipClass + \"__icon--trailing\").setText(\"close\"));\n        var trailingWrapper = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"gridcell\" }, chipClass + \"__cell\", chipClass + \"__cell--trailing\")\n            .addChildren(trailingButton);\n        var chip = _utility__WEBPACK_IMPORTED_MODULE_0__[\"default\"].element(\"span\", { \"role\": \"row\", \"id\": \"chip_\" + index }, chipClass).addChildren(textWrapper, trailingWrapper).build();\n        container.appendChild(chip);\n    };\n    return Uploader;\n}());\nnew Uploader();\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/upload.ts?");
+
+/***/ }),
+
+/***/ "./Scripts/utility.ts":
+/*!****************************!*\
+  !*** ./Scripts/utility.ts ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nvar Builder = (function () {\n    function Builder(tag) {\n        this.element = document.createElement(tag);\n    }\n    Builder.prototype.addAttributes = function (attributes) {\n        for (var _i = 0, _a = Object.keys(attributes); _i < _a.length; _i++) {\n            var key = _a[_i];\n            this.addAttribute(key, attributes[key]);\n        }\n        return this;\n    };\n    Builder.prototype.addAttribute = function (name, value) {\n        var attribute = document.createAttribute(name);\n        attribute.value = value.toString();\n        this.element.attributes.setNamedItem(attribute);\n        return this;\n    };\n    Builder.prototype.addClass = function () {\n        var _a;\n        var classes = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            classes[_i] = arguments[_i];\n        }\n        (_a = this.element.classList).add.apply(_a, classes);\n        return this;\n    };\n    Builder.prototype.addChildren = function () {\n        var _this = this;\n        var children = [];\n        for (var _i = 0; _i < arguments.length; _i++) {\n            children[_i] = arguments[_i];\n        }\n        children.forEach(function (child) {\n            if (child instanceof HTMLElement) {\n                _this.element.appendChild(child);\n            }\n            else {\n                _this.element.appendChild(child.build());\n            }\n        });\n        return this;\n    };\n    Builder.prototype.setText = function (text) {\n        this.element.textContent = text;\n        return this;\n    };\n    Builder.prototype.build = function () {\n        return this.element;\n    };\n    Builder.element = function (tag, attributes) {\n        var _a;\n        var classes = [];\n        for (var _i = 2; _i < arguments.length; _i++) {\n            classes[_i - 2] = arguments[_i];\n        }\n        return (_a = new Builder(tag).addAttributes(attributes)).addClass.apply(_a, classes);\n    };\n    return Builder;\n}());\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Builder);\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./Scripts/utility.ts?");
+
+/***/ }),
+
+/***/ "./node_modules/tslib/tslib.es6.js":
+/*!*****************************************!*\
+  !*** ./node_modules/tslib/tslib.es6.js ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"__extends\": () => (/* binding */ __extends),\n/* harmony export */   \"__assign\": () => (/* binding */ __assign),\n/* harmony export */   \"__rest\": () => (/* binding */ __rest),\n/* harmony export */   \"__decorate\": () => (/* binding */ __decorate),\n/* harmony export */   \"__param\": () => (/* binding */ __param),\n/* harmony export */   \"__metadata\": () => (/* binding */ __metadata),\n/* harmony export */   \"__awaiter\": () => (/* binding */ __awaiter),\n/* harmony export */   \"__generator\": () => (/* binding */ __generator),\n/* harmony export */   \"__createBinding\": () => (/* binding */ __createBinding),\n/* harmony export */   \"__exportStar\": () => (/* binding */ __exportStar),\n/* harmony export */   \"__values\": () => (/* binding */ __values),\n/* harmony export */   \"__read\": () => (/* binding */ __read),\n/* harmony export */   \"__spread\": () => (/* binding */ __spread),\n/* harmony export */   \"__spreadArrays\": () => (/* binding */ __spreadArrays),\n/* harmony export */   \"__spreadArray\": () => (/* binding */ __spreadArray),\n/* harmony export */   \"__await\": () => (/* binding */ __await),\n/* harmony export */   \"__asyncGenerator\": () => (/* binding */ __asyncGenerator),\n/* harmony export */   \"__asyncDelegator\": () => (/* binding */ __asyncDelegator),\n/* harmony export */   \"__asyncValues\": () => (/* binding */ __asyncValues),\n/* harmony export */   \"__makeTemplateObject\": () => (/* binding */ __makeTemplateObject),\n/* harmony export */   \"__importStar\": () => (/* binding */ __importStar),\n/* harmony export */   \"__importDefault\": () => (/* binding */ __importDefault),\n/* harmony export */   \"__classPrivateFieldGet\": () => (/* binding */ __classPrivateFieldGet),\n/* harmony export */   \"__classPrivateFieldSet\": () => (/* binding */ __classPrivateFieldSet)\n/* harmony export */ });\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nfunction __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nfunction __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nfunction __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nfunction __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nfunction __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nfunction __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nfunction __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nvar __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nfunction __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nfunction __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nfunction __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nfunction __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nfunction __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nfunction __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nfunction __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nfunction __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nfunction __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nfunction __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nfunction __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nfunction __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nfunction __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nfunction __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nfunction __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\n\n//# sourceURL=webpack://fxl.codes.kisekae/./node_modules/tslib/tslib.es6.js?");
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module can't be inlined because the eval devtool is used.
+/******/ 	var __webpack_exports__ = __webpack_require__("./Scripts/upload.ts");
+/******/ 	
+/******/ })()
+;
\ No newline at end of file