From f14677211ad3f410eb0caa6be76ca614c2c74468 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 07:19:34 +0800
Subject: [PATCH 01/80] Refactor _LightSwitch and remove unused components

Centralized _LightSwitch partial to _Layout.cshtml and removed it from individual view files. Removed localized "No Archive" and "No Posts" messages from several views. Eliminated image zoom modal from Post.cshtml and PostPreview.cshtml.
---
 src/Moonglade.Web/Pages/Archive.cshtml        | 2 --
 src/Moonglade.Web/Pages/ArchiveList.cshtml    | 2 --
 src/Moonglade.Web/Pages/CategoryList.cshtml   | 2 --
 src/Moonglade.Web/Pages/Featured.cshtml       | 2 --
 src/Moonglade.Web/Pages/Index.cshtml          | 2 --
 src/Moonglade.Web/Pages/Post.cshtml           | 2 --
 src/Moonglade.Web/Pages/PostPreview.cshtml    | 2 --
 src/Moonglade.Web/Pages/Search.cshtml         | 2 --
 src/Moonglade.Web/Pages/Shared/_Layout.cshtml | 1 +
 src/Moonglade.Web/Pages/TagList.cshtml        | 2 --
 src/Moonglade.Web/Pages/Tags.cshtml           | 2 --
 11 files changed, 1 insertion(+), 20 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Archive.cshtml b/src/Moonglade.Web/Pages/Archive.cshtml
index 3f4f01598..ea077c25b 100644
--- a/src/Moonglade.Web/Pages/Archive.cshtml
+++ b/src/Moonglade.Web/Pages/Archive.cshtml
@@ -72,5 +72,3 @@ else
         - @SharedLocalizer["No Archive"] -
     </div>
 }
-
-<partial name="_LightSwitch" />
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/ArchiveList.cshtml b/src/Moonglade.Web/Pages/ArchiveList.cshtml
index 43f8f2554..dcb707168 100644
--- a/src/Moonglade.Web/Pages/ArchiveList.cshtml
+++ b/src/Moonglade.Web/Pages/ArchiveList.cshtml
@@ -24,5 +24,3 @@
         }
     }
 </div>
-
-<partial name="_LightSwitch" />
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/CategoryList.cshtml b/src/Moonglade.Web/Pages/CategoryList.cshtml
index 46818f1b4..242a48915 100644
--- a/src/Moonglade.Web/Pages/CategoryList.cshtml
+++ b/src/Moonglade.Web/Pages/CategoryList.cshtml
@@ -28,5 +28,3 @@ else
         - @SharedLocalizer["No Posts"] -
     </div>
 }
-
-<partial name="_LightSwitch" />
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/Featured.cshtml b/src/Moonglade.Web/Pages/Featured.cshtml
index 465bbd908..cdc442489 100644
--- a/src/Moonglade.Web/Pages/Featured.cshtml
+++ b/src/Moonglade.Web/Pages/Featured.cshtml
@@ -20,5 +20,3 @@ else
         @SharedLocalizer["No Posts"]
     </div>
 }
-
-<partial name="_LightSwitch" />
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/Index.cshtml b/src/Moonglade.Web/Pages/Index.cshtml
index 7997a14fa..04b67055a 100644
--- a/src/Moonglade.Web/Pages/Index.cshtml
+++ b/src/Moonglade.Web/Pages/Index.cshtml
@@ -29,5 +29,3 @@ else
         @SharedLocalizer["No Posts"]
     </div>
 }
-
-<partial name="_LightSwitch" />
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/Post.cshtml b/src/Moonglade.Web/Pages/Post.cshtml
index 23a8c0d08..248998206 100644
--- a/src/Moonglade.Web/Pages/Post.cshtml
+++ b/src/Moonglade.Web/Pages/Post.cshtml
@@ -224,8 +224,6 @@
     }
 }
 
-<partial name="_LightSwitch" />
-
 <div class="modal fade" id="imgzoomModal" tabindex="-1" role="dialog" aria-labelledby="imgzoomModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-imgzoom" role="document" style="max-width: 100%">
         <div class="modal-content">
diff --git a/src/Moonglade.Web/Pages/PostPreview.cshtml b/src/Moonglade.Web/Pages/PostPreview.cshtml
index 9a76fc04e..be36e8db6 100644
--- a/src/Moonglade.Web/Pages/PostPreview.cshtml
+++ b/src/Moonglade.Web/Pages/PostPreview.cshtml
@@ -77,8 +77,6 @@
     <partial name="_PostActions" model="Model.Post" />
 </article>
 
-<partial name="_LightSwitch" />
-
 <div class="modal fade" id="imgzoomModal" tabindex="-1" role="dialog" aria-labelledby="imgzoomModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-imgzoom" role="document" style="max-width: 100%">
         <div class="modal-content">
diff --git a/src/Moonglade.Web/Pages/Search.cshtml b/src/Moonglade.Web/Pages/Search.cshtml
index bd2b7f5cb..fff22fca9 100644
--- a/src/Moonglade.Web/Pages/Search.cshtml
+++ b/src/Moonglade.Web/Pages/Search.cshtml
@@ -26,5 +26,3 @@ else
         <partial name="_PostListEntry" model="item" />
     }
 }
-
-<partial name="_LightSwitch" />
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/Shared/_Layout.cshtml b/src/Moonglade.Web/Pages/Shared/_Layout.cshtml
index b2df13783..3b4e70e69 100644
--- a/src/Moonglade.Web/Pages/Shared/_Layout.cshtml
+++ b/src/Moonglade.Web/Pages/Shared/_Layout.cshtml
@@ -227,6 +227,7 @@
     </div>
     <div class="clearfix"></div>
     <partial name="_Footer" />
+    <partial name="_LightSwitch" />
     <partial name="_Toast" />
 
     <script src="~/lib/twitter-bootstrap/js/bootstrap.bundle.min.js" asp-append-version="true"></script>
diff --git a/src/Moonglade.Web/Pages/TagList.cshtml b/src/Moonglade.Web/Pages/TagList.cshtml
index 0a99e5170..2df616e6c 100644
--- a/src/Moonglade.Web/Pages/TagList.cshtml
+++ b/src/Moonglade.Web/Pages/TagList.cshtml
@@ -18,5 +18,3 @@ else
         - @SharedLocalizer["No Posts"] -
     </div>
 }
-
-<partial name="_LightSwitch" />
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/Tags.cshtml b/src/Moonglade.Web/Pages/Tags.cshtml
index adc9fc35b..9a10e0659 100644
--- a/src/Moonglade.Web/Pages/Tags.cshtml
+++ b/src/Moonglade.Web/Pages/Tags.cshtml
@@ -75,5 +75,3 @@ else
         @SharedLocalizer["No Tags"]
     </div>
 }
-
-<partial name="_LightSwitch" />
\ No newline at end of file

From 1e3fe011d3a5f3d59f01e33cbdb3b0b17af30d94 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 07:20:19 +0800
Subject: [PATCH 02/80] Update version numbers to 14.11.0-preview.1

Updated the `Directory.Build.props` file to reflect the new version numbers:
- `AssemblyVersion` updated from `14.10.0.0` to `14.11.0.0`
- `FileVersion` updated from `14.10.0.0` to `14.11.0.0`
- `Version` updated from `14.10.0` to `14.11.0-preview.1`

These changes indicate a new preview release for version 14.11.0.
---
 src/Directory.Build.props | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Directory.Build.props b/src/Directory.Build.props
index b36d9fe0e..2bdfed784 100644
--- a/src/Directory.Build.props
+++ b/src/Directory.Build.props
@@ -3,8 +3,8 @@
     <Authors>Edi Wang</Authors>
     <Company>edi.wang</Company>
     <Copyright>(C) 2024 edi.wang@outlook.com</Copyright>
-    <AssemblyVersion>14.10.0.0</AssemblyVersion>
-    <FileVersion>14.10.0.0</FileVersion>
-    <Version>14.10.0</Version>
+    <AssemblyVersion>14.11.0.0</AssemblyVersion>
+    <FileVersion>14.11.0.0</FileVersion>
+    <Version>14.11.0-preview.1</Version>
   </PropertyGroup>
 </Project>
\ No newline at end of file

From 2c7ab8a557a88749735fcbd66447326c4e8e7444 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 15:30:55 +0800
Subject: [PATCH 03/80] Update Program.de-DE.resx

---
 src/Moonglade.Web/Resources/Program.de-DE.resx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index 42d4b22d9..4dcf6fa23 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -717,9 +717,6 @@
   <data name="The first {0} character(s) will be used as abstract if you leave this field blank." xml:space="preserve">
     <value>Die ersten {0} Zeichen werden benutzt, wenn Sie dieses Feld leer lassen.</value>
   </data>
-  <data name="The number of entries to include in RSS feed." xml:space="preserve">
-    <value>Anzahl RSS Artikel in diesem feed.</value>
-  </data>
   <data name="Theme" xml:space="preserve">
     <value>Theme</value>
   </data>

From 044c9a48c8f805b67a12829912d5f96be54c318b Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 15:49:15 +0800
Subject: [PATCH 04/80] Add support for Japanese culture (ja-JP)

The application now supports an additional culture, "ja-JP" (Japanese - Japan), enhancing its localization capabilities. The line `var cultures = new[] { "en-US", "zh-Hans", "zh-Hant", "de-DE" }.Select(p => new CultureInfo(p)).ToList();` was modified to include "ja-JP" in the array of culture strings. This change ensures that the application can handle and display content appropriately for users in Japan.
---
 src/Moonglade.Web/Program.cs                  |   2 +-
 .../Resources/Program.ja-JP.resx              | 882 ++++++++++++++++++
 2 files changed, 883 insertions(+), 1 deletion(-)
 create mode 100644 src/Moonglade.Web/Resources/Program.ja-JP.resx

diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index f319f6733..2b7fe879f 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -28,7 +28,7 @@
 
 Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);
 
-var cultures = new[] { "en-US", "zh-Hans", "zh-Hant", "de-DE" }.Select(p => new CultureInfo(p)).ToList();
+var cultures = new[] { "en-US", "zh-Hans", "zh-Hant", "de-DE", "ja-JP" }.Select(p => new CultureInfo(p)).ToList();
 
 var builder = WebApplication.CreateBuilder(args);
 builder.WriteParameterTable();
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
new file mode 100644
index 000000000..b5896dea6
--- /dev/null
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -0,0 +1,882 @@
+<?xml version="1.0" encoding="utf-8"?>
+<root>
+  <!-- 
+    Microsoft ResX Schema 
+    
+    Version 2.0
+    
+    The primary goals of this format is to allow a simple XML format 
+    that is mostly human readable. The generation and parsing of the 
+    various data types are done through the TypeConverter classes 
+    associated with the data types.
+    
+    Example:
+    
+    ... ado.net/XML headers & schema ...
+    <resheader name="resmimetype">text/microsoft-resx</resheader>
+    <resheader name="version">2.0</resheader>
+    <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
+    <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
+    <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
+    <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
+    <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
+        <value>[base64 mime encoded serialized .NET Framework object]</value>
+    </data>
+    <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
+        <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
+        <comment>This is a comment</comment>
+    </data>
+                
+    There are any number of "resheader" rows that contain simple 
+    name/value pairs.
+    
+    Each data row contains a name, and value. The row also contains a 
+    type or mimetype. Type corresponds to a .NET class that support 
+    text/value conversion through the TypeConverter architecture. 
+    Classes that don't support this are serialized and stored with the 
+    mimetype set.
+    
+    The mimetype is used for serialized objects, and tells the 
+    ResXResourceReader how to depersist the object. This is currently not 
+    extensible. For a given mimetype the value must be set accordingly:
+    
+    Note - application/x-microsoft.net.object.binary.base64 is the format 
+    that the ResXResourceWriter will generate, however the reader can 
+    read any of the formats listed below.
+    
+    mimetype: application/x-microsoft.net.object.binary.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
+            : and then encoded with base64 encoding.
+    
+    mimetype: application/x-microsoft.net.object.soap.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
+            : and then encoded with base64 encoding.
+
+    mimetype: application/x-microsoft.net.object.bytearray.base64
+    value   : The object must be serialized into a byte array 
+            : using a System.ComponentModel.TypeConverter
+            : and then encoded with base64 encoding.
+    -->
+  <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
+    <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
+    <xsd:element name="root" msdata:IsDataSet="true">
+      <xsd:complexType>
+        <xsd:choice maxOccurs="unbounded">
+          <xsd:element name="metadata">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" />
+              </xsd:sequence>
+              <xsd:attribute name="name" use="required" type="xsd:string" />
+              <xsd:attribute name="type" type="xsd:string" />
+              <xsd:attribute name="mimetype" type="xsd:string" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="assembly">
+            <xsd:complexType>
+              <xsd:attribute name="alias" type="xsd:string" />
+              <xsd:attribute name="name" type="xsd:string" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="data">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+                <xsd:element name="comment" type="xsd:string" minOccurs="0" msdata:Ordinal="2" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" msdata:Ordinal="1" />
+              <xsd:attribute name="type" type="xsd:string" msdata:Ordinal="3" />
+              <xsd:attribute name="mimetype" type="xsd:string" msdata:Ordinal="4" />
+              <xsd:attribute ref="xml:space" />
+            </xsd:complexType>
+          </xsd:element>
+          <xsd:element name="resheader">
+            <xsd:complexType>
+              <xsd:sequence>
+                <xsd:element name="value" type="xsd:string" minOccurs="0" msdata:Ordinal="1" />
+              </xsd:sequence>
+              <xsd:attribute name="name" type="xsd:string" use="required" />
+            </xsd:complexType>
+          </xsd:element>
+        </xsd:choice>
+      </xsd:complexType>
+    </xsd:element>
+  </xsd:schema>
+  <resheader name="resmimetype">
+    <value>text/microsoft-resx</value>
+  </resheader>
+  <resheader name="version">
+    <value>2.0</value>
+  </resheader>
+  <resheader name="reader">
+    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <resheader name="writer">
+    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+  </resheader>
+  <data name="* Image width and height must be equal" xml:space="preserve">
+    <value>※画像は幅と高さが同じであること</value>
+  </data>
+  <data name="* Requires restarting application" xml:space="preserve">
+    <value>*有効にするには、アプリの再起動が必要です</value>
+  </data>
+  <data name="* Username: moonglade" xml:space="preserve">
+    <value>*ユーザー名:moonglade</value>
+  </data>
+  <data name=".NET Version" xml:space="preserve">
+    <value>.NET バージョン</value>
+  </data>
+  <data name=".png file" xml:space="preserve">
+    <value>.pngファイル</value>
+  </data>
+  <data name=".png or .jpg file" xml:space="preserve">
+    <value>.pngまたは.jpgファイル</value>
+  </data>
+  <data name="About" xml:space="preserve">
+    <value>について</value>
+  </data>
+  <data name="Abstract" xml:space="preserve">
+    <value>概要</value>
+  </data>
+  <data name="Account Information" xml:space="preserve">
+    <value>アカウント情報</value>
+  </data>
+  <data name="Action" xml:space="preserve">
+    <value>動く</value>
+  </data>
+  <data name="Admin" xml:space="preserve">
+    <value>取り締まる</value>
+  </data>
+  <data name="Admin Sign In" xml:space="preserve">
+    <value>管理者ログイン</value>
+  </data>
+  <data name="Advanced" xml:space="preserve">
+    <value>年上</value>
+  </data>
+  <data name="Advanced Settings" xml:space="preserve">
+    <value>詳細設定</value>
+  </data>
+  <data name="All Posts" xml:space="preserve">
+    <value>すべての記事</value>
+  </data>
+  <data name="All Tags" xml:space="preserve">
+    <value>すべてのタブ</value>
+  </data>
+  <data name="Archive" xml:space="preserve">
+    <value>鳩</value>
+  </data>
+  <data name="Are you ABSOLUTELY sure? ALL data and configuration will be erased!" xml:space="preserve">
+    <value>本当に本当ですか? すべてのデータと設定が消去されます。</value>
+  </data>
+  <data name="Are you sure to restart website? All current requests will be terminated." xml:space="preserve">
+    <value>あなたはあなたのウェブサイトを再起動してもよろしいですか? 現在のすべての要求が終了します。</value>
+  </data>
+  <data name="Are you sure?" xml:space="preserve">
+    <value>確かですか。</value>
+  </data>
+  <data name="Author" xml:space="preserve">
+    <value>著者</value>
+  </data>
+  <data name="Author Name" xml:space="preserve">
+    <value>著者氏名</value>
+  </data>
+  <data name="Admin Email" xml:space="preserve">
+    <value>ブロガーのメール</value>
+  </data>
+  <data name="Block Comment" xml:space="preserve">
+    <value>コメントをブロックする</value>
+  </data>
+  <data name="Blocked words" xml:space="preserve">
+    <value>禁断の言葉</value>
+  </data>
+  <data name="Blocked words will be masked as *** in comment content." xml:space="preserve">
+    <value>コメント内容の禁止されている単語は***に置き換えられます</value>
+  </data>
+  <data name="Blog Identity" xml:space="preserve">
+    <value>ブロガーのアイデンティティ</value>
+  </data>
+  <data name="Blog posts" xml:space="preserve">
+    <value>ブログ記事</value>
+  </data>
+  <data name="Blog posts will use this time zone as date and time display." xml:space="preserve">
+    <value>ブログでは、そのタイムゾーンを使用して投稿の日時が表示されます</value>
+  </data>
+  <data name="Blog posts will use this time zone as date display." xml:space="preserve">
+    <value>ブログ投稿では、そのタイム ゾーンを日時として使用します</value>
+  </data>
+  <data name="Blog title" xml:space="preserve">
+    <value>ブログタイトル</value>
+  </data>
+  <data name="Call-out" xml:space="preserve">
+    <value>スクロール</value>
+  </data>
+  <data name="Call-out section HTML code" xml:space="preserve">
+    <value>バナー HTML コンテンツ</value>
+  </data>
+  <data name="Can't read? Click to change another image." xml:space="preserve">
+    <value>はっきりと見えませんか? 画像をクリックして確認コードを変更します</value>
+  </data>
+  <data name="Cancel" xml:space="preserve">
+    <value>キャンセル</value>
+  </data>
+  <data name="Canonical URL prefix" xml:space="preserve">
+    <value>正規URL</value>
+  </data>
+  <data name="Categories" xml:space="preserve">
+    <value>分類する</value>
+  </data>
+  <data name="Category Information" xml:space="preserve">
+    <value>機密情報</value>
+  </data>
+  <data name="Change" xml:space="preserve">
+    <value>変える</value>
+  </data>
+  <data name="Change Avatar" xml:space="preserve">
+    <value>プロフィール写真を変更する</value>
+  </data>
+  <data name="Change Publish Date" xml:space="preserve">
+    <value>リリース日を変更する</value>
+  </data>
+  <data name="Change Site Icon" xml:space="preserve">
+    <value>ファビコンを交換してください</value>
+  </data>
+  <data name="Changing publish date will modify the URL of the post, and may cause unexpected results like breaking links on third parties that were pointing to this post. Please check the checkbox below if you confirm." xml:space="preserve">
+    <value>公開日を変更すると、記事の URL に影響が及ぶ可能性があり、他の場所での記事へのリンクが壊れる可能性があります。 それでも変更するには、下のチェックボックスにチェックを入れます。</value>
+  </data>
+  <data name="Check now" xml:space="preserve">
+    <value>今すぐアップデートを確認</value>
+  </data>
+  <data name="Check online for new Moonglade release." xml:space="preserve">
+    <value>Moongladeの新しいバージョンをオンラインで確認してください</value>
+  </data>
+  <data name="Clear all" xml:space="preserve">
+    <value>それらをすべてクリアする</value>
+  </data>
+  <data name="Clear Now" xml:space="preserve">
+    <value>すぐに空にする</value>
+  </data>
+  <data name="Clear Pingback Logs" xml:space="preserve">
+    <value>ピンバックのログをクリアする</value>
+  </data>
+  <data name="Close" xml:space="preserve">
+    <value>シャットダウン</value>
+  </data>
+  <data name="Comment of this post is disabled." xml:space="preserve">
+    <value>この記事へのコメントは締め切りました</value>
+  </data>
+  <data name="Comments" xml:space="preserve">
+    <value>コメント</value>
+  </data>
+  <data name="Comments require review and approval" xml:space="preserve">
+    <value>コメントは管理者が管理する必要があります</value>
+  </data>
+  <data name="Content" xml:space="preserve">
+    <value>コンテンツ</value>
+  </data>
+  <data name="Continue" xml:space="preserve">
+    <value>続けます</value>
+  </data>
+  <data name="Copyright" xml:space="preserve">
+    <value>著作権情報</value>
+  </data>
+  <data name="Create" xml:space="preserve">
+    <value>新築</value>
+  </data>
+  <data name="Create Tag" xml:space="preserve">
+    <value>ラベルの作成</value>
+  </data>
+  <data name="Create Time (UTC)" xml:space="preserve">
+    <value>作成日時 (UTC)</value>
+  </data>
+  <data name="Current Endpoint:" xml:space="preserve">
+    <value>現在のターミナル:</value>
+  </data>
+  <data name="Custom CSS" xml:space="preserve">
+    <value>カスタムCSS</value>
+  </data>
+  <data name="Custom Theme" xml:space="preserve">
+    <value>テーマをカスタマイズする</value>
+  </data>
+  <data name="Data Directory" xml:space="preserve">
+    <value>データカタログ</value>
+  </data>
+  <data name="Delete" xml:space="preserve">
+    <value>完全に削除</value>
+  </data>
+  <data name="Delete cached objects both in memory and on disk" xml:space="preserve">
+    <value>メモリとディスクからデータ・オブジェクトを削除</value>
+  </data>
+  <data name="Delete selected" xml:space="preserve">
+    <value>チェックしたコメントを削除する</value>
+  </data>
+  <data name="Description" xml:space="preserve">
+    <value>形容</value>
+  </data>
+  <data name="Directory" xml:space="preserve">
+    <value>ディレクトリ</value>
+  </data>
+  <data name="Disabled" xml:space="preserve">
+    <value>表示されていません</value>
+  </data>
+  <data name="Display Name" xml:space="preserve">
+    <value>表示名</value>
+  </data>
+  <data name="Display Order" xml:space="preserve">
+    <value>序数ビットを表示します</value>
+  </data>
+  <data name="Docker Container" xml:space="preserve">
+    <value>Docker コンテナで実行</value>
+  </data>
+  <data name="Drafts" xml:space="preserve">
+    <value>ドラフト</value>
+  </data>
+  <data name="Drag and drop image file here" xml:space="preserve">
+    <value>ここに画像ファイルをドラッグアンドドロップします</value>
+  </data>
+  <data name="e.g. Your blog post license information." xml:space="preserve">
+    <value>例: ブログ記事のライセンス契約</value>
+  </data>
+  <data name="Edit on" xml:space="preserve">
+    <value>で編集</value>
+  </data>
+  <data name="Editor" xml:space="preserve">
+    <value>編集者</value>
+  </data>
+  <data name="Email address to receive notifications from this blog." xml:space="preserve">
+    <value>ブログシステムからの通知の受信に使用したメールアドレス</value>
+  </data>
+  <data name="Email Options" xml:space="preserve">
+    <value>メールオプション</value>
+  </data>
+  <data name="Empty Recycle Bin" xml:space="preserve">
+    <value>ごみ箱を空にします</value>
+  </data>
+  <data name="Enable CDN for images" xml:space="preserve">
+    <value>画像 CDN を有効にする</value>
+  </data>
+  <data name="Enable Comment" xml:space="preserve">
+    <value>コメントは許可されています</value>
+  </data>
+  <data name="Enable comments" xml:space="preserve">
+    <value>コメントをオンにする</value>
+  </data>
+  <data name="Enable Custom CSS" xml:space="preserve">
+    <value>カスタムCSSを使用する</value>
+  </data>
+  <data name="Enable email sending" xml:space="preserve">
+    <value>メール送信を有効にする</value>
+  </data>
+  <data name="Enable Gravatar in comment list" xml:space="preserve">
+    <value>コメントリストでGravatarアバターをオンにします</value>
+  </data>
+  <data name="Enable OpenSearch" xml:space="preserve">
+    <value>OpenSearchを有効にする</value>
+  </data>
+  <data name="Enable FOAF" xml:space="preserve">
+    <value>FOAFを有効にする</value>
+  </data>
+  <data name="Enable Site Map" xml:space="preserve">
+    <value>サイトマップを有効にする</value>
+  </data>
+  <data name="Enable word filter" xml:space="preserve">
+    <value>禁止単語のフィルタリングを有効にする</value>
+  </data>
+  <data name="Enabled watermark" xml:space="preserve">
+    <value>ウォーターマークを有効にする</value>
+  </data>
+  <data name="Endpoint" xml:space="preserve">
+    <value>CDN端末</value>
+  </data>
+  <data name="Environment" xml:space="preserve">
+    <value>環境</value>
+  </data>
+  <data name="Erase all data and configuration." xml:space="preserve">
+    <value>すべてのデータと設定を消去</value>
+  </data>
+  <data name="Export Data" xml:space="preserve">
+    <value>データのエクスポート</value>
+  </data>
+  <data name="Featured" xml:space="preserve">
+    <value>入選</value>
+  </data>
+  <data name="Featured Posts" xml:space="preserve">
+    <value>注目の記事</value>
+  </data>
+  <data name="Fit image to device pixel ratio" xml:space="preserve">
+    <value>画像はデバイスのDPIに自動的に適合します</value>
+  </data>
+  <data name="Font size" xml:space="preserve">
+    <value>大きさ</value>
+  </data>
+  <data name="Footer" xml:space="preserve">
+    <value>ページフッター</value>
+  </data>
+  <data name="Footer HTML code" xml:space="preserve">
+    <value>フッター HTML エリア</value>
+  </data>
+  <data name="Friend Link Information" xml:space="preserve">
+    <value>友情リンク情報</value>
+  </data>
+  <data name="Friend Link Options" xml:space="preserve">
+    <value>アフィリエイトリンクオプション</value>
+  </data>
+  <data name="General" xml:space="preserve">
+    <value>ルーチン</value>
+  </data>
+  <data name="Generate password" xml:space="preserve">
+    <value>パスワードの生成</value>
+  </data>
+  <data name="Get update" xml:space="preserve">
+    <value>最新情報を入手する</value>
+  </data>
+  <data name="Hide Sidebar" xml:space="preserve">
+    <value>サイドバーを非表示にする</value>
+  </data>
+  <data name="Home" xml:space="preserve">
+    <value>ホームページ</value>
+  </data>
+  <data name="HTML Pitch" xml:space="preserve">
+    <value>HTML エリア</value>
+  </data>
+  <data name="Icon" xml:space="preserve">
+    <value>アイコン</value>
+  </data>
+  <data name="Icon CSS Class" xml:space="preserve">
+    <value>アイコン CSS クラス名</value>
+  </data>
+  <data name="Image" xml:space="preserve">
+    <value>画像</value>
+  </data>
+  <data name="Invalid Icon CSS Class" xml:space="preserve">
+    <value>無効なアイコン CSS クラス名</value>
+  </data>
+  <data name="It will show up once blog administrator approved your comment." xml:space="preserve">
+    <value>ブロガーが承認されると、コメントがここに表示されます</value>
+  </data>
+  <data name="Keep origin image" xml:space="preserve">
+    <value>元の画像を保持する</value>
+  </data>
+  <data name="Language" xml:space="preserve">
+    <value>言語</value>
+  </data>
+  <data name="Latest Posts" xml:space="preserve">
+    <value>最新記事</value>
+  </data>
+  <data name="Left" xml:space="preserve">
+    <value>左</value>
+  </data>
+  <data name="Link" xml:space="preserve">
+    <value>リンク</value>
+  </data>
+  <data name="Logo text" xml:space="preserve">
+    <value>ロゴテキスト</value>
+  </data>
+  <data name="Machine Name" xml:space="preserve">
+    <value>ホスト名</value>
+  </data>
+  <data name="Mask Word" xml:space="preserve">
+    <value>禁止単語のコード</value>
+  </data>
+  <data name="Memory" xml:space="preserve">
+    <value>記憶</value>
+  </data>
+  <data name="Menu Editor" xml:space="preserve">
+    <value>メニューエディタ</value>
+  </data>
+  <data name="Menus" xml:space="preserve">
+    <value>メニュー</value>
+  </data>
+  <data name="Meta keyword" xml:space="preserve">
+    <value>ウェブサイトのキーワード</value>
+  </data>
+  <data name="Moonglade Configuration" xml:space="preserve">
+    <value>Moonglade の構成</value>
+  </data>
+  <data name="Moonglade Update" xml:space="preserve">
+    <value>Moongladeのアップデート</value>
+  </data>
+  <data name="Name" xml:space="preserve">
+    <value>名前</value>
+  </data>
+  <data name="New" xml:space="preserve">
+    <value>新築</value>
+  </data>
+  <data name="No Archive" xml:space="preserve">
+    <value>アーカイブはまだありません</value>
+  </data>
+  <data name="no items to show" xml:space="preserve">
+    <value>エントリを表示する必要はありません</value>
+  </data>
+  <data name="No Matching Result" xml:space="preserve">
+    <value>結果が見つかりませんでした</value>
+  </data>
+  <data name="No Pages" xml:space="preserve">
+    <value>まだページがありません</value>
+  </data>
+  <data name="No Posts" xml:space="preserve">
+    <value>記事の投稿がまだありません</value>
+  </data>
+  <data name="No Posts Found" xml:space="preserve">
+    <value>記事の投稿がまだありません</value>
+  </data>
+  <data name="No Tags" xml:space="preserve">
+    <value>ラベルはまだありません</value>
+  </data>
+  <data name="Notification" xml:space="preserve">
+    <value>告知</value>
+  </data>
+  <data name="Notification Options" xml:space="preserve">
+    <value>通知オプション</value>
+  </data>
+  <data name="Only letters, numbers, - and [] are allowed." xml:space="preserve">
+    <value>文字、数字、-、および [] のみ使用できます。</value>
+  </data>
+  <data name="Only lower case letters and hyphens are allowed." xml:space="preserve">
+    <value>英小文字またはハイフンにする必要があります</value>
+  </data>
+  <data name="Open in New Tab" xml:space="preserve">
+    <value>新しいタブで開く</value>
+  </data>
+  <data name="Options" xml:space="preserve">
+    <value>オプション</value>
+  </data>
+  <data name="or override with environment variables." xml:space="preserve">
+    <value>または、変数のオーバーライドを使用します</value>
+  </data>
+  <data name="Order" xml:space="preserve">
+    <value>シリアル番号</value>
+  </data>
+  <data name="Owner email" xml:space="preserve">
+    <value>Blogger のメールボックス</value>
+  </data>
+  <data name="Pages" xml:space="preserve">
+    <value>ページ</value>
+  </data>
+  <data name="Password" xml:space="preserve">
+    <value>パスワード</value>
+  </data>
+  <data name="Pingbacks" xml:space="preserve">
+    <value>引用</value>
+  </data>
+  <data name="Post footer HTML code" xml:space="preserve">
+    <value>記事フッターHTMLコンテンツ</value>
+  </data>
+  <data name="Post list page size" xml:space="preserve">
+    <value>記事のページネーションの数</value>
+  </data>
+  <data name="Posts" xml:space="preserve">
+    <value>エッセイ</value>
+  </data>
+  <data name="Preview" xml:space="preserve">
+    <value>プレビュー</value>
+  </data>
+  <data name="Processing..." xml:space="preserve">
+    <value>加工。。。。。。</value>
+  </data>
+  <data name="Providing your email address can enable blog admin to send notifications for replying your comment. Your email address will also be used to show Gravatar if it has one." xml:space="preserve">
+    <value>返信通知を受け取り、Gravatarアバターを表示するためにメールアドレスを入力します。</value>
+  </data>
+  <data name="Publish" xml:space="preserve">
+    <value>著す</value>
+  </data>
+  <data name="Publish Date" xml:space="preserve">
+    <value>リリース日</value>
+  </data>
+  <data name="Published" xml:space="preserve">
+    <value>公開</value>
+  </data>
+  <data name="Read origin article" xml:space="preserve">
+    <value>元の記事を読む</value>
+  </data>
+  <data name="Recycle Bin" xml:space="preserve">
+    <value>ごみ箱</value>
+  </data>
+  <data name="Refresh the page to see your comment." xml:space="preserve">
+    <value>ページを更新してコメントを表示します</value>
+  </data>
+  <data name="Release time" xml:space="preserve">
+    <value>リリース</value>
+  </data>
+  <data name="Replied at" xml:space="preserve">
+    <value>返信先</value>
+  </data>
+  <data name="Reply" xml:space="preserve">
+    <value>答える</value>
+  </data>
+  <data name="Reset" xml:space="preserve">
+    <value>リセット</value>
+  </data>
+  <data name="Reset Password" xml:space="preserve">
+    <value>パスワードを再設定する</value>
+  </data>
+  <data name="Restart" xml:space="preserve">
+    <value>リブート</value>
+  </data>
+  <data name="Restart Website" xml:space="preserve">
+    <value>ウェブサイトを再起動します</value>
+  </data>
+  <data name="Restore" xml:space="preserve">
+    <value>回復する</value>
+  </data>
+  <data name="Right" xml:space="preserve">
+    <value>右</value>
+  </data>
+  <data name="Route Name" xml:space="preserve">
+    <value>ルート名</value>
+  </data>
+  <data name="Save" xml:space="preserve">
+    <value>セーブ</value>
+  </data>
+  <data name="Scan QR Code on your phone" xml:space="preserve">
+    <value>携帯電話でQRコードをスキャンします</value>
+  </data>
+  <data name="Search" xml:space="preserve">
+    <value>捜索</value>
+  </data>
+  <data name="Search Result" xml:space="preserve">
+    <value>検索結果</value>
+  </data>
+  <data name="Security Settings" xml:space="preserve">
+    <value>セキュリティ設定</value>
+  </data>
+  <data name="Send email on comment reply" xml:space="preserve">
+    <value>コメントに返信すると、ユーザーに通知するメールが送信されます</value>
+  </data>
+  <data name="Send email on new comment" xml:space="preserve">
+    <value>新しいコメントがあったときに管理者に通知するメールを送信する</value>
+  </data>
+  <data name="Send Test Email" xml:space="preserve">
+    <value>テストメールを送信する</value>
+  </data>
+  <data name="Server Information" xml:space="preserve">
+    <value>サーバー情報</value>
+  </data>
+  <data name="Set a primary domain if your website binds to multiple domian names." xml:space="preserve">
+    <value>ウェブサイトが複数のドメイン名に関連付けられている場合は、プライマリドメイン名を入力してください</value>
+  </data>
+  <data name="Show call-out section" xml:space="preserve">
+    <value>バナーエリアを表示する</value>
+  </data>
+  <data name="Show customize footer on each post" xml:space="preserve">
+    <value>各記事の下部にカスタムフッターを表示する</value>
+  </data>
+  <data name="Show warning when clicking external links" xml:space="preserve">
+    <value>外部リンクをクリックすると警告が表示されます</value>
+  </data>
+  <data name="Side Bar" xml:space="preserve">
+    <value>サイドバー</value>
+  </data>
+  <data name="Side bar display" xml:space="preserve">
+    <value>サイドバーの位置</value>
+  </data>
+  <data name="Side bar HTML code" xml:space="preserve">
+    <value>サイドバーHTMLエリア</value>
+  </data>
+  <data name="Sign In" xml:space="preserve">
+    <value>ログイン</value>
+  </data>
+  <data name="Start Time" xml:space="preserve">
+    <value>起動時間</value>
+  </data>
+  <data name="Sub Menu" xml:space="preserve">
+    <value>サブメニュー</value>
+  </data>
+  <data name="Sub Menu Properties" xml:space="preserve">
+    <value>サブメニューのプロパティ</value>
+  </data>
+  <data name="Submit" xml:space="preserve">
+    <value>送信</value>
+  </data>
+  <data name="Subscription" xml:space="preserve">
+    <value>購読する</value>
+  </data>
+  <data name="System" xml:space="preserve">
+    <value>制</value>
+  </data>
+  <data name="System Reset" xml:space="preserve">
+    <value>システムリセット</value>
+  </data>
+  <data name="Tag name" xml:space="preserve">
+    <value>タグ名</value>
+  </data>
+  <data name="Tags" xml:space="preserve">
+    <value>ラベル</value>
+  </data>
+  <data name="Thanks for your comment." xml:space="preserve">
+    <value>コメントありがとうございます</value>
+  </data>
+  <data name="Thanks, your comment is pending approval now." xml:space="preserve">
+    <value>ありがとうございます、あなたのコメントはレビューのために提出されました</value>
+  </data>
+  <data name="The call-out section will display on top of every page in the website." xml:space="preserve">
+    <value>アナウンスエリアは、ウェブサイトの各ページの上部に表示されます</value>
+  </data>
+  <data name="The first {0} character(s) will be used as abstract if you leave this field blank." xml:space="preserve">
+    <value>空白のままにすると、記事の最初の {0} 文字が概要として自動的に選択されます</value>
+  </data>
+  <data name="Theme" xml:space="preserve">
+    <value>話題</value>
+  </data>
+  <data name="This field is required." xml:space="preserve">
+    <value>必須</value>
+  </data>
+  <data name="This is a preview for draft content." xml:space="preserve">
+    <value>このページはドラフトプレビューです</value>
+  </data>
+  <data name="Time Zone" xml:space="preserve">
+    <value>時間帯</value>
+  </data>
+  <data name="Title" xml:space="preserve">
+    <value>タイトル</value>
+  </data>
+  <data name="Update" xml:space="preserve">
+    <value>更新</value>
+  </data>
+  <data name="Upload" xml:space="preserve">
+    <value>アップロード</value>
+  </data>
+  <data name="Upload Image" xml:space="preserve">
+    <value>ヘッダー画像をアップロードする</value>
+  </data>
+  <data name="URL" xml:space="preserve">
+    <value>リンク</value>
+  </data>
+  <data name="Url (Relative or Absolute)" xml:space="preserve">
+    <value>リンク (相対または絶対)</value>
+  </data>
+  <data name="Use full blog post content instead of abstract" xml:space="preserve">
+    <value>記事の全文を要約ではなくコンテンツとして使用する</value>
+  </data>
+  <data name="Use [c] for copyright mark: &amp;copy;, [year] for current year." xml:space="preserve">
+    <value>[c]を使用して、著作権記号のコピーを示します。 , [year] 現在の年</value>
+  </data>
+  <data name="User Account" xml:space="preserve">
+    <value>ユーザーアカウント</value>
+  </data>
+  <data name="User Name" xml:space="preserve">
+    <value>ユーザー名</value>
+  </data>
+  <data name="Username" xml:space="preserve">
+    <value>ユーザー名</value>
+  </data>
+  <data name="Version" xml:space="preserve">
+    <value>バージョン</value>
+  </data>
+  <data name="Watermark" xml:space="preserve">
+    <value>透かし</value>
+  </data>
+  <data name="Watermark text" xml:space="preserve">
+    <value>透かしテキスト</value>
+  </data>
+  <data name="Word filter mode" xml:space="preserve">
+    <value>禁止単語ブロックモード</value>
+  </data>
+  <data name="Worker Process" xml:space="preserve">
+    <value>作業プロセス</value>
+  </data>
+  <data name="Your comments (Markdown supported)" xml:space="preserve">
+    <value>あなたのコメント(Markdown対応)</value>
+  </data>
+  <data name="Your description" xml:space="preserve">
+    <value>ブロガーのプロフィール</value>
+  </data>
+  <data name="Your name" xml:space="preserve">
+    <value>ブロガーの名前</value>
+  </data>
+  <data name="Center" xml:space="preserve">
+    <value>センター</value>
+  </data>
+  <data name="Export" xml:space="preserve">
+    <value>輸出</value>
+  </data>
+  <data name="Account" xml:space="preserve">
+    <value>アカウント</value>
+  </data>
+  <data name="Enable Pingback" xml:space="preserve">
+    <value>ピンバックを有効にする</value>
+  </data>
+  <data name="Include in feed and sitemap" xml:space="preserve">
+    <value>サブスクリプションとサイトマップを追加する</value>
+  </data>
+  <data name="Friend links" xml:space="preserve">
+    <value>リンクス</value>
+  </data>
+  <data name="How many tags to show on sidebar" xml:space="preserve">
+    <value>サイドバーにはラベルの数が表示されます</value>
+  </data>
+  <data name="Login IP" xml:space="preserve">
+    <value>ログインIP</value>
+  </data>
+  <data name="Login Time (UTC)" xml:space="preserve">
+    <value>ログイン時間(UTC)</value>
+  </data>
+  <data name="No comments yet" xml:space="preserve">
+    <value>レビューはまだありません</value>
+  </data>
+  <data name="Feed Items" xml:space="preserve">
+    <value>サブスクリプションエントリの数</value>
+  </data>
+  <data name="The number of entries to include in RSS/ATOM feed." xml:space="preserve">
+    <value>RSS/ATOM に含まれるエントリの数</value>
+  </data>
+  <data name="lower case English letters (a-z) and numbers (0-9) with/out hyphen (-) in middle." xml:space="preserve">
+    <value>小文字 (a から z) と数字 (0 から 9) (ハイフン (-) の有無にかかわらず)</value>
+  </data>
+  <data name="RSS / Atom Feed" xml:space="preserve">
+    <value>RSS / Atomフィード</value>
+  </data>
+  <data name="ASP.NET Core Environment" xml:space="preserve">
+    <value>ASP.NET コア環境</value>
+  </data>
+  <data name="Warning: This blog post is marked as outdated by it's author. Consider finding more recent information on this topic to ensure that you are utilizing the most up-to-date and effective strategies." xml:space="preserve">
+    <value>警告:このブログ投稿は、著者によって古いとフラグが付けられています。 トピックに関する最新情報を探して、最新かつ効果的な戦略を使用していることを確認することを検討してください。</value>
+  </data>
+  <data name="No categories" xml:space="preserve">
+    <value>分類はありません</value>
+  </data>
+  <data name="Auto" xml:space="preserve">
+    <value>自動</value>
+  </data>
+  <data name="Dark" xml:space="preserve">
+    <value>暗い</value>
+  </data>
+  <data name="Light" xml:space="preserve">
+    <value>明るい</value>
+  </data>
+  <data name="External Links May Pose a Security Risk" xml:space="preserve">
+    <value>外部リンクはセキュリティリスクをもたらす可能性があります</value>
+  </data>
+  <data name="Link URL:" xml:space="preserve">
+    <value>リンクURL:</value>
+  </data>
+  <data name="By clicking &quot;Continue&quot;, you agree that you are aware of the risks and will proceed at your own discretion." xml:space="preserve">
+    <value>「続行」をクリックすることにより、リスクを理解し、ご自身の裁量で続行することに同意したことになります。</value>
+  </data>
+  <data name="You are about to leave this website and go to an external link." xml:space="preserve">
+    <value>あなたはこのウェブサイトを離れて、外部リンクに行こうとしています。</value>
+  </data>
+  <data name="This link could lead to websites with malicious content, phishing attempts, or other security threats. It is important to exercise caution when clicking on any external link." xml:space="preserve">
+    <value>このリンクは、悪意のあるコンテンツ、フィッシングの試み、またはその他のセキュリティ上の脅威につながる可能性があります。 外部リンクをクリックするときは、常に注意してください。</value>
+  </data>
+  <data name="By continuing to browse this website and accessing any external links, you acknowledge and accept the following:" xml:space="preserve">
+    <value>このWebサイトを閲覧し、外部リンクにアクセスし続けることにより、次のことを認め、同意したことになります。</value>
+  </data>
+  <data name="The website owner and administrators are not responsible for the content or security of external websites." xml:space="preserve">
+    <value>ウェブサイトの所有者および管理者は、外部ウェブサイトのコンテンツまたはセキュリティについて責任を負いません。</value>
+  </data>
+  <data name="Your personal information and computer system may be at risk when visiting external websites." xml:space="preserve">
+    <value>外部のウェブサイトにアクセスすると、お客様の個人情報やコンピュータシステムが危険にさらされる可能性があります。</value>
+  </data>
+  <data name="It is your responsibility to ensure the safety and security of your own browsing experience." xml:space="preserve">
+    <value>ブラウジング体験を安全に保つことはあなたの責任です。</value>
+  </data>
+  <data name="Use my Gravatar as profile picture" xml:space="preserve">
+    <value>私のGravatarをアバターとして使用する</value>
+  </data>
+  <data name="Please make sure you have setup Gravatar with your email address" xml:space="preserve">
+    <value>Gravatarにメールアドレスでサインアップしたことを確認してください</value>
+  </data>
+</root>
\ No newline at end of file

From 044838665fa3f0b0a2a763b7abcfd88d1d02e38b Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 19:45:51 +0800
Subject: [PATCH 05/80] update translations

---
 src/Moonglade.Web/Pages/_CommentForm.cshtml      | 6 +++---
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 6 ++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 6 ++++++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 6 ++++++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 6 ++++++
 5 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/Moonglade.Web/Pages/_CommentForm.cshtml b/src/Moonglade.Web/Pages/_CommentForm.cshtml
index ac87bb68b..c904b5367 100644
--- a/src/Moonglade.Web/Pages/_CommentForm.cshtml
+++ b/src/Moonglade.Web/Pages/_CommentForm.cshtml
@@ -34,12 +34,12 @@
         <div class="row">
             <div class="col-9">
                 <div class="input-group">
-                    <img id="img-captcha" onclick="viewpost.resetCaptchaImage()" src="~/captcha-image" data-bs-toggle="tooltip" data-placement="top" title="@SharedLocalizer["Can't read? Click to change another image."]" alt="Captcha image" />
+                    <img id="img-captcha" onclick="viewpost.resetCaptchaImage()" src="~/captcha-image" data-bs-toggle="tooltip" data-placement="top" title="@SharedLocalizer["Can't read? Click to change another image."]" alt="@SharedLocalizer["Captcha code"]" />
                     <input type="text"
-                           aria-label="Captcha code"
+                           aria-label="@SharedLocalizer["Captcha code"]"
                            id="input-comment-captcha"
                            class="form-control input-captcha"
-                           placeholder="Captcha Code"
+                           placeholder="@SharedLocalizer["Captcha code"]"
                            autocomplete="off"
                            minlength="4"
                            maxlength="4"
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index 4dcf6fa23..ab90838c1 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -879,4 +879,10 @@
   <data name="Please make sure you have setup Gravatar with your email address" xml:space="preserve">
     <value>Bitte stellen Sie sicher, dass Sie sich mit Ihrer E-Mail-Adresse für Gravatar angemeldet haben</value>
   </data>
+  <data name="Enter your email to receive reply notifications and display your Gravatar. Your email will not be displayed publicly." xml:space="preserve">
+    <value>Geben Sie Ihre E-Mail-Adresse ein, um eine Antwortbenachrichtigung zu erhalten und Ihren Gravatar anzuzeigen. Ihre E-Mail ist dann nicht für die Öffentlichkeit sichtbar.</value>
+  </data>
+  <data name="Captcha code" xml:space="preserve">
+    <value>Das Kaptcha</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index b5896dea6..4a8b98b26 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -879,4 +879,10 @@
   <data name="Please make sure you have setup Gravatar with your email address" xml:space="preserve">
     <value>Gravatarにメールアドレスでサインアップしたことを確認してください</value>
   </data>
+  <data name="Enter your email to receive reply notifications and display your Gravatar. Your email will not be displayed publicly." xml:space="preserve">
+    <value>返信通知を受け取り、Gravatarを表示するためにメールを入力します。 メールは公開されません。</value>
+  </data>
+  <data name="Captcha code" xml:space="preserve">
+    <value>キャプチャ</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index ea9aacdc2..dab746293 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -879,4 +879,10 @@
   <data name="Please make sure you have setup Gravatar with your email address" xml:space="preserve">
     <value>请确保你已经使用你的 Email 注册了 Gravatar</value>
   </data>
+  <data name="Enter your email to receive reply notifications and display your Gravatar. Your email will not be displayed publicly." xml:space="preserve">
+    <value>输入您的电子邮件以接收回复通知并显示您的 Gravatar。您的电子邮件不会公开显示。</value>
+  </data>
+  <data name="Captcha code" xml:space="preserve">
+    <value>验证码</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index 4f64c78fa..a010955b1 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -882,4 +882,10 @@
   <data name="Please make sure you have setup Gravatar with your email address" xml:space="preserve">
     <value>請確保你已經使用你的 Email 註冊了 Gravatar</value>
   </data>
+  <data name="Enter your email to receive reply notifications and display your Gravatar. Your email will not be displayed publicly." xml:space="preserve">
+    <value>輸入您的電子郵件以接收回復通知並顯示您的 Gravatar。 您的電子郵件不會公開顯示。</value>
+  </data>
+  <data name="Captcha code" xml:space="preserve">
+    <value>驗證碼</value>
+  </data>
 </root>
\ No newline at end of file

From a97c5214226a3bd9182cc3220b761fbc01685d03 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 19:48:16 +0800
Subject: [PATCH 06/80] Localize email input in CommentForm

Updated `_CommentForm.cshtml` to use localized strings for the email input field's placeholder and aria-label, enhancing accessibility and user experience for non-English speakers. Added new localization entries for "Email (Optional)" in German, Japanese, Simplified Chinese, and Traditional Chinese resource files.
---
 src/Moonglade.Web/Pages/_CommentForm.cshtml      | 4 ++--
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 3 +++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 3 +++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 3 +++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 3 +++
 5 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.Web/Pages/_CommentForm.cshtml b/src/Moonglade.Web/Pages/_CommentForm.cshtml
index c904b5367..9af070785 100644
--- a/src/Moonglade.Web/Pages/_CommentForm.cshtml
+++ b/src/Moonglade.Web/Pages/_CommentForm.cshtml
@@ -13,8 +13,8 @@
         <div class="mb-3">
             <input type="email"
                    class="form-control"
-                   aria-label="Email (Optional)"
-                   placeholder="Email (Optional)"
+                   aria-label="@SharedLocalizer["Email (Optional)"]"
+                   placeholder="@SharedLocalizer["Email (Optional)"]"
                    id="input-comment-email" />
             
             <span class="text-muted">
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index ab90838c1..c8b0c501b 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -885,4 +885,7 @@
   <data name="Captcha code" xml:space="preserve">
     <value>Das Kaptcha</value>
   </data>
+  <data name="Email (Optional)" xml:space="preserve">
+    <value>E-Mail (optional)</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 4a8b98b26..e39cae490 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -885,4 +885,7 @@
   <data name="Captcha code" xml:space="preserve">
     <value>キャプチャ</value>
   </data>
+  <data name="Email (Optional)" xml:space="preserve">
+    <value>メール (オプション)</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index dab746293..da216f1dc 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -885,4 +885,7 @@
   <data name="Captcha code" xml:space="preserve">
     <value>验证码</value>
   </data>
+  <data name="Email (Optional)" xml:space="preserve">
+    <value>Email (可选)</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index a010955b1..f2493a6f6 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -888,4 +888,7 @@
   <data name="Captcha code" xml:space="preserve">
     <value>驗證碼</value>
   </data>
+  <data name="Email (Optional)" xml:space="preserve">
+    <value>Email （可選）</value>
+  </data>
 </root>
\ No newline at end of file

From f4fe83532e9aeee075b7cee16f017721ea7a90d6 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 19:52:09 +0800
Subject: [PATCH 07/80] Localize Captcha placeholder text

Replaced hardcoded "Captcha Code" with localized string using
@SharedLocalizer["Captcha code"] to support internationalization
and enhance user experience for non-English speakers.
---
 src/Moonglade.Web/Pages/SignIn.cshtml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/SignIn.cshtml b/src/Moonglade.Web/Pages/SignIn.cshtml
index 6a45dcab5..5fee3349b 100644
--- a/src/Moonglade.Web/Pages/SignIn.cshtml
+++ b/src/Moonglade.Web/Pages/SignIn.cshtml
@@ -60,7 +60,7 @@
                                     <input asp-for="CaptchaCode"
                                            minlength="4"
                                            maxlength="4"
-                                           placeholder="Captcha Code"
+                                           placeholder="@SharedLocalizer["Captcha code"]"
                                            autocomplete="off"
                                            class="form-control" required />
                                     <img id="img-captcha" onclick="getNewCaptcha()" src="~/captcha-image" data-bs-toggle="tooltip" data-placement="top" title="@SharedLocalizer["Can't read? Click to change another image."]" />

From 851fcbc2353e25c7c459e2c6dfe335aad6c85292 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 19:56:14 +0800
Subject: [PATCH 08/80] update more translations

---
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 9 +++++++++
 4 files changed, 36 insertions(+)

diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index c8b0c501b..6534a83ce 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -888,4 +888,13 @@
   <data name="Email (Optional)" xml:space="preserve">
     <value>E-Mail (optional)</value>
   </data>
+  <data name="Default language" xml:space="preserve">
+    <value>Standardsprache</value>
+  </data>
+  <data name="Blog will use this language for SEO by default unless specified in blog post." xml:space="preserve">
+    <value>Das Blogging-System verwendet diese Sprache standardmäßig für die Suchmaschinenoptimierung, es sei denn, die Sprache ist im Blogbeitrag angegeben.</value>
+  </data>
+  <data name="Profile" xml:space="preserve">
+    <value>Personenbezogene Daten</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index e39cae490..776c151a2 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -888,4 +888,13 @@
   <data name="Email (Optional)" xml:space="preserve">
     <value>メール (オプション)</value>
   </data>
+  <data name="Default language" xml:space="preserve">
+    <value>デフォルトの言語</value>
+  </data>
+  <data name="Blog will use this language for SEO by default unless specified in blog post." xml:space="preserve">
+    <value>ブログ システムは、ブログ投稿で言語が指定されていない限り、検索エンジン最適化にデフォルトでこの言語を使用します。</value>
+  </data>
+  <data name="Profile" xml:space="preserve">
+    <value>個人データ</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index da216f1dc..344482613 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -888,4 +888,13 @@
   <data name="Email (Optional)" xml:space="preserve">
     <value>Email (可选)</value>
   </data>
+  <data name="Default language" xml:space="preserve">
+    <value>默认语言</value>
+  </data>
+  <data name="Blog will use this language for SEO by default unless specified in blog post." xml:space="preserve">
+    <value>博客系统将默认使用此语言进行搜索引擎优化，除非在博客文章中指定语言。</value>
+  </data>
+  <data name="Profile" xml:space="preserve">
+    <value>个人资料</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index f2493a6f6..71825c457 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -891,4 +891,13 @@
   <data name="Email (Optional)" xml:space="preserve">
     <value>Email （可選）</value>
   </data>
+  <data name="Default language" xml:space="preserve">
+    <value>默認語言</value>
+  </data>
+  <data name="Blog will use this language for SEO by default unless specified in blog post." xml:space="preserve">
+    <value>博客系統將預設使用此語言進行搜尋引擎優化，除非在博客文章中指定語言。</value>
+  </data>
+  <data name="Profile" xml:space="preserve">
+    <value>個人資料</value>
+  </data>
 </root>
\ No newline at end of file

From 2954162b4c3484dac4e6d666eac16e80ee2fa4ec Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 19:57:35 +0800
Subject: [PATCH 09/80] Update Npgsql.EntityFrameworkCore.PostgreSQL to 8.0.8

Updated the Npgsql.EntityFrameworkCore.PostgreSQL package version
from 8.0.4 to 8.0.8 in the Moonglade.Data.PostgreSql.csproj file.
This update includes potential bug fixes, performance improvements,
and new features.
---
 src/Moonglade.Data.PostgreSql/Moonglade.Data.PostgreSql.csproj | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Moonglade.Data.PostgreSql/Moonglade.Data.PostgreSql.csproj b/src/Moonglade.Data.PostgreSql/Moonglade.Data.PostgreSql.csproj
index d28abccfe..25fbfcdd5 100644
--- a/src/Moonglade.Data.PostgreSql/Moonglade.Data.PostgreSql.csproj
+++ b/src/Moonglade.Data.PostgreSql/Moonglade.Data.PostgreSql.csproj
@@ -10,7 +10,7 @@
     <Nullable>enable</Nullable>
   </PropertyGroup>
   <ItemGroup>
-    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.4" />
+    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.8" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\Moonglade.Data\Moonglade.Data.csproj" />

From e8381117be2ea5dea9337c4195759493a4dd76d3 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 20:37:18 +0800
Subject: [PATCH 10/80] Add localization for Dublin Core Metadata terms

Added new localization entries for "Dublin Core Metadata", "Dublin Core License URL", and "Use Dublin Core Metadata" in the following resource files:
- Program.de-DE.resx (German)
- Program.ja-JP.resx (Japanese)
- Program.zh-Hans.resx (Simplified Chinese)
- Program.zh-Hant.resx (Traditional Chinese)

These entries provide translations for terms related to Dublin Core metadata, which is a set of vocabulary terms used to describe web resources.
---
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 9 +++++++++
 4 files changed, 36 insertions(+)

diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index 6534a83ce..d3a91d174 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -897,4 +897,13 @@
   <data name="Profile" xml:space="preserve">
     <value>Personenbezogene Daten</value>
   </data>
+  <data name="Dublin Core Metadata" xml:space="preserve">
+    <value>Dublin Core Metadaten</value>
+  </data>
+  <data name="Dublin Core License URL" xml:space="preserve">
+    <value>URL der Dublin Core-Lizenz</value>
+  </data>
+  <data name="Use Dublin Core Metadata" xml:space="preserve">
+    <value>Dublin Core-Metadaten verwenden</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 776c151a2..829c9b0f4 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -897,4 +897,13 @@
   <data name="Profile" xml:space="preserve">
     <value>個人データ</value>
   </data>
+  <data name="Dublin Core Metadata" xml:space="preserve">
+    <value>ダブリンコアメタデータ</value>
+  </data>
+  <data name="Dublin Core License URL" xml:space="preserve">
+    <value>ダブリン コア ライセンス URL</value>
+  </data>
+  <data name="Use Dublin Core Metadata" xml:space="preserve">
+    <value>Dublin Core メタデータの使用</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 344482613..76630c566 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -897,4 +897,13 @@
   <data name="Profile" xml:space="preserve">
     <value>个人资料</value>
   </data>
+  <data name="Dublin Core License URL" xml:space="preserve">
+    <value>都柏林核心许可证URL</value>
+  </data>
+  <data name="Dublin Core Metadata" xml:space="preserve">
+    <value>都柏林核心元数据</value>
+  </data>
+  <data name="Use Dublin Core Metadata" xml:space="preserve">
+    <value>使用都柏林核心元数据</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index 71825c457..bcf60a38a 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -900,4 +900,13 @@
   <data name="Profile" xml:space="preserve">
     <value>個人資料</value>
   </data>
+  <data name="Dublin Core Metadata" xml:space="preserve">
+    <value>都柏林核心元數據</value>
+  </data>
+  <data name="Dublin Core License URL" xml:space="preserve">
+    <value>都柏林核心許可證URL</value>
+  </data>
+  <data name="Use Dublin Core Metadata" xml:space="preserve">
+    <value>使用都柏林核心元數據</value>
+  </data>
 </root>
\ No newline at end of file

From f61333b2c34c69fa104eb236f104862ee2ea1416 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 20:39:52 +0800
Subject: [PATCH 11/80] Add "Pronouns" translations for multiple languages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added new localization entries for "Pronouns" related to gender identity in resource files. Supported languages include:
- German (de-DE): "Pronomen der Geschlechtsidentität"
- Japanese (ja-JP): "性自認の代名詞"
- Simplified Chinese (zh-Hans): "性别认同代词"
- Traditional Chinese (zh-Hant): "性別認同代詞"
---
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 3 +++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 3 +++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 3 +++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index d3a91d174..aad1111ff 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -906,4 +906,7 @@
   <data name="Use Dublin Core Metadata" xml:space="preserve">
     <value>Dublin Core-Metadaten verwenden</value>
   </data>
+  <data name="Pronouns" xml:space="preserve">
+    <value>Pronomen der Geschlechtsidentität</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 829c9b0f4..501f77079 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -906,4 +906,7 @@
   <data name="Use Dublin Core Metadata" xml:space="preserve">
     <value>Dublin Core メタデータの使用</value>
   </data>
+  <data name="Pronouns" xml:space="preserve">
+    <value>性自認の代名詞</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 76630c566..a59823fdb 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -906,4 +906,7 @@
   <data name="Use Dublin Core Metadata" xml:space="preserve">
     <value>使用都柏林核心元数据</value>
   </data>
+  <data name="Pronouns" xml:space="preserve">
+    <value>性别认同代词</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index bcf60a38a..cec80639d 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -909,4 +909,7 @@
   <data name="Use Dublin Core Metadata" xml:space="preserve">
     <value>使用都柏林核心元數據</value>
   </data>
+  <data name="Pronouns" xml:space="preserve">
+    <value>性別認同代詞</value>
+  </data>
 </root>
\ No newline at end of file

From 248e82ce8383925e62c774b50493dc53d5500071 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 27 Sep 2024 20:42:55 +0800
Subject: [PATCH 12/80] Localize sidebar and widget text in multiple languages

Replaced hardcoded text in `General.cshtml` with localized strings using `@SharedLocalizer`. Added new localized strings for "Subscription buttons", "Side bar items", and "Show or hide widgets that display on the side bar" in German (`Program.de-DE.resx`), Japanese (`Program.ja-JP.resx`), Simplified Chinese (`Program.zh-Hans.resx`), and Traditional Chinese (`Program.zh-Hant.resx`).
---
 src/Moonglade.Web/Pages/Settings/General.cshtml  | 4 ++--
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 9 +++++++++
 5 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/General.cshtml b/src/Moonglade.Web/Pages/Settings/General.cshtml
index aa730fa54..2568c6b5c 100644
--- a/src/Moonglade.Web/Pages/Settings/General.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/General.cshtml
@@ -406,8 +406,8 @@
 
                     <div class="rounded-3 shadow-sm border bg-white mb-2">
                         <div class="settings-entry row align-items-center py-3 px-2">
-                            <label>Side bar items</label>
-                            <div class="text-muted">Show or hide widgets that display on the side bar</div>
+                            <label>@SharedLocalizer["Side bar items"]</label>
+                            <div class="text-muted">@SharedLocalizer["Show or hide widgets that display on the side bar"]</div>
                         </div>
 
                         <div class="border-top settings-entry row align-items-center py-3 px-2">
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index aad1111ff..cc8cb4d08 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -909,4 +909,13 @@
   <data name="Pronouns" xml:space="preserve">
     <value>Pronomen der Geschlechtsidentität</value>
   </data>
+  <data name="Subscription buttons" xml:space="preserve">
+    <value>Schaltfläche "Abonnieren"</value>
+  </data>
+  <data name="Side bar items" xml:space="preserve">
+    <value>Elemente in der Seitenleiste</value>
+  </data>
+  <data name="Show or hide widgets that display on the side bar" xml:space="preserve">
+    <value>Ein- oder Ausblenden der Widgets, die in der Seitenleiste angezeigt werden</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 501f77079..1767117bc 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -909,4 +909,13 @@
   <data name="Pronouns" xml:space="preserve">
     <value>性自認の代名詞</value>
   </data>
+  <data name="Subscription buttons" xml:space="preserve">
+    <value>[購読] ボタン</value>
+  </data>
+  <data name="Side bar items" xml:space="preserve">
+    <value>サイドバーアイテム</value>
+  </data>
+  <data name="Show or hide widgets that display on the side bar" xml:space="preserve">
+    <value>サイドバーに表示されるウィジェットを表示または非表示にする</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index a59823fdb..4c1867d3b 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -909,4 +909,13 @@
   <data name="Pronouns" xml:space="preserve">
     <value>性别认同代词</value>
   </data>
+  <data name="Subscription buttons" xml:space="preserve">
+    <value>订阅按钮</value>
+  </data>
+  <data name="Show or hide widgets that display on the side bar" xml:space="preserve">
+    <value>显示或隐藏显示在侧边栏上的小组件</value>
+  </data>
+  <data name="Side bar items" xml:space="preserve">
+    <value>侧边栏项目</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index cec80639d..426b5633c 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -912,4 +912,13 @@
   <data name="Pronouns" xml:space="preserve">
     <value>性別認同代詞</value>
   </data>
+  <data name="Subscription buttons" xml:space="preserve">
+    <value>訂閱按鈕</value>
+  </data>
+  <data name="Side bar items" xml:space="preserve">
+    <value>側邊欄專案</value>
+  </data>
+  <data name="Show or hide widgets that display on the side bar" xml:space="preserve">
+    <value>顯示或隱藏顯示在側邊欄上的小組件</value>
+  </data>
 </root>
\ No newline at end of file

From 643b0828a603b8acd68da753c663ac0a59b1bcbd Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 13:38:59 +0800
Subject: [PATCH 13/80] update translations

---
 .../Resources/Program.de-DE.resx              | 30 +++++++++++++++++++
 .../Resources/Program.ja-JP.resx              | 30 +++++++++++++++++++
 .../Resources/Program.zh-Hans.resx            | 30 +++++++++++++++++++
 .../Resources/Program.zh-Hant.resx            | 30 +++++++++++++++++++
 4 files changed, 120 insertions(+)

diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index cc8cb4d08..dac481a4d 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -918,4 +918,34 @@
   <data name="Show or hide widgets that display on the side bar" xml:space="preserve">
     <value>Ein- oder Ausblenden der Widgets, die in der Seitenleiste angezeigt werden</value>
   </data>
+  <data name="Comment provider" xml:space="preserve">
+    <value>Anbieter des Kommentarmoduls</value>
+  </data>
+  <data name="Built in" xml:space="preserve">
+    <value>Aufgebaut</value>
+  </data>
+  <data name="Third party" xml:space="preserve">
+    <value>Dreiseitig</value>
+  </data>
+  <data name="Set to 0 to never close comments after any days" xml:space="preserve">
+    <value>Eine Einstellung von 0 bedeutet, dass Kommentare nach einem Datum nie geschlossen werden</value>
+  </data>
+  <data name="Old to new" xml:space="preserve">
+    <value>Aus Alt mach Neu</value>
+  </data>
+  <data name="New to old" xml:space="preserve">
+    <value>Aus alt mach neu</value>
+  </data>
+  <data name="Blocked words will be masked as * in content." xml:space="preserve">
+    <value>Blockierte Wörter werden durch "*" im Inhalt ersetzt</value>
+  </data>
+  <data name="How many words to use for generating abstract when it's absent, change this value will only affect new posts" xml:space="preserve">
+    <value>Wenn die Zusammenfassung nicht vorhanden ist und wie viele Wörter zum Generieren der Zusammenfassung verwendet werden, wirkt sich die Änderung dieses Werts nur auf den neuen Artikel aus</value>
+  </data>
+  <data name="Automatically close comments on posts older than x days" xml:space="preserve">
+    <value>Kommentare zu Artikeln, die älter als x Tage sind, automatisch schließen</value>
+  </data>
+  <data name="Comments display order" xml:space="preserve">
+    <value>Die Reihenfolge, in der Kommentare angezeigt werden</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 1767117bc..ba3d94123 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -918,4 +918,34 @@
   <data name="Show or hide widgets that display on the side bar" xml:space="preserve">
     <value>サイドバーに表示されるウィジェットを表示または非表示にする</value>
   </data>
+  <data name="Comment provider" xml:space="preserve">
+    <value>コメント モジュール プロバイダー</value>
+  </data>
+  <data name="Built in" xml:space="preserve">
+    <value>構築</value>
+  </data>
+  <data name="Third party" xml:space="preserve">
+    <value>三者</value>
+  </data>
+  <data name="Set to 0 to never close comments after any days" xml:space="preserve">
+    <value>0 に設定すると、コメントはどの日付でも閉じられません</value>
+  </data>
+  <data name="Old to new" xml:space="preserve">
+    <value>古いものから新しいものへ</value>
+  </data>
+  <data name="New to old" xml:space="preserve">
+    <value>新しいものから古いものへ</value>
+  </data>
+  <data name="Blocked words will be masked as * in content." xml:space="preserve">
+    <value>ブロックされた単語は、コンテンツ内の「*」に置き換えられます</value>
+  </data>
+  <data name="How many words to use for generating abstract when it's absent, change this value will only affect new posts" xml:space="preserve">
+    <value>抄録が存在しない場合、抄録の生成に使用された単語数、この値を変更しても新しい記事にのみ影響します</value>
+  </data>
+  <data name="Automatically close comments on posts older than x days" xml:space="preserve">
+    <value>x日以上経過した記事のコメントを自動的に閉じる</value>
+  </data>
+  <data name="Comments display order" xml:space="preserve">
+    <value>コメントが表示される順序</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 4c1867d3b..22fc19620 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -918,4 +918,34 @@
   <data name="Side bar items" xml:space="preserve">
     <value>侧边栏项目</value>
   </data>
+  <data name="Comment provider" xml:space="preserve">
+    <value>评论模块提供程序</value>
+  </data>
+  <data name="Automatically close comments on posts older than x days" xml:space="preserve">
+    <value>自动关闭超过 x 天的文章的评论</value>
+  </data>
+  <data name="Blocked words will be masked as * in content." xml:space="preserve">
+    <value>被屏蔽的单词将在内容中被替换为"*"</value>
+  </data>
+  <data name="Built in" xml:space="preserve">
+    <value>内置</value>
+  </data>
+  <data name="Comments display order" xml:space="preserve">
+    <value>评论显示顺序</value>
+  </data>
+  <data name="How many words to use for generating abstract when it's absent, change this value will only affect new posts" xml:space="preserve">
+    <value>当摘要不存在时，使用多少个单词来生成摘要，更改此值只会影响新文章</value>
+  </data>
+  <data name="New to old" xml:space="preserve">
+    <value>从新到旧</value>
+  </data>
+  <data name="Old to new" xml:space="preserve">
+    <value>从旧到新</value>
+  </data>
+  <data name="Set to 0 to never close comments after any days" xml:space="preserve">
+    <value>设置为 0 表示在任何日期后从不关闭评论</value>
+  </data>
+  <data name="Third party" xml:space="preserve">
+    <value>三方</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index 426b5633c..a66f01590 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -921,4 +921,34 @@
   <data name="Show or hide widgets that display on the side bar" xml:space="preserve">
     <value>顯示或隱藏顯示在側邊欄上的小組件</value>
   </data>
+  <data name="Comment provider" xml:space="preserve">
+    <value>評論模組提供程式</value>
+  </data>
+  <data name="Built in" xml:space="preserve">
+    <value>內置</value>
+  </data>
+  <data name="Third party" xml:space="preserve">
+    <value>三方</value>
+  </data>
+  <data name="Set to 0 to never close comments after any days" xml:space="preserve">
+    <value>設置為 0 表示在任何日期後從不關閉評論</value>
+  </data>
+  <data name="Old to new" xml:space="preserve">
+    <value>從舊到新</value>
+  </data>
+  <data name="New to old" xml:space="preserve">
+    <value>從新到舊</value>
+  </data>
+  <data name="Blocked words will be masked as * in content." xml:space="preserve">
+    <value>被遮罩的單詞將在內容中被替換為“*”</value>
+  </data>
+  <data name="How many words to use for generating abstract when it's absent, change this value will only affect new posts" xml:space="preserve">
+    <value>當摘要不存在時，使用多少個單詞來生成摘要，更改此值只會影響新文章</value>
+  </data>
+  <data name="Automatically close comments on posts older than x days" xml:space="preserve">
+    <value>自動關閉超過 x 天的文章的評論</value>
+  </data>
+  <data name="Comments display order" xml:space="preserve">
+    <value>評論顯示順序</value>
+  </data>
 </root>
\ No newline at end of file

From 02626b54146e0d55373e039b3593f10ae3557deb Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 13:42:40 +0800
Subject: [PATCH 14/80] add translation

---
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 9 +++++++++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 9 +++++++++
 4 files changed, 36 insertions(+)

diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index dac481a4d..feab5f0d0 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -948,4 +948,13 @@
   <data name="Comments display order" xml:space="preserve">
     <value>Die Reihenfolge, in der Kommentare angezeigt werden</value>
   </data>
+  <data name="Post title alignment" xml:space="preserve">
+    <value>Ausrichtung der Artikeltitel</value>
+  </data>
+  <data name="Word count in abstract" xml:space="preserve">
+    <value>Die Anzahl der Wörter in der Zusammenfassung</value>
+  </data>
+  <data name="Show post outline as side navigation" xml:space="preserve">
+    <value>Die Artikelgliederung wird in der seitlichen Navigationsleiste angezeigt</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index ba3d94123..00765debf 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -948,4 +948,13 @@
   <data name="Comments display order" xml:space="preserve">
     <value>コメントが表示される順序</value>
   </data>
+  <data name="Post title alignment" xml:space="preserve">
+    <value>記事タイトルの配置</value>
+  </data>
+  <data name="Word count in abstract" xml:space="preserve">
+    <value>抄録の単語数</value>
+  </data>
+  <data name="Show post outline as side navigation" xml:space="preserve">
+    <value>記事の概要は、サイドナビゲーションバーに表示されます</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 22fc19620..ab3358b57 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -948,4 +948,13 @@
   <data name="Third party" xml:space="preserve">
     <value>三方</value>
   </data>
+  <data name="Post title alignment" xml:space="preserve">
+    <value>文章标题对齐方式</value>
+  </data>
+  <data name="Show post outline as side navigation" xml:space="preserve">
+    <value>在侧边导航栏显示文章大纲</value>
+  </data>
+  <data name="Word count in abstract" xml:space="preserve">
+    <value>摘要字数</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index a66f01590..2c07f49a8 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -951,4 +951,13 @@
   <data name="Comments display order" xml:space="preserve">
     <value>評論顯示順序</value>
   </data>
+  <data name="Post title alignment" xml:space="preserve">
+    <value>文章標題對齊方式</value>
+  </data>
+  <data name="Word count in abstract" xml:space="preserve">
+    <value>摘要字數</value>
+  </data>
+  <data name="Show post outline as side navigation" xml:space="preserve">
+    <value>在側邊導航欄顯示文章大綱</value>
+  </data>
 </root>
\ No newline at end of file

From 86e4ea36738abf5930a97ebf80c2236ccd4d7aec Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 13:50:08 +0800
Subject: [PATCH 15/80] add more translation

---
 src/Moonglade.Web/Pages/Settings/Image.cshtml  | 10 +++++-----
 src/Moonglade.Web/Resources/Program.de-DE.resx | 18 ++++++++++++++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx | 18 ++++++++++++++++++
 .../Resources/Program.zh-Hans.resx             | 18 ++++++++++++++++++
 .../Resources/Program.zh-Hant.resx             | 18 ++++++++++++++++++
 5 files changed, 77 insertions(+), 5 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/Image.cshtml b/src/Moonglade.Web/Pages/Settings/Image.cshtml
index caa1a695b..869a2ff64 100644
--- a/src/Moonglade.Web/Pages/Settings/Image.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Image.cshtml
@@ -11,7 +11,7 @@
     var settings = BlogConfig.ImageSettings;
 }
 
-@section admintoolbar{
+@section admintoolbar {
     <partial name="_SettingsHeader" />
 }
 
@@ -88,7 +88,7 @@
                         <div class="col">
                             <label asp-for="@settings.IsWatermarkEnabled" class="form-check-label"></label>
                             <div class="form-text">
-                                Watermark will be placed at the right bottom corner of the image
+                                @SharedLocalizer["Watermark will be placed at the right bottom corner of the image"]
                             </div>
                         </div>
                         <div class="col-md-5 text-end">
@@ -106,7 +106,7 @@
                         <div class="col">
                             <label asp-for="@settings.KeepOriginImage" class="form-check-label"></label>
                             <div class="form-text">
-                                Also save the origin image as a backup while adding watermark
+                                @SharedLocalizer["Save the origin image as a backup while adding watermark"]
                             </div>
                         </div>
                         <div class="col-5 text-end">
@@ -136,7 +136,7 @@
                         <div class="col">
                             <label asp-for="@settings.WatermarkSkipPixel"></label>
                             <div class="form-text">
-                                Add watermark only when image pixcel (HxW) is greater than this value.
+                                @SharedLocalizer["Add watermark only when image pixcel (HxW) is greater than this value."]
                             </div>
                         </div>
                         <div class="col-5">
@@ -151,7 +151,7 @@
                         <div class="col">
                             <label>Alpha</label>
                             <div class="form-text">
-                                Transparency value (0-255).
+                                @SharedLocalizer["Transparency value (0-255)."]
                             </div>
                         </div>
                         <div class="col-5">
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index feab5f0d0..bce30296a 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -957,4 +957,22 @@
   <data name="Show post outline as side navigation" xml:space="preserve">
     <value>Die Artikelgliederung wird in der seitlichen Navigationsleiste angezeigt</value>
   </data>
+  <data name="Watermark will be placed at the right bottom corner of the image" xml:space="preserve">
+    <value>Das Wasserzeichen wird in der unteren rechten Ecke des Bildes platziert</value>
+  </data>
+  <data name="Save the origin image as a backup while adding watermark" xml:space="preserve">
+    <value>Speichern Sie das Originalbild als Backup, wenn Sie ein Wasserzeichen hinzufügen</value>
+  </data>
+  <data name="CDN endpoint" xml:space="preserve">
+    <value>CDN Endpunkt</value>
+  </data>
+  <data name="Add watermark only when image pixcel (HxW) is greater than this value." xml:space="preserve">
+    <value>Wasserzeichen werden nur hinzugefügt, wenn die Bildpixel (HxB) größer als dieser Wert sind.</value>
+  </data>
+  <data name="Transparency value (0-255)." xml:space="preserve">
+    <value>Transparenzwert (0-255)</value>
+  </data>
+  <data name="Watermark skip pixel threshold" xml:space="preserve">
+    <value>Überspringen des Schwellenwerts für Wasserzeichenpixel</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 00765debf..da2951302 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -957,4 +957,22 @@
   <data name="Show post outline as side navigation" xml:space="preserve">
     <value>記事の概要は、サイドナビゲーションバーに表示されます</value>
   </data>
+  <data name="Watermark will be placed at the right bottom corner of the image" xml:space="preserve">
+    <value>透かしは画像の右下隅に配置されます</value>
+  </data>
+  <data name="Save the origin image as a backup while adding watermark" xml:space="preserve">
+    <value>透かしを追加するときは、元の画像をバックアップとして保存します</value>
+  </data>
+  <data name="CDN endpoint" xml:space="preserve">
+    <value>CDN端末</value>
+  </data>
+  <data name="Add watermark only when image pixcel (HxW) is greater than this value." xml:space="preserve">
+    <value>ウォーターマークは、画像のピクセル (HxW) がこの値より大きい場合にのみ追加されます。</value>
+  </data>
+  <data name="Transparency value (0-255)." xml:space="preserve">
+    <value>透明度の値 (0-255)</value>
+  </data>
+  <data name="Watermark skip pixel threshold" xml:space="preserve">
+    <value>ウォーターマークのピクセルしきい値をスキップする</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index ab3358b57..19778cb7b 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -948,12 +948,30 @@
   <data name="Third party" xml:space="preserve">
     <value>三方</value>
   </data>
+  <data name="Add watermark only when image pixcel (HxW) is greater than this value." xml:space="preserve">
+    <value>仅当图像像素 （HxW） 大于此值时添加水印</value>
+  </data>
+  <data name="CDN endpoint" xml:space="preserve">
+    <value>CDN 终端</value>
+  </data>
   <data name="Post title alignment" xml:space="preserve">
     <value>文章标题对齐方式</value>
   </data>
+  <data name="Save the origin image as a backup while adding watermark" xml:space="preserve">
+    <value>添加水印时将原始图像保存为备份</value>
+  </data>
   <data name="Show post outline as side navigation" xml:space="preserve">
     <value>在侧边导航栏显示文章大纲</value>
   </data>
+  <data name="Transparency value (0-255)." xml:space="preserve">
+    <value>透明度值 （0-255）</value>
+  </data>
+  <data name="Watermark skip pixel threshold" xml:space="preserve">
+    <value>跳过水印像素阈值</value>
+  </data>
+  <data name="Watermark will be placed at the right bottom corner of the image" xml:space="preserve">
+    <value>水印将放置在图像的右下角</value>
+  </data>
   <data name="Word count in abstract" xml:space="preserve">
     <value>摘要字数</value>
   </data>
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index 2c07f49a8..de3ef2a7e 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -960,4 +960,22 @@
   <data name="Show post outline as side navigation" xml:space="preserve">
     <value>在側邊導航欄顯示文章大綱</value>
   </data>
+  <data name="Watermark will be placed at the right bottom corner of the image" xml:space="preserve">
+    <value>浮浮水印將放置在圖像的右下角</value>
+  </data>
+  <data name="Save the origin image as a backup while adding watermark" xml:space="preserve">
+    <value>添加浮浮浮水印時將原始影像保存為備份</value>
+  </data>
+  <data name="CDN endpoint" xml:space="preserve">
+    <value>CDN 終端</value>
+  </data>
+  <data name="Add watermark only when image pixcel (HxW) is greater than this value." xml:space="preserve">
+    <value>僅當圖像圖元 （HxW） 大於此值時添加浮浮水印。</value>
+  </data>
+  <data name="Transparency value (0-255)." xml:space="preserve">
+    <value>透明度值 （0-255）</value>
+  </data>
+  <data name="Watermark skip pixel threshold" xml:space="preserve">
+    <value>跳過浮浮浮水印圖元閾值</value>
+  </data>
 </root>
\ No newline at end of file

From 7cb48d7ec4dcd8e15e9bb52b216e02a8d2b2fdee Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 13:56:37 +0800
Subject: [PATCH 16/80] update translations

---
 src/Moonglade.Core/CategoryFeature/CreateCategoryCommand.cs | 2 +-
 src/Moonglade.Web/Resources/Program.de-DE.resx              | 4 ++--
 src/Moonglade.Web/Resources/Program.ja-JP.resx              | 4 ++--
 src/Moonglade.Web/Resources/Program.zh-Hans.resx            | 4 ++--
 src/Moonglade.Web/Resources/Program.zh-Hant.resx            | 4 ++--
 5 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/Moonglade.Core/CategoryFeature/CreateCategoryCommand.cs b/src/Moonglade.Core/CategoryFeature/CreateCategoryCommand.cs
index 85da377d2..ea374a285 100644
--- a/src/Moonglade.Core/CategoryFeature/CreateCategoryCommand.cs
+++ b/src/Moonglade.Core/CategoryFeature/CreateCategoryCommand.cs
@@ -9,7 +9,7 @@ namespace Moonglade.Core.CategoryFeature;
 public class CreateCategoryCommand : IRequest
 {
     [Required]
-    [Display(Name = "Display Name")]
+    [Display(Name = "Display name")]
     [MaxLength(64)]
     public string DisplayName { get; set; }
 
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index bce30296a..b8f8edb28 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -321,7 +321,7 @@
   <data name="Disabled" xml:space="preserve">
     <value>Ausgeschaltet</value>
   </data>
-  <data name="Display Name" xml:space="preserve">
+  <data name="Display name" xml:space="preserve">
     <value>Anzeige Name</value>
   </data>
   <data name="Display Order" xml:space="preserve">
@@ -816,7 +816,7 @@
   <data name="No comments yet" xml:space="preserve">
     <value>Es gibt noch keine Bewertungen</value>
   </data>
-  <data name="Feed Items" xml:space="preserve">
+  <data name="Feed items" xml:space="preserve">
     <value>Anzahl der Abonnementeinträge</value>
   </data>
   <data name="The number of entries to include in RSS/ATOM feed." xml:space="preserve">
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index da2951302..ed4f4e13c 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -321,7 +321,7 @@
   <data name="Disabled" xml:space="preserve">
     <value>表示されていません</value>
   </data>
-  <data name="Display Name" xml:space="preserve">
+  <data name="Display name" xml:space="preserve">
     <value>表示名</value>
   </data>
   <data name="Display Order" xml:space="preserve">
@@ -816,7 +816,7 @@
   <data name="No comments yet" xml:space="preserve">
     <value>レビューはまだありません</value>
   </data>
-  <data name="Feed Items" xml:space="preserve">
+  <data name="Feed items" xml:space="preserve">
     <value>サブスクリプションエントリの数</value>
   </data>
   <data name="The number of entries to include in RSS/ATOM feed." xml:space="preserve">
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 19778cb7b..260732621 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -324,7 +324,7 @@
   <data name="Disabled" xml:space="preserve">
     <value>不显示</value>
   </data>
-  <data name="Display Name" xml:space="preserve">
+  <data name="Display name" xml:space="preserve">
     <value>显示名称</value>
   </data>
   <data name="Display Order" xml:space="preserve">
@@ -651,7 +651,7 @@
   <data name="Route Name" xml:space="preserve">
     <value>路由名称</value>
   </data>
-  <data name="Feed Items" xml:space="preserve">
+  <data name="Feed items" xml:space="preserve">
     <value>订阅条目数量</value>
   </data>
   <data name="Save" xml:space="preserve">
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index de3ef2a7e..b37d1f222 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -324,7 +324,7 @@
   <data name="Disabled" xml:space="preserve">
     <value>不顯示</value>
   </data>
-  <data name="Display Name" xml:space="preserve">
+  <data name="Display name" xml:space="preserve">
     <value>顯示名稱</value>
   </data>
   <data name="Display Order" xml:space="preserve">
@@ -645,7 +645,7 @@
   <data name="Route Name" xml:space="preserve">
     <value>路由名稱</value>
   </data>
-  <data name="Feed Items" xml:space="preserve">
+  <data name="Feed items" xml:space="preserve">
     <value>訂閱條目數量</value>
   </data>
   <data name="Save" xml:space="preserve">

From 2dc9e6b21f38303ada7fb5d4119ddd5eaecda1ef Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 14:00:42 +0800
Subject: [PATCH 17/80] update translation

---
 src/Moonglade.Web/Pages/Settings/Advanced.cshtml |  2 +-
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 12 ++++++++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 12 ++++++++++++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 12 ++++++++++++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 12 ++++++++++++
 5 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/Settings/Advanced.cshtml b/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
index 871a95b0a..e7e6ebd85 100644
--- a/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
@@ -217,7 +217,7 @@
                     <h4 class="admin-subtitle fw-bold mb-2">@Html.DisplayNameFor(m => settings.FootScripts)</h4>
                     <div class="p-3 rounded-3 shadow-sm border bg-white mb-3">
                         <div class="alert alert-warning">
-                            Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution.
+                            @SharedLocalizer["Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution."]
                         </div>
 
                         <textarea asp-for="@settings.FootScripts" class="form-control textarea-code" cols="60" rows="10" spellcheck="false"></textarea>
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index b8f8edb28..a93ddd69c 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -975,4 +975,16 @@
   <data name="Watermark skip pixel threshold" xml:space="preserve">
     <value>Überspringen des Schwellenwerts für Wasserzeichenpixel</value>
   </data>
+  <data name="Enable Webmention" xml:space="preserve">
+    <value>Webmention aktivieren</value>
+  </data>
+  <data name="Enable OPML" xml:space="preserve">
+    <value>Aktivieren von OPML</value>
+  </data>
+  <data name="Foot JavaScript" xml:space="preserve">
+    <value>Schwanz JavaScript</value>
+  </data>
+  <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
+    <value>Die Verwendung von Skripten von Drittanbietern kann dazu führen, dass Ihre Website von bestimmten Browsern oder Werbeblockern blockiert wird, und dies kann auch ein Sicherheitsrisiko darstellen. Mit Vorsicht verwenden.</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index ed4f4e13c..9d3474112 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -975,4 +975,16 @@
   <data name="Watermark skip pixel threshold" xml:space="preserve">
     <value>ウォーターマークのピクセルしきい値をスキップする</value>
   </data>
+  <data name="Enable Webmention" xml:space="preserve">
+    <value>Webメンションを有効にする</value>
+  </data>
+  <data name="Enable OPML" xml:space="preserve">
+    <value>OPML を有効にする</value>
+  </data>
+  <data name="Foot JavaScript" xml:space="preserve">
+    <value>テイルJavaScript</value>
+  </data>
+  <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
+    <value>サードパーティのスクリプトを使用すると、特定のブラウザや広告ブロッカーによってサイトがブロックされる可能性があり、セキュリティ上のリスクにもなる可能性もあります。 注意して使用してください。</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 260732621..747280a2f 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -975,4 +975,16 @@
   <data name="Word count in abstract" xml:space="preserve">
     <value>摘要字数</value>
   </data>
+  <data name="Enable OPML" xml:space="preserve">
+    <value>启用 OPML</value>
+  </data>
+  <data name="Enable Webmention" xml:space="preserve">
+    <value>启用 Webmention</value>
+  </data>
+  <data name="Foot JavaScript" xml:space="preserve">
+    <value>尾部 JavaScript</value>
+  </data>
+  <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
+    <value>使用第三方脚本可能会导致您的网站被某些浏览器或广告拦截器阻止，也可能存在安全风险。请谨慎使用。</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index b37d1f222..c79d5a016 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -978,4 +978,16 @@
   <data name="Watermark skip pixel threshold" xml:space="preserve">
     <value>跳過浮浮浮水印圖元閾值</value>
   </data>
+  <data name="Enable Webmention" xml:space="preserve">
+    <value>啟用 Webmention</value>
+  </data>
+  <data name="Enable OPML" xml:space="preserve">
+    <value>啟用OPML</value>
+  </data>
+  <data name="Foot JavaScript" xml:space="preserve">
+    <value>尾部 JavaScript</value>
+  </data>
+  <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
+    <value>使用第三方腳本可能會導致您的網站被某些瀏覽器或廣告攔截器阻止，也可能存在安全風險。 請謹慎使用。</value>
+  </data>
 </root>
\ No newline at end of file

From f05c6529a98a40e02bc818f3616594fb620bbfad Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 14:06:20 +0800
Subject: [PATCH 18/80] update translations

---
 src/Moonglade.Web/Pages/Admin/About.cshtml    |  6 +++---
 .../Resources/Program.de-DE.resx              | 21 +++++++++++++++++++
 .../Resources/Program.ja-JP.resx              | 21 +++++++++++++++++++
 .../Resources/Program.zh-Hans.resx            | 21 +++++++++++++++++++
 .../Resources/Program.zh-Hant.resx            | 21 +++++++++++++++++++
 5 files changed, 87 insertions(+), 3 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/About.cshtml b/src/Moonglade.Web/Pages/Admin/About.cshtml
index b35724ee1..9261c303e 100644
--- a/src/Moonglade.Web/Pages/Admin/About.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/About.cshtml
@@ -30,12 +30,12 @@
                 </tr>
 
                 <tr>
-                    <td>Forwarded Headers</td>
+                    <td>@SharedLocalizer["Forwarded Headers"]</td>
                     <td class="text-muted">@Configuration["ForwardedHeaders:Enabled"]: @Configuration["ForwardedHeaders:HeaderName"]</td>
                 </tr>
 
                 <tr>
-                    <td>Client IP Address</td>
+                    <td>@SharedLocalizer["Client IP Address"]</td>
                     <td class="text-muted">@HttpContext.Connection.RemoteIpAddress?.ToString()</td>
                 </tr>
             </tbody>
@@ -124,7 +124,7 @@
 
     <a class="btn btn-sm btn-outline-accent" href="https://github.com/EdiWang/Moonglade/issues" target="_blank">
         <i class="bi-bug"></i>
-        Report an issue
+        @SharedLocalizer["Report an issue"]
     </a>
 </div>
 
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index a93ddd69c..842c2cc1e 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -987,4 +987,25 @@
   <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
     <value>Die Verwendung von Skripten von Drittanbietern kann dazu führen, dass Ihre Website von bestimmten Browsern oder Werbeblockern blockiert wird, und dies kann auch ein Sicherheitsrisiko darstellen. Mit Vorsicht verwenden.</value>
   </data>
+  <data name="Server Time Zone" xml:space="preserve">
+    <value>Zeitzone des Servers</value>
+  </data>
+  <data name="Azure App Service" xml:space="preserve">
+    <value>Azure App Service</value>
+  </data>
+  <data name="Azure Front Door" xml:space="preserve">
+    <value>Azure Front Door  </value>
+  </data>
+  <data name="Legal Infomation" xml:space="preserve">
+    <value>Rechtliche Hinweise</value>
+  </data>
+  <data name="Report an issue" xml:space="preserve">
+    <value>Ein Problem melden</value>
+  </data>
+  <data name="Forwarded Headers" xml:space="preserve">
+    <value>Kopfzeile weiterleiten</value>
+  </data>
+  <data name="Client IP Address" xml:space="preserve">
+    <value>Client-IP-Adresse</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 9d3474112..7d5a3f766 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -987,4 +987,25 @@
   <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
     <value>サードパーティのスクリプトを使用すると、特定のブラウザや広告ブロッカーによってサイトがブロックされる可能性があり、セキュリティ上のリスクにもなる可能性もあります。 注意して使用してください。</value>
   </data>
+  <data name="Server Time Zone" xml:space="preserve">
+    <value>サーバーのタイムゾーン</value>
+  </data>
+  <data name="Azure App Service" xml:space="preserve">
+    <value>Azure App Service</value>
+  </data>
+  <data name="Azure Front Door" xml:space="preserve">
+    <value>Azure Front Door  </value>
+  </data>
+  <data name="Legal Infomation" xml:space="preserve">
+    <value>法律情報</value>
+  </data>
+  <data name="Report an issue" xml:space="preserve">
+    <value>問題を報告する</value>
+  </data>
+  <data name="Forwarded Headers" xml:space="preserve">
+    <value>フォワードヘッダー</value>
+  </data>
+  <data name="Client IP Address" xml:space="preserve">
+    <value>クライアント IP アドレス</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 747280a2f..687882f9d 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -975,6 +975,15 @@
   <data name="Word count in abstract" xml:space="preserve">
     <value>摘要字数</value>
   </data>
+  <data name="Azure App Service" xml:space="preserve">
+    <value>Azure 应用服务</value>
+  </data>
+  <data name="Azure Front Door" xml:space="preserve">
+    <value>Azure Front Door</value>
+  </data>
+  <data name="Client IP Address" xml:space="preserve">
+    <value>客户端 IP 地址</value>
+  </data>
   <data name="Enable OPML" xml:space="preserve">
     <value>启用 OPML</value>
   </data>
@@ -984,6 +993,18 @@
   <data name="Foot JavaScript" xml:space="preserve">
     <value>尾部 JavaScript</value>
   </data>
+  <data name="Forwarded Headers" xml:space="preserve">
+    <value>转发头</value>
+  </data>
+  <data name="Legal Infomation" xml:space="preserve">
+    <value>法律信息</value>
+  </data>
+  <data name="Report an issue" xml:space="preserve">
+    <value>报告问题</value>
+  </data>
+  <data name="Server Time Zone" xml:space="preserve">
+    <value>服务器时区</value>
+  </data>
   <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
     <value>使用第三方脚本可能会导致您的网站被某些浏览器或广告拦截器阻止，也可能存在安全风险。请谨慎使用。</value>
   </data>
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index c79d5a016..4ee1a3c24 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -990,4 +990,25 @@
   <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
     <value>使用第三方腳本可能會導致您的網站被某些瀏覽器或廣告攔截器阻止，也可能存在安全風險。 請謹慎使用。</value>
   </data>
+  <data name="Server Time Zone" xml:space="preserve">
+    <value>伺服器時區</value>
+  </data>
+  <data name="Azure App Service" xml:space="preserve">
+    <value>Azure 應用服務</value>
+  </data>
+  <data name="Azure Front Door" xml:space="preserve">
+    <value>Azure Front Door  </value>
+  </data>
+  <data name="Legal Infomation" xml:space="preserve">
+    <value>法律資訊</value>
+  </data>
+  <data name="Report an issue" xml:space="preserve">
+    <value>報告問題</value>
+  </data>
+  <data name="Forwarded Headers" xml:space="preserve">
+    <value>轉發頭</value>
+  </data>
+  <data name="Client IP Address" xml:space="preserve">
+    <value>用戶端IP位址</value>
+  </data>
 </root>
\ No newline at end of file

From c4e68ba3a5e107a9bed586b14476bcdca91b0b85 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 14:09:45 +0800
Subject: [PATCH 19/80] update translation

---
 src/Moonglade.Web/Pages/Admin/Post.cshtml        | 16 ++++++++--------
 src/Moonglade.Web/Pages/Admin/Tags.cshtml        |  2 +-
 src/Moonglade.Web/Resources/Program.de-DE.resx   |  3 +++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   |  3 +++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx |  3 +++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx |  3 +++
 6 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Post.cshtml b/src/Moonglade.Web/Pages/Admin/Post.cshtml
index c5dda4363..9c1a89213 100644
--- a/src/Moonglade.Web/Pages/Admin/Post.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Post.cshtml
@@ -5,7 +5,7 @@
     ViewBag.Title = "Posts";
 }
 
-@section scripts{
+@section scripts {
     <script type="module">
         import * as utils from '/js/app/utils.module.js'
 
@@ -32,7 +32,7 @@
     </script>
 }
 
-@section admintoolbar{
+@section admintoolbar {
     <partial name="_PostManageHeader" />
 }
 
@@ -41,7 +41,7 @@
 <div>
     <form method="post">
         <div class="d-flex search-box mb-3">
-            <input type="search" aria-label="Search" asp-for="SearchTerm" class="form-control" placeholder="Search" />
+            <input type="search" aria-label="Search" asp-for="SearchTerm" class="form-control" placeholder="@SharedLocalizer["Search"]" />
             <button class="btn btn-light btn-search my-sm-0" type="submit"><i class="bi-search text-dark"></i></button>
         </div>
     </form>
@@ -71,7 +71,7 @@
                                 {
                                     <i class="bi-star-fill text-warning"></i>
                                 }
-                                
+
                                 @if (item.IsOutdated)
                                 {
                                     <span class="badge rounded-pill text-bg-secondary ms-2">Outdated</span>
@@ -97,9 +97,9 @@
             </div>
         }
 
-        @Html.PagedListPager(Model.PostSegments, page => $"?pageIndex={page}&searchTerm={Model.SearchTerm}", new ()
-        {
-            UlElementClasses = new[] {"pagination mt-4"}
-        })
+        @Html.PagedListPager(Model.PostSegments, page => $"?pageIndex={page}&searchTerm={Model.SearchTerm}", new()
+{
+    UlElementClasses = new[] { "pagination mt-4" }
+})
     }
 </div>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Pages/Admin/Tags.cshtml b/src/Moonglade.Web/Pages/Admin/Tags.cshtml
index 11d879454..740b856ee 100644
--- a/src/Moonglade.Web/Pages/Admin/Tags.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Tags.cshtml
@@ -84,7 +84,7 @@
 }
 
 <div>
-    <input id="tagFilter" type="text" class="form-control mb-3" maxlength="32" placeholder="Filter..">
+    <input id="tagFilter" type="text" class="form-control mb-3" maxlength="32" placeholder="@SharedLocalizer["Filter"]">
 
     <ul class="list-unstyled ul-tag-mgr">
         @foreach (var tag in tags.OrderBy(model => model.DisplayName))
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index 842c2cc1e..74e803cbd 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -1008,4 +1008,7 @@
   <data name="Client IP Address" xml:space="preserve">
     <value>Client-IP-Adresse</value>
   </data>
+  <data name="Filter" xml:space="preserve">
+    <value>sieben</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 7d5a3f766..3f88b3cb9 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -1008,4 +1008,7 @@
   <data name="Client IP Address" xml:space="preserve">
     <value>クライアント IP アドレス</value>
   </data>
+  <data name="Filter" xml:space="preserve">
+    <value>篩に掛ける</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 687882f9d..eea3b8fe8 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -990,6 +990,9 @@
   <data name="Enable Webmention" xml:space="preserve">
     <value>启用 Webmention</value>
   </data>
+  <data name="Filter" xml:space="preserve">
+    <value>筛选</value>
+  </data>
   <data name="Foot JavaScript" xml:space="preserve">
     <value>尾部 JavaScript</value>
   </data>
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index 4ee1a3c24..d5d448572 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -1011,4 +1011,7 @@
   <data name="Client IP Address" xml:space="preserve">
     <value>用戶端IP位址</value>
   </data>
+  <data name="Filter" xml:space="preserve">
+    <value>篩選</value>
+  </data>
 </root>
\ No newline at end of file

From 54919117a4dfebd666a6bb3fed91101c98a6581a Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 14:13:54 +0800
Subject: [PATCH 20/80] update more translation

---
 src/Moonglade.Web/Pages/Admin/Menu.cshtml        |  2 +-
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 12 ++++++++++++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 12 ++++++++++++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 12 ++++++++++++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 12 ++++++++++++
 5 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Menu.cshtml b/src/Moonglade.Web/Pages/Admin/Menu.cshtml
index b45b97a80..abf089c1b 100644
--- a/src/Moonglade.Web/Pages/Admin/Menu.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Menu.cshtml
@@ -56,7 +56,7 @@
 
         <a class="btn btn-outline-accent" href="#" data-bs-toggle="modal" data-bs-target="#examplecodemodal">
             <i class="bi-code"></i>
-            Example code
+            @SharedLocalizer["Example code"]
         </a>
     </div>
 }
diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index 74e803cbd..91e4291a0 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -1011,4 +1011,16 @@
   <data name="Filter" xml:space="preserve">
     <value>sieben</value>
   </data>
+  <data name="Clear menus" xml:space="preserve">
+    <value>Löschen Sie das Menü</value>
+  </data>
+  <data name="Example code" xml:space="preserve">
+    <value>Beispielcode</value>
+  </data>
+  <data name="Example" xml:space="preserve">
+    <value>Beispiel</value>
+  </data>
+  <data name="Enable custom menus" xml:space="preserve">
+    <value>Benutzerdefinierte Menüs aktivieren</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 3f88b3cb9..90d21e3c2 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -1011,4 +1011,16 @@
   <data name="Filter" xml:space="preserve">
     <value>篩に掛ける</value>
   </data>
+  <data name="Clear menus" xml:space="preserve">
+    <value>メニューをクリアする</value>
+  </data>
+  <data name="Example code" xml:space="preserve">
+    <value>サンプルコード</value>
+  </data>
+  <data name="Example" xml:space="preserve">
+    <value>例</value>
+  </data>
+  <data name="Enable custom menus" xml:space="preserve">
+    <value>カスタムメニューを有効にする</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index eea3b8fe8..01a723f65 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -981,15 +981,27 @@
   <data name="Azure Front Door" xml:space="preserve">
     <value>Azure Front Door</value>
   </data>
+  <data name="Clear menus" xml:space="preserve">
+    <value>清空菜单</value>
+  </data>
   <data name="Client IP Address" xml:space="preserve">
     <value>客户端 IP 地址</value>
   </data>
+  <data name="Enable custom menus" xml:space="preserve">
+    <value>启用自定义菜单</value>
+  </data>
   <data name="Enable OPML" xml:space="preserve">
     <value>启用 OPML</value>
   </data>
   <data name="Enable Webmention" xml:space="preserve">
     <value>启用 Webmention</value>
   </data>
+  <data name="Example" xml:space="preserve">
+    <value>样例</value>
+  </data>
+  <data name="Example code" xml:space="preserve">
+    <value>样例代码</value>
+  </data>
   <data name="Filter" xml:space="preserve">
     <value>筛选</value>
   </data>
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index d5d448572..2415804c9 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -1014,4 +1014,16 @@
   <data name="Filter" xml:space="preserve">
     <value>篩選</value>
   </data>
+  <data name="Clear menus" xml:space="preserve">
+    <value>清空功能表</value>
+  </data>
+  <data name="Example code" xml:space="preserve">
+    <value>樣例代碼</value>
+  </data>
+  <data name="Example" xml:space="preserve">
+    <value>樣例</value>
+  </data>
+  <data name="Enable custom menus" xml:space="preserve">
+    <value>啟用自定義功能表</value>
+  </data>
 </root>
\ No newline at end of file

From 95a0c1bfb7d5f4b72b08ee3191c141c326a1bd92 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 28 Sep 2024 14:23:33 +0800
Subject: [PATCH 21/80] Refactor dark mode CSS for timeline component

Moved dark mode styles for the timeline component from `darkmode.css` to `timeline.css`:
- `.timeline-heading` border-bottom color
- `.timeline:before` background color
- `.timeline > li > .timeline-panel` border and background color
- `.timeline > li > .timeline-panel:before` border-left and border-right colors
- `.timeline > li > .timeline-panel:after` border-left and border-right colors
- `.timeline-body a` text color
- `.timeline-title a` text color
- `.timeline > li > .timeline-badge` background color and border

The `.article-post-summary` background color rule remains in `darkmode.css`.
---
 src/Moonglade.Web/wwwroot/css/darkmode.css | 36 ----------------------
 src/Moonglade.Web/wwwroot/css/timeline.css | 36 ++++++++++++++++++++++
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/src/Moonglade.Web/wwwroot/css/darkmode.css b/src/Moonglade.Web/wwwroot/css/darkmode.css
index ee148156a..8d89c6aea 100644
--- a/src/Moonglade.Web/wwwroot/css/darkmode.css
+++ b/src/Moonglade.Web/wwwroot/css/darkmode.css
@@ -38,42 +38,6 @@
     border-color: var(--bs-pagination-border-color);
 }
 
-[data-bs-theme=dark] .timeline-heading {
-    border-bottom: 1px solid var(--bs-border-color);
-}
-
-[data-bs-theme=dark] .timeline:before {
-    background-color: var(--bs-border-color);
-}
-
-[data-bs-theme=dark] .timeline > li > .timeline-panel {
-    border: 1px solid var(--bs-border-color);
-    background-color: transparent !important;
-}
-
-    [data-bs-theme=dark] .timeline > li > .timeline-panel:before {
-        border-left: 15px solid var(--bs-border-color);
-        border-right: 0 solid var(--bs-border-color);
-    }
-
-    [data-bs-theme=dark] .timeline > li > .timeline-panel:after {
-        border-left: 14px solid var(--bs-border-color);
-        border-right: 0 solid var(--bs-border-color);
-    }
-
-[data-bs-theme=dark] .timeline-body a {
-    color: var(--bs-secondary-color);
-}
-
-[data-bs-theme=dark] .timeline-title a {
-    color: var(--bs-white);
-}
-
-[data-bs-theme=dark] .timeline > li > .timeline-badge {
-    background-color: var(--bs-secondary-bg-subtle);
-    border: 3px solid var(--bs-border-color);
-}
-
 [data-bs-theme=dark] .article-post-summary {
     background-color: transparent !important;
 }
diff --git a/src/Moonglade.Web/wwwroot/css/timeline.css b/src/Moonglade.Web/wwwroot/css/timeline.css
index e20cb6e1f..f3e829e6c 100644
--- a/src/Moonglade.Web/wwwroot/css/timeline.css
+++ b/src/Moonglade.Web/wwwroot/css/timeline.css
@@ -172,3 +172,39 @@
             right: auto;
         }
 }
+
+[data-bs-theme=dark] .timeline-heading {
+    border-bottom: 1px solid var(--bs-border-color);
+}
+
+[data-bs-theme=dark] .timeline:before {
+    background-color: var(--bs-border-color);
+}
+
+[data-bs-theme=dark] .timeline > li > .timeline-panel {
+    border: 1px solid var(--bs-border-color);
+    background-color: transparent !important;
+}
+
+    [data-bs-theme=dark] .timeline > li > .timeline-panel:before {
+        border-left: 15px solid var(--bs-border-color);
+        border-right: 0 solid var(--bs-border-color);
+    }
+
+    [data-bs-theme=dark] .timeline > li > .timeline-panel:after {
+        border-left: 14px solid var(--bs-border-color);
+        border-right: 0 solid var(--bs-border-color);
+    }
+
+[data-bs-theme=dark] .timeline-body a {
+    color: var(--bs-secondary-color);
+}
+
+[data-bs-theme=dark] .timeline-title a {
+    color: var(--bs-white);
+}
+
+[data-bs-theme=dark] .timeline > li > .timeline-badge {
+    background-color: var(--bs-secondary-bg-subtle);
+    border: 3px solid var(--bs-border-color);
+}
\ No newline at end of file

From 785ed95f35427ca398b425ffdb466783393ecac6 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 08:40:13 +0800
Subject: [PATCH 22/80] support dark theme on sign in page

---
 src/Moonglade.Web/Pages/SignIn.cshtml  | 8 +++++++-
 src/Moonglade.Web/wwwroot/css/base.css | 4 ----
 src/Moonglade.Web/wwwroot/css/post.css | 4 ++++
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Moonglade.Web/Pages/SignIn.cshtml b/src/Moonglade.Web/Pages/SignIn.cshtml
index 5fee3349b..8f2a04362 100644
--- a/src/Moonglade.Web/Pages/SignIn.cshtml
+++ b/src/Moonglade.Web/Pages/SignIn.cshtml
@@ -36,7 +36,7 @@
         }
     </style>
 </head>
-<body class="bg-gray-1">
+<body>
     <div class="container">
         <main class="position-relative">
             <div class="position-absolute top-50 start-50 translate-middle">
@@ -77,6 +77,12 @@
             </div>
         </main>
     </div>
+    <script type="module">
+        import * as theme from '/js/app/theme.module.js'
+        window.theme = theme;
+
+        theme.setTheme(theme.getPreferredTheme());
+    </script>
     <script>
         function getNewCaptcha() {
             d = new Date();
diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index 45384e57d..0be81d0be 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -441,10 +441,6 @@ div.animbrand a:hover {
     right: 20px;
 }
 
-.comment-item {
-    background-color: var(--bs-white);
-}
-
 .lightswitch {
     background-color: var(--bs-white);
 }
diff --git a/src/Moonglade.Web/wwwroot/css/post.css b/src/Moonglade.Web/wwwroot/css/post.css
index ac26f1f92..c69fc9760 100644
--- a/src/Moonglade.Web/wwwroot/css/post.css
+++ b/src/Moonglade.Web/wwwroot/css/post.css
@@ -136,6 +136,10 @@ math {
     visibility: hidden;
 }
 
+.comment-item {
+    background-color: var(--bs-white);
+}
+
 @media (max-width: 767px) {
     h1.post-title, .post-content h1 {
         font-size: 1.4rem;

From 173635d76707fba7a40c0d26837d859fc5e82fa5 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 09:05:51 +0800
Subject: [PATCH 23/80] admin: apply theme to page with ThemeSwitchReady

---
 src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml b/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
index aed6c6da6..ac99e6fc1 100644
--- a/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
+++ b/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
@@ -93,6 +93,17 @@
     <script src="~/lib/twitter-bootstrap/js/bootstrap.bundle.min.js" asp-append-version="true"></script>
     <script type="module" src="~/js/app/base.js" asp-append-version="true"></script>
     <script src="~/js/app/httpService.js"></script>
+    
+    @if (null != ViewBag.ThemeSwitchReady && ViewBag.ThemeSwitchReady)
+    {
+        <script type="module">
+            import * as theme from '/js/app/theme.module.js'
+            window.theme = theme;
+
+            theme.setTheme(theme.getPreferredTheme());
+        </script>
+    }
+
     @await RenderSectionAsync("scripts", false)
 </body>
 

From 0887042d9dd32c4a740a259f1ab9232d357ec281 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 09:09:01 +0800
Subject: [PATCH 24/80] refact dark theme style

---
 src/Moonglade.Web/wwwroot/css/base.css     | 63 +++++++++++++++++++
 src/Moonglade.Web/wwwroot/css/darkmode.css | 72 +---------------------
 src/Moonglade.Web/wwwroot/css/post.css     | 10 +++
 3 files changed, 74 insertions(+), 71 deletions(-)

diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index 0be81d0be..85f56d4b2 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -444,3 +444,66 @@ div.animbrand a:hover {
 .lightswitch {
     background-color: var(--bs-white);
 }
+
+[data-bs-theme=dark] body {
+    background-color: var(--bs-secondary-bg-subtle);
+}
+
+[data-bs-theme=dark] .navbar-moonglade {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+    box-shadow: 0 4px 8px -2px #000;
+}
+
+[data-bs-theme=dark] .moonglade-footer {
+    --bs-bg-opacity: 1;
+    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+}
+
+[data-bs-theme=dark] a {
+    color: var(--bs-secondary-color);
+}
+
+
+[data-bs-theme=dark] .aside-widget {
+    background-color: transparent;
+}
+
+[data-bs-theme=dark] .btn-accent {
+    --bs-btn-color: #fff;
+    --bs-btn-bg: #212529;
+    --bs-btn-border-color: #212529;
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #424649;
+    --bs-btn-hover-border-color: #373b3e;
+    --bs-btn-focus-shadow-rgb: 66, 70, 73;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #4d5154;
+    --bs-btn-active-border-color: #373b3e;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #fff;
+    --bs-btn-disabled-bg: #212529;
+    --bs-btn-disabled-border-color: #212529;
+}
+
+[data-bs-theme=dark] .btn-outline-accent {
+    --bs-btn-color: var(--bs-body-color);
+    --bs-btn-border-color: var(--bs-border-color);
+    --bs-btn-hover-color: #fff;
+    --bs-btn-hover-bg: #343a40;
+    --bs-btn-hover-border-color: #212529;
+    --bs-btn-focus-shadow-rgb: 33, 37, 41;
+    --bs-btn-active-color: #fff;
+    --bs-btn-active-bg: #212529;
+    --bs-btn-active-border-color: #212529;
+    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    --bs-btn-disabled-color: #212529;
+    --bs-btn-disabled-bg: transparent;
+    --bs-btn-disabled-border-color: #212529;
+    --bs-gradient: none;
+}
+
+
+[data-bs-theme=dark] .lightswitch {
+    background-color: transparent;
+}
\ No newline at end of file
diff --git a/src/Moonglade.Web/wwwroot/css/darkmode.css b/src/Moonglade.Web/wwwroot/css/darkmode.css
index 8d89c6aea..4e2fb231b 100644
--- a/src/Moonglade.Web/wwwroot/css/darkmode.css
+++ b/src/Moonglade.Web/wwwroot/css/darkmode.css
@@ -1,23 +1,4 @@
-[data-bs-theme=dark] body {
-    background-color: var(--bs-secondary-bg-subtle);
-}
-
-[data-bs-theme=dark] .navbar-moonglade {
-    --bs-bg-opacity: 1;
-    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
-    box-shadow: 0 4px 8px -2px #000;
-}
-
-[data-bs-theme=dark] .moonglade-footer {
-    --bs-bg-opacity: 1;
-    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
-}
-
-[data-bs-theme=dark] a {
-    color: var(--bs-secondary-color);
-}
-
-[data-bs-theme=dark] .article-post-slug {
+[data-bs-theme=dark] .article-post-slug {
     background-color: transparent !important;
     padding: 0;
     border: 0 none !important;
@@ -64,54 +45,3 @@
     background-color: rgba(255, 255, 255, 0.1);
 }
 
-[data-bs-theme=dark] math {
-    background-color: #2e2e2e;
-    border: 1px solid #454545;
-    color: #e3e3e3;
-}
-
-[data-bs-theme=dark] .aside-widget {
-    background-color: transparent;
-}
-
-[data-bs-theme=dark] .comment-item {
-    background-color: var(--bs-body-bg);
-}
-
-[data-bs-theme=dark] .btn-accent {
-    --bs-btn-color: #fff;
-    --bs-btn-bg: #212529;
-    --bs-btn-border-color: #212529;
-    --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #424649;
-    --bs-btn-hover-border-color: #373b3e;
-    --bs-btn-focus-shadow-rgb: 66, 70, 73;
-    --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #4d5154;
-    --bs-btn-active-border-color: #373b3e;
-    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #fff;
-    --bs-btn-disabled-bg: #212529;
-    --bs-btn-disabled-border-color: #212529;
-}
-
-[data-bs-theme=dark] .btn-outline-accent {
-    --bs-btn-color: var(--bs-body-color);
-    --bs-btn-border-color: var(--bs-border-color);
-    --bs-btn-hover-color: #fff;
-    --bs-btn-hover-bg: #343a40;
-    --bs-btn-hover-border-color: #212529;
-    --bs-btn-focus-shadow-rgb: 33, 37, 41;
-    --bs-btn-active-color: #fff;
-    --bs-btn-active-bg: #212529;
-    --bs-btn-active-border-color: #212529;
-    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    --bs-btn-disabled-color: #212529;
-    --bs-btn-disabled-bg: transparent;
-    --bs-btn-disabled-border-color: #212529;
-    --bs-gradient: none;
-}
-
-[data-bs-theme=dark] .lightswitch {
-    background-color: transparent;
-}
diff --git a/src/Moonglade.Web/wwwroot/css/post.css b/src/Moonglade.Web/wwwroot/css/post.css
index c69fc9760..c28da397f 100644
--- a/src/Moonglade.Web/wwwroot/css/post.css
+++ b/src/Moonglade.Web/wwwroot/css/post.css
@@ -149,3 +149,13 @@ math {
         font-size: 1.3rem;
     }
 }
+
+[data-bs-theme=dark] math {
+    background-color: #2e2e2e;
+    border: 1px solid #454545;
+    color: #e3e3e3;
+}
+
+[data-bs-theme=dark] .comment-item {
+    background-color: var(--bs-body-bg);
+}
\ No newline at end of file

From a9f52164d4d5bd51ea80b710c1e1d6658e72a2bd Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 09:12:49 +0800
Subject: [PATCH 25/80] move more dark theme css

---
 src/Moonglade.Web/wwwroot/css/base.css     |  8 --------
 src/Moonglade.Web/wwwroot/css/darkmode.css | 18 +---------------
 src/Moonglade.Web/wwwroot/css/post.css     | 24 ++++++++++++++++++++++
 3 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index 85f56d4b2..fb83b76a1 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -220,14 +220,6 @@ footer {
     color: var(--accent-color1);
 }
 
-.comment-form-containter {
-    padding: 20px 38px;
-}
-
-    .comment-form-containter .card-subtitle {
-        font-size: 1rem;
-    }
-
 .dropdown-menu {
     box-shadow: 0 6px 12px var(--transparent-dark-4);
 }
diff --git a/src/Moonglade.Web/wwwroot/css/darkmode.css b/src/Moonglade.Web/wwwroot/css/darkmode.css
index 4e2fb231b..5073bac05 100644
--- a/src/Moonglade.Web/wwwroot/css/darkmode.css
+++ b/src/Moonglade.Web/wwwroot/css/darkmode.css
@@ -1,20 +1,4 @@
-[data-bs-theme=dark] .article-post-slug {
-    background-color: transparent !important;
-    padding: 0;
-    border: 0 none !important;
-}
-
-[data-bs-theme=dark] .comment-form-containter {
-    background-color: transparent !important;
-}
-
-[data-bs-theme=dark] .post-content blockquote,
-[data-bs-theme=dark] .post-content .blockquote {
-    border-left: 5px solid var(--bs-border-color);
-    color: var(--bs-secondary-color);
-}
-
-[data-bs-theme=dark] .page-item.active .page-link {
+[data-bs-theme=dark] .page-item.active .page-link {
     background-color: var(--bs-pagination-border-color);
     border-color: var(--bs-pagination-border-color);
 }
diff --git a/src/Moonglade.Web/wwwroot/css/post.css b/src/Moonglade.Web/wwwroot/css/post.css
index c28da397f..46257b847 100644
--- a/src/Moonglade.Web/wwwroot/css/post.css
+++ b/src/Moonglade.Web/wwwroot/css/post.css
@@ -100,6 +100,14 @@ h1.post-title,
         font-size: 80%;
     }
 
+.comment-form-containter {
+    padding: 20px 38px;
+}
+
+    .comment-form-containter .card-subtitle {
+        font-size: 1rem;
+    }
+
 .comment-list .thumbnail {
     padding: 0;
 }
@@ -150,6 +158,12 @@ math {
     }
 }
 
+[data-bs-theme=dark] .article-post-slug {
+    background-color: transparent !important;
+    padding: 0;
+    border: 0 none !important;
+}
+
 [data-bs-theme=dark] math {
     background-color: #2e2e2e;
     border: 1px solid #454545;
@@ -158,4 +172,14 @@ math {
 
 [data-bs-theme=dark] .comment-item {
     background-color: var(--bs-body-bg);
+}
+
+[data-bs-theme=dark] .post-content blockquote,
+[data-bs-theme=dark] .post-content .blockquote {
+    border-left: 5px solid var(--bs-border-color);
+    color: var(--bs-secondary-color);
+}
+
+[data-bs-theme=dark] .comment-form-containter {
+    background-color: transparent !important;
 }
\ No newline at end of file

From f13afe2009c88e34345d536002563fb3830e2a1d Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 09:16:01 +0800
Subject: [PATCH 26/80] complete darkmode.css migration

---
 src/Moonglade.Web/Pages/Shared/_Layout.cshtml |  1 -
 src/Moonglade.Web/wwwroot/css/base.css        | 30 ++++++++++++++++++
 src/Moonglade.Web/wwwroot/css/darkmode.css    | 31 -------------------
 3 files changed, 30 insertions(+), 32 deletions(-)
 delete mode 100644 src/Moonglade.Web/wwwroot/css/darkmode.css

diff --git a/src/Moonglade.Web/Pages/Shared/_Layout.cshtml b/src/Moonglade.Web/Pages/Shared/_Layout.cshtml
index 3b4e70e69..a540bd6db 100644
--- a/src/Moonglade.Web/Pages/Shared/_Layout.cshtml
+++ b/src/Moonglade.Web/Pages/Shared/_Layout.cshtml
@@ -82,7 +82,6 @@
     <link href="~/fonts/font.css" rel="stylesheet" />
     <link href="~/css/base.css" rel="stylesheet" asp-append-version="true" />
     <link href="~/css/rwd.css" rel="stylesheet" asp-append-version="true" />
-    <link href="~/css/darkmode.css" rel="stylesheet" asp-append-version="true" />
     @await RenderSectionAsync("head", false)
     <link href="~/theme.css" rel="stylesheet" asp-append-version="true" />
     @if (BlogConfig.CustomStyleSheetSettings.EnableCustomCss)
diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index fb83b76a1..999f9b7ff 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -495,6 +495,36 @@ div.animbrand a:hover {
     --bs-gradient: none;
 }
 
+[data-bs-theme=dark] .article-post-summary {
+    background-color: transparent !important;
+}
+
+[data-bs-theme=dark] .post-date-day,
+[data-bs-theme=dark] .post-date-month {
+    color: var(--bs-secondary-color);
+}
+
+[data-bs-theme=dark] .post-summary-text {
+    color: var(--bs-body-color);
+}
+
+[data-bs-theme=dark] .post-summary-title a {
+    color: var(--bs-white);
+}
+
+[data-bs-theme=dark] .page-item.active .page-link {
+    background-color: var(--bs-pagination-border-color);
+    border-color: var(--bs-pagination-border-color);
+}
+
+[data-bs-theme=dark] .navbar .dropdown-menu {
+    background-color: var(--bs-body-bg);
+}
+
+[data-bs-theme=dark] .navbar .dropdown-item.active,
+[data-bs-theme=dark] .dropdown-item:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+}
 
 [data-bs-theme=dark] .lightswitch {
     background-color: transparent;
diff --git a/src/Moonglade.Web/wwwroot/css/darkmode.css b/src/Moonglade.Web/wwwroot/css/darkmode.css
deleted file mode 100644
index 5073bac05..000000000
--- a/src/Moonglade.Web/wwwroot/css/darkmode.css
+++ /dev/null
@@ -1,31 +0,0 @@
-[data-bs-theme=dark] .page-item.active .page-link {
-    background-color: var(--bs-pagination-border-color);
-    border-color: var(--bs-pagination-border-color);
-}
-
-[data-bs-theme=dark] .article-post-summary {
-    background-color: transparent !important;
-}
-
-[data-bs-theme=dark] .post-date-day,
-[data-bs-theme=dark] .post-date-month {
-    color: var(--bs-secondary-color);
-}
-
-[data-bs-theme=dark] .post-summary-text {
-    color: var(--bs-body-color);
-}
-
-[data-bs-theme=dark] .post-summary-title a {
-    color: var(--bs-white);
-}
-
-[data-bs-theme=dark] .navbar .dropdown-menu {
-    background-color: var(--bs-body-bg);
-}
-
-[data-bs-theme=dark] .navbar .dropdown-item.active,
-[data-bs-theme=dark] .dropdown-item:hover {
-    background-color: rgba(255, 255, 255, 0.1);
-}
-

From e372bf4e5b61f74171c2389c6e0fc273c0934f59 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 09:31:17 +0800
Subject: [PATCH 27/80] move around rwd css

---
 src/Moonglade.Web/wwwroot/css/base.css | 11 +++++++++++
 src/Moonglade.Web/wwwroot/css/rwd.css  | 19 +------------------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index 999f9b7ff..22b229e09 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -437,6 +437,17 @@ div.animbrand a:hover {
     background-color: var(--bs-white);
 }
 
+/* iPad Pro 1024*1366 */
+@media (width: 1024px) {
+    .search-form {
+        max-width: 212px !important;
+    }
+
+    .form-control#term {
+        width: 173px !important;
+    }
+}
+
 [data-bs-theme=dark] body {
     background-color: var(--bs-secondary-bg-subtle);
 }
diff --git a/src/Moonglade.Web/wwwroot/css/rwd.css b/src/Moonglade.Web/wwwroot/css/rwd.css
index 2ab7439d1..364892768 100644
--- a/src/Moonglade.Web/wwwroot/css/rwd.css
+++ b/src/Moonglade.Web/wwwroot/css/rwd.css
@@ -1,10 +1,4 @@
-@media (min-width: 576px) {
-    .card-columns.card-columns-categories {
-        column-count: 4;
-    }
-}
-
-@media (max-width: 1400px) {
+@media (max-width: 1400px) {
     .article-post-summary {
         padding: 22px 30px;
     }
@@ -96,14 +90,3 @@
         right: 10px;
     }
 }
-
-/* iPad Pro 1024*1366 */
-@media (width: 1024px) {
-    .search-form {
-        max-width: 212px !important;
-    }
-
-    .form-control#term {
-        width: 173px !important;
-    }
-}

From 95cc857c59cecfb8b398cab77a6e799bb5176240 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 09:33:42 +0800
Subject: [PATCH 28/80] fix rwd background color

---
 src/Moonglade.Web/wwwroot/css/rwd.css | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/Moonglade.Web/wwwroot/css/rwd.css b/src/Moonglade.Web/wwwroot/css/rwd.css
index 364892768..54177a482 100644
--- a/src/Moonglade.Web/wwwroot/css/rwd.css
+++ b/src/Moonglade.Web/wwwroot/css/rwd.css
@@ -12,10 +12,6 @@
         border: none !important;
     }
 
-    body.body-post-slug {
-        background-color: var(--bs-white);
-    }
-
     .post-content img {
         cursor: inherit;
     }

From 8fa511ca592ea93b78f8695e74922dd652c45419 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:14:54 +0800
Subject: [PATCH 29/80] update dark theme

---
 src/Moonglade.Web/Pages/Admin/About.cshtml |  5 ++-
 src/Moonglade.Web/wwwroot/css/admin.css    | 44 +++++++++++++---------
 2 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/About.cshtml b/src/Moonglade.Web/Pages/Admin/About.cshtml
index 9261c303e..11824d2d3 100644
--- a/src/Moonglade.Web/Pages/Admin/About.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/About.cshtml
@@ -5,6 +5,7 @@
 @inject IConfiguration Configuration
 
 @{
+    ViewBag.ThemeSwitchReady = true;
     var process = Process.GetCurrentProcess();
 }
 
@@ -13,7 +14,7 @@
         @SharedLocalizer["Moonglade Configuration"]
     </h4>
 
-    <div class="mb-4 rounded-3 shadow-sm border bg-white p-2">
+    <div class="admin-table-container mb-4 rounded-3 shadow-sm border p-2">
         <table class="table table-borderless table-sm mb-0">
             <tbody>
                 <tr>
@@ -46,7 +47,7 @@
         @SharedLocalizer["Server Information"]
     </h4>
 
-    <div class="mb-4 rounded-3 shadow-sm border bg-white p-2">
+    <div class="admin-table-container mb-4 rounded-3 shadow-sm border p-2">
         <table class="table table-borderless table-sm mb-0">
             <tbody>
                 <tr>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 504bb8e4e..fdc5642f1 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -215,26 +215,26 @@ div.mce-fullscreen {
     }
 }
 
-        .ul-tag-mgr li span {
-            display: inline-block;
-            padding: 0 10px;
-            vertical-align: top;
-        }
+.ul-tag-mgr li span {
+    display: inline-block;
+    padding: 0 10px;
+    vertical-align: top;
+}
 
-        .ul-tag-mgr li a {
-            background-color: var(--bs-gray-200);
-            color: var(--bs-gray-dark);
-            cursor: pointer;
-            display: inline-block;
-            font-size: 16px;
-            height: 31px;
-            padding: 0 5px;
-        }
+.ul-tag-mgr li a {
+    background-color: var(--bs-gray-200);
+    color: var(--bs-gray-dark);
+    cursor: pointer;
+    display: inline-block;
+    font-size: 16px;
+    height: 31px;
+    padding: 0 5px;
+}
 
-            .ul-tag-mgr li a:hover {
-                background-color: var(--bs-red);
-                color: var(--bs-white);
-            }
+    .ul-tag-mgr li a:hover {
+        background-color: var(--bs-red);
+        color: var(--bs-white);
+    }
 
 .table .table-item-w10 {
     width: 10%;
@@ -345,3 +345,11 @@ div.mce-fullscreen {
 .h-200px {
     height: 200px !important;
 }
+
+.admin-table-container {
+    background-color: var(--bs-white);
+}
+
+[data-bs-theme="dark"] .admin-table-container {
+    background-color: var(--bs-body-bg);
+}

From 3a8d3878baa1d1560a74a4b77a105b3a1c7e0f5a Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:15:58 +0800
Subject: [PATCH 30/80] Update admin.css

---
 src/Moonglade.Web/wwwroot/css/admin.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index fdc5642f1..04d455f8c 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -353,3 +353,7 @@ div.mce-fullscreen {
 [data-bs-theme="dark"] .admin-table-container {
     background-color: var(--bs-body-bg);
 }
+
+[data-bs-theme="dark"] .admin-nav {
+    border-right: 1px solid var(--bs-border-color);
+}
\ No newline at end of file

From 6dc0e4dd6de1d42e6a731e9d11b12a2a929e5d1f Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:21:14 +0800
Subject: [PATCH 31/80] Refactor BlogPage config settings for clarity

Streamlined configuration settings for blog pages by consolidating related settings under a new `BlogPage` section in `appsettings.json`. Updated `BlogPage.cshtml.cs` to use these new configuration keys for cache expiration and `LastModified` header settings. Removed outdated entries from `CacheSlidingExpirationMinutes` and `Experimental` sections to improve organization and clarity.
---
 src/Moonglade.Web/Pages/BlogPage.cshtml.cs | 4 ++--
 src/Moonglade.Web/appsettings.json         | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Moonglade.Web/Pages/BlogPage.cshtml.cs b/src/Moonglade.Web/Pages/BlogPage.cshtml.cs
index 409609a18..638644a6e 100644
--- a/src/Moonglade.Web/Pages/BlogPage.cshtml.cs
+++ b/src/Moonglade.Web/Pages/BlogPage.cshtml.cs
@@ -14,7 +14,7 @@ public async Task<IActionResult> OnGetAsync(string slug)
 
         var page = await cache.GetOrCreateAsync(BlogCachePartition.Page.ToString(), slug.ToLower(), async entry =>
         {
-            entry.SlidingExpiration = TimeSpan.FromMinutes(int.Parse(configuration["CacheSlidingExpirationMinutes:Page"]!));
+            entry.SlidingExpiration = TimeSpan.FromMinutes(int.Parse(configuration["BlogPage:CacheMinutes"]!));
 
             var p = await mediator.Send(new GetPageBySlugQuery(slug));
             return p;
@@ -24,7 +24,7 @@ public async Task<IActionResult> OnGetAsync(string slug)
 
         BlogPage = page;
 
-        if (page.UpdateTimeUtc.HasValue && bool.Parse(configuration["Experimental:SetLastModifiedHeaderForPages"]!))
+        if (page.UpdateTimeUtc.HasValue && bool.Parse(configuration["BlogPage:SetLastModifiedHeader"]!))
         {
             Response.Headers.LastModified = page.UpdateTimeUtc.Value.ToString("R");
 
diff --git a/src/Moonglade.Web/appsettings.json b/src/Moonglade.Web/appsettings.json
index f51ccf88d..9de3b9b4a 100644
--- a/src/Moonglade.Web/appsettings.json
+++ b/src/Moonglade.Web/appsettings.json
@@ -57,7 +57,6 @@
   "BlockPRCFuryCode": true,
   "CacheSlidingExpirationMinutes": {
     "Post": 20,
-    "Page": 20,
     "Image": 60,
     "Widget": 30
   },
@@ -70,8 +69,9 @@
       "PostgreSql": ""
     }
   },
-  "Experimental": {
-    "SetLastModifiedHeaderForPages": true
+  "BlogPage": {
+    "SetLastModifiedHeader": true,
+    "CacheMinutes": 20
   },
   "Logging": {
     "LogLevel": {

From bcdbfb66ebc582bb1aa0823266ba13ec08e04e47 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:23:32 +0800
Subject: [PATCH 32/80] Refactor caching logic and update ImageStorage settings

- Added `CacheMinutes` and `Provider` properties to `ImageStorageSettings` in `ImageStorage.cs`.
- Modified `ImageController.cs` to use `CacheMinutes` from `_imageStorageSettings`.
- Updated `appsettings.json` to include `CacheMinutes` under `ImageStorage` with a value of 60.
- Removed `Image` property from `CacheSlidingExpirationMinutes` in `appsettings.json`.
---
 src/Moonglade.ImageStorage/ImageStorage.cs       | 2 ++
 src/Moonglade.Web/Controllers/ImageController.cs | 2 +-
 src/Moonglade.Web/appsettings.json               | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.ImageStorage/ImageStorage.cs b/src/Moonglade.ImageStorage/ImageStorage.cs
index ff7782eb6..17a67666a 100644
--- a/src/Moonglade.ImageStorage/ImageStorage.cs
+++ b/src/Moonglade.ImageStorage/ImageStorage.cs
@@ -6,6 +6,8 @@ public class ImageStorageSettings
 {
     public string[] AllowedExtensions { get; set; }
 
+    public int CacheMinutes { get; set; }
+
     public string Provider { get; set; }
 
     public string FileSystemPath { get; set; }
diff --git a/src/Moonglade.Web/Controllers/ImageController.cs b/src/Moonglade.Web/Controllers/ImageController.cs
index f00b92f66..4aee53446 100644
--- a/src/Moonglade.Web/Controllers/ImageController.cs
+++ b/src/Moonglade.Web/Controllers/ImageController.cs
@@ -42,7 +42,7 @@ public async Task<IActionResult> Image([MaxLength(256)] string filename)
 
         var image = await cache.GetOrCreateAsync(filename, async entry =>
         {
-            entry.SlidingExpiration = TimeSpan.FromMinutes(int.Parse(configuration["CacheSlidingExpirationMinutes:Image"]!));
+            entry.SlidingExpiration = TimeSpan.FromMinutes(_imageStorageSettings.CacheMinutes);
             var imageInfo = await imageStorage.GetAsync(filename);
             return imageInfo;
         });
diff --git a/src/Moonglade.Web/appsettings.json b/src/Moonglade.Web/appsettings.json
index 9de3b9b4a..e1daf1a7b 100644
--- a/src/Moonglade.Web/appsettings.json
+++ b/src/Moonglade.Web/appsettings.json
@@ -39,6 +39,7 @@
   },
   "ImageStorage": {
     "AllowedExtensions": [ ".png", ".jpg", ".jpeg", ".gif" ],
+    "CacheMinutes": 60,
     "Provider": "filesystem",
     "FileSystemPath": "C:\\UploadedImages",
     "AzureStorageSettings": {
@@ -57,7 +58,6 @@
   "BlockPRCFuryCode": true,
   "CacheSlidingExpirationMinutes": {
     "Post": 20,
-    "Image": 60,
     "Widget": 30
   },
   "Setup": {

From f7a32ed23033aec816aa04aa2084611438353091 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:26:15 +0800
Subject: [PATCH 33/80] Update SQL Server migration script URL in
 appsettings.json

The `DatabaseMigrationScript` URL for `SqlServer` in the `appsettings.json` file has been updated. The URL was changed from pointing to the `master` branch to the `release` branch of the repository. This change ensures that the SQL Server migration script is now fetched from the `release` branch instead of the `master` branch.
---
 src/Moonglade.Web/appsettings.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/appsettings.json b/src/Moonglade.Web/appsettings.json
index e1daf1a7b..f8015b5ca 100644
--- a/src/Moonglade.Web/appsettings.json
+++ b/src/Moonglade.Web/appsettings.json
@@ -64,7 +64,7 @@
     "AutoDatabaseMigration": true,
     "SQLScriptDownloadTimeout": 30,
     "DatabaseMigrationScript": {
-      "SqlServer": "https://raw.githubusercontent.com/EdiWang/Moonglade/master/Deployment/mssql-migration.sql",
+      "SqlServer": "https://raw.githubusercontent.com/EdiWang/Moonglade/release/Deployment/mssql-migration.sql",
       "MySql": "",
       "PostgreSql": ""
     }

From f19a2b092be3420ce7e2da3eae6598fb11eaabd2 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:28:27 +0800
Subject: [PATCH 34/80] Update admin.css

---
 src/Moonglade.Web/wwwroot/css/admin.css | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 04d455f8c..4cbb33e79 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -57,7 +57,7 @@
 .admin-nav {
     width: 190px;
     min-height: calc(100vh - 54px);
-    border-right: 1px solid #ddd;
+    border-right: 1px solid var(--bs-border-color);
 
     .list-group-item span {
         width: 22px;
@@ -104,11 +104,6 @@
     font-size: 12px;
 }
 
-hr.admin-nav-divider {
-    border-top: 1px solid var(--transparent-light-30);
-    margin: 0 20px;
-}
-
 .post-content-textarea {
     min-height: calc(100vh - 360px);
 }
@@ -353,7 +348,3 @@ div.mce-fullscreen {
 [data-bs-theme="dark"] .admin-table-container {
     background-color: var(--bs-body-bg);
 }
-
-[data-bs-theme="dark"] .admin-nav {
-    border-right: 1px solid var(--bs-border-color);
-}
\ No newline at end of file

From 282fc924effa68b8d7d7257ceda60dc419b7818a Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:34:36 +0800
Subject: [PATCH 35/80] color fix

---
 src/Moonglade.Web/wwwroot/css/admin.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 4cbb33e79..8c9b7cec5 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -21,6 +21,10 @@
     overflow-x: hidden;
 }
 
+.navbar-brand {
+    color: var(--bs-white);
+}
+
 .aspnet-tag-moonglade-userinfo,
 .aspnet-tag-moonglade-userinfo-name,
 .aspnet-tag-moonglade-userinfo-email {
@@ -148,7 +152,7 @@
     }
 
     .admin-nav-section .list-group-item:hover {
-        background-color: #EBEBEB;
+        background-color: var(--bs-gray-200);
     }
 
 .admin-toolbar .nav-link {
@@ -345,6 +349,14 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
+[data-bs-theme="dark"] .navbar-brand {
+    color: var(--bs-white);
+}
+
 [data-bs-theme="dark"] .admin-table-container {
     background-color: var(--bs-body-bg);
 }
+
+[data-bs-theme="dark"] .admin-nav-section .list-group-item:hover {
+    background-color: var(--bs-body-bg);
+}
\ No newline at end of file

From bb54ec931ec321d8a2844ffedba06c8ad8dbbc8b Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:39:25 +0800
Subject: [PATCH 36/80] support dark theme on Notification settings

---
 .../Pages/Settings/Notification.cshtml              | 13 +++++++------
 src/Moonglade.Web/wwwroot/css/admin.css             |  5 +++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/Notification.cshtml b/src/Moonglade.Web/Pages/Settings/Notification.cshtml
index f0f301310..9b67f9411 100644
--- a/src/Moonglade.Web/Pages/Settings/Notification.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Notification.cshtml
@@ -25,6 +25,7 @@
     </script>
 }
 @{
+    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.NotificationSettings;
 }
 
@@ -48,7 +49,7 @@
                     }
                     else
                     {
-                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                             <div class="col-auto">
                                 <i class="bi-link settings-entry-icon"></i>
                             </div>
@@ -61,7 +62,7 @@
                         </div>
                     }
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-pen settings-entry-icon"></i>
                         </div>
@@ -73,7 +74,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-envelope settings-entry-icon"></i>
                         </div>
@@ -92,7 +93,7 @@
                 <div>
                     <h4 class="admin-subtitle fw-bold mb-2">@SharedLocalizer["Notification Options"]</h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-envelope settings-entry-icon"></i>
                         </div>
@@ -107,7 +108,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-chat-left settings-entry-icon"></i>
                         </div>
@@ -122,7 +123,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-reply settings-entry-icon"></i>
                         </div>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 8c9b7cec5..8789ded0c 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -293,6 +293,7 @@ div.mce-fullscreen {
 .settings-entry {
     margin-left: 0;
     margin-right: 0;
+    background-color: var(--bs-white);
 }
 
 .tags-dropdown .tagify__dropdown__item {
@@ -359,4 +360,8 @@ div.mce-fullscreen {
 
 [data-bs-theme="dark"] .admin-nav-section .list-group-item:hover {
     background-color: var(--bs-body-bg);
+}
+
+[data-bs-theme="dark"] .settings-entry {
+    background-color: var(--bs-body-bg);
 }
\ No newline at end of file

From 216b0cf7b2df2be1a372be0f2ded9e9c3ad822b4 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:41:08 +0800
Subject: [PATCH 37/80] support dark theme on Subscription page

---
 src/Moonglade.Web/Pages/Settings/Subscription.cshtml | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/Subscription.cshtml b/src/Moonglade.Web/Pages/Settings/Subscription.cshtml
index c538f8495..adbf31c11 100644
--- a/src/Moonglade.Web/Pages/Settings/Subscription.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Subscription.cshtml
@@ -8,6 +8,7 @@
     </script>
 }
 @{
+    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.FeedSettings;
 }
 
@@ -19,7 +20,7 @@
     <div class="admin-settings-entry-container">
         <div class="row">
             <div class="col-lg-6">
-                <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                     <div class="col-auto">
                         <i class="bi-list-ol settings-entry-icon"></i>
                     </div>
@@ -32,7 +33,7 @@
                     </div>
                 </div>
 
-                <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white">
+                <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border">
                     <div class="col-auto">
                         <i class="bi-justify-left settings-entry-icon"></i>
                     </div>

From 262ea3d784cd7e546ee64f32c80fdb0d735a7bfd Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:53:20 +0800
Subject: [PATCH 38/80] support dark theme on image settings

---
 src/Moonglade.Web/Pages/Settings/Image.cshtml | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/Image.cshtml b/src/Moonglade.Web/Pages/Settings/Image.cshtml
index 869a2ff64..55f2c72b5 100644
--- a/src/Moonglade.Web/Pages/Settings/Image.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Image.cshtml
@@ -8,6 +8,7 @@
     </script>
 }
 @{
+    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.ImageSettings;
 }
 
@@ -24,7 +25,7 @@
                         @SharedLocalizer["General"]
                     </h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-fullscreen settings-entry-icon"></i>
                         </div>
@@ -44,7 +45,7 @@
                         CDN
                     </h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-globe settings-entry-icon"></i>
                         </div>
@@ -59,7 +60,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-link settings-entry-icon"></i>
                         </div>
@@ -81,7 +82,7 @@
                         @SharedLocalizer["Watermark"]
                     </h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-file-earmark-font settings-entry-icon"></i>
                         </div>
@@ -99,7 +100,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-images settings-entry-icon"></i>
                         </div>
@@ -117,7 +118,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-input-cursor-text settings-entry-icon"></i>
                         </div>
@@ -129,7 +130,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-input-cursor-text settings-entry-icon"></i>
                         </div>
@@ -144,7 +145,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-palette settings-entry-icon"></i>
                         </div>
@@ -163,7 +164,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-fonts settings-entry-icon"></i>
                         </div>

From 4504b26b9d34994571da9d3a925fb80444823c20 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 29 Sep 2024 13:57:21 +0800
Subject: [PATCH 39/80] dark theme for advanced settings

---
 .../Pages/Settings/Advanced.cshtml            | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/Advanced.cshtml b/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
index e7e6ebd85..5f13af11d 100644
--- a/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
@@ -2,6 +2,7 @@
 @using System.Reflection
 @Html.AntiForgeryToken()
 @{
+    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.AdvancedSettings;
 
     var asm = Assembly.GetEntryAssembly();
@@ -100,7 +101,7 @@
                 <div class="mb-4">
                     <h4 class="admin-subtitle fw-bold mb-2">@SharedLocalizer["Advanced Settings"]</h4>
                     
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-arrow-right-circle settings-entry-icon"></i>
                         </div>
@@ -115,7 +116,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-arrow-right-circle settings-entry-icon"></i>
                         </div>
@@ -130,7 +131,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-map settings-entry-icon"></i>
                         </div>
@@ -145,7 +146,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-search settings-entry-icon"></i>
                         </div>
@@ -160,7 +161,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-diagram-2 settings-entry-icon"></i>
                         </div>
@@ -176,7 +177,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-filetype-xml settings-entry-icon"></i>
                         </div>
@@ -191,7 +192,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border">
                         <div class="col-auto">
                             <i class="bi-exclamation-triangle settings-entry-icon"></i>
                         </div>
@@ -210,12 +211,12 @@
             <div class="col-md-6">
                 <div class="mb-3">
                     <h4 class="admin-subtitle fw-bold mb-2">@Html.DisplayNameFor(m => settings.RobotsTxtContent)</h4>
-                    <div class="p-3 rounded-3 shadow-sm border bg-white mb-3">
+                    <div class="p-3 rounded-3 shadow-sm border mb-3">
                         <textarea asp-for="@settings.RobotsTxtContent" class="form-control textarea-code" cols="60" rows="10" spellcheck="false"></textarea>
                     </div>
 
                     <h4 class="admin-subtitle fw-bold mb-2">@Html.DisplayNameFor(m => settings.FootScripts)</h4>
-                    <div class="p-3 rounded-3 shadow-sm border bg-white mb-3">
+                    <div class="p-3 rounded-3 shadow-sm border mb-3">
                         <div class="alert alert-warning">
                             @SharedLocalizer["Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution."]
                         </div>
@@ -234,7 +235,7 @@
                         @SharedLocalizer["Options"]
                     </h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-moon-stars settings-entry-icon"></i>
                         </div>
@@ -251,7 +252,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border">
                         <div class="col-auto">
                             <i class="bi-eraser settings-entry-icon"></i>
                         </div>

From dacdcf70dbf22a740a91994479b4a72d6d88a281 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Mon, 30 Sep 2024 12:15:03 +0800
Subject: [PATCH 40/80] dark mode for CustomStyleSheet

---
 src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml  | 7 ++++---
 src/Moonglade.Web/Pages/Shared/_MonacoLoaderScript.cshtml | 5 +++++
 src/Moonglade.Web/wwwroot/css/admin.css                   | 8 ++++++++
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml b/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml
index fbe852428..6eb33c68b 100644
--- a/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml
@@ -1,6 +1,7 @@
 @page "/admin/settings/custom-css"
 @Html.AntiForgeryToken()
 @{
+    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.CustomStyleSheetSettings;
 }
 
@@ -29,7 +30,7 @@
 @section head{
     <style>
         .monaco-target {
-            border: 1px solid #dee2e6;
+            border: 1px solid var(--bs-border-color);
             width: 100%;
             min-height: calc(100vh - 370px);
         }
@@ -42,7 +43,7 @@
 
 <form id="form-settings" asp-controller="Settings" asp-action="CustomStyleSheet">
     <div class="admin-settings-entry-container">
-        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
             <div class="col-auto">
                 <i class="bi-palette settings-entry-icon"></i>
             </div>
@@ -57,7 +58,7 @@
             </div>
         </div>
 
-        <div id="CssContentEditor" class="monaco-target p-3 rounded-3 shadow-sm border bg-white">
+        <div id="CssContentEditor" class="monaco-target p-3 rounded-3 shadow-sm border">
         </div>
         <textarea asp-for="@settings.CssCode" class="settings-csscontent-textarea d-none"></textarea>
     </div>
diff --git a/src/Moonglade.Web/Pages/Shared/_MonacoLoaderScript.cshtml b/src/Moonglade.Web/Pages/Shared/_MonacoLoaderScript.cshtml
index 567a85167..52c52b76b 100644
--- a/src/Moonglade.Web/Pages/Shared/_MonacoLoaderScript.cshtml
+++ b/src/Moonglade.Web/Pages/Shared/_MonacoLoaderScript.cshtml
@@ -4,6 +4,11 @@
 
     function initEditor(containerId, textAreaQuerySelector, lang) {
         var editorDiv = document.getElementById(containerId);
+
+        if (window.theme.getPreferredTheme() == 'dark') {
+            monaco.editor.setTheme("vs-dark");
+        }
+        
         var editorInstance = monaco.editor.create(editorDiv, {
             language: lang
         });
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 8789ded0c..f9e519204 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -350,6 +350,10 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
+.monaco-target {
+    background-color: var(--bs-white);
+}
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }
@@ -364,4 +368,8 @@ div.mce-fullscreen {
 
 [data-bs-theme="dark"] .settings-entry {
     background-color: var(--bs-body-bg);
+}
+
+[data-bs-theme="dark"] .monaco-target {
+    background-color: #1E1E1E;
 }
\ No newline at end of file

From cc88f7a9f2893fea5b974ba5b234e69b604df6b4 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Mon, 30 Sep 2024 12:16:54 +0800
Subject: [PATCH 41/80] dark mode for content settings

---
 .../Pages/Settings/Content.cshtml             | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/Content.cshtml b/src/Moonglade.Web/Pages/Settings/Content.cshtml
index 9707e4371..fd8547a97 100644
--- a/src/Moonglade.Web/Pages/Settings/Content.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Content.cshtml
@@ -22,6 +22,7 @@
     </script>
 }
 @{
+    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.ContentSettings;
 }
 
@@ -36,7 +37,7 @@
                 <div>
                     <h4 class="admin-subtitle fw-bold mb-2">@SharedLocalizer["Comments"]</h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-chat-left-dots settings-entry-icon"></i>
                         </div>
@@ -51,7 +52,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-diagram-2 settings-entry-icon"></i>
                         </div>
@@ -80,7 +81,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="settings-entry-icon bi-hourglass-split"></i>
                         </div>
@@ -95,7 +96,7 @@
 
                     <div class="comment-settings-built-in">
 
-                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                             <div class="col-auto">
                                 <i class="bi-sort-numeric-down settings-entry-icon"></i>
                             </div>
@@ -114,7 +115,7 @@
                             </div>
                         </div>
 
-                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                             <div class="col-auto">
                                 <i class="bi-person-check settings-entry-icon"></i>
                             </div>
@@ -129,7 +130,7 @@
                             </div>
                         </div>
 
-                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                             <div class="col-auto">
                                 <i class="bi-person-square settings-entry-icon"></i>
                             </div>
@@ -146,7 +147,7 @@
 
                         @if (!string.IsNullOrWhiteSpace(Configuration["ContentModerator:ApiEndpoint"]))
                         {
-                            <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                            <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                                 <div class="col-auto">
                                     <i class="bi-translate settings-entry-icon"></i>
                                 </div>
@@ -161,7 +162,7 @@
                                 </div>
                             </div>
 
-                            <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                            <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                                 <div class="col-auto">
                                     <i class="bi-check2-circle settings-entry-icon"></i>
                                 </div>
@@ -183,7 +184,7 @@
                         }
                         else
                         {
-                            <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                            <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                                 <div class="col-auto">
                                     <i class="bi-translate settings-entry-icon"></i>
                                 </div>
@@ -215,7 +216,7 @@
                 <div class="mb-3">
                     <h4 class="admin-subtitle fw-bold mb-2">@SharedLocalizer["Blog posts"]</h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-check2-circle settings-entry-icon"></i>
                         </div>
@@ -234,7 +235,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-sort-numeric-down settings-entry-icon"></i>
                         </div>
@@ -246,7 +247,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="settings-entry-icon bi-file-word"></i>
                         </div>
@@ -259,7 +260,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-list-nested settings-entry-icon"></i>
                         </div>
@@ -274,7 +275,7 @@
                         </div>
                     </div>
 
-                    <div class="rounded-3 shadow-sm border bg-white">
+                    <div class="rounded-3 shadow-sm border">
                         <div class="settings-entry row align-items-center py-3 px-2">
                             <div class="col-auto">
                                 <i class="bi-card-text settings-entry-icon"></i>
@@ -305,7 +306,7 @@
                 <div>
                     <h4 class="admin-subtitle fw-bold mb-2">@SharedLocalizer["Call-out"]</h4>
 
-                    <div class="rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="rounded-3 shadow-sm border mb-2">
                         <div class="settings-entry row align-items-center py-3 px-2">
                             <div class="col-auto">
                                 <i class="bi-menu-button-wide-fill settings-entry-icon"></i>

From 93665beed3af519e56e00122e7e264362638de83 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Mon, 30 Sep 2024 12:20:56 +0800
Subject: [PATCH 42/80] dark mode for general settings

---
 .../Pages/Settings/General.cshtml             | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/General.cshtml b/src/Moonglade.Web/Pages/Settings/General.cshtml
index 2568c6b5c..78bb62cb0 100644
--- a/src/Moonglade.Web/Pages/Settings/General.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/General.cshtml
@@ -5,6 +5,8 @@
 @inject IMediator Mediator
 
 @{
+    ViewBag.ThemeSwitchReady = true;
+
     var tzList = ZoneResolver.ListTimeZones().Select(t => new SelectListItem
             {
                 Text = t.DisplayName,
@@ -116,7 +118,7 @@
                 <div class="mb-3">
                     <h4 class="admin-subtitle fw-bold mb-2">@SharedLocalizer["Blog Identity"]</h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-card-heading settings-entry-icon"></i>
                         </div>
@@ -128,7 +130,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-input-cursor settings-entry-icon"></i>
                         </div>
@@ -140,7 +142,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-file-word settings-entry-icon"></i>
                         </div>
@@ -152,7 +154,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-app-indicator settings-entry-icon"></i>
                         </div>
@@ -167,7 +169,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-link settings-entry-icon"></i>
                         </div>
@@ -180,7 +182,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-clock settings-entry-icon"></i>
                         </div>
@@ -193,7 +195,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-globe settings-entry-icon"></i>
                         </div>
@@ -234,7 +236,7 @@
                         @SharedLocalizer["Footer"]
                     </h4>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-check2-square settings-entry-icon"></i>
                         </div>
@@ -260,7 +262,7 @@
                     <h4 class="admin-subtitle fw-bold mb-2">
                         @SharedLocalizer["Dublin Core Metadata"]
                     </h4>
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi bi-globe settings-entry-icon"></i>
                         </div>
@@ -275,7 +277,7 @@
                         </div>
                     </div>
 
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-link settings-entry-icon"></i>
                         </div>
@@ -293,7 +295,7 @@
                     <h4 class="admin-subtitle fw-bold mb-2">
                         @SharedLocalizer["Side Bar"]
                     </h4>
-                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
                         <div class="col-auto">
                             <i class="bi-layout-sidebar-inset settings-entry-icon"></i>
                         </div>
@@ -317,7 +319,7 @@
                         </div>
                     </div>
 
-                    <div class="rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="rounded-3 shadow-sm border mb-2">
                         <div class="settings-entry row align-items-center py-3 px-2">
                             <div class="col-auto">
                                 <i class="bi-file-person settings-entry-icon"></i>
@@ -404,7 +406,7 @@
                         </div>
                     </div>
 
-                    <div class="rounded-3 shadow-sm border bg-white mb-2">
+                    <div class="rounded-3 shadow-sm border mb-2">
                         <div class="settings-entry row align-items-center py-3 px-2">
                             <label>@SharedLocalizer["Side bar items"]</label>
                             <div class="text-muted">@SharedLocalizer["Show or hide widgets that display on the side bar"]</div>

From 0a2072f286d2f580eb015629c27185aef384edef Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Mon, 30 Sep 2024 12:26:42 +0800
Subject: [PATCH 43/80] Update drop target styling in modals and add dark theme

Updated `_AvatarModal.cshtml` and `_FaviconModal.cshtml` to use the new `image-drop-target` class for drop target areas. Added the `.image-drop-target` class in `admin.css` with styles for background color, border, border-radius, display, justify-content, and align-items. Included a dark theme variant for `.image-drop-target` to ensure proper styling when the dark theme is active.
---
 .../Pages/Settings/_AvatarModal.cshtml             |  2 +-
 .../Pages/Settings/_FaviconModal.cshtml            |  2 +-
 src/Moonglade.Web/wwwroot/css/admin.css            | 14 ++++++++++++++
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Settings/_AvatarModal.cshtml b/src/Moonglade.Web/Pages/Settings/_AvatarModal.cshtml
index 3da2d2354..a968a19a6 100644
--- a/src/Moonglade.Web/Pages/Settings/_AvatarModal.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/_AvatarModal.cshtml
@@ -9,7 +9,7 @@
             <div class="modal-body">
 
                 <div class="mb-2">
-                    <div id="avatarDropTarget" style="width: 256px; height: 256px;" class="img-thumbnail bg-light text-center">
+                    <div id="avatarDropTarget" style="width: 256px; height: 256px;" class="img-thumbnail image-drop-target text-center">
                         @SharedLocalizer["Drag and drop image file here"]
                     </div>
 
diff --git a/src/Moonglade.Web/Pages/Settings/_FaviconModal.cshtml b/src/Moonglade.Web/Pages/Settings/_FaviconModal.cshtml
index 68cf44c85..ab36c260d 100644
--- a/src/Moonglade.Web/Pages/Settings/_FaviconModal.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/_FaviconModal.cshtml
@@ -9,7 +9,7 @@
             <div class="modal-body">
 
                 <div class="mb-2">
-                    <div id="siteiconDropTarget" style="width: 256px; height: 256px;" class="img-thumbnail bg-light text-center">
+                    <div id="siteiconDropTarget" style="width: 256px; height: 256px;" class="img-thumbnail image-drop-target text-center">
                         @SharedLocalizer["Drag and drop image file here"]
                     </div>
 
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index f9e519204..9df36240d 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -354,6 +354,15 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
+.image-drop-target {
+    background-color: var(--bs-gray-200);
+    border: 2px dashed var(--bs-gray-400);
+    border-radius: 5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }
@@ -372,4 +381,9 @@ div.mce-fullscreen {
 
 [data-bs-theme="dark"] .monaco-target {
     background-color: #1E1E1E;
+}
+
+[data-bs-theme="dark"] .image-drop-target {
+    background-color: var(--bs-secondary-bg-subtle);
+    border: 2px dashed #4F4F4F;
 }
\ No newline at end of file

From 8358cd0eec30a2a9db2d76cf47a4fd0c5c7c353c Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Tue, 1 Oct 2024 18:49:12 +0800
Subject: [PATCH 44/80] support dark mode for categories

---
 src/Moonglade.Web/Pages/Admin/Category.cshtml | 1 +
 src/Moonglade.Web/wwwroot/css/admin.css       | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/Moonglade.Web/Pages/Admin/Category.cshtml b/src/Moonglade.Web/Pages/Admin/Category.cshtml
index 13c4dc154..0c1e42bff 100644
--- a/src/Moonglade.Web/Pages/Admin/Category.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Category.cshtml
@@ -1,6 +1,7 @@
 @page "/admin/category"
 @model Moonglade.Web.Pages.Admin.CategoryModel
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Categories";
 }
 
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 9df36240d..8346956ff 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -386,4 +386,8 @@ div.mce-fullscreen {
 [data-bs-theme="dark"] .image-drop-target {
     background-color: var(--bs-secondary-bg-subtle);
     border: 2px dashed #4F4F4F;
+}
+
+[data-bs-theme="dark"] .admin-nav .list-group-item.active {
+    color: var(--bs-white)
 }
\ No newline at end of file

From 18f2c033b939670cf5291e646d975ae060fd7939 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 07:43:08 +0800
Subject: [PATCH 45/80] dark mode for BlogPage

---
 src/Moonglade.Web/Pages/Admin/BlogPage.cshtml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml b/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml
index 3e27639e9..5cdd68f5a 100644
--- a/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml
@@ -2,6 +2,7 @@
 @using Moonglade.Core.PageFeature
 @inject IMediator Mediator
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Pages";
     var pageSegments = await Mediator.Send(new ListPageSegmentQuery());
 }

From f1a7e9c2d980efd4c5458dfb2fe63d9d1aaeb81b Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 07:45:58 +0800
Subject: [PATCH 46/80] dark mode for EditPage

---
 src/Moonglade.Web/Pages/Admin/EditPage.cshtml |  3 +-
 src/Moonglade.Web/wwwroot/css/admin.css       | 58 ++++++++++++-------
 2 files changed, 38 insertions(+), 23 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/EditPage.cshtml b/src/Moonglade.Web/Pages/Admin/EditPage.cshtml
index 935230fbf..463e52f62 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPage.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPage.cshtml
@@ -1,6 +1,7 @@
 @page "/admin/page/edit/{id:guid?}"
 @model Moonglade.Web.Pages.Admin.EditPageModel
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Edit Page";
 }
 
@@ -174,7 +175,7 @@
                 </div>
             </div>
             <div class="col-md-3 col-xl-2">
-                <div class="p-3 rounded-3 shadow-sm border bg-white mb-4">
+                <div class="admin-side-options-container p-3 rounded-3 shadow-sm border mb-4">
                     <div class="mb-3">
                         <div class="form-check form-switch mb-2">
                             <input type="checkbox" asp-for="EditPageRequest.HideSidebar" class="form-check-input">
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 8346956ff..29d719594 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -62,16 +62,18 @@
     width: 190px;
     min-height: calc(100vh - 54px);
     border-right: 1px solid var(--bs-border-color);
+    .list-group-item span
 
-    .list-group-item span {
-        width: 22px;
-        font-size: 16px;
-        display: inline-block;
-    }
+{
+    width: 22px;
+    font-size: 16px;
+    display: inline-block;
+}
+
+.list-group-item.active {
+    color: #000;
+}
 
-    .list-group-item.active {
-        color: #000;
-    }
 }
 
 .admin-main {
@@ -80,10 +82,12 @@
 
 .admin-toolbar {
     margin-bottom: 25px !important;
+    .nav-pills .nav-link.active, .nav-pills .show > .nav-link
+
+{
+    background-color: var(--accent-color1);
+}
 
-    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
-        background-color: var(--accent-color1);
-    }
 }
 
 .admin-toolbar-text {
@@ -200,18 +204,20 @@ div.mce-fullscreen {
 .ul-tag-mgr {
     line-height: 28px;
     text-align: justify;
+    li
 
-    li {
-        display: inline-block;
-        height: 33px;
-        line-height: 33px;
-        margin-bottom: 10px;
-        vertical-align: top;
-    }
+{
+    display: inline-block;
+    height: 33px;
+    line-height: 33px;
+    margin-bottom: 10px;
+    vertical-align: top;
+}
+
+li.updated {
+    border: 1px solid var(--bs-green);
+}
 
-    li.updated {
-        border: 1px solid var(--bs-green);
-    }
 }
 
 .ul-tag-mgr li span {
@@ -363,6 +369,10 @@ div.mce-fullscreen {
     align-items: center;
 }
 
+.admin-side-options-container {
+    background-color: var(--bs-white);
+}
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }
@@ -390,4 +400,8 @@ div.mce-fullscreen {
 
 [data-bs-theme="dark"] .admin-nav .list-group-item.active {
     color: var(--bs-white)
-}
\ No newline at end of file
+}
+
+[data-bs-theme="dark"] .admin-side-options-container {
+    background-color: var(--bs-body-bg);
+}

From 5b399e41c9b8b52d54c49d9f5b49ab56cdcb9b0f Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 07:48:39 +0800
Subject: [PATCH 47/80] Add localization for "Change Password" in multiple
 languages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added new localization entries for "Change Password" in:
- `Program.de-DE.resx`: "Ändern Sie Ihr Passwort"
- `Program.ja-JP.resx`: "パスワードを変更する"
- `Program.zh-Hans.resx`: "修改密码"
- `Program.zh-Hant.resx`: "修改密碼"
---
 src/Moonglade.Web/Resources/Program.de-DE.resx   | 3 +++
 src/Moonglade.Web/Resources/Program.ja-JP.resx   | 3 +++
 src/Moonglade.Web/Resources/Program.zh-Hans.resx | 3 +++
 src/Moonglade.Web/Resources/Program.zh-Hant.resx | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/src/Moonglade.Web/Resources/Program.de-DE.resx b/src/Moonglade.Web/Resources/Program.de-DE.resx
index 91e4291a0..84c79537c 100644
--- a/src/Moonglade.Web/Resources/Program.de-DE.resx
+++ b/src/Moonglade.Web/Resources/Program.de-DE.resx
@@ -1023,4 +1023,7 @@
   <data name="Enable custom menus" xml:space="preserve">
     <value>Benutzerdefinierte Menüs aktivieren</value>
   </data>
+  <data name="Change Password" xml:space="preserve">
+    <value>Ändern Sie Ihr Passwort</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.ja-JP.resx b/src/Moonglade.Web/Resources/Program.ja-JP.resx
index 90d21e3c2..60056360e 100644
--- a/src/Moonglade.Web/Resources/Program.ja-JP.resx
+++ b/src/Moonglade.Web/Resources/Program.ja-JP.resx
@@ -1023,4 +1023,7 @@
   <data name="Enable custom menus" xml:space="preserve">
     <value>カスタムメニューを有効にする</value>
   </data>
+  <data name="Change Password" xml:space="preserve">
+    <value>パスワードを変更する</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hans.resx b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
index 01a723f65..1527a16e5 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hans.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hans.resx
@@ -1023,4 +1023,7 @@
   <data name="Using a third party script may cause your website to be blocked by some browsers or ad blockers, it can have security risks too. Please use with caution." xml:space="preserve">
     <value>使用第三方脚本可能会导致您的网站被某些浏览器或广告拦截器阻止，也可能存在安全风险。请谨慎使用。</value>
   </data>
+  <data name="Change Password" xml:space="preserve">
+    <value>修改密码</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Resources/Program.zh-Hant.resx b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
index 2415804c9..23527387c 100644
--- a/src/Moonglade.Web/Resources/Program.zh-Hant.resx
+++ b/src/Moonglade.Web/Resources/Program.zh-Hant.resx
@@ -1026,4 +1026,7 @@
   <data name="Enable custom menus" xml:space="preserve">
     <value>啟用自定義功能表</value>
   </data>
+  <data name="Change Password" xml:space="preserve">
+    <value>修改密碼</value>
+  </data>
 </root>
\ No newline at end of file

From 8e869d0d38b474ceeea3568fac1018948f68b591 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 07:48:49 +0800
Subject: [PATCH 48/80] remove MFA option

---
 src/Moonglade.Web/Pages/Admin/LocalAccount.cshtml | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/LocalAccount.cshtml b/src/Moonglade.Web/Pages/Admin/LocalAccount.cshtml
index f5d4ae597..a6d552c8a 100644
--- a/src/Moonglade.Web/Pages/Admin/LocalAccount.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/LocalAccount.cshtml
@@ -44,11 +44,6 @@
             <i class="bi-key"></i>
             @SharedLocalizer["Change Password"]
         </a>
-
-        <a class="btn btn-outline-accent" href="javascript:alert('coming soon');">
-            <i class="bi-pass"></i>
-            @SharedLocalizer["Configure MFA"]
-        </a>
     </div>
 }
 

From 2b63f709d0af7cbe9a09878c738060341160241b Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 13:20:00 +0800
Subject: [PATCH 49/80] dark theme for menu settings

---
 src/Moonglade.Web/Pages/Admin/Menu.cshtml | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Menu.cshtml b/src/Moonglade.Web/Pages/Admin/Menu.cshtml
index abf089c1b..00de709b1 100644
--- a/src/Moonglade.Web/Pages/Admin/Menu.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Menu.cshtml
@@ -1,6 +1,7 @@
 @page "/admin/menu"
 @Html.AntiForgeryToken()
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Menu";
 
     var bc = BlogConfig.CustomMenuSettings;
@@ -41,7 +42,7 @@
 @section head {
     <style>
         .monaco-target {
-            border: 1px solid #dee2e6;
+            border: 1px solid var(--bs-border-color);
             width: 100%;
             min-height: calc(100vh - 370px);
         }
@@ -63,7 +64,7 @@
 
 <form id="form-settings" asp-controller="Settings" asp-action="CustomMenu">
     <div class="admin-settings-entry-container">
-        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border bg-white mb-2">
+        <div class="settings-entry row align-items-center py-3 px-2 rounded-3 shadow-sm border mb-2">
             <div class="col-auto">
                 <i class="bi-menu-app settings-entry-icon"></i>
             </div>
@@ -74,14 +75,12 @@
                 <div class="form-check form-switch form-control-lg">
                     <input type="hidden" name="IsEnabled" value="false">
                     <input type="checkbox" name="IsEnabled" value="true" class="form-check-input" @(@settings.IsEnabled
-                        ? "checked" : null) />
+                           ? "checked" : null) />
                 </div>
             </div>
         </div>
 
-        <div class="py-3 rounded-3 shadow-sm border bg-white">
-            <div id="JsonContentEditor" class="monaco-target overflow-y-hidden">
-            </div>
+        <div id="JsonContentEditor" class="monaco-target p-3 rounded-3 shadow-sm border">
         </div>
     </div>
 
@@ -95,7 +94,7 @@
 </form>
 
 <div class="modal fade" id="examplecodemodal" tabindex="-1" role="dialog" aria-labelledby="exampleLabel"
-    aria-hidden="true">
+     aria-hidden="true">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">

From b164ca9f0ee17c4815603ca603b261cae731553e Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 13:38:20 +0800
Subject: [PATCH 50/80] dark mode for friendlink

---
 src/Moonglade.Web/Pages/Admin/FriendLink.cshtml | 3 ++-
 src/Moonglade.Web/wwwroot/css/admin.css         | 8 ++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml b/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml
index 16539c48d..e83b2b132 100644
--- a/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml
@@ -1,6 +1,7 @@
 @page "/admin/friendlink"
 @model Moonglade.Web.Pages.Admin.FriendLinkModel
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Friend Links";
 }
 
@@ -88,7 +89,7 @@
 <div>
     @foreach (var item in Model.Links.OrderBy(m => m.Rank).ThenBy(m => m.Title))
     {
-        <div class="p-3 mb-2 rounded-3 shadow-sm border bg-white">
+        <div class="friendlink-entry p-3 mb-2 rounded-3 shadow-sm border">
             <div id="tr-@item.Id" class="row">
                 <div class="col">
                     <h6>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 29d719594..a718526d0 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -373,6 +373,10 @@ li.updated {
     background-color: var(--bs-white);
 }
 
+.friendlink-entry {
+    background-color: var(--bs-white);
+}
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }
@@ -405,3 +409,7 @@ li.updated {
 [data-bs-theme="dark"] .admin-side-options-container {
     background-color: var(--bs-body-bg);
 }
+
+[data-bs-theme="dark"] .friendlink-entry {
+    background-color: var(--bs-body-bg);
+}
\ No newline at end of file

From d4277c6cd360f691d22ea650d912d11bda3cb286 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 13:45:00 +0800
Subject: [PATCH 51/80] dark mode for mention

---
 src/Moonglade.Web/Pages/Admin/Mention.cshtml |  3 +-
 src/Moonglade.Web/wwwroot/css/admin.css      | 56 ++++++++++----------
 2 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Mention.cshtml b/src/Moonglade.Web/Pages/Admin/Mention.cshtml
index 56922eecd..8dbc75e86 100644
--- a/src/Moonglade.Web/Pages/Admin/Mention.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Mention.cshtml
@@ -2,6 +2,7 @@
 @using Moonglade.Mention.Common
 @inject IMediator Mediator
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Mentions";
     var mentionRecords = await Mediator.Send(new GetMentionsQuery());
 }
@@ -78,7 +79,7 @@
     <div class="mentions-container">
         @foreach (var item in mentionRecords.OrderByDescending(p => p.PingTimeUtc))
         {
-            <div class="mention-item-container p-3 mb-2 rounded-3 shadow-sm border bg-white">
+            <div class="mention-item-container p-3 mb-2 rounded-3 shadow-sm border">
                 <div id="mention-box-@item.Id" class="mention-item row">
                     <div class="col">
                         <strong>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index a718526d0..4fb94bade 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -62,18 +62,16 @@
     width: 190px;
     min-height: calc(100vh - 54px);
     border-right: 1px solid var(--bs-border-color);
-    .list-group-item span
 
-{
-    width: 22px;
-    font-size: 16px;
-    display: inline-block;
-}
-
-.list-group-item.active {
-    color: #000;
-}
+    .list-group-item span {
+        width: 22px;
+        font-size: 16px;
+        display: inline-block;
+    }
 
+    .list-group-item.active {
+        color: #000;
+    }
 }
 
 .admin-main {
@@ -82,12 +80,10 @@
 
 .admin-toolbar {
     margin-bottom: 25px !important;
-    .nav-pills .nav-link.active, .nav-pills .show > .nav-link
-
-{
-    background-color: var(--accent-color1);
-}
 
+    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+        background-color: var(--accent-color1);
+    }
 }
 
 .admin-toolbar-text {
@@ -204,20 +200,18 @@ div.mce-fullscreen {
 .ul-tag-mgr {
     line-height: 28px;
     text-align: justify;
-    li
 
-{
-    display: inline-block;
-    height: 33px;
-    line-height: 33px;
-    margin-bottom: 10px;
-    vertical-align: top;
-}
-
-li.updated {
-    border: 1px solid var(--bs-green);
-}
+    li {
+        display: inline-block;
+        height: 33px;
+        line-height: 33px;
+        margin-bottom: 10px;
+        vertical-align: top;
+    }
 
+    li.updated {
+        border: 1px solid var(--bs-green);
+    }
 }
 
 .ul-tag-mgr li span {
@@ -377,6 +371,10 @@ li.updated {
     background-color: var(--bs-white);
 }
 
+.mention-item-container {
+    background-color: var(--bs-white);
+}
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }
@@ -412,4 +410,8 @@ li.updated {
 
 [data-bs-theme="dark"] .friendlink-entry {
     background-color: var(--bs-body-bg);
+}
+
+[data-bs-theme="dark"] .mention-item-container {
+    background-color: var(--bs-body-bg);
 }
\ No newline at end of file

From d7603d094f786d2cc58bc654ba2f1fdfdb33136a Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 17:57:42 +0800
Subject: [PATCH 52/80] dark mode for tags admin

---
 src/Moonglade.Web/Pages/Admin/Tags.cshtml |  3 ++-
 src/Moonglade.Web/wwwroot/css/admin.css   | 20 +++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Tags.cshtml b/src/Moonglade.Web/Pages/Admin/Tags.cshtml
index 740b856ee..eaad7a61b 100644
--- a/src/Moonglade.Web/Pages/Admin/Tags.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Tags.cshtml
@@ -2,6 +2,7 @@
 @using Moonglade.Core.TagFeature
 @inject IMediator Mediator
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Tags";
     var tags = await Mediator.Send(new GetTagsQuery());
 }
@@ -89,7 +90,7 @@
     <ul class="list-unstyled ul-tag-mgr">
         @foreach (var tag in tags.OrderBy(model => model.DisplayName))
         {
-            <li id="li-tag-@tag.Id" class="border rounded bg-white shadow-sm">
+            <li id="li-tag-@tag.Id" class="admin-tag-item border rounded shadow-sm">
                 <span class="span-tagcontent-editable" contenteditable="true" spellcheck="false" data-tagid="@tag.Id">@tag.DisplayName</span>
                 <a class="btn-delete" data-tagid="@tag.Id">
                     <i class="bi-trash"></i>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 4fb94bade..c2c17f42c 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -375,6 +375,10 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
+.admin-tag-item {
+    background-color: var(--bs-white);
+}
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }
@@ -414,4 +418,18 @@ div.mce-fullscreen {
 
 [data-bs-theme="dark"] .mention-item-container {
     background-color: var(--bs-body-bg);
-}
\ No newline at end of file
+}
+
+[data-bs-theme="dark"] .admin-tag-item {
+    background-color: var(--bs-body-bg);
+}
+
+[data-bs-theme="dark"] .ul-tag-mgr li a {
+    background-color: var(--bs-secondary-bg);
+    color: var(--bs-white);
+}
+
+    [data-bs-theme="dark"] .ul-tag-mgr li a:hover {
+        background-color: var(--bs-red);
+        color: var(--bs-white);
+    }
\ No newline at end of file

From 16e19d3a7f43c395db2d168bd5c937179ced58b3 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 2 Oct 2024 18:28:15 +0800
Subject: [PATCH 53/80] dark mode for post admin

---
 src/Moonglade.Web/Pages/Admin/Post.cshtml |  3 ++-
 src/Moonglade.Web/wwwroot/css/admin.css   | 10 +++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Post.cshtml b/src/Moonglade.Web/Pages/Admin/Post.cshtml
index 9c1a89213..8c96378b6 100644
--- a/src/Moonglade.Web/Pages/Admin/Post.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Post.cshtml
@@ -2,6 +2,7 @@
 @using Moonglade.Web.PagedList
 @model Moonglade.Web.Pages.Admin.PostModel
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Posts";
 }
 
@@ -54,7 +55,7 @@
     {
         foreach (var item in Model.PostSegments)
         {
-            <div id="post-@item.Id" class="p-3 mb-2 rounded-3 shadow-sm border bg-white">
+            <div id="post-@item.Id" class="admin-post-entry p-3 mb-2 rounded-3 shadow-sm border">
                 <div class="row">
                     <div class="col">
                         <a asp-page="/Post"
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index c2c17f42c..244ef553a 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -379,6 +379,10 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
+.admin-post-entry {
+    background-color: var(--bs-white);
+}
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }
@@ -432,4 +436,8 @@ div.mce-fullscreen {
     [data-bs-theme="dark"] .ul-tag-mgr li a:hover {
         background-color: var(--bs-red);
         color: var(--bs-white);
-    }
\ No newline at end of file
+    }
+
+[data-bs-theme="dark"] .admin-post-entry {
+    background-color: var(--bs-body-bg);
+}
\ No newline at end of file

From e4cb7e56c79cdd51438244a9c58ef8b2c6abf965 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Thu, 3 Oct 2024 13:57:14 +0800
Subject: [PATCH 54/80] dark mode for draft

---
 src/Moonglade.Web/Pages/Admin/Draft.cshtml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Draft.cshtml b/src/Moonglade.Web/Pages/Admin/Draft.cshtml
index 1c0c35c81..25e444fb1 100644
--- a/src/Moonglade.Web/Pages/Admin/Draft.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Draft.cshtml
@@ -3,6 +3,7 @@
 @using Moonglade.Data.Specifications
 @inject IMediator Mediator
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Drafts";
     var posts = await Mediator.Send(new ListPostSegmentByStatusQuery(PostStatus.Draft));
 }
@@ -41,7 +42,7 @@
 
         @foreach (var post in posts.OrderByDescending(p => p.LastModifiedUtc))
         {
-            <div id="post-@post.Id" class="p-3 mb-2 rounded-3 shadow-sm border bg-white">
+            <div id="post-@post.Id" class="admin-post-entry p-3 mb-2 rounded-3 shadow-sm border">
                 <div class="d-flex">
                     <div class="flex-grow-1">
                         <a asp-page="./EditPost" asp-route-id="@post.Id">

From a65a5437a889c775a90420b87003976bc13d1027 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Thu, 3 Oct 2024 13:58:47 +0800
Subject: [PATCH 55/80] Update RecycleBin.cshtml

---
 src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml b/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml
index c330c3a78..961c32c81 100644
--- a/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml
@@ -3,6 +3,7 @@
 @using Moonglade.Data.Specifications
 @inject IMediator Mediator
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Recycle Bin";
     var posts = await Mediator.Send(new ListPostSegmentByStatusQuery(PostStatus.Deleted));
 }
@@ -67,7 +68,7 @@
     {
         foreach (var post in posts.OrderByDescending(p => p.CreateTimeUtc))
         {
-            <div id="post-@post.Id" class="p-3 mb-2 rounded-3 shadow-sm border bg-white">
+            <div id="post-@post.Id" class="admin-post-entry p-3 mb-2 rounded-3 shadow-sm border">
                 <div class="d-flex">
                     <div class="flex-grow-1">
                         <h6>

From a425946dd1ee9d3e672af9fec32488046634aef6 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 4 Oct 2024 15:54:31 +0800
Subject: [PATCH 56/80] dark mode for comments admin

---
 src/Moonglade.Web/Pages/Admin/Comments.cshtml |  3 ++-
 src/Moonglade.Web/wwwroot/css/admin.css       | 12 ++++--------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Comments.cshtml b/src/Moonglade.Web/Pages/Admin/Comments.cshtml
index 75b94e749..cebd4cf54 100644
--- a/src/Moonglade.Web/Pages/Admin/Comments.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Comments.cshtml
@@ -3,6 +3,7 @@
 @using Moonglade.Web.PagedList
 @model Moonglade.Web.Pages.Admin.CommentsModel
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Comments";
 }
 @Html.AntiForgeryToken()
@@ -116,7 +117,7 @@
     {
         foreach (var item in Model.CommentDetailedItems)
         {
-            <div id="panel-comment-@item.Id" class="p-3 mb-3 rounded-3 shadow-sm border bg-white row g-1">
+            <div id="panel-comment-@item.Id" class="admin-comment-entry p-3 mb-3 rounded-3 shadow-sm border row g-1">
                 <div class="form-check col-auto">
                     <input type="checkbox" class="form-check-input chk-cid" id="comment-item-chk-@item.Id" data-cid="@item.Id" />
                     <label class="form-check-label" for="comment-item-chk-@item.Id"></label>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 244ef553a..cff85e84c 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -367,10 +367,6 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
-.friendlink-entry {
-    background-color: var(--bs-white);
-}
-
 .mention-item-container {
     background-color: var(--bs-white);
 }
@@ -379,6 +375,8 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
+.friendlink-entry,
+.admin-comment-entry,
 .admin-post-entry {
     background-color: var(--bs-white);
 }
@@ -416,10 +414,6 @@ div.mce-fullscreen {
     background-color: var(--bs-body-bg);
 }
 
-[data-bs-theme="dark"] .friendlink-entry {
-    background-color: var(--bs-body-bg);
-}
-
 [data-bs-theme="dark"] .mention-item-container {
     background-color: var(--bs-body-bg);
 }
@@ -438,6 +432,8 @@ div.mce-fullscreen {
         color: var(--bs-white);
     }
 
+[data-bs-theme="dark"] .friendlink-entry,
+[data-bs-theme="dark"] .admin-comment-entry,
 [data-bs-theme="dark"] .admin-post-entry {
     background-color: var(--bs-body-bg);
 }
\ No newline at end of file

From bdbde12b5e6c7c0b09c48db41b0876c888b8b705 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 4 Oct 2024 16:04:34 +0800
Subject: [PATCH 57/80] Rename CSS class from mention-item-container to
 mention-item-entry

Updated Mention.cshtml and admin.css to replace the class
mention-item-container with mention-item-entry. Adjusted
JavaScript code to reflect this change. Ensured the new class
name has appropriate styles in both light and dark themes.
---
 src/Moonglade.Web/Pages/Admin/Mention.cshtml | 4 ++--
 src/Moonglade.Web/wwwroot/css/admin.css      | 8 +++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/Mention.cshtml b/src/Moonglade.Web/Pages/Admin/Mention.cshtml
index 8dbc75e86..e57a8f578 100644
--- a/src/Moonglade.Web/Pages/Admin/Mention.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Mention.cshtml
@@ -45,7 +45,7 @@
     <script>
         document.getElementById("mentionFilter").addEventListener("keyup", function () {
             var value = this.value.toLowerCase();
-            var mentionItems = document.querySelectorAll(".mention-item-container");
+            var mentionItems = document.querySelectorAll(".mention-item-entry");
 
             mentionItems.forEach(function (item) {
                 var text = item.textContent.toLowerCase();
@@ -79,7 +79,7 @@
     <div class="mentions-container">
         @foreach (var item in mentionRecords.OrderByDescending(p => p.PingTimeUtc))
         {
-            <div class="mention-item-container p-3 mb-2 rounded-3 shadow-sm border">
+            <div class="mention-item-entry p-3 mb-2 rounded-3 shadow-sm border">
                 <div id="mention-box-@item.Id" class="mention-item row">
                     <div class="col">
                         <strong>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index cff85e84c..5ea165a47 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -367,14 +367,11 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
-.mention-item-container {
-    background-color: var(--bs-white);
-}
-
 .admin-tag-item {
     background-color: var(--bs-white);
 }
 
+.mention-item-entry,
 .friendlink-entry,
 .admin-comment-entry,
 .admin-post-entry {
@@ -414,7 +411,7 @@ div.mce-fullscreen {
     background-color: var(--bs-body-bg);
 }
 
-[data-bs-theme="dark"] .mention-item-container {
+[data-bs-theme="dark"] .mention-item-entry {
     background-color: var(--bs-body-bg);
 }
 
@@ -432,6 +429,7 @@ div.mce-fullscreen {
         color: var(--bs-white);
     }
 
+[data-bs-theme="dark"] .mention-item-entry,
 [data-bs-theme="dark"] .friendlink-entry,
 [data-bs-theme="dark"] .admin-comment-entry,
 [data-bs-theme="dark"] .admin-post-entry {

From 83bb7f61fc60287ba6840795c64edd19c1a99d45 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 4 Oct 2024 19:11:06 +0800
Subject: [PATCH 58/80] partial support for dark mode on post editor

---
 src/Moonglade.Web/Moonglade.Web.csproj        |  4 +++
 src/Moonglade.Web/Pages/Admin/EditPost.cshtml |  1 +
 src/Moonglade.Web/wwwroot/css/base.css        |  4 +++
 .../wwwroot/css/tinymce-custom-dark.css       | 29 +++++++++++++++++++
 .../wwwroot/css/tinymce-custom.css            |  2 +-
 .../wwwroot/js/app/admin.editor.module.js     | 14 +++++++--
 6 files changed, 51 insertions(+), 3 deletions(-)
 create mode 100644 src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css

diff --git a/src/Moonglade.Web/Moonglade.Web.csproj b/src/Moonglade.Web/Moonglade.Web.csproj
index 7c82fdfda..03a51ddc2 100644
--- a/src/Moonglade.Web/Moonglade.Web.csproj
+++ b/src/Moonglade.Web/Moonglade.Web.csproj
@@ -32,6 +32,10 @@
   </ItemGroup>
   <ItemGroup>
     <Content Update="appsettings.Development.json" CopyToPublishDirectory="Never" />
+    <Content Update="wwwroot\css\tinymce-custom-dark.css">
+      <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+    </Content>
   </ItemGroup>
   <ItemGroup>
     <PackageReference Include="Edi.Gravatar" Version="1.1.0" />
diff --git a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
index c95e42cc9..bfca97387 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
@@ -5,6 +5,7 @@
 @inject IConfiguration Configuration
 
 @{
+    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Edit Post";
     var ec = Configuration.GetSection("Editor").Get<EditorChoice>();
 
diff --git a/src/Moonglade.Web/wwwroot/css/base.css b/src/Moonglade.Web/wwwroot/css/base.css
index 22b229e09..102c00724 100644
--- a/src/Moonglade.Web/wwwroot/css/base.css
+++ b/src/Moonglade.Web/wwwroot/css/base.css
@@ -539,4 +539,8 @@ div.animbrand a:hover {
 
 [data-bs-theme=dark] .lightswitch {
     background-color: transparent;
+}
+
+[data-bs-theme=dark] .tox .tox-edit-area::before {
+    border: 2px solid transparent !important;
 }
\ No newline at end of file
diff --git a/src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css b/src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css
new file mode 100644
index 000000000..a4a2c3e91
--- /dev/null
+++ b/src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css
@@ -0,0 +1,29 @@
+@import url("/lib/twitter-bootstrap/css/bootstrap.min.css");
+@import url("/css/post.css");
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei";
+    font-size: 0.9rem;
+    padding: 10px;
+    background-color: var(--bs-secondary-bg-subtle);
+    color: var(--bs-white);
+}
+
+img {
+    max-width: 100% !important;
+}
+
+pre {
+    border-bottom: 0;
+    border-left: 4px solid #ccc;
+    border-right: 0;
+    border-top: 0;
+    display: block !important;
+    font-size: 12px;
+    line-height: 18.2px;
+    margin: 18px 0 30px;
+    overflow: auto;
+    padding: 5px;
+    vertical-align: baseline;
+    white-space: pre;
+}
diff --git a/src/Moonglade.Web/wwwroot/css/tinymce-custom.css b/src/Moonglade.Web/wwwroot/css/tinymce-custom.css
index 25b449105..f893217b8 100644
--- a/src/Moonglade.Web/wwwroot/css/tinymce-custom.css
+++ b/src/Moonglade.Web/wwwroot/css/tinymce-custom.css
@@ -24,4 +24,4 @@ pre {
     padding: 5px;
     vertical-align: baseline;
     white-space: pre;
-}
\ No newline at end of file
+}
diff --git a/src/Moonglade.Web/wwwroot/js/app/admin.editor.module.js b/src/Moonglade.Web/wwwroot/js/app/admin.editor.module.js
index 8659cffc2..682968edd 100644
--- a/src/Moonglade.Web/wwwroot/js/app/admin.editor.module.js
+++ b/src/Moonglade.Web/wwwroot/js/app/admin.editor.module.js
@@ -118,7 +118,7 @@ export function loadTinyMCE(textareaSelector) {
         window.tinyMCE.init({
             selector: textareaSelector,
             themes: 'silver',
-            skin: 'tinymce-5',
+            skin: (window.theme.getPreferredTheme() == 'dark' ? 'oxide-dark' : 'tinymce-5'),
             height: 'calc(100vh - 400px)',
             relative_urls: false, // avoid image upload fuck up
             browser_spellcheck: true,
@@ -135,7 +135,7 @@ export function loadTinyMCE(textareaSelector) {
             images_upload_credentials: true,
             extended_valid_elements: 'img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name|loading=lazy]',
             body_class: 'post-content',
-            content_css: '/css/tinymce-custom.css',
+            content_css: (window.theme.getPreferredTheme() == 'dark' ? "/css/tinymce-custom-dark.css" : '/css/tinymce-custom.css'),
             codesample_languages: [
                 { text: 'Bash', value: 'bash' },
                 { text: 'C#', value: 'csharp' },
@@ -168,6 +168,16 @@ export function loadTinyMCE(textareaSelector) {
                 { text: 'YAML', value: 'yaml' }
             ],
             setup: function (editor) {
+                editor.on('init', () => {
+                    if (window.theme.getPreferredTheme() == 'dark') {
+                        const container = editor.getContainer();
+                        const iframe = container.querySelector('iframe');
+                        const innerDoc = iframe.contentDocument || iframe.contentWindow.document;
+
+                        innerDoc.documentElement.setAttribute('data-bs-theme', 'dark');
+                    }
+                });
+
                 editor.on('NodeChange', function (e) {
                     if (e.element.tagName === 'IMG') {
                         e.element.setAttribute('loading', 'lazy');

From f0ec5673a88ee8f95c95534e91d9e4c438455fd9 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Fri, 4 Oct 2024 19:16:43 +0800
Subject: [PATCH 59/80] upgrade tagify

---
 src/Moonglade.Web/Pages/Admin/EditPost.cshtml |  2 +-
 .../wwwroot/lib/tagify/tagify.css             |  2 +-
 .../wwwroot/lib/tagify/tagify.js              | 29 +++++++++++++++++++
 .../wwwroot/lib/tagify/tagify.min.js          | 26 -----------------
 4 files changed, 31 insertions(+), 28 deletions(-)
 create mode 100644 src/Moonglade.Web/wwwroot/lib/tagify/tagify.js
 delete mode 100644 src/Moonglade.Web/wwwroot/lib/tagify/tagify.min.js

diff --git a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
index bfca97387..a0805b0fd 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
@@ -23,7 +23,7 @@
 }
 
 @section scripts {
-    <script src="~/lib/tagify/tagify.min.js"></script>
+    <script src="~/lib/tagify/tagify.js"></script>
     <script src="~/js/3rd/bs-custom-file-input.min.js"></script>
     @{
         switch (ec)
diff --git a/src/Moonglade.Web/wwwroot/lib/tagify/tagify.css b/src/Moonglade.Web/wwwroot/lib/tagify/tagify.css
index 3516030c1..94f027b10 100644
--- a/src/Moonglade.Web/wwwroot/lib/tagify/tagify.css
+++ b/src/Moonglade.Web/wwwroot/lib/tagify/tagify.css
@@ -1 +1 @@
-@charset "UTF-8";:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--tag--min-width:1ch;--tag--max-width:auto;--tag-hide-transition:0.3s;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:inline-flex;align-items:flex-start;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;cursor:text;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){cursor:default}.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{padding:var(--tag-pad)}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}.tagify__tag{display:inline-flex;align-items:center;margin:5px 0 5px 5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag>div{vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div::before{content:"";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{--tag-bg:var(--tag-invalid-bg);transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify__tag--editable>div{color:var(--tag-text-color--edit)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-right:4.6666666667px;margin-left:auto;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"×";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:var(--tag-pad);line-height:normal;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit}.tagify__input:empty::before{position:static}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);height:1em;line-height:1em;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0;position:absolute}.tagify__input::after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input::after{content:none}.tagify--select::after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{position:absolute;top:0;right:1.8em;bottom:0}.tagify--select .tagify__tag div{display:none}.tagify--select .tagify__input{width:100%}.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(1px);overflow:hidden}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:300px;overflow:auto;overflow-x:hidden;background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.25s cubic-bezier(0,1,.5,1)}.tagify__dropdown__header:empty{display:none}.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}.tagify__dropdown__footer:empty{display:none}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;cursor:pointer;border-radius:2px;position:relative;outline:0;max-height:60px;max-width:100%}.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}.tagify__dropdown__item--hidden>*{transform:translateY(-100%);opacity:0;transition:inherit}
\ No newline at end of file
+@charset "UTF-8";:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-text-color:black;--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em;--tagify-dd-max-height:300px}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag--min-width:1ch;--tag--max-width:100%;--tag-hide-transition:0.3s;--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;--readonly-striped:1;display:inline-flex;align-items:flex-start;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:has([contenteditable=true]){cursor:text}.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}.tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){cursor:default}.tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{padding:var(--tag-pad)}.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}.tagify__tag{display:inline-flex;align-items:center;max-width:var(--tag--max-width);margin-inline:5px 0;margin-block:5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag>div{display:flex;flex:1;vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{display:block;outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div>:only-child{width:100%}.tagify__tag>div::before{content:"";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{--tag-bg:var(--tag-invalid-bg);transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify__tag--editable>div{color:var(--tag-text-color--edit)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-inline:auto 4.6666666667px;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"×";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:var(--tag-pad);line-height:normal;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit;overflow:hidden}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);width:100%;height:100%;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none;opacity:0;position:absolute}.tagify__input::after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input::before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input::after{content:none}.tagify--select{cursor:default}.tagify--select::after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{flex:1;max-width:none;margin-inline-end:2em;margin-block:0;padding-block:5px;cursor:text}.tagify--select .tagify__tag div::before{display:none}.tagify--select .tagify__tag+.tagify__input{display:none}.tagify--empty .tagify__input::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input::before{display:inline-block}.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(-1px);border-top:1px solid var(--tagify-dd-color-primary);overflow:hidden}.tagify__dropdown[dir=rtl]{transform:translate(-100%,-1px)}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:var(--tagify-dd-max-height);overflow:hidden;overflow-x:hidden;color:var(--tagify-dd-text-color);background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;animation:dd-wrapper-show 0s .3s forwards}@keyframes dd-wrapper-show{to{overflow-y:auto}}.tagify__dropdown__header:empty{display:none}.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}.tagify__dropdown__footer:empty{display:none}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;white-space:pre-wrap;cursor:pointer;border-radius:2px;position:relative;outline:0;max-height:60px;max-width:100%;line-height:normal;position:relative}.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}.tagify__dropdown__item--hidden>*{transform:translateY(-100%);opacity:0;transition:inherit}.tagify__dropdown__item--selected::before{content:"✓";font-family:monospace;position:absolute;inset-inline-start:6px;text-indent:0;line-height:1.1}.tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item{text-indent:1em}
\ No newline at end of file
diff --git a/src/Moonglade.Web/wwwroot/lib/tagify/tagify.js b/src/Moonglade.Web/wwwroot/lib/tagify/tagify.js
new file mode 100644
index 000000000..475ef602c
--- /dev/null
+++ b/src/Moonglade.Web/wwwroot/lib/tagify/tagify.js
@@ -0,0 +1,29 @@
+/*
+Tagify v4.31.3 - tags input component
+By: Yair Even-Or <vsync.design@gmail.com>
+https://github.com/yairEO/tagify
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+
+This Software may not be rebranded and sold as a library under any other name
+other than "Tagify" (by owner) or as part of another library.
+*/
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Tagify=e()}(this,(function(){"use strict";var t="&#8203;";function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function i(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,i){if(!t)return;if("string"==typeof t)return e(t,i);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,i)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var n={isEnabled:function(){var t;return null===(t=window.TAGIFY_DEBUG)||void 0===t||t},log:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var s;this.isEnabled()&&(s=console).log.apply(s,["[Tagify]:"].concat(i(e)))},warn:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var s;this.isEnabled()&&(s=console).warn.apply(s,["[Tagify]:"].concat(i(e)))}},s=function(t,e,i,n){return t=""+t,e=""+e,n&&(t=t.trim(),e=e.trim()),i?t==e:t.toLowerCase()==e.toLowerCase()},a=function(t,e){return t&&Array.isArray(t)&&t.map((function(t){return o(t,e)}))};function o(t,e){var i,n={};for(i in t)e.indexOf(i)<0&&(n[i]=t[i]);return n}function r(t){return(new DOMParser).parseFromString(t.trim(),"text/html").body.firstElementChild}function l(t,e){for(e=e||"previous";t=t[e+"Sibling"];)if(3==t.nodeType)return t}function d(t){return"string"==typeof t?t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/`|'/g,"&#039;"):t}function c(t){var e=Object.prototype.toString.call(t).split(" ")[1].slice(0,-1);return t===Object(t)&&"Array"!=e&&"Function"!=e&&"RegExp"!=e&&"HTMLUnknownElement"!=e}function u(t,e,i){var n,s;function a(t,e){for(var i in e)if(e.hasOwnProperty(i)){if(c(e[i])){c(t[i])?a(t[i],e[i]):t[i]=Object.assign({},e[i]);continue}if(Array.isArray(e[i])){t[i]=Object.assign([],e[i]);continue}t[i]=e[i]}}return n=t,(null!=(s=Object)&&"undefined"!=typeof Symbol&&s[Symbol.hasInstance]?s[Symbol.hasInstance](n):n instanceof s)||(t={}),a(t,e),i&&a(t,i),t}function g(){var t=[],e={},i=!0,n=!1,s=void 0;try{for(var a,o=arguments[Symbol.iterator]();!(i=(a=o.next()).done);i=!0){var r=a.value,l=!0,d=!1,u=void 0;try{for(var g,h=r[Symbol.iterator]();!(l=(g=h.next()).done);l=!0){var p=g.value;c(p)?e[p.value]||(t.push(p),e[p.value]=1):t.includes(p)||t.push(p)}}catch(t){d=!0,u=t}finally{try{l||null==h.return||h.return()}finally{if(d)throw u}}}}catch(t){n=!0,s=t}finally{try{i||null==o.return||o.return()}finally{if(n)throw s}}return t}function h(t){return String.prototype.normalize?"string"==typeof t?t.normalize("NFD").replace(/[\u0300-\u036f]/g,""):void 0:t}var p=function(){return/(?=.*chrome)(?=.*android)/i.test(navigator.userAgent)};function f(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(t){return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)}))}function m(t){return t&&t.classList&&t.classList.contains(this.settings.classNames.tag)}function v(t){return t&&t.closest(this.settings.classNames.tagSelector)}function b(t,e){var i=window.getSelection();return e=e||i.getRangeAt(0),"string"==typeof t&&(t=document.createTextNode(t)),e&&(e.deleteContents(),e.insertNode(t)),t}function y(t,e,i){return t?(e&&(t.__tagifyTagData=i?e:u({},t.__tagifyTagData||{},e)),t.__tagifyTagData):(n.warn("tag element doesn't exist",{tagElm:t,data:e}),e)}function w(t){if(t&&t.parentNode){var e=t,i=window.getSelection(),n=i.getRangeAt(0);i.rangeCount&&(n.setStartAfter(e),n.collapse(!0),i.removeAllRanges(),i.addRange(n))}}function T(t,e){t.forEach((function(t){if(y(t.previousSibling)||!t.previousSibling){var i=document.createTextNode("​");t.before(i),e&&w(i)}}))}var O={delimiters:",",pattern:null,tagTextProp:"value",maxTags:1/0,callbacks:{},addTagOnBlur:!0,addTagOn:["blur","tab","enter"],onChangeAfterBlur:!0,duplicates:!1,whitelist:[],blacklist:[],enforceWhitelist:!1,userInput:!0,focusable:!0,keepInvalidTags:!1,createInvalidTags:!0,mixTagsAllowedAfter:/,|\.|\:|\s/,mixTagsInterpolator:["[[","]]"],backspace:!0,skipInvalid:!1,pasteAsTags:!0,editTags:{clicks:2,keepInvalid:!0},transformTag:function(){},trim:!0,a11y:{focusableTags:!1},mixMode:{insertAfterTag:" "},autoComplete:{enabled:!0,rightKey:!1,tabKey:!1},classNames:{namespace:"tagify",mixMode:"tagify--mix",selectMode:"tagify--select",input:"tagify__input",focus:"tagify--focus",tagNoAnimation:"tagify--noAnim",tagInvalid:"tagify--invalid",tagNotAllowed:"tagify--notAllowed",scopeLoading:"tagify--loading",hasMaxTags:"tagify--hasMaxTags",hasNoTags:"tagify--noTags",empty:"tagify--empty",inputInvalid:"tagify__input--invalid",dropdown:"tagify__dropdown",dropdownWrapper:"tagify__dropdown__wrapper",dropdownHeader:"tagify__dropdown__header",dropdownFooter:"tagify__dropdown__footer",dropdownItem:"tagify__dropdown__item",dropdownItemActive:"tagify__dropdown__item--active",dropdownItemHidden:"tagify__dropdown__item--hidden",dropdownItemSelected:"tagify__dropdown__item--selected",dropdownInital:"tagify__dropdown--initial",tag:"tagify__tag",tagText:"tagify__tag-text",tagX:"tagify__tag__removeBtn",tagLoading:"tagify__tag--loading",tagEditing:"tagify__tag--editable",tagFlash:"tagify__tag--flash",tagHide:"tagify__tag--hide"},dropdown:{classname:"",enabled:2,maxItems:10,searchKeys:["value","searchBy"],fuzzySearch:!0,caseSensitive:!1,accentedSearch:!0,includeSelectedTags:!1,escapeHTML:!0,highlightFirst:!0,closeOnSelect:!0,clearOnSelect:!0,position:"all",appendTarget:null},hooks:{beforeRemoveTag:function(){return Promise.resolve()},beforePaste:function(){return Promise.resolve()},suggestionClick:function(){return Promise.resolve()},beforeKeyDown:function(){return Promise.resolve()}}};function x(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function D(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable})))),n.forEach((function(e){x(t,e,i[e])}))}return t}function I(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}(Object(e)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))})),t}var S={events:{binding:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.dropdown.events.callbacks,i=this.listeners.dropdown=this.listeners.dropdown||{position:this.dropdown.position.bind(this,null),onKeyDown:e.onKeyDown.bind(this),onMouseOver:e.onMouseOver.bind(this),onMouseLeave:e.onMouseLeave.bind(this),onClick:e.onClick.bind(this),onScroll:e.onScroll.bind(this)},n=t?"addEventListener":"removeEventListener";"manual"!=this.settings.dropdown.position&&(document[n]("scroll",i.position,!0),window[n]("resize",i.position),window[n]("keydown",i.onKeyDown)),this.DOM.dropdown[n]("mouseover",i.onMouseOver),this.DOM.dropdown[n]("mouseleave",i.onMouseLeave),this.DOM.dropdown[n]("mousedown",i.onClick),this.DOM.dropdown.content[n]("scroll",i.onScroll)},callbacks:{onKeyDown:function(t){var e=this;if(this.state.hasFocus&&!this.state.composing){var i=this.settings,s=this.DOM.dropdown.querySelector(i.classNames.dropdownItemActiveSelector),a=this.dropdown.getSuggestionDataByNode(s),o="mix"==i.mode,r="select"==i.mode;i.hooks.beforeKeyDown(t,{tagify:this}).then((function(l){switch(t.key){case"ArrowDown":case"ArrowUp":case"Down":case"Up":t.preventDefault();var d=e.dropdown.getAllSuggestionsRefs(),c="ArrowUp"==t.key||"Up"==t.key;s&&(s=e.dropdown.getNextOrPrevOption(s,!c)),s&&s.matches(i.classNames.dropdownItemSelector)||(s=d[c?d.length-1:0]),e.dropdown.highlightOption(s,!0);break;case"Escape":case"Esc":e.dropdown.hide();break;case"ArrowRight":if(e.state.actions.ArrowLeft||i.autoComplete.rightKey)return;case"Tab":var u=!i.autoComplete.rightKey||!i.autoComplete.tabKey;if(!o&&!r&&s&&u&&!e.state.editing&&a){t.preventDefault();var g=e.dropdown.getMappedValue(a);return e.input.autocomplete.set.call(e,g),!1}return!0;case"Enter":t.preventDefault(),i.hooks.suggestionClick(t,{tagify:e,tagData:a,suggestionElm:s}).then((function(){if(s)return e.dropdown.selectOption(s),s=e.dropdown.getNextOrPrevOption(s,!c),void e.dropdown.highlightOption(s);e.dropdown.hide(),o||e.addTags(e.state.inputText.trim(),!0)})).catch((function(t){return n.warn(t)}));break;case"Backspace":if(o||e.state.editing.scope)return;var h=e.input.raw.call(e);""!=h&&8203!=h.charCodeAt(0)||(!0===i.backspace?e.removeTags():"edit"==i.backspace&&setTimeout(e.editTag.bind(e),0))}}))}},onMouseOver:function(t){var e=t.target.closest(this.settings.classNames.dropdownItemSelector);this.dropdown.highlightOption(e)},onMouseLeave:function(t){this.dropdown.highlightOption()},onClick:function(t){var e=this;if(0==t.button&&t.target!=this.DOM.dropdown&&t.target!=this.DOM.dropdown.content){var i=t.target.closest(this.settings.classNames.dropdownItemSelector),s=this.dropdown.getSuggestionDataByNode(i);this.state.actions.selectOption=!0,setTimeout((function(){return e.state.actions.selectOption=!1}),50),this.settings.hooks.suggestionClick(t,{tagify:this,tagData:s,suggestionElm:i}).then((function(){i?e.dropdown.selectOption(i,t):e.dropdown.hide()})).catch((function(t){return n.warn(t)}))}},onScroll:function(t){var e=t.target,i=e.scrollTop/(e.scrollHeight-e.parentNode.clientHeight)*100;this.trigger("dropdown:scroll",{percentage:Math.round(i)})}}},refilter:function(t){t=t||this.state.dropdown.query||"",this.suggestedListItems=this.dropdown.filterListItems(t),this.dropdown.fill(),this.suggestedListItems.length||this.dropdown.hide(),this.trigger("dropdown:updated",this.DOM.dropdown)},getSuggestionDataByNode:function(t){for(var e,i=t&&t.getAttribute("value"),n=this.suggestedListItems.length;n--;){if(c(e=this.suggestedListItems[n])&&e.value==i)return e;if(e==i)return{value:e}}},getNextOrPrevOption:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.dropdown.getAllSuggestionsRefs(),n=i.findIndex((function(e){return e===t}));return e?i[n+1]:i[n-1]},highlightOption:function(t,e){var i,n=this.settings.classNames.dropdownItemActive;if(this.state.ddItemElm&&(this.state.ddItemElm.classList.remove(n),this.state.ddItemElm.removeAttribute("aria-selected")),!t)return this.state.ddItemData=null,this.state.ddItemElm=null,void this.input.autocomplete.suggest.call(this);i=this.dropdown.getSuggestionDataByNode(t),this.state.ddItemData=i,this.state.ddItemElm=t,t.classList.add(n),t.setAttribute("aria-selected",!0),e&&(t.parentNode.scrollTop=t.clientHeight+t.offsetTop-t.parentNode.clientHeight),this.settings.autoComplete&&(this.input.autocomplete.suggest.call(this,i),this.dropdown.position())},selectOption:function(t,e){var i=this,n=this.settings,s=n.dropdown,a=s.clearOnSelect,o=s.closeOnSelect;if(!t)return this.addTags(this.state.inputText,!0),void(o&&this.dropdown.hide());e=e||{};var r=t.getAttribute("value"),l="noMatch"==r,d="mix"==n.mode,c=this.suggestedListItems.find((function(t){var e;return(null!==(e=t.value)&&void 0!==e?e:t)==r}));if(this.trigger("dropdown:select",{data:c,elm:t,event:e}),c||l){if(this.state.editing){var g=this.normalizeTags([c])[0];c=n.transformTag.call(this,g)||g,this.onEditTagDone(null,u({__isValid:!0},c))}else this[d?"addMixTags":"addTags"]([c||this.input.raw.call(this)],a);(d||this.DOM.input.parentNode)&&(setTimeout((function(){i.DOM.input.focus(),i.toggleFocusClass(!0)})),o&&setTimeout(this.dropdown.hide.bind(this)),t.addEventListener("transitionend",(function(){i.dropdown.fillHeaderFooter(),setTimeout((function(){t.remove(),i.dropdown.refilter()}),100)}),{once:!0}),t.classList.add(this.settings.classNames.dropdownItemHidden))}else o&&setTimeout(this.dropdown.hide.bind(this))},selectAll:function(t){this.suggestedListItems.length=0,this.dropdown.hide(),this.dropdown.filterListItems("");var e=this.dropdown.filterListItems("");return t||(e=this.state.dropdown.suggestions),this.addTags(e,!0),this},filterListItems:function(t,e){var i,n,s,a,o,r,l=function(){var t,l,d=void 0,u=void 0;t=m[w],n=(null!=(l=Object)&&"undefined"!=typeof Symbol&&l[Symbol.hasInstance]?l[Symbol.hasInstance](t):t instanceof l)?m[w]:{value:m[w]};var v,b=!Object.keys(n).some((function(t){return y.includes(t)}))?["value"]:y;g.fuzzySearch&&!e.exact?(a=b.reduce((function(t,e){return t+" "+(n[e]||"")}),"").toLowerCase().trim(),g.accentedSearch&&(a=h(a),r=h(r)),d=0==a.indexOf(r),u=a===r,v=a,s=r.toLowerCase().split(" ").every((function(t){return v.includes(t.toLowerCase())}))):(d=!0,s=b.some((function(t){var i=""+(n[t]||"");return g.accentedSearch&&(i=h(i),r=h(r)),g.caseSensitive||(i=i.toLowerCase()),u=i===r,e.exact?i===r:0==i.indexOf(r)}))),o=!g.includeSelectedTags&&i.isTagDuplicate(c(n)?n.value:n),s&&!o&&(u&&d?f.push(n):"startsWith"==g.sortby&&d?p.unshift(n):p.push(n))},d=this,u=this.settings,g=u.dropdown,p=(e=e||{},[]),f=[],m=u.whitelist,v=g.maxItems>=0?g.maxItems:1/0,b=g.includeSelectedTags||"select"==u.mode,y=g.searchKeys,w=0;if(!(t="select"==u.mode&&this.value.length&&this.value[0][u.tagTextProp]==t?"":t)||!y.length)return p=b?m:m.filter((function(t){return!d.isTagDuplicate(c(t)?t.value:t)})),this.state.dropdown.suggestions=p,p.slice(0,v);for(r=g.caseSensitive?""+t:(""+t).toLowerCase();w<m.length;w++)i=this,l();return this.state.dropdown.suggestions=f.concat(p),"function"==typeof g.sortby?g.sortby(f.concat(p),r):f.concat(p).slice(0,v)},getMappedValue:function(t){var e=this.settings.dropdown.mapValueTo;return e?"function"==typeof e?e(t):t[e]||t.value:t.value},createListHTML:function(t){var e=this;return u([],t).map((function(t,i){"string"!=typeof t&&"number"!=typeof t||(t={value:t});var n=e.dropdown.getMappedValue(t);return n="string"==typeof n&&e.settings.dropdown.escapeHTML?d(n):n,e.settings.templates.dropdownItem.apply(e,[I(D({},t),{mappedValue:n}),e])})).join("")}};function E(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function M(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function N(t){return function(t){if(Array.isArray(t))return E(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return E(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(i);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return E(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(){for(var t in this.dropdown={},this._dropdown)this.dropdown[t]="function"==typeof this._dropdown[t]?this._dropdown[t].bind(this):this._dropdown[t];this.dropdown.refs(),this.DOM.dropdown.__tagify=this}var A,C,k=(A=function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable})))),n.forEach((function(e){M(t,e,i[e])}))}return t}({},S),C=null!=(C={refs:function(){this.DOM.dropdown=this.parseTemplate("dropdown",[this.settings]),this.DOM.dropdown.content=this.DOM.dropdown.querySelector("[data-selector='tagify-suggestions-wrapper']")},getHeaderRef:function(){return this.DOM.dropdown.querySelector("[data-selector='tagify-suggestions-header']")},getFooterRef:function(){return this.DOM.dropdown.querySelector("[data-selector='tagify-suggestions-footer']")},getAllSuggestionsRefs:function(){return N(this.DOM.dropdown.content.querySelectorAll(this.settings.classNames.dropdownItemSelector))},show:function(t){var e,i,n,a=this,o=this.settings,r="mix"==o.mode&&!o.enforceWhitelist,l=!o.whitelist||!o.whitelist.length,d="manual"==o.dropdown.position;if(t=void 0===t?this.state.inputText:t,!(l&&!r&&!o.templates.dropdownItemNoMatch||!1===o.dropdown.enable||this.state.isLoading||this.settings.readonly)){if(clearTimeout(this.dropdownHide__bindEventsTimeout),this.suggestedListItems=this.dropdown.filterListItems(t),t&&!this.suggestedListItems.length&&(this.trigger("dropdown:noMatch",t),o.templates.dropdownItemNoMatch&&(n=o.templates.dropdownItemNoMatch.call(this,{value:t}))),!n){if(this.suggestedListItems.length)t&&r&&!this.state.editing.scope&&!s(this.suggestedListItems[0].value,t)&&this.suggestedListItems.unshift({value:t});else{if(!t||!r||this.state.editing.scope)return this.input.autocomplete.suggest.call(this),void this.dropdown.hide();this.suggestedListItems=[{value:t}]}i=""+(c(e=this.suggestedListItems[0])?e.value:e),o.autoComplete&&i&&0==i.indexOf(t)&&this.input.autocomplete.suggest.call(this,e)}this.dropdown.fill(n),o.dropdown.highlightFirst&&this.dropdown.highlightOption(this.DOM.dropdown.content.querySelector(o.classNames.dropdownItemSelector)),this.state.dropdown.visible||setTimeout(this.dropdown.events.binding.bind(this)),this.state.dropdown.visible=t||!0,this.state.dropdown.query=t,this.setStateSelection(),d||setTimeout((function(){a.dropdown.position(),a.dropdown.render()})),setTimeout((function(){a.trigger("dropdown:show",a.DOM.dropdown)}))}},hide:function(t){var e=this,i=this.DOM,n=i.scope,s=i.dropdown,a="manual"==this.settings.dropdown.position&&!t;if(s&&document.body.contains(s)&&!a)return window.removeEventListener("resize",this.dropdown.position),this.dropdown.events.binding.call(this,!1),n.setAttribute("aria-expanded",!1),s.parentNode.removeChild(s),setTimeout((function(){e.state.dropdown.visible=!1}),100),this.state.dropdown.query=this.state.ddItemData=this.state.ddItemElm=this.state.selection=null,this.state.tag&&this.state.tag.value.length&&(this.state.flaggedTags[this.state.tag.baseOffset]=this.state.tag),this.trigger("dropdown:hide",s),this},toggle:function(t){this.dropdown[this.state.dropdown.visible&&!t?"hide":"show"]()},getAppendTarget:function(){var t=this.settings.dropdown;return"function"==typeof t.appendTarget?t.appendTarget():t.appendTarget},render:function(){var t,e,i,n=this,s=(t=this.DOM.dropdown,(i=t.cloneNode(!0)).style.cssText="position:fixed; top:-9999px; opacity:0",document.body.appendChild(i),e=i.clientHeight,i.parentNode.removeChild(i),e),a=this.settings,o=this.dropdown.getAppendTarget();return!1===a.dropdown.enabled||(this.DOM.scope.setAttribute("aria-expanded",!0),document.body.contains(this.DOM.dropdown)||(this.DOM.dropdown.classList.add(a.classNames.dropdownInital),this.dropdown.position(s),o.appendChild(this.DOM.dropdown),setTimeout((function(){return n.DOM.dropdown.classList.remove(a.classNames.dropdownInital)})))),this},fill:function(t){t="string"==typeof t?t:this.dropdown.createListHTML(t||this.suggestedListItems);var e,i=this.settings.templates.dropdownContent.call(this,t);this.DOM.dropdown.content.innerHTML=(e=i)?e.replace(/\>[\r\n ]+\</g,"><").split(/>\s+</).join("><").trim():""},fillHeaderFooter:function(){var t=this.dropdown.filterListItems(this.state.dropdown.query),e=this.parseTemplate("dropdownHeader",[t]),i=this.parseTemplate("dropdownFooter",[t]),n=this.dropdown.getHeaderRef(),s=this.dropdown.getFooterRef();e&&(null==n||n.parentNode.replaceChild(e,n)),i&&(null==s||s.parentNode.replaceChild(i,s))},position:function(t){var e=this.settings.dropdown,i=this.dropdown.getAppendTarget();if("manual"!=e.position&&i){var n,s,a,o,r,l,d,c,u,g=this.DOM.dropdown,h=e.RTL,p=i===document.body,f=i===this.DOM.scope,m=p?window.pageYOffset:i.scrollTop,v=document.fullscreenElement||document.webkitFullscreenElement||document.documentElement,b=v.clientHeight,y=Math.max(v.clientWidth||0,window.innerWidth||0)>480?e.position:"all",w=this.DOM["input"==y?"input":"scope"];if(t=t||g.clientHeight,this.state.dropdown.visible){if("text"==y?(a=(n=function(){var t=document.getSelection();if(t.rangeCount){var e,i,n=t.getRangeAt(0),s=n.startContainer,a=n.startOffset;if(a>0)return(i=document.createRange()).setStart(s,a-1),i.setEnd(s,a),{left:(e=i.getBoundingClientRect()).right,top:e.top,bottom:e.bottom};if(s.getBoundingClientRect)return s.getBoundingClientRect()}return{left:-9999,top:-9999}}()).bottom,s=n.top,o=n.left,r="auto"):(l=function(t){var e=0,i=0;for(t=t.parentNode;t&&t!=v;)e+=t.offsetTop||0,i+=t.offsetLeft||0,t=t.parentNode;return{top:e,left:i}}(i),n=w.getBoundingClientRect(),s=f?-1:n.top-l.top,a=(f?n.height:n.bottom-l.top)-1,o=f?-1:n.left-l.left,r=n.width+"px"),!p){var T=function(){for(var t=0,i=e.appendTarget.parentNode;i;)t+=i.scrollTop||0,i=i.parentNode;return t}();s+=T,a+=T}var O;s=Math.floor(s),a=Math.ceil(a),c=((d=null!==(O=e.placeAbove)&&void 0!==O?O:b-n.bottom<t)?s:a)+m,u="left: ".concat(o+(h&&n.width||0)+window.pageXOffset,"px;"),g.style.cssText="".concat(u,"; top: ").concat(c,"px; min-width: ").concat(r,"; max-width: ").concat(r),g.setAttribute("placement",d?"top":"bottom"),g.setAttribute("position",y)}}}})?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(A,Object.getOwnPropertyDescriptors(C)):function(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}(Object(C)).forEach((function(t){Object.defineProperty(A,t,Object.getOwnPropertyDescriptor(C,t))})),A),L="@yaireo/tagify/",j={empty:"empty",exceed:"number of tags exceeded",pattern:"pattern mismatch",duplicate:"already exists",notAllowed:"not allowed"},P={wrapper:function(e,i){return'<tags class="'.concat(i.classNames.namespace," ").concat(i.mode?"".concat(i.classNames[i.mode+"Mode"]):""," ").concat(e.className,'"\n                    ').concat(i.readonly?"readonly":"","\n                    ").concat(i.disabled?"disabled":"","\n                    ").concat(i.required?"required":"","\n                    ").concat("select"===i.mode?"spellcheck='false'":"",'\n                    tabIndex="-1">\n                    ').concat(this.settings.templates.input.call(this),"\n                ").concat(t,"\n        </tags>")},input:function(){var e=this.settings,i=e.placeholder||t;return"<span ".concat(!e.readonly&&e.userInput?"contenteditable":"",' tabIndex="0" data-placeholder="').concat(i,'" aria-placeholder="').concat(e.placeholder||"",'"\n                    class="').concat(e.classNames.input,'"\n                    role="textbox"\n                    autocapitalize="false"\n                    autocorrect="off"\n                    spellcheck="false"\n                    aria-autocomplete="both"\n                    aria-multiline="').concat("mix"==e.mode,'"></span>')},tag:function(t,e){var i=e.settings;return'<tag title="'.concat(t.title||t.value,"\"\n                    contenteditable='false'\n                    tabIndex=\"").concat(i.a11y.focusableTags?0:-1,'"\n                    class="').concat(i.classNames.tag," ").concat(t.class||"",'"\n                    ').concat(this.getAttributes(t),">\n            <x title='' tabIndex=\"").concat(i.a11y.focusableTags?0:-1,'" class="').concat(i.classNames.tagX,"\" role='button' aria-label='remove tag'></x>\n            <div>\n                <span ").concat("select"===i.mode&&i.userInput?"contenteditable='true'":"",' autocapitalize="false" autocorrect="off" spellcheck=\'false\' class="').concat(i.classNames.tagText,'">').concat(t[i.tagTextProp]||t.value,"</span>\n            </div>\n        </tag>")},dropdown:function(t){var e=t.dropdown,i="manual"==e.position;return'<div class="'.concat(i?"":t.classNames.dropdown," ").concat(e.classname,'" role="listbox" aria-labelledby="dropdown" dir="').concat(e.RTL?"rtl":"","\">\n                    <div data-selector='tagify-suggestions-wrapper' class=\"").concat(t.classNames.dropdownWrapper,'"></div>\n                </div>')},dropdownContent:function(t){var e=this.settings.templates,i=this.state.dropdown.suggestions;return"\n            ".concat(e.dropdownHeader.call(this,i),"\n            ").concat(t,"\n            ").concat(e.dropdownFooter.call(this,i),"\n        ")},dropdownItem:function(t){return"<div ".concat(this.getAttributes(t),"\n                    class='").concat(this.settings.classNames.dropdownItem," ").concat(this.isTagDuplicate(t.value)?this.settings.classNames.dropdownItemSelected:""," ").concat(t.class||"",'\'\n                    tabindex="0"\n                    role="option">').concat(t.mappedValue||t.value,"</div>")},dropdownHeader:function(t){return"<header data-selector='tagify-suggestions-header' class=\"".concat(this.settings.classNames.dropdownHeader,'"></header>')},dropdownFooter:function(t){var e=t.length-this.settings.dropdown.maxItems;return e>0?"<footer data-selector='tagify-suggestions-footer' class=\"".concat(this.settings.classNames.dropdownFooter,'">\n                ').concat(e," more items. Refine your search.\n            </footer>"):""},dropdownItemNoMatch:null};function V(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function F(t,e){return null!=e&&"undefined"!=typeof Symbol&&e[Symbol.hasInstance]?!!e[Symbol.hasInstance](t):t instanceof e}function R(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var n,s,a=[],o=!0,r=!1;try{for(i=i.call(t);!(o=(n=i.next()).done)&&(a.push(n.value),!e||a.length!==e);o=!0);}catch(t){r=!0,s=t}finally{try{o||null==i.return||i.return()}finally{if(r)throw s}}return a}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return V(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(i);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return V(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function H(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function B(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function W(t,e){return null!=e&&"undefined"!=typeof Symbol&&e[Symbol.hasInstance]?!!e[Symbol.hasInstance](t):t instanceof e}function K(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}(Object(e)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))})),t}function U(t){return function(t){if(Array.isArray(t))return H(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return H(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(i);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return H(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var q={customBinding:function(){var t=this;this.customEventsList.forEach((function(e){t.on(e,t.settings.callbacks[e])}))},binding:function(){var t,e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],i=this.settings,n=this.events.callbacks,s=e?"addEventListener":"removeEventListener";if(!this.state.mainEvents||!e){for(var a in this.state.mainEvents=e,e&&!this.listeners.main&&(this.events.bindGlobal.call(this),this.settings.isJQueryPlugin&&jQuery(this.DOM.originalInput).on("tagify.removeAllTags",this.removeAllTags.bind(this))),t=this.listeners.main=this.listeners.main||{keydown:["input",n.onKeydown.bind(this)],click:["scope",n.onClickScope.bind(this)],dblclick:"select"!=i.mode&&["scope",n.onDoubleClickScope.bind(this)],paste:["input",n.onPaste.bind(this)],drop:["input",n.onDrop.bind(this)],compositionstart:["input",n.onCompositionStart.bind(this)],compositionend:["input",n.onCompositionEnd.bind(this)]})t[a]&&this.DOM[t[a][0]][s](a,t[a][1]);var o=this.listeners.main.inputMutationObserver||new MutationObserver(n.onInputDOMChange.bind(this));o.disconnect(),"mix"==i.mode&&o.observe(this.DOM.input,{childList:!0}),this.events.bindOriginaInputListener.call(this)}},bindOriginaInputListener:function(t){var e=(t||0)+500;this.listeners.main&&(clearInterval(this.listeners.main.originalInputValueObserverInterval),this.listeners.main.originalInputValueObserverInterval=setInterval(this.events.callbacks.observeOriginalInputValue.bind(this),e))},bindGlobal:function(t){var e,i=this.events.callbacks,n=t?"removeEventListener":"addEventListener";if(this.listeners&&(t||!this.listeners.global)){this.listeners.global=this.listeners.global||[{type:this.isIE?"keydown":"input",target:this.DOM.input,cb:i[this.isIE?"onInputIE":"onInput"].bind(this)},{type:"keydown",target:window,cb:i.onWindowKeyDown.bind(this)},{type:"focusin",target:this.DOM.scope,cb:i.onFocusBlur.bind(this)},{type:"focusout",target:this.DOM.scope,cb:i.onFocusBlur.bind(this)},{type:"click",target:document,cb:i.onClickAnywhere.bind(this),useCapture:!0}];var s=!0,a=!1,o=void 0;try{for(var r,l=this.listeners.global[Symbol.iterator]();!(s=(r=l.next()).done);s=!0)(e=r.value).target[n](e.type,e.cb,!!e.useCapture)}catch(t){a=!0,o=t}finally{try{s||null==l.return||l.return()}finally{if(a)throw o}}}},unbindGlobal:function(){this.events.bindGlobal.call(this,!0)},callbacks:{onFocusBlur:function(t){var e,i,n=this.settings,s=v.call(this,t.target),a=m.call(this,t.target),o=t.target.classList.contains(n.classNames.tagX),r="focusin"==t.type,l="focusout"==t.type;s&&r&&!a&&!o&&this.toggleFocusClass(this.state.hasFocus=+new Date);var d=t.target?this.trim(this.DOM.input.textContent):"",c=null===(i=this.value)||void 0===i||null===(e=i[0])||void 0===e?void 0:e[n.tagTextProp],u=n.dropdown.enabled>=0,g={relatedTarget:t.relatedTarget},h=this.state.actions.selectOption&&(u||!n.dropdown.closeOnSelect),p=this.state.actions.addNew&&u;if(l){if(t.relatedTarget===this.DOM.scope)return this.dropdown.hide(),void this.DOM.input.focus();this.postUpdate(),n.onChangeAfterBlur&&this.triggerChangeEvent()}if(!(h||p||o))if(r||s?(this.state.hasFocus=+new Date,this.toggleFocusClass(this.state.hasFocus)):this.state.hasFocus=!1,"mix"!=n.mode){if(r){if(!n.focusable)return;var f=0===n.dropdown.enabled&&!this.state.dropdown.visible,b=!a||"select"===n.mode;return this.toggleFocusClass(!0),this.trigger("focus",g),void(f&&b&&this.dropdown.show(this.value.length?"":void 0))}if(l){if(this.trigger("blur",g),this.loading(!1),"select"==n.mode){if(this.value.length){var y=this.getTagElms()[0];d=this.trim(y.textContent)}c===d&&(d="")}d&&!this.state.actions.selectOption&&n.addTagOnBlur&&n.addTagOn.includes("blur")&&this.addTags(d,!0)}s||(this.DOM.input.removeAttribute("style"),this.dropdown.hide())}else r?this.trigger("focus",g):l&&(this.trigger("blur",g),this.loading(!1),this.dropdown.hide(),this.state.dropdown.visible=void 0,this.setStateSelection())},onCompositionStart:function(t){this.state.composing=!0},onCompositionEnd:function(t){this.state.composing=!1},onWindowKeyDown:function(t){var e,i=this.settings,n=document.activeElement,s=v.call(this,n)&&this.DOM.scope.contains(document.activeElement),a=s&&n.hasAttribute("readonly");if(this.state.hasFocus||s&&!a){e=n.nextElementSibling;var o=t.target.classList.contains(i.classNames.tagX);switch(t.key){case"Backspace":i.readonly||this.state.editing||(this.removeTags(n),(e||this.DOM.input).focus());break;case"Enter":if(o)return void this.removeTags(t.target.parentNode);i.a11y.focusableTags&&m.call(this,n)&&setTimeout(this.editTag.bind(this),0,n);break;case"ArrowDown":this.state.dropdown.visible||"mix"==i.mode||this.dropdown.show()}}},onKeydown:function(t){var e=this,i=this.settings;if(!this.state.composing&&i.userInput){"select"==i.mode&&i.enforceWhitelist&&this.value.length&&"Tab"!=t.key&&t.preventDefault();var n=this.trim(t.target.textContent);this.trigger("keydown",{event:t}),i.hooks.beforeKeyDown(t,{tagify:this}).then((function(s){if("mix"==i.mode){switch(t.key){case"Left":case"ArrowLeft":e.state.actions.ArrowLeft=!0;break;case"Delete":case"Backspace":if(e.state.editing)return;var a=document.getSelection(),o="Delete"==t.key&&a.anchorOffset==(a.anchorNode.length||0),r=a.anchorNode.previousSibling,d=1==a.anchorNode.nodeType||!a.anchorOffset&&r&&1==r.nodeType&&a.anchorNode.previousSibling;!function(t){var e=document.createElement("div");t.replace(/\&#?[0-9a-z]+;/gi,(function(t){return e.innerHTML=t,e.innerText}))}(e.DOM.input.innerHTML);var c,u,g,h=e.getTagElms(),f=1===a.anchorNode.length&&a.anchorNode.nodeValue==String.fromCharCode(8203);if("edit"==i.backspace&&d)return c=1==a.anchorNode.nodeType?null:a.anchorNode.previousElementSibling,setTimeout(e.editTag.bind(e),0,c),void t.preventDefault();if(p()&&W(d,Element))return g=l(d),d.hasAttribute("readonly")||d.remove(),e.DOM.input.focus(),void setTimeout((function(){w(g),e.DOM.input.click()}));if("BR"==a.anchorNode.nodeName)return;if((o||d)&&1==a.anchorNode.nodeType?u=0==a.anchorOffset?o?h[0]:null:h[Math.min(h.length,a.anchorOffset)-1]:o?u=a.anchorNode.nextElementSibling:W(d,Element)&&(u=d),3==a.anchorNode.nodeType&&!a.anchorNode.nodeValue&&a.anchorNode.previousElementSibling&&t.preventDefault(),(d||o)&&!i.backspace)return void t.preventDefault();if("Range"!=a.type&&!a.anchorOffset&&a.anchorNode==e.DOM.input&&"Delete"!=t.key)return void t.preventDefault();if("Range"!=a.type&&u&&u.hasAttribute("readonly"))return void w(l(u));"Delete"==t.key&&f&&y(a.anchorNode.nextSibling)&&e.removeTags(a.anchorNode.nextSibling)}return!0}var m="manual"==i.dropdown.position;switch(t.key){case"Backspace":"select"==i.mode&&i.enforceWhitelist&&e.value.length?e.removeTags():e.state.dropdown.visible&&"manual"!=i.dropdown.position||""!=t.target.textContent&&8203!=n.charCodeAt(0)||(!0===i.backspace?e.removeTags():"edit"==i.backspace&&setTimeout(e.editTag.bind(e),0));break;case"Esc":case"Escape":if(e.state.dropdown.visible)return;t.target.blur();break;case"Down":case"ArrowDown":e.state.dropdown.visible||e.dropdown.show();break;case"ArrowRight":var v=e.state.inputSuggestion||e.state.ddItemData;if(v&&i.autoComplete.rightKey)return void e.addTags([v],!0);break;case"Tab":var b="select"==i.mode;if(!n||b)return!0;t.preventDefault();case"Enter":if(e.state.dropdown.visible&&!m)return;t.preventDefault(),setTimeout((function(){e.state.dropdown.visible&&!m||e.state.actions.selectOption||!i.addTagOn.includes(t.key.toLowerCase())||e.addTags(n,!0)}))}})).catch((function(t){return t}))}},onInput:function(t){this.postUpdate();var e=this.settings;if("mix"==e.mode)return this.events.callbacks.onMixTagsInput.call(this,t);var i=this.input.normalize.call(this,void 0,{trim:!1}),n=i.length>=e.dropdown.enabled,s={value:i,inputElm:this.DOM.input},a=this.validateTag({value:i});"select"==e.mode&&this.toggleScopeValidation(a),s.isValid=a,this.state.inputText!=i&&(this.input.set.call(this,i,!1),-1!=i.search(e.delimiters)?this.addTags(i)&&this.input.set.call(this):e.dropdown.enabled>=0&&this.dropdown[n?"show":"hide"](i),this.trigger("input",s))},onMixTagsInput:function(t){var e,i,n,s,a,o,r,l,d=this,c=this.settings,g=this.value.length,h=this.getTagElms(),f=document.createDocumentFragment(),m=window.getSelection().getRangeAt(0),v=[].map.call(h,(function(t){return y(t).value}));if("deleteContentBackward"==t.inputType&&p()&&this.events.callbacks.onKeydown.call(this,{target:t.target,key:"Backspace"}),T(this.getTagElms()),this.value.slice().forEach((function(t){t.readonly&&!v.includes(t.value)&&f.appendChild(d.createTagElem(t))})),f.childNodes.length&&(m.insertNode(f),this.setRangeAtStartEnd(!1,f.lastChild)),h.length!=g)return this.value=[].map.call(this.getTagElms(),(function(t){return y(t)})),void this.update({withoutChangeEvent:!0});if(this.hasMaxTags())return!0;if(window.getSelection&&(o=window.getSelection()).rangeCount>0&&3==o.anchorNode.nodeType){if((m=o.getRangeAt(0).cloneRange()).collapse(!0),m.setStart(o.focusNode,0),n=(e=m.toString().slice(0,m.endOffset)).split(c.pattern).length-1,(i=e.match(c.pattern))&&(s=e.slice(e.lastIndexOf(i[i.length-1]))),s){if(this.state.actions.ArrowLeft=!1,this.state.tag={prefix:s.match(c.pattern)[0],value:s.replace(c.pattern,"")},this.state.tag.baseOffset=o.baseOffset-this.state.tag.value.length,l=this.state.tag.value.match(c.delimiters))return this.state.tag.value=this.state.tag.value.replace(c.delimiters,""),this.state.tag.delimiters=l[0],this.addTags(this.state.tag.value,c.dropdown.clearOnSelect),void this.dropdown.hide();a=this.state.tag.value.length>=c.dropdown.enabled;try{r=(r=this.state.flaggedTags[this.state.tag.baseOffset]).prefix==this.state.tag.prefix&&r.value[0]==this.state.tag.value[0],this.state.flaggedTags[this.state.tag.baseOffset]&&!this.state.tag.value&&delete this.state.flaggedTags[this.state.tag.baseOffset]}catch(t){}(r||n<this.state.mixMode.matchedPatternCount)&&(a=!1)}else this.state.flaggedTags={};this.state.mixMode.matchedPatternCount=n}setTimeout((function(){d.update({withoutChangeEvent:!0}),d.trigger("input",u({},d.state.tag,{textContent:d.DOM.input.textContent})),d.state.tag&&d.dropdown[a?"show":"hide"](d.state.tag.value)}),10)},onInputIE:function(t){var e=this;setTimeout((function(){e.events.callbacks.onInput.call(e,t)}))},observeOriginalInputValue:function(){this.DOM.originalInput.parentNode||this.destroy(),this.DOM.originalInput.value!=this.DOM.originalInput.tagifyValue&&this.loadOriginalValues()},onClickAnywhere:function(t){t.target==this.DOM.scope||this.DOM.scope.contains(t.target)||(this.toggleFocusClass(!1),this.state.hasFocus=!1,t.target.closest(".tagify__dropdown")&&t.target.closest(".tagify__dropdown").__tagify!=this&&this.dropdown.hide())},onClickScope:function(t){var e=this.settings,i=t.target.closest("."+e.classNames.tag),n=t.target===this.DOM.scope,s=+new Date-this.state.hasFocus;if(n&&"select"!=e.mode)this.DOM.input.focus();else{if(!t.target.classList.contains(e.classNames.tagX))return i&&!this.state.editing?(this.trigger("click",{tag:i,index:this.getNodeIndex(i),data:y(i),event:t}),void(1!==e.editTags&&1!==e.editTags.clicks&&"select"!=e.mode||this.events.callbacks.onDoubleClickScope.call(this,t))):void(t.target==this.DOM.input&&("mix"==e.mode&&this.fixFirefoxLastTagNoCaret(),s>500||!e.focusable)?this.state.dropdown.visible?this.dropdown.hide():0===e.dropdown.enabled&&"mix"!=e.mode&&this.dropdown.show(this.value.length?"":void 0):"select"!=e.mode||0!==e.dropdown.enabled||this.state.dropdown.visible||(this.events.callbacks.onDoubleClickScope.call(this,K(function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable})))),n.forEach((function(e){B(t,e,i[e])}))}return t}({},t),{target:this.getTagElms()[0]})),!e.userInput&&this.dropdown.show()));this.removeTags(t.target.parentNode)}},onPaste:function(t){var e=this;t.preventDefault();var i,n,s,a=this.settings;if("select"==a.mode&&a.enforceWhitelist||!a.userInput)return!1;a.readonly||(n=t.clipboardData||window.clipboardData,s=n.getData("Text"),a.hooks.beforePaste(t,{tagify:this,pastedText:s,clipboardData:n}).then((function(a){void 0===a&&(a=s),a&&(e.injectAtCaret(a,window.getSelection().getRangeAt(0)),"mix"==e.settings.mode?e.events.callbacks.onMixTagsInput.call(e,t):e.settings.pasteAsTags?i=e.addTags(e.state.inputText+a,!0):(e.state.inputText=a,e.dropdown.show(a))),e.trigger("paste",{event:t,pastedText:s,clipboardData:n,tagsElems:i})})).catch((function(t){return t})))},onDrop:function(t){t.preventDefault()},onEditTagInput:function(t,e){var i,n=t.closest("."+this.settings.classNames.tag),s=this.getNodeIndex(n),a=y(n),o=this.input.normalize.call(this,t),r=(B(i={},this.settings.tagTextProp,o),B(i,"__tagId",a.__tagId),i),l=this.validateTag(r);this.editTagChangeDetected(u(a,r))||!0!==t.originalIsValid||(l=!0),n.classList.toggle(this.settings.classNames.tagInvalid,!0!==l),a.__isValid=l,n.title=!0===l?a.title||a.value:l,o.length>=this.settings.dropdown.enabled&&(this.state.editing&&(this.state.editing.value=o),this.dropdown.show(o)),this.trigger("edit:input",{tag:n,index:s,data:u({},this.value[s],{newValue:o}),event:e})},onEditTagPaste:function(t,e){var i=(e.clipboardData||window.clipboardData).getData("Text");e.preventDefault();var n=b(i);this.setRangeAtStartEnd(!1,n)},onEditTagClick:function(t,e){this.events.callbacks.onClickScope.call(this,e)},onEditTagFocus:function(t){this.state.editing={scope:t,input:t.querySelector("[contenteditable]")}},onEditTagBlur:function(t,e){var i=m.call(this,e.relatedTarget);if("select"==this.settings.mode&&i&&e.relatedTarget.contains(e.target))this.dropdown.hide();else if(this.state.editing&&(this.state.hasFocus||this.toggleFocusClass(),this.DOM.scope.contains(t))){var n,s,a,o=this.settings,r=t.closest("."+o.classNames.tag),l=y(r),d=this.input.normalize.call(this,t),c=(B(n={},o.tagTextProp,d),B(n,"__tagId",l.__tagId),n),g=l.__originalData,h=this.editTagChangeDetected(u(l,c)),p=this.validateTag(c);if(d)if(h){var f;if(s=this.hasMaxTags(),a=u({},g,(B(f={},o.tagTextProp,this.trim(d)),B(f,"__isValid",p),f)),o.transformTag.call(this,a,g),!0!==(p=(!s||!0===g.__isValid)&&this.validateTag(a))){if(this.trigger("invalid",{data:a,tag:r,message:p}),o.editTags.keepInvalid)return;o.keepInvalidTags?a.__isValid=p:a=g}else o.keepInvalidTags&&(delete a.title,delete a["aria-invalid"],delete a.class);this.onEditTagDone(r,a)}else this.onEditTagDone(r,g);else this.onEditTagDone(r)}},onEditTagkeydown:function(t,e){if(!this.state.composing)switch(this.trigger("edit:keydown",{event:t}),t.key){case"Esc":case"Escape":this.state.editing=!1,!!e.__tagifyTagData.__originalData.value?e.parentNode.replaceChild(e.__tagifyTagData.__originalHTML,e):e.remove();break;case"Enter":case"Tab":t.preventDefault();setTimeout((function(){return t.target.blur()}),0)}},onDoubleClickScope:function(t){var e,i,n=t.target.closest("."+this.settings.classNames.tag),s=y(n),a=this.settings;n&&!1!==s.editable&&(e=n.classList.contains(this.settings.classNames.tagEditing),i=n.hasAttribute("readonly"),a.readonly||e||i||!this.settings.editTags||!a.userInput||(this.events.callbacks.onEditTagFocus.call(this,n),this.editTag(n)),this.toggleFocusClass(!0),"select"!=a.mode&&this.trigger("dblclick",{tag:n,index:this.getNodeIndex(n),data:y(n)}))},onInputDOMChange:function(t){var e=this;t.forEach((function(t){t.addedNodes.forEach((function(t){if("<div><br></div>"==t.outerHTML)t.replaceWith(document.createElement("br"));else if(1==t.nodeType&&t.querySelector(e.settings.classNames.tagSelector)){var i,n=document.createTextNode("");3==t.childNodes[0].nodeType&&"BR"!=t.previousSibling.nodeName&&(n=document.createTextNode("\n")),(i=t).replaceWith.apply(i,U([n].concat(U(U(t.childNodes).slice(0,-1))))),w(n)}else if(m.call(e,t)){var s;if(3!=(null===(s=t.previousSibling)||void 0===s?void 0:s.nodeType)||t.previousSibling.textContent||t.previousSibling.remove(),t.previousSibling&&"BR"==t.previousSibling.nodeName){t.previousSibling.replaceWith("\n​");for(var a=t.nextSibling,o="";a;)o+=a.textContent,a=a.nextSibling;o.trim()&&w(t.previousSibling)}else t.previousSibling&&!y(t.previousSibling)||t.before("​")}})),t.removedNodes.forEach((function(t){t&&"BR"==t.nodeName&&m.call(e,i)&&(e.removeTags(i),e.fixFirefoxLastTagNoCaret())}))}));var i=this.DOM.input.lastChild;i&&""==i.nodeValue&&i.remove(),i&&"BR"==i.nodeName||this.DOM.input.appendChild(document.createElement("br"))}}};function z(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function X(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function J(t,e){return null!=e&&"undefined"!=typeof Symbol&&e[Symbol.hasInstance]?!!e[Symbol.hasInstance](t):t instanceof e}function G(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable})))),n.forEach((function(e){X(t,e,i[e])}))}return t}function $(t){return function(t){if(Array.isArray(t))return z(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return z(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(i);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return z(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Q(t,e){if(!t){n.warn("input element not found",t);var i=new Proxy(this,{get:function(){return function(){return i}}});return i}if(t.__tagify)return n.warn("input element is already Tagified - Same instance is returned.",t),t.__tagify;var s;u(this,function(t){var e=document.createTextNode(""),i={};function s(t,i,n){n&&i.split(/\s+/g).forEach((function(i){return e[t+"EventListener"].call(e,i,n)}))}return{removeAllCustomListeners:function(){Object.entries(i).forEach((function(t){var e=R(t,2),i=e[0];e[1].forEach((function(t){return s("remove",i,t)}))})),i={}},off:function(t,e){return t&&(e?s("remove",t,e):t.split(/\s+/g).forEach((function(t){var e;null===(e=i[t])||void 0===e||e.forEach((function(e){return s("remove",t,e)})),delete i[t]}))),this},on:function(t,e){return e&&"function"==typeof e&&(t.split(/\s+/g).forEach((function(t){Array.isArray(i[t])?i[t].push(e):i[t]=[e]})),s("add",t,e)),this},trigger:function(i,s,a){var o;if(a=a||{cloneData:!0},i)if(t.settings.isJQueryPlugin)"remove"==i&&(i="removeTag"),jQuery(t.DOM.originalInput).triggerHandler(i,[s]);else{try{var r="object"==typeof s?s:{value:s};if((r=a.cloneData?u({},r):r).tagify=this,s.event&&(r.event=this.cloneEvent(s.event)),F(s,Object))for(var l in s)F(s[l],HTMLElement)&&(r[l]=s[l]);o=new CustomEvent(i,{detail:r})}catch(t){n.warn(t)}e.dispatchEvent(o)}}}}(this)),this.isFirefox=/firefox|fxios/i.test(navigator.userAgent)&&!/seamonkey/i.test(navigator.userAgent),this.isIE=window.document.documentMode,e=e||{},this.getPersistedData=(s=e.id,function(t){var e,i="/"+t;if(1==localStorage.getItem(L+s+"/v",1))try{e=JSON.parse(localStorage[L+s+i])}catch(t){}return e}),this.setPersistedData=function(t){return t?(localStorage.setItem(L+t+"/v",1),function(e,i){var n="/"+i,s=JSON.stringify(e);e&&i&&(localStorage.setItem(L+t+n,s),dispatchEvent(new Event("storage")))}):function(){}}(e.id),this.clearPersistedData=function(t){return function(e){var i=L+"/"+t+"/";if(e)localStorage.removeItem(i+e);else for(var n in localStorage)n.includes(i)&&localStorage.removeItem(n)}}(e.id),this.applySettings(t,e),this.state={inputText:"",editing:!1,composing:!1,actions:{},mixMode:{},dropdown:{},flaggedTags:{}},this.value=[],this.listeners={},this.DOM={},this.build(t),_.call(this),this.getCSSVars(),this.loadOriginalValues(),this.events.customBinding.call(this),this.events.binding.call(this),t.autofocus&&this.DOM.input.focus(),t.__tagify=this}return Q.prototype={_dropdown:k,placeCaretAfterNode:w,getSetTagData:y,helpers:{sameStr:s,removeCollectionProp:a,omit:o,isObject:c,parseHTML:r,escapeHTML:d,extend:u,concatWithoutDups:g,getUID:f,isNodeTag:m},customEventsList:["change","add","remove","invalid","input","paste","click","keydown","focus","blur","edit:input","edit:beforeUpdate","edit:updated","edit:start","edit:keydown","dropdown:show","dropdown:hide","dropdown:select","dropdown:updated","dropdown:noMatch","dropdown:scroll"],dataProps:["__isValid","__removed","__originalData","__originalHTML","__tagId"],trim:function(t){return this.settings.trim&&t&&"string"==typeof t?t.trim():t},parseHTML:r,templates:P,parseTemplate:function(t,e){return r((t=this.settings.templates[t]||t).apply(this,e))},set whitelist(t){var e=t&&Array.isArray(t);this.settings.whitelist=e?t:[],this.setPersistedData(e?t:[],"whitelist")},get whitelist(){return this.settings.whitelist},set userInput(t){this.settings.userInput=!!t,this.setContentEditable(!!t)},get userInput(){return this.settings.userInput},generateClassSelectors:function(t){var e=function(e){var i=e;Object.defineProperty(t,i+"Selector",{get:function(){return"."+this[i].split(" ")[0]}})};for(var i in t)e(i)},applySettings:function(t,e){var i,n;O.templates=this.templates;var s=u({},O,"mix"==e.mode?{dropdown:{position:"text"}}:{}),a=this.settings=u({},s,e);if(a.disabled=t.hasAttribute("disabled"),a.readonly=a.readonly||t.hasAttribute("readonly"),a.placeholder=d(t.getAttribute("placeholder")||a.placeholder||""),a.required=t.hasAttribute("required"),this.generateClassSelectors(a.classNames),void 0===a.dropdown.includeSelectedTags&&(a.dropdown.includeSelectedTags=a.duplicates),this.isIE&&(a.autoComplete=!1),["whitelist","blacklist"].forEach((function(e){var i=t.getAttribute("data-"+e);i&&J(i=i.split(a.delimiters),Array)&&(a[e]=i)})),"autoComplete"in e&&!c(e.autoComplete)&&(a.autoComplete=O.autoComplete,a.autoComplete.enabled=e.autoComplete),"mix"==a.mode&&(a.pattern=a.pattern||/@/,a.autoComplete.rightKey=!0,a.delimiters=e.delimiters||null,a.tagTextProp&&!a.dropdown.searchKeys.includes(a.tagTextProp)&&a.dropdown.searchKeys.push(a.tagTextProp)),t.pattern)try{a.pattern=new RegExp(t.pattern)}catch(t){}if(a.delimiters){a._delimiters=a.delimiters;try{a.delimiters=new RegExp(this.settings.delimiters,"g")}catch(t){}}a.disabled&&(a.userInput=!1),this.TEXTS=G({},j,a.texts||{}),("select"!=a.mode||(null===(i=e.dropdown)||void 0===i?void 0:i.enabled))&&a.userInput||(a.dropdown.enabled=0),a.dropdown.appendTarget=(null===(n=e.dropdown)||void 0===n?void 0:n.appendTarget)||document.body;var o=this.getPersistedData("whitelist");Array.isArray(o)&&(this.whitelist=Array.isArray(a.whitelist)?g(a.whitelist,o):o)},getAttributes:function(t){var e,i=this.getCustomAttributes(t),n="";for(e in i)n+=" "+e+(void 0!==t[e]?'="'.concat(i[e],'"'):"");return n},getCustomAttributes:function(t){if(!c(t))return"";var e,i={};for(e in t)"__"!=e.slice(0,2)&&"class"!=e&&t.hasOwnProperty(e)&&void 0!==t[e]&&(i[e]=d(t[e]));return i},setStateSelection:function(){var t=window.getSelection(),e={anchorOffset:t.anchorOffset,anchorNode:t.anchorNode,range:t.getRangeAt&&t.rangeCount&&t.getRangeAt(0)};return this.state.selection=e,e},getCSSVars:function(){var t,e,i,n=getComputedStyle(this.DOM.scope,null);this.CSSVars={tagHideTransition:(t=function(t){if(!t)return{};var e=(t=t.trim().split(" ")[0]).split(/\d+/g).filter((function(t){return t})).pop().trim();return{value:+t.split(e).filter((function(t){return t}))[0].trim(),unit:e}}((i="tag-hide-transition",n.getPropertyValue("--"+i))),e=t.value,"s"==t.unit?1e3*e:e)}},build:function(t){var e=this.DOM,i=t.closest("label");this.settings.mixMode.integrated?(e.originalInput=null,e.scope=t,e.input=t):(e.originalInput=t,e.originalInput_tabIndex=t.tabIndex,e.scope=this.parseTemplate("wrapper",[t,this.settings]),e.input=e.scope.querySelector(this.settings.classNames.inputSelector),t.parentNode.insertBefore(e.scope,t),t.tabIndex=-1),i&&i.setAttribute("for","")},destroy:function(){this.events.unbindGlobal.call(this),this.DOM.scope.parentNode.removeChild(this.DOM.scope),this.DOM.originalInput.tabIndex=this.DOM.originalInput_tabIndex,delete this.DOM.originalInput.__tagify,this.dropdown.hide(!0),this.removeAllCustomListeners(),clearTimeout(this.dropdownHide__bindEventsTimeout),clearInterval(this.listeners.main.originalInputValueObserverInterval)},loadOriginalValues:function(t){var e,i=this.settings;if(this.state.blockChangeEvent=!0,void 0===t){var n=this.getPersistedData("value");t=n&&!this.DOM.originalInput.value?n:i.mixMode.integrated?this.DOM.input.textContent:this.DOM.originalInput.value}if(this.removeAllTags(),t)if("mix"==i.mode)this.parseMixTags(t),(e=this.DOM.input.lastChild)&&"BR"==e.tagName||this.DOM.input.insertAdjacentHTML("beforeend","<br>");else{try{J(JSON.parse(t),Array)&&(t=JSON.parse(t))}catch(t){}this.addTags(t,!0).forEach((function(t){return t&&t.classList.add(i.classNames.tagNoAnimation)}))}else this.postUpdate();this.state.lastOriginalValueReported=i.mixMode.integrated?"":this.DOM.originalInput.value},cloneEvent:function(t){var e={};for(var i in t)"path"!=i&&(e[i]=t[i]);return e},loading:function(t){return this.state.isLoading=t,this.DOM.scope.classList[t?"add":"remove"](this.settings.classNames.scopeLoading),this},tagLoading:function(t,e){return t&&t.classList[e?"add":"remove"](this.settings.classNames.tagLoading),this},toggleClass:function(t,e){"string"==typeof t&&this.DOM.scope.classList.toggle(t,e)},toggleScopeValidation:function(t){var e=!0===t||void 0===t;!this.settings.required&&t&&t===this.TEXTS.empty&&(e=!0),this.toggleClass(this.settings.classNames.tagInvalid,!e),this.DOM.scope.title=e?"":t},toggleFocusClass:function(t){this.toggleClass(this.settings.classNames.focus,!!t)},setPlaceholder:function(t){var e=this;["data","aria"].forEach((function(i){return e.DOM.input.setAttribute("".concat(i,"-placeholder"),t)}))},triggerChangeEvent:function(){if(!this.settings.mixMode.integrated){var t=this.DOM.originalInput,e=this.state.lastOriginalValueReported!==t.value,i=new CustomEvent("change",{bubbles:!0});e&&(this.state.lastOriginalValueReported=t.value,i.simulated=!0,t._valueTracker&&t._valueTracker.setValue(Math.random()),t.dispatchEvent(i),this.trigger("change",this.state.lastOriginalValueReported),t.value=this.state.lastOriginalValueReported)}},events:q,fixFirefoxLastTagNoCaret:function(){},setRangeAtStartEnd:function(t,e){if(e){t="number"==typeof t?t:!!t,e=e.lastChild||e;var i=document.getSelection();if(J(i.focusNode,Element)&&!this.DOM.input.contains(i.focusNode))return!0;try{i.rangeCount>=1&&["Start","End"].forEach((function(n){return i.getRangeAt(0)["set"+n](e,t||e.length)}))}catch(t){console.warn(t)}}},insertAfterTag:function(t,e){if(e=e||this.settings.mixMode.insertAfterTag,t&&t.parentNode&&e)return e="string"==typeof e?document.createTextNode(e):e,t.parentNode.insertBefore(e,t.nextSibling),e},editTagChangeDetected:function(t){var e=t.__originalData;for(var i in e)if(!this.dataProps.includes(i)&&t[i]!=e[i])return!0;return!1},getTagTextNode:function(t){return t.querySelector(this.settings.classNames.tagTextSelector)},setTagTextNode:function(t,e){this.getTagTextNode(t).innerHTML=d(e)},editTag:function(t,e){var i=this;t=t||this.getLastTag(),e=e||{};var s=this.settings,a=this.getTagTextNode(t),o=this.getNodeIndex(t),r=y(t),l=this.events.callbacks,d=!0,c="select"==s.mode;if(!c&&this.dropdown.hide(),a){if(!J(r,Object)||!("editable"in r)||r.editable)return r=y(t,{__originalData:u({},r),__originalHTML:t.cloneNode(!0)}),y(r.__originalHTML,r.__originalData),a.setAttribute("contenteditable",!0),t.classList.add(s.classNames.tagEditing),this.events.callbacks.onEditTagFocus.call(this,t),a.addEventListener("click",l.onEditTagClick.bind(this,t)),a.addEventListener("blur",l.onEditTagBlur.bind(this,this.getTagTextNode(t))),a.addEventListener("input",l.onEditTagInput.bind(this,a)),a.addEventListener("paste",l.onEditTagPaste.bind(this,a)),a.addEventListener("keydown",(function(e){return l.onEditTagkeydown.call(i,e,t)})),a.addEventListener("compositionstart",l.onCompositionStart.bind(this)),a.addEventListener("compositionend",l.onCompositionEnd.bind(this)),e.skipValidation||(d=this.editTagToggleValidity(t)),a.originalIsValid=d,this.trigger("edit:start",{tag:t,index:o,data:r,isValid:d}),a.focus(),!c&&this.setRangeAtStartEnd(!1,a),0===s.dropdown.enabled&&!c&&this.dropdown.show(),this.state.hasFocus=!0,this}else n.warn("Cannot find element in Tag template: .",s.classNames.tagTextSelector)},editTagToggleValidity:function(t,e){var i;if(e=e||y(t))return(i=!("__isValid"in e)||!0===e.__isValid)||this.removeTagsFromValue(t),this.update(),t.classList.toggle(this.settings.classNames.tagNotAllowed,!i),e.__isValid=i,e.__isValid;n.warn("tag has no data: ",t,e)},onEditTagDone:function(t,e){t=t||this.state.editing.scope,e=e||{};var i,n,s={tag:t,index:this.getNodeIndex(t),previousData:y(t),data:e},a=this.settings;this.trigger("edit:beforeUpdate",s,{cloneData:!1}),this.state.editing=!1,delete e.__originalData,delete e.__originalHTML,t&&(void 0!==(n=e[a.tagTextProp])?null===(i=(n+="").trim)||void 0===i?void 0:i.call(n):a.tagTextProp in e?void 0:e.value)?(t=this.replaceTag(t,e),this.editTagToggleValidity(t,e),a.a11y.focusableTags?t.focus():"select"!=a.mode&&w(t)):t&&this.removeTags(t),this.trigger("edit:updated",s),this.dropdown.hide(),this.settings.keepInvalidTags&&this.reCheckInvalidTags()},replaceTag:function(t,e){e&&""!==e.value&&void 0!==e.value||(e=t.__tagifyTagData),e.__isValid&&1!=e.__isValid&&u(e,this.getInvalidTagAttrs(e,e.__isValid));var i=this.createTagElem(e);return t.parentNode.replaceChild(i,t),this.updateValueByDOMTags(),i},updateValueByDOMTags:function(){var t=this;this.value.length=0;var e=this.settings.classNames,i=[e.tagNotAllowed.split(" ")[0],e.tagHide];[].forEach.call(this.getTagElms(),(function(e){$(e.classList).some((function(t){return i.includes(t)}))||t.value.push(y(e))})),this.update()},injectAtCaret:function(t,e){var i;if(e=e||(null===(i=this.state.selection)||void 0===i?void 0:i.range),"string"==typeof t&&(t=document.createTextNode(t)),!e&&t)return this.appendMixTags(t),this;var n=b(t,e);return this.setRangeAtStartEnd(!1,n),this.updateValueByDOMTags(),this.update(),this},input:{set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.settings,n=i.dropdown.closeOnSelect;this.state.inputText=t,e&&(this.DOM.input.innerHTML=d(""+t),t&&this.toggleClass(i.classNames.empty,!this.DOM.input.innerHTML)),!t&&n&&this.dropdown.hide.bind(this),this.input.autocomplete.suggest.call(this),this.input.validate.call(this)},raw:function(){return this.DOM.input.textContent},validate:function(){var t=!this.state.inputText||!0===this.validateTag({value:this.state.inputText});return this.DOM.input.classList.toggle(this.settings.classNames.inputInvalid,!t),t},normalize:function(t,e){var i=t||this.DOM.input,n=[];i.childNodes.forEach((function(t){return 3==t.nodeType&&n.push(t.nodeValue)})),n=n.join("\n");try{n=n.replace(/(?:\r\n|\r|\n)/g,this.settings.delimiters.source.charAt(0))}catch(t){}return n=n.replace(/\s/g," "),(null==e?void 0:e.trim)?this.trim(n):n},autocomplete:{suggest:function(t){if(this.settings.autoComplete.enabled){"object"!=typeof(t=t||{value:""})&&(t={value:t});var e=this.dropdown.getMappedValue(t);if("number"!=typeof e){var i=this.state.inputText.toLowerCase(),n=e.substr(0,this.state.inputText.length).toLowerCase(),s=e.substring(this.state.inputText.length);e&&this.state.inputText&&n==i?(this.DOM.input.setAttribute("data-suggest",s),this.state.inputSuggestion=t):(this.DOM.input.removeAttribute("data-suggest"),delete this.state.inputSuggestion)}}},set:function(t){var e=this.DOM.input.getAttribute("data-suggest"),i=t||(e?this.state.inputText+e:null);return!!i&&("mix"==this.settings.mode?this.replaceTextWithNode(document.createTextNode(this.state.tag.prefix+i)):(this.input.set.call(this,i),this.setRangeAtStartEnd(!1,this.DOM.input)),this.input.autocomplete.suggest.call(this),this.dropdown.hide(),!0)}}},getTagIdx:function(t){return this.value.findIndex((function(e){return e.__tagId==(t||{}).__tagId}))},getNodeIndex:function(t){var e=0;if(t)for(;t=t.previousElementSibling;)e++;return e},getTagElms:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];var n="."+$(this.settings.classNames.tag.split(" ")).concat($(e)).join(".");return[].slice.call(this.DOM.scope.querySelectorAll(n))},getLastTag:function(){var t=this.settings.classNames,e=this.DOM.scope.querySelectorAll("".concat(t.tagSelector,":not(.").concat(t.tagHide,"):not([readonly])"));return e[e.length-1]},isTagDuplicate:function(t,e,i){var n=0,a=!0,o=!1,r=void 0;try{for(var l,d=this.value[Symbol.iterator]();!(a=(l=d.next()).done);a=!0){var c=l.value;s(this.trim(""+t),c.value,e)&&i!=c.__tagId&&n++}}catch(t){o=!0,r=t}finally{try{a||null==d.return||d.return()}finally{if(o)throw r}}return n},getTagIndexByValue:function(t){var e=this,i=[],n=this.settings.dropdown.caseSensitive;return this.getTagElms().forEach((function(a,o){a.__tagifyTagData&&s(e.trim(a.__tagifyTagData.value),t,n)&&i.push(o)})),i},getTagElmByValue:function(t){var e=this.getTagIndexByValue(t)[0];return this.getTagElms()[e]},flashTag:function(t){var e=this;t&&(t.classList.add(this.settings.classNames.tagFlash),setTimeout((function(){t.classList.remove(e.settings.classNames.tagFlash)}),100))},isTagBlacklisted:function(t){return t=this.trim(t.toLowerCase()),this.settings.blacklist.filter((function(e){return(""+e).toLowerCase()==t})).length},isTagWhitelisted:function(t){return!!this.getWhitelistItem(t)},getWhitelistItem:function(t,e,i){e=e||"value";var n,a=this.settings;return(i=i||a.whitelist).some((function(i){var o="object"==typeof i?i[e]||i.value:i;if(s(o,t,a.dropdown.caseSensitive,a.trim))return n="object"==typeof i?i:{value:i},!0})),n||"value"!=e||"value"==a.tagTextProp||(n=this.getWhitelistItem(t,a.tagTextProp,i)),n},validateTag:function(t){var e=this.settings,i="value"in t?"value":e.tagTextProp,n=this.trim(t[i]+"");return(t[i]+"").trim()?"mix"!=e.mode&&e.pattern&&J(e.pattern,RegExp)&&!e.pattern.test(n)?this.TEXTS.pattern:!e.duplicates&&this.isTagDuplicate(n,e.dropdown.caseSensitive,t.__tagId)?this.TEXTS.duplicate:this.isTagBlacklisted(n)||e.enforceWhitelist&&!this.isTagWhitelisted(n)?this.TEXTS.notAllowed:!e.validate||e.validate(t):this.TEXTS.empty},getInvalidTagAttrs:function(t,e){return{"aria-invalid":!0,class:"".concat(t.class||""," ").concat(this.settings.classNames.tagNotAllowed).trim(),title:e}},hasMaxTags:function(){return this.value.length>=this.settings.maxTags&&this.TEXTS.exceed},setReadonly:function(t,e){var i=this.settings;this.DOM.scope.contains(document.activeElement)&&document.activeElement.blur(),i[e||"readonly"]=t,this.DOM.scope[(t?"set":"remove")+"Attribute"](e||"readonly",!0),this.settings.userInput=!0,this.setContentEditable(!t)},setContentEditable:function(t){this.DOM.input.contentEditable=t,this.DOM.input.tabIndex=t?0:-1},setDisabled:function(t){this.setReadonly(t,"disabled")},normalizeTags:function(t){var e=this,i=this.settings,n=i.whitelist,s=i.delimiters,a=i.mode,o=i.tagTextProp,r=[],l=!!n&&J(n[0],Object),d=Array.isArray(t),g=d&&t[0].value,h=function(t){return(t+"").split(s).reduce((function(t,i){var n,s=e.trim(i);return s&&t.push((X(n={},o,s),X(n,"value",s),n)),t}),[])};if("number"==typeof t&&(t=t.toString()),"string"==typeof t){if(!t.trim())return[];t=h(t)}else d&&(t=t.reduce((function(t,i){if(c(i)){var n=u({},i);o in n||(o="value"),n[o]=e.trim(n[o]),(n[o]||0===n[o])&&t.push(n)}else if(i){var s;(s=t).push.apply(s,$(h(i)))}return t}),[]));return l&&!g&&(t.forEach((function(t){var i=r.map((function(t){return t.value})),n=e.dropdown.filterListItems.call(e,t[o],{exact:!0});e.settings.duplicates||(n=n.filter((function(t){return!i.includes(t.value)})));var s=n.length>1?e.getWhitelistItem(t[o],o,n):n[0];s&&J(s,Object)?r.push(s):"mix"!=a&&(null==t.value&&(t.value=t[o]),r.push(t))})),r.length&&(t=r)),t},parseMixTags:function(t){var e=this,i=this.settings,n=i.mixTagsInterpolator,s=i.duplicates,a=i.transformTag,o=i.enforceWhitelist,r=i.maxTags,l=i.tagTextProp,d=[];t=t.split(n[0]).map((function(t,i){var c,u,g,h=t.split(n[1]),p=h[0],f=d.length==r;try{if(p==+p)throw Error;u=JSON.parse(p)}catch(t){u=e.normalizeTags(p)[0]||{value:p}}if(a.call(e,u),f||!(h.length>1)||o&&!e.isTagWhitelisted(u.value)||!s&&e.isTagDuplicate(u.value)){if(t)return i?n[0]+t:t}else u[c=u[l]?l:"value"]=e.trim(u[c]),g=e.createTagElem(u),d.push(u),g.classList.add(e.settings.classNames.tagNoAnimation),h[0]=g.outerHTML,e.value.push(u);return h.join("")})).join(""),this.DOM.input.innerHTML=t,this.DOM.input.appendChild(document.createTextNode("")),this.DOM.input.normalize();var c=this.getTagElms();return c.forEach((function(t,e){return y(t,d[e])})),this.update({withoutChangeEvent:!0}),T(c,this.state.hasFocus),t},replaceTextWithNode:function(t,e){if(this.state.tag||e){e=e||this.state.tag.prefix+this.state.tag.value;var i,n,s=this.state.selection||window.getSelection(),a=s.anchorNode,o=this.state.tag.delimiters?this.state.tag.delimiters.length:0;return a.splitText(s.anchorOffset-o),-1==(i=a.nodeValue.lastIndexOf(e))?!0:(n=a.splitText(i),t&&a.parentNode.replaceChild(t,n),!0)}},prepareNewTagNode:function(t,e){e=e||{};var i=this.settings,n=[],s={},a=Object.assign({},t,{value:t.value+""});if(t=Object.assign({},a),i.transformTag.call(this,t),t.__isValid=this.hasMaxTags()||this.validateTag(t),!0!==t.__isValid){if(e.skipInvalid)return;if(u(s,this.getInvalidTagAttrs(t,t.__isValid),{__preInvalidData:a}),t.__isValid==this.TEXTS.duplicate&&this.flashTag(this.getTagElmByValue(t.value)),!i.createInvalidTags)return void n.push(t.value)}return"readonly"in t&&(t.readonly?s["aria-readonly"]=!0:delete t.readonly),{tagElm:this.createTagElem(t,s),tagData:t,aggregatedInvalidInput:n}},postProcessNewTagNode:function(t,e){var i=this,n=this.settings,s=e.__isValid;s&&!0===s?this.value.push(e):(this.trigger("invalid",{data:e,index:this.value.length,tag:t,message:s}),n.keepInvalidTags||setTimeout((function(){return i.removeTags(t,!0)}),1e3)),this.dropdown.position()},selectTag:function(t,e){var i=this;if(!this.settings.enforceWhitelist||this.isTagWhitelisted(e.value)){this.state.actions.selectOption&&setTimeout((function(){return i.setRangeAtStartEnd(!1,i.DOM.input)}));var n=this.getLastTag();return n?this.replaceTag(n,e):this.appendTag(t),this.value[0]=e,this.update(),this.trigger("add",{tag:t,data:e}),[t]}},addEmptyTag:function(t){var e=u({value:""},t||{}),i=this.createTagElem(e);y(i,e),this.appendTag(i),this.editTag(i,{skipValidation:!0}),this.toggleFocusClass(!0)},addTags:function(t,e,i){var n=this,s=[],a=this.settings,o=[],r=document.createDocumentFragment(),l=[];if(!t||0==t.length)return s;switch(t=this.normalizeTags(t),a.mode){case"mix":return this.addMixTags(t);case"select":e=!1,this.removeAllTags()}return this.DOM.input.removeAttribute("style"),t.forEach((function(t){var e=n.prepareNewTagNode(t,{skipInvalid:i||a.skipInvalid});if(e){var d=e.tagElm;if(t=e.tagData,o=e.aggregatedInvalidInput,s.push(d),"select"==a.mode)return n.selectTag(d,t);r.appendChild(d),n.postProcessNewTagNode(d,t),l.push({tagElm:d,tagData:t})}})),this.appendTag(r),l.forEach((function(t){var e=t.tagElm,i=t.tagData;return n.trigger("add",{tag:e,index:n.getTagIdx(i),data:i})})),this.update(),t.length&&e&&(this.input.set.call(this,a.createInvalidTags?"":o.join(a._delimiters)),this.setRangeAtStartEnd(!1,this.DOM.input)),this.dropdown.refilter(),s},addMixTags:function(t){var e=this;if((t=this.normalizeTags(t))[0].prefix||this.state.tag)return this.prefixedTextToTag(t[0]);var i=document.createDocumentFragment();return t.forEach((function(t){var n=e.prepareNewTagNode(t);i.appendChild(n.tagElm),e.insertAfterTag(n.tagElm),e.postProcessNewTagNode(n.tagElm,n.tagData)})),this.appendMixTags(i),i.children},appendMixTags:function(t){var e=!!this.state.selection;e?this.injectAtCaret(t):(this.DOM.input.focus(),(e=this.setStateSelection()).range.setStart(this.DOM.input,e.range.endOffset),e.range.setEnd(this.DOM.input,e.range.endOffset),this.DOM.input.appendChild(t),this.updateValueByDOMTags(),this.update())},prefixedTextToTag:function(t){var e,i,n,s=this,a=this.settings,o=null===(e=this.state.tag)||void 0===e?void 0:e.delimiters;if(t.prefix=t.prefix||this.state.tag?this.state.tag.prefix:(a.pattern.source||a.pattern)[0],n=this.prepareNewTagNode(t),i=n.tagElm,this.replaceTextWithNode(i)||this.DOM.input.appendChild(i),setTimeout((function(){return i.classList.add(s.settings.classNames.tagNoAnimation)}),300),this.update(),!o){var r=this.insertAfterTag(i)||i;setTimeout(w,0,r)}return this.state.tag=null,this.postProcessNewTagNode(i,n.tagData),i},appendTag:function(t){var e=this.DOM,i=e.input;e.scope.insertBefore(t,i)},createTagElem:function(t,e){t.__tagId=f();var i,n=u({},t,G({value:d(t.value+"")},e));return function(t){for(var e,i=document.createNodeIterator(t,NodeFilter.SHOW_TEXT,null,!1);e=i.nextNode();)e.textContent.trim()||e.parentNode.removeChild(e)}(i=this.parseTemplate("tag",[n,this])),y(i,t),i},reCheckInvalidTags:function(){var t=this,e=this.settings;this.getTagElms(e.classNames.tagNotAllowed).forEach((function(i,n){var s=y(i),a=t.hasMaxTags(),o=t.validateTag(s),r=!0===o&&!a;if("select"==e.mode&&t.toggleScopeValidation(o),r)return s=s.__preInvalidData?s.__preInvalidData:{value:s.value},t.replaceTag(i,s);i.title=a||o}))},removeTags:function(t,e,i){var n,s=this,a=this.settings;if(t=t&&J(t,HTMLElement)?[t]:J(t,Array)?t:t?[t]:[this.getLastTag()].filter((function(t){return t})),n=t.reduce((function(t,e){e&&"string"==typeof e&&(e=s.getTagElmByValue(e));var i=y(e);return e&&i&&!i.readonly&&t.push({node:e,idx:s.getTagIdx(i),data:y(e,{__removed:!0})}),t}),[]),i="number"==typeof i?i:this.CSSVars.tagHideTransition,"select"==a.mode&&(i=0,this.input.set.call(this)),1==n.length&&"select"!=a.mode&&n[0].node.classList.contains(a.classNames.tagNotAllowed)&&(e=!0),n.length)return a.hooks.beforeRemoveTag(n,{tagify:this}).then((function(){var t=function(t){t.node.parentNode&&(t.node.parentNode.removeChild(t.node),e?a.keepInvalidTags&&this.trigger("remove",{tag:t.node,index:t.idx}):(this.trigger("remove",{tag:t.node,index:t.idx,data:t.data}),this.dropdown.refilter(),this.dropdown.position(),this.DOM.input.normalize(),a.keepInvalidTags&&this.reCheckInvalidTags()))};i&&i>10&&1==n.length?function(e){e.node.style.width=parseFloat(window.getComputedStyle(e.node).width)+"px",document.body.clientTop,e.node.classList.add(a.classNames.tagHide),setTimeout(t.bind(this),i,e)}.call(s,n[0]):n.forEach(t.bind(s)),e||(s.removeTagsFromValue(n.map((function(t){return t.node}))),s.update(),"select"==a.mode&&a.userInput&&s.setContentEditable(!0))})).catch((function(t){}))},removeTagsFromDOM:function(){this.getTagElms().forEach((function(t){return t.remove()}))},removeTagsFromValue:function(t){var e=this;(t=Array.isArray(t)?t:[t]).forEach((function(t){var i=y(t),n=e.getTagIdx(i);n>-1&&e.value.splice(n,1)}))},removeAllTags:function(t){var e=this;t=t||{},this.value=[],"mix"==this.settings.mode?this.DOM.input.innerHTML="":this.removeTagsFromDOM(),this.dropdown.refilter(),this.dropdown.position(),this.state.dropdown.visible&&setTimeout((function(){e.DOM.input.focus()})),"select"==this.settings.mode&&(this.input.set.call(this),this.settings.userInput&&this.setContentEditable(!0)),this.update(t)},postUpdate:function(){this.state.blockChangeEvent=!1;var t,e,i=this.settings,n=i.classNames,s="mix"==i.mode?i.mixMode.integrated?this.DOM.input.textContent:this.DOM.originalInput.value.trim():this.value.length+this.input.raw.call(this).length;(this.toggleClass(n.hasMaxTags,this.value.length>=i.maxTags),this.toggleClass(n.hasNoTags,!this.value.length),this.toggleClass(n.empty,!s),"select"==i.mode)&&this.toggleScopeValidation(null===(e=this.value)||void 0===e||null===(t=e[0])||void 0===t?void 0:t.__isValid)},setOriginalInputValue:function(t){var e=this.DOM.originalInput;this.settings.mixMode.integrated||(e.value=t,e.tagifyValue=e.value,this.setPersistedData(t,"value"))},update:function(t){clearTimeout(this.debouncedUpdateTimeout),this.debouncedUpdateTimeout=setTimeout(function(){var e=this.getInputValue();this.setOriginalInputValue(e),this.settings.onChangeAfterBlur&&(t||{}).withoutChangeEvent||this.state.blockChangeEvent||this.triggerChangeEvent();this.postUpdate()}.bind(this),100),this.events.bindOriginaInputListener.call(this,100)},getInputValue:function(){var t=this.getCleanValue();return"mix"==this.settings.mode?this.getMixedTagsAsString(t):t.length?this.settings.originalInputValueFormat?this.settings.originalInputValueFormat(t):JSON.stringify(t):""},getCleanValue:function(t){return a(t||this.value,this.dataProps)},getMixedTagsAsString:function(){var t="",e=this,i=this.settings,n=i.originalInputValueFormat||JSON.stringify,s=i.mixTagsInterpolator;return function i(a){a.childNodes.forEach((function(a){if(1==a.nodeType){var r=y(a);if("BR"==a.tagName&&(t+="\r\n"),r&&m.call(e,a)){if(r.__removed)return;t+=s[0]+n(o(r,e.dataProps))+s[1]}else a.getAttribute("style")||["B","I","U"].includes(a.tagName)?t+=a.textContent:"DIV"!=a.tagName&&"P"!=a.tagName||(t+="\r\n",i(a))}else t+=a.textContent}))}(this.DOM.input),t}},Q.prototype.removeTag=Q.prototype.removeTags,Q}));
+//# sourceMappingURL=tagify.js.map
diff --git a/src/Moonglade.Web/wwwroot/lib/tagify/tagify.min.js b/src/Moonglade.Web/wwwroot/lib/tagify/tagify.min.js
deleted file mode 100644
index 7f601e145..000000000
--- a/src/Moonglade.Web/wwwroot/lib/tagify/tagify.min.js
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Tagify (v 4.17.8) - tags input component
- * By undefined
- * https://github.com/yairEO/tagify
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- * 
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- * 
- * THE SOFTWARE IS NOT PERMISSIBLE TO BE SOLD.
- */
-
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Tagify=e()}(this,(function(){"use strict";function t(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,s)}return i}function e(e){for(var s=1;s<arguments.length;s++){var a=null!=arguments[s]?arguments[s]:{};s%2?t(Object(a),!0).forEach((function(t){i(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):t(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function i(t,e,i){return(e=function(t){var e=function(t,e){if("object"!=typeof t||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const s=(t,e,i,s)=>(t=""+t,e=""+e,s&&(t=t.trim(),e=e.trim()),i?t==e:t.toLowerCase()==e.toLowerCase()),a=(t,e)=>t&&Array.isArray(t)&&t.map((t=>n(t,e)));function n(t,e){var i,s={};for(i in t)e.indexOf(i)<0&&(s[i]=t[i]);return s}function o(t){var e=document.createElement("div");return t.replace(/\&#?[0-9a-z]+;/gi,(function(t){return e.innerHTML=t,e.innerText}))}function r(t){return(new DOMParser).parseFromString(t.trim(),"text/html").body.firstElementChild}function l(t,e){for(e=e||"previous";t=t[e+"Sibling"];)if(3==t.nodeType)return t}function d(t){return"string"==typeof t?t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/`|'/g,"&#039;"):t}function h(t){var e=Object.prototype.toString.call(t).split(" ")[1].slice(0,-1);return t===Object(t)&&"Array"!=e&&"Function"!=e&&"RegExp"!=e&&"HTMLUnknownElement"!=e}function g(t,e,i){function s(t,e){for(var i in e)if(e.hasOwnProperty(i)){if(h(e[i])){h(t[i])?s(t[i],e[i]):t[i]=Object.assign({},e[i]);continue}if(Array.isArray(e[i])){t[i]=Object.assign([],e[i]);continue}t[i]=e[i]}}return t instanceof Object||(t={}),s(t,e),i&&s(t,i),t}function p(){const t=[],e={};for(let i of arguments)for(let s of i)h(s)?e[s.value]||(t.push(s),e[s.value]=1):t.includes(s)||t.push(s);return t}function c(t){return String.prototype.normalize?"string"==typeof t?t.normalize("NFD").replace(/[\u0300-\u036f]/g,""):void 0:t}var u=()=>/(?=.*chrome)(?=.*android)/i.test(navigator.userAgent);function m(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(t=>(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)))}function v(t){return t&&t.classList&&t.classList.contains(this.settings.classNames.tag)}function f(t,e){var i=window.getSelection();return e=e||i.getRangeAt(0),"string"==typeof t&&(t=document.createTextNode(t)),e&&(e.deleteContents(),e.insertNode(t)),t}function T(t,e,i){return t?(e&&(t.__tagifyTagData=i?e:g({},t.__tagifyTagData||{},e)),t.__tagifyTagData):(console.warn("tag element doesn't exist",t,e),e)}var w={delimiters:",",pattern:null,tagTextProp:"value",maxTags:1/0,callbacks:{},addTagOnBlur:!0,onChangeAfterBlur:!0,duplicates:!1,whitelist:[],blacklist:[],enforceWhitelist:!1,userInput:!0,keepInvalidTags:!1,createInvalidTags:!0,mixTagsAllowedAfter:/,|\.|\:|\s/,mixTagsInterpolator:["[[","]]"],backspace:!0,skipInvalid:!1,pasteAsTags:!0,editTags:{clicks:2,keepInvalid:!0},transformTag:()=>{},trim:!0,a11y:{focusableTags:!1},mixMode:{insertAfterTag:" "},autoComplete:{enabled:!0,rightKey:!1},classNames:{namespace:"tagify",mixMode:"tagify--mix",selectMode:"tagify--select",input:"tagify__input",focus:"tagify--focus",tagNoAnimation:"tagify--noAnim",tagInvalid:"tagify--invalid",tagNotAllowed:"tagify--notAllowed",scopeLoading:"tagify--loading",hasMaxTags:"tagify--hasMaxTags",hasNoTags:"tagify--noTags",empty:"tagify--empty",inputInvalid:"tagify__input--invalid",dropdown:"tagify__dropdown",dropdownWrapper:"tagify__dropdown__wrapper",dropdownHeader:"tagify__dropdown__header",dropdownFooter:"tagify__dropdown__footer",dropdownItem:"tagify__dropdown__item",dropdownItemActive:"tagify__dropdown__item--active",dropdownItemHidden:"tagify__dropdown__item--hidden",dropdownInital:"tagify__dropdown--initial",tag:"tagify__tag",tagText:"tagify__tag-text",tagX:"tagify__tag__removeBtn",tagLoading:"tagify__tag--loading",tagEditing:"tagify__tag--editable",tagFlash:"tagify__tag--flash",tagHide:"tagify__tag--hide"},dropdown:{classname:"",enabled:2,maxItems:10,searchKeys:["value","searchBy"],fuzzySearch:!0,caseSensitive:!1,accentedSearch:!0,includeSelectedTags:!1,highlightFirst:!1,closeOnSelect:!0,clearOnSelect:!0,position:"all",appendTarget:null},hooks:{beforeRemoveTag:()=>Promise.resolve(),beforePaste:()=>Promise.resolve(),suggestionClick:()=>Promise.resolve()}};function b(){this.dropdown={};for(let t in this._dropdown)this.dropdown[t]="function"==typeof this._dropdown[t]?this._dropdown[t].bind(this):this._dropdown[t];this.dropdown.refs()}var y={refs(){this.DOM.dropdown=this.parseTemplate("dropdown",[this.settings]),this.DOM.dropdown.content=this.DOM.dropdown.querySelector("[data-selector='tagify-suggestions-wrapper']")},getHeaderRef(){return this.DOM.dropdown.querySelector("[data-selector='tagify-suggestions-header']")},getFooterRef(){return this.DOM.dropdown.querySelector("[data-selector='tagify-suggestions-footer']")},getAllSuggestionsRefs(){return[...this.DOM.dropdown.content.querySelectorAll(this.settings.classNames.dropdownItemSelector)]},show(t){var e,i,a,n=this.settings,o="mix"==n.mode&&!n.enforceWhitelist,r=!n.whitelist||!n.whitelist.length,l="manual"==n.dropdown.position;if(t=void 0===t?this.state.inputText:t,!(r&&!o&&!n.templates.dropdownItemNoMatch||!1===n.dropdown.enable||this.state.isLoading||this.settings.readonly)){if(clearTimeout(this.dropdownHide__bindEventsTimeout),this.suggestedListItems=this.dropdown.filterListItems(t),t&&!this.suggestedListItems.length&&(this.trigger("dropdown:noMatch",t),n.templates.dropdownItemNoMatch&&(a=n.templates.dropdownItemNoMatch.call(this,{value:t}))),!a){if(this.suggestedListItems.length)t&&o&&!this.state.editing.scope&&!s(this.suggestedListItems[0].value,t)&&this.suggestedListItems.unshift({value:t});else{if(!t||!o||this.state.editing.scope)return this.input.autocomplete.suggest.call(this),void this.dropdown.hide();this.suggestedListItems=[{value:t}]}i=""+(h(e=this.suggestedListItems[0])?e.value:e),n.autoComplete&&i&&0==i.indexOf(t)&&this.input.autocomplete.suggest.call(this,e)}this.dropdown.fill(a),n.dropdown.highlightFirst&&this.dropdown.highlightOption(this.DOM.dropdown.content.querySelector(n.classNames.dropdownItemSelector)),this.state.dropdown.visible||setTimeout(this.dropdown.events.binding.bind(this)),this.state.dropdown.visible=t||!0,this.state.dropdown.query=t,this.setStateSelection(),l||setTimeout((()=>{this.dropdown.position(),this.dropdown.render()})),setTimeout((()=>{this.trigger("dropdown:show",this.DOM.dropdown)}))}},hide(t){var e=this.DOM,i=e.scope,s=e.dropdown,a="manual"==this.settings.dropdown.position&&!t;if(s&&document.body.contains(s)&&!a)return window.removeEventListener("resize",this.dropdown.position),this.dropdown.events.binding.call(this,!1),i.setAttribute("aria-expanded",!1),s.parentNode.removeChild(s),setTimeout((()=>{this.state.dropdown.visible=!1}),100),this.state.dropdown.query=this.state.ddItemData=this.state.ddItemElm=this.state.selection=null,this.state.tag&&this.state.tag.value.length&&(this.state.flaggedTags[this.state.tag.baseOffset]=this.state.tag),this.trigger("dropdown:hide",s),this},toggle(t){this.dropdown[this.state.dropdown.visible&&!t?"hide":"show"]()},render(){var t,e,i,s=(t=this.DOM.dropdown,(i=t.cloneNode(!0)).style.cssText="position:fixed; top:-9999px; opacity:0",document.body.appendChild(i),e=i.clientHeight,i.parentNode.removeChild(i),e),a=this.settings;return"number"==typeof a.dropdown.enabled&&a.dropdown.enabled>=0?(this.DOM.scope.setAttribute("aria-expanded",!0),document.body.contains(this.DOM.dropdown)||(this.DOM.dropdown.classList.add(a.classNames.dropdownInital),this.dropdown.position(s),a.dropdown.appendTarget.appendChild(this.DOM.dropdown),setTimeout((()=>this.DOM.dropdown.classList.remove(a.classNames.dropdownInital)))),this):this},fill(t){t="string"==typeof t?t:this.dropdown.createListHTML(t||this.suggestedListItems);var e,i=this.settings.templates.dropdownContent.call(this,t);this.DOM.dropdown.content.innerHTML=(e=i)?e.replace(/\>[\r\n ]+\</g,"><").replace(/(<.*?>)|\s+/g,((t,e)=>e||" ")):""},fillHeaderFooter(){var t=this.dropdown.filterListItems(this.state.dropdown.query),e=this.parseTemplate("dropdownHeader",[t]),i=this.parseTemplate("dropdownFooter",[t]),s=this.dropdown.getHeaderRef(),a=this.dropdown.getFooterRef();e&&s?.parentNode.replaceChild(e,s),i&&a?.parentNode.replaceChild(i,a)},refilter(t){t=t||this.state.dropdown.query||"",this.suggestedListItems=this.dropdown.filterListItems(t),this.dropdown.fill(),this.suggestedListItems.length||this.dropdown.hide(),this.trigger("dropdown:updated",this.DOM.dropdown)},position(t){var e=this.settings.dropdown;if("manual"!=e.position){var i,s,a,n,o,r,l=this.DOM.dropdown,d=e.placeAbove,h=e.appendTarget===document.body,g=h?window.pageYOffset:e.appendTarget.scrollTop,p=document.fullscreenElement||document.webkitFullscreenElement||document.documentElement,c=p.clientHeight,u=Math.max(p.clientWidth||0,window.innerWidth||0)>480?e.position:"all",m=this.DOM["input"==u?"input":"scope"];if(t=t||l.clientHeight,this.state.dropdown.visible){if("text"==u?(a=(i=function(){const t=document.getSelection();if(t.rangeCount){const e=t.getRangeAt(0),i=e.startContainer,s=e.startOffset;let a,n;if(s>0)return n=document.createRange(),n.setStart(i,s-1),n.setEnd(i,s),a=n.getBoundingClientRect(),{left:a.right,top:a.top,bottom:a.bottom};if(i.getBoundingClientRect)return i.getBoundingClientRect()}return{left:-9999,top:-9999}}()).bottom,s=i.top,n=i.left,o="auto"):(r=function(t){for(var e=0,i=0;t&&t!=p;)e+=t.offsetLeft||0,i+=t.offsetTop||0,t=t.parentNode;return{left:e,top:i}}(e.appendTarget),s=(i=m.getBoundingClientRect()).top-r.top,a=i.bottom-1-r.top,n=i.left-r.left,o=i.width+"px"),!h){let t=function(){for(var t=0,i=e.appendTarget.parentNode;i;)t+=i.scrollTop||0,i=i.parentNode;return t}();s+=t,a+=t}s=Math.floor(s),a=Math.ceil(a),d=void 0===d?c-i.bottom<t:d,l.style.cssText="left:"+(n+window.pageXOffset)+"px; width:"+o+";"+(d?"top: "+(s+g)+"px":"top: "+(a+g)+"px"),l.setAttribute("placement",d?"top":"bottom"),l.setAttribute("position",u)}}},events:{binding(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];var e=this.dropdown.events.callbacks,i=this.listeners.dropdown=this.listeners.dropdown||{position:this.dropdown.position.bind(this,null),onKeyDown:e.onKeyDown.bind(this),onMouseOver:e.onMouseOver.bind(this),onMouseLeave:e.onMouseLeave.bind(this),onClick:e.onClick.bind(this),onScroll:e.onScroll.bind(this)},s=t?"addEventListener":"removeEventListener";"manual"!=this.settings.dropdown.position&&(document[s]("scroll",i.position,!0),window[s]("resize",i.position),window[s]("keydown",i.onKeyDown)),this.DOM.dropdown[s]("mouseover",i.onMouseOver),this.DOM.dropdown[s]("mouseleave",i.onMouseLeave),this.DOM.dropdown[s]("mousedown",i.onClick),this.DOM.dropdown.content[s]("scroll",i.onScroll)},callbacks:{onKeyDown(t){if(this.state.hasFocus&&!this.state.composing){var e=this.DOM.dropdown.querySelector(this.settings.classNames.dropdownItemActiveSelector),i=this.dropdown.getSuggestionDataByNode(e);switch(t.key){case"ArrowDown":case"ArrowUp":case"Down":case"Up":t.preventDefault();var s=this.dropdown.getAllSuggestionsRefs(),a="ArrowUp"==t.key||"Up"==t.key;e&&(e=this.dropdown.getNextOrPrevOption(e,!a)),e&&e.matches(this.settings.classNames.dropdownItemSelector)||(e=s[a?s.length-1:0]),this.dropdown.highlightOption(e,!0);break;case"Escape":case"Esc":this.dropdown.hide();break;case"ArrowRight":if(this.state.actions.ArrowLeft)return;case"Tab":if("mix"!=this.settings.mode&&e&&!this.settings.autoComplete.rightKey&&!this.state.editing){t.preventDefault();var n=this.dropdown.getMappedValue(i);return this.input.autocomplete.set.call(this,n),!1}return!0;case"Enter":t.preventDefault(),this.settings.hooks.suggestionClick(t,{tagify:this,tagData:i,suggestionElm:e}).then((()=>{if(e)return this.dropdown.selectOption(e),e=this.dropdown.getNextOrPrevOption(e,!a),void this.dropdown.highlightOption(e);this.dropdown.hide(),"mix"!=this.settings.mode&&this.addTags(this.state.inputText.trim(),!0)})).catch((t=>t));break;case"Backspace":{if("mix"==this.settings.mode||this.state.editing.scope)return;const t=this.input.raw.call(this);""!=t&&8203!=t.charCodeAt(0)||(!0===this.settings.backspace?this.removeTags():"edit"==this.settings.backspace&&setTimeout(this.editTag.bind(this),0))}}}},onMouseOver(t){var e=t.target.closest(this.settings.classNames.dropdownItemSelector);e&&this.dropdown.highlightOption(e)},onMouseLeave(t){this.dropdown.highlightOption()},onClick(t){if(0==t.button&&t.target!=this.DOM.dropdown&&t.target!=this.DOM.dropdown.content){var e=t.target.closest(this.settings.classNames.dropdownItemSelector),i=this.dropdown.getSuggestionDataByNode(e);this.state.actions.selectOption=!0,setTimeout((()=>this.state.actions.selectOption=!1),50),this.settings.hooks.suggestionClick(t,{tagify:this,tagData:i,suggestionElm:e}).then((()=>{e?this.dropdown.selectOption(e,t):this.dropdown.hide()})).catch((t=>console.warn(t)))}},onScroll(t){var e=t.target,i=e.scrollTop/(e.scrollHeight-e.parentNode.clientHeight)*100;this.trigger("dropdown:scroll",{percentage:Math.round(i)})}}},getSuggestionDataByNode(t){var e=t&&t.getAttribute("value");return this.suggestedListItems.find((t=>t.value==e))||null},getNextOrPrevOption(t){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];var i=this.dropdown.getAllSuggestionsRefs(),s=i.findIndex((e=>e===t));return e?i[s+1]:i[s-1]},highlightOption(t,e){var i,s=this.settings.classNames.dropdownItemActive;if(this.state.ddItemElm&&(this.state.ddItemElm.classList.remove(s),this.state.ddItemElm.removeAttribute("aria-selected")),!t)return this.state.ddItemData=null,this.state.ddItemElm=null,void this.input.autocomplete.suggest.call(this);i=this.dropdown.getSuggestionDataByNode(t),this.state.ddItemData=i,this.state.ddItemElm=t,t.classList.add(s),t.setAttribute("aria-selected",!0),e&&(t.parentNode.scrollTop=t.clientHeight+t.offsetTop-t.parentNode.clientHeight),this.settings.autoComplete&&(this.input.autocomplete.suggest.call(this,i),this.dropdown.position())},selectOption(t,e){var i=this.settings.dropdown,s=i.clearOnSelect,a=i.closeOnSelect;if(!t)return this.addTags(this.state.inputText,!0),void(a&&this.dropdown.hide());e=e||{};var n=t.getAttribute("value"),o="noMatch"==n,r=this.suggestedListItems.find((t=>(t.value??t)==n));this.trigger("dropdown:select",{data:r,elm:t,event:e}),n&&(r||o)?(this.state.editing?this.onEditTagDone(null,g({__isValid:!0},this.normalizeTags([r])[0])):this["mix"==this.settings.mode?"addMixTags":"addTags"]([r||this.input.raw.call(this)],s),this.DOM.input.parentNode&&(setTimeout((()=>{this.DOM.input.focus(),this.toggleFocusClass(!0)})),a&&setTimeout(this.dropdown.hide.bind(this)),t.addEventListener("transitionend",(()=>{this.dropdown.fillHeaderFooter(),setTimeout((()=>t.remove()),100)}),{once:!0}),t.classList.add(this.settings.classNames.dropdownItemHidden))):a&&setTimeout(this.dropdown.hide.bind(this))},selectAll(t){this.suggestedListItems.length=0,this.dropdown.hide(),this.dropdown.filterListItems("");var e=this.dropdown.filterListItems("");return t||(e=this.state.dropdown.suggestions),this.addTags(e,!0),this},filterListItems(t,e){var i,s,a,n,o,r=this.settings,l=r.dropdown,d=(e=e||{},[]),g=[],p=r.whitelist,u=l.maxItems>=0?l.maxItems:1/0,m=l.searchKeys,v=0;if(!(t="select"==r.mode&&this.value.length&&this.value[0][r.tagTextProp]==t?"":t)||!m.length)return d=l.includeSelectedTags?p:p.filter((t=>!this.isTagDuplicate(h(t)?t.value:t))),this.state.dropdown.suggestions=d,d.slice(0,u);function f(t,e){return e.toLowerCase().split(" ").every((e=>t.includes(e.toLowerCase())))}for(o=l.caseSensitive?""+t:(""+t).toLowerCase();v<p.length;v++){let t,r;i=p[v]instanceof Object?p[v]:{value:p[v]};let u=!Object.keys(i).some((t=>m.includes(t)))?["value"]:m;l.fuzzySearch&&!e.exact?(a=u.reduce(((t,e)=>t+" "+(i[e]||"")),"").toLowerCase().trim(),l.accentedSearch&&(a=c(a),o=c(o)),t=0==a.indexOf(o),r=a===o,s=f(a,o)):(t=!0,s=u.some((t=>{var s=""+(i[t]||"");return l.accentedSearch&&(s=c(s),o=c(o)),l.caseSensitive||(s=s.toLowerCase()),r=s===o,e.exact?s===o:0==s.indexOf(o)}))),n=!l.includeSelectedTags&&this.isTagDuplicate(h(i)?i.value:i),s&&!n&&(r&&t?g.push(i):"startsWith"==l.sortby&&t?d.unshift(i):d.push(i))}return this.state.dropdown.suggestions=g.concat(d),"function"==typeof l.sortby?l.sortby(g.concat(d),o):g.concat(d).slice(0,u)},getMappedValue(t){var e=this.settings.dropdown.mapValueTo;return e?"function"==typeof e?e(t):t[e]||t.value:t.value},createListHTML(t){return g([],t).map(((t,i)=>{"string"!=typeof t&&"number"!=typeof t||(t={value:t});var s=this.dropdown.getMappedValue(t);return s="string"==typeof s?d(s):s,this.settings.templates.dropdownItem.apply(this,[e(e({},t),{},{mappedValue:s}),this])})).join("")}};const x="@yaireo/tagify/";var O,D={empty:"empty",exceed:"number of tags exceeded",pattern:"pattern mismatch",duplicate:"already exists",notAllowed:"not allowed"},M={wrapper:(t,e)=>`<tags class="${e.classNames.namespace} ${e.mode?`${e.classNames[e.mode+"Mode"]}`:""} ${t.className}"\n                    ${e.readonly?"readonly":""}\n                    ${e.disabled?"disabled":""}\n                    ${e.required?"required":""}\n                    ${"select"===e.mode?"spellcheck='false'":""}\n                    tabIndex="-1">\n            <span ${!e.readonly&&e.userInput?"contenteditable":""} tabIndex="0" data-placeholder="${e.placeholder||"&#8203;"}" aria-placeholder="${e.placeholder||""}"\n                class="${e.classNames.input}"\n                role="textbox"\n                aria-autocomplete="both"\n                aria-multiline="${"mix"==e.mode}"></span>\n                &#8203;\n        </tags>`,tag(t,e){let i=e.settings;return`<tag title="${t.title||t.value}"\n                    contenteditable='false'\n                    spellcheck='false'\n                    tabIndex="${i.a11y.focusableTags?0:-1}"\n                    class="${i.classNames.tag} ${t.class||""}"\n                    ${this.getAttributes(t)}>\n            <x title='' class="${i.classNames.tagX}" role='button' aria-label='remove tag'></x>\n            <div>\n                <span class="${i.classNames.tagText}">${t[i.tagTextProp]||t.value}</span>\n            </div>\n        </tag>`},dropdown(t){var e=t.dropdown,i="manual"==e.position,s=`${t.classNames.dropdown}`;return`<div class="${i?"":s} ${e.classname}" role="listbox" aria-labelledby="dropdown">\n                    <div data-selector='tagify-suggestions-wrapper' class="${t.classNames.dropdownWrapper}"></div>\n                </div>`},dropdownContent(t){var e=this.settings,i=this.state.dropdown.suggestions;return`\n            ${e.templates.dropdownHeader.call(this,i)}\n            ${t}\n            ${e.templates.dropdownFooter.call(this,i)}\n        `},dropdownItem(t){return`<div ${this.getAttributes(t)}\n                    class='${this.settings.classNames.dropdownItem} ${t.class?t.class:""}'\n                    tabindex="0"\n                    role="option">${t.mappedValue||t.value}</div>`},dropdownHeader(t){return`<header data-selector='tagify-suggestions-header' class="${this.settings.classNames.dropdownHeader}"></header>`},dropdownFooter(t){var e=t.length-this.settings.dropdown.maxItems;return e>0?`<footer data-selector='tagify-suggestions-footer' class="${this.settings.classNames.dropdownFooter}">\n                ${e} more items. Refine your search.\n            </footer>`:""},dropdownItemNoMatch:null};var I={customBinding(){this.customEventsList.forEach((t=>{this.on(t,this.settings.callbacks[t])}))},binding(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];var e,i=this.events.callbacks,s=t?"addEventListener":"removeEventListener";if(!this.state.mainEvents||!t){for(var a in this.state.mainEvents=t,t&&!this.listeners.main&&(this.events.bindGlobal.call(this),this.settings.isJQueryPlugin&&jQuery(this.DOM.originalInput).on("tagify.removeAllTags",this.removeAllTags.bind(this))),e=this.listeners.main=this.listeners.main||{focus:["input",i.onFocusBlur.bind(this)],keydown:["input",i.onKeydown.bind(this)],click:["scope",i.onClickScope.bind(this)],dblclick:["scope",i.onDoubleClickScope.bind(this)],paste:["input",i.onPaste.bind(this)],drop:["input",i.onDrop.bind(this)],compositionstart:["input",i.onCompositionStart.bind(this)],compositionend:["input",i.onCompositionEnd.bind(this)]})this.DOM[e[a][0]][s](a,e[a][1]);clearInterval(this.listeners.main.originalInputValueObserverInterval),this.listeners.main.originalInputValueObserverInterval=setInterval(i.observeOriginalInputValue.bind(this),500);var n=this.listeners.main.inputMutationObserver||new MutationObserver(i.onInputDOMChange.bind(this));n.disconnect(),"mix"==this.settings.mode&&n.observe(this.DOM.input,{childList:!0})}},bindGlobal(t){var e,i=this.events.callbacks,s=t?"removeEventListener":"addEventListener";if(this.listeners&&(t||!this.listeners.global))for(e of(this.listeners.global=this.listeners.global||[{type:this.isIE?"keydown":"input",target:this.DOM.input,cb:i[this.isIE?"onInputIE":"onInput"].bind(this)},{type:"keydown",target:window,cb:i.onWindowKeyDown.bind(this)},{type:"blur",target:this.DOM.input,cb:i.onFocusBlur.bind(this)},{type:"click",target:document,cb:i.onClickAnywhere.bind(this)}],this.listeners.global))e.target[s](e.type,e.cb)},unbindGlobal(){this.events.bindGlobal.call(this,!0)},callbacks:{onFocusBlur(t){var e=this.settings,i=t.target?this.trim(t.target.textContent):"",s=this.value?.[0]?.[e.tagTextProp],a=t.type,n=e.dropdown.enabled>=0,o={relatedTarget:t.relatedTarget},r=this.state.actions.selectOption&&(n||!e.dropdown.closeOnSelect),l=this.state.actions.addNew&&n,d=t.relatedTarget&&v.call(this,t.relatedTarget)&&this.DOM.scope.contains(t.relatedTarget);if("blur"==a){if(t.relatedTarget===this.DOM.scope)return this.dropdown.hide(),void this.DOM.input.focus();this.postUpdate(),e.onChangeAfterBlur&&this.triggerChangeEvent()}if(!r&&!l)if(this.state.hasFocus="focus"==a&&+new Date,this.toggleFocusClass(this.state.hasFocus),"mix"!=e.mode){if("focus"==a)return this.trigger("focus",o),void(0!==e.dropdown.enabled&&e.userInput||this.dropdown.show(this.value.length?"":void 0));"blur"==a&&(this.trigger("blur",o),this.loading(!1),"select"==e.mode&&(d&&(this.removeTags(),i=""),s===i&&(i="")),i&&!this.state.actions.selectOption&&e.addTagOnBlur&&this.addTags(i,!0)),this.DOM.input.removeAttribute("style"),this.dropdown.hide()}else"focus"==a?this.trigger("focus",o):"blur"==t.type&&(this.trigger("blur",o),this.loading(!1),this.dropdown.hide(),this.state.dropdown.visible=void 0,this.setStateSelection())},onCompositionStart(t){this.state.composing=!0},onCompositionEnd(t){this.state.composing=!1},onWindowKeyDown(t){var e,i=document.activeElement,s=v.call(this,i)&&this.DOM.scope.contains(document.activeElement),a=s&&i.hasAttribute("readonly");if(s&&!a)switch(e=i.nextElementSibling,t.key){case"Backspace":this.settings.readonly||(this.removeTags(i),(e||this.DOM.input).focus());break;case"Enter":setTimeout(this.editTag.bind(this),0,i)}},onKeydown(t){var e=this.settings;if(!this.state.composing&&e.userInput){"select"==e.mode&&e.enforceWhitelist&&this.value.length&&"Tab"!=t.key&&t.preventDefault();var i=this.trim(t.target.textContent);if(this.trigger("keydown",{event:t}),"mix"==e.mode){switch(t.key){case"Left":case"ArrowLeft":this.state.actions.ArrowLeft=!0;break;case"Delete":case"Backspace":if(this.state.editing)return;var s=document.getSelection(),a="Delete"==t.key&&s.anchorOffset==(s.anchorNode.length||0),n=s.anchorNode.previousSibling,r=1==s.anchorNode.nodeType||!s.anchorOffset&&n&&1==n.nodeType&&s.anchorNode.previousSibling;o(this.DOM.input.innerHTML);var d,h,g,p=this.getTagElms();if("edit"==e.backspace&&r)return d=1==s.anchorNode.nodeType?null:s.anchorNode.previousElementSibling,setTimeout(this.editTag.bind(this),0,d),void t.preventDefault();if(u()&&r instanceof Element)return g=l(r),r.hasAttribute("readonly")||r.remove(),this.DOM.input.focus(),void setTimeout((()=>{this.placeCaretAfterNode(g),this.DOM.input.click()}));if("BR"==s.anchorNode.nodeName)return;if((a||r)&&1==s.anchorNode.nodeType?h=0==s.anchorOffset?a?p[0]:null:p[Math.min(p.length,s.anchorOffset)-1]:a?h=s.anchorNode.nextElementSibling:r instanceof Element&&(h=r),3==s.anchorNode.nodeType&&!s.anchorNode.nodeValue&&s.anchorNode.previousElementSibling&&t.preventDefault(),(r||a)&&!e.backspace)return void t.preventDefault();if("Range"!=s.type&&!s.anchorOffset&&s.anchorNode==this.DOM.input&&"Delete"!=t.key)return void t.preventDefault();if("Range"!=s.type&&h&&h.hasAttribute("readonly"))return void this.placeCaretAfterNode(l(h));clearTimeout(O),O=setTimeout((()=>{var t=document.getSelection();o(this.DOM.input.innerHTML),!a&&t.anchorNode.previousSibling,this.value=[].map.call(p,((t,e)=>{var i=T(t);if(t.parentNode||i.readonly)return i;this.trigger("remove",{tag:t,index:e,data:i})})).filter((t=>t))}),20)}return!0}switch(t.key){case"Backspace":"select"==e.mode&&e.enforceWhitelist&&this.value.length?this.removeTags():this.state.dropdown.visible&&"manual"!=e.dropdown.position||""!=t.target.textContent&&8203!=i.charCodeAt(0)||(!0===e.backspace?this.removeTags():"edit"==e.backspace&&setTimeout(this.editTag.bind(this),0));break;case"Esc":case"Escape":if(this.state.dropdown.visible)return;t.target.blur();break;case"Down":case"ArrowDown":this.state.dropdown.visible||this.dropdown.show();break;case"ArrowRight":{let t=this.state.inputSuggestion||this.state.ddItemData;if(t&&e.autoComplete.rightKey)return void this.addTags([t],!0);break}case"Tab":{let s="select"==e.mode;if(!i||s)return!0;t.preventDefault()}case"Enter":if(this.state.dropdown.visible&&"manual"!=e.dropdown.position)return;t.preventDefault(),setTimeout((()=>{this.state.dropdown.visible||this.state.actions.selectOption||this.addTags(i,!0)}))}}},onInput(t){this.postUpdate();var e=this.settings;if("mix"==e.mode)return this.events.callbacks.onMixTagsInput.call(this,t);var i=this.input.normalize.call(this),s=i.length>=e.dropdown.enabled,a={value:i,inputElm:this.DOM.input},n=this.validateTag({value:i});"select"==e.mode&&this.toggleScopeValidation(n),a.isValid=n,this.state.inputText!=i&&(this.input.set.call(this,i,!1),-1!=i.search(e.delimiters)?this.addTags(i)&&this.input.set.call(this):e.dropdown.enabled>=0&&this.dropdown[s?"show":"hide"](i),this.trigger("input",a))},onMixTagsInput(t){var e,i,s,a,n,o,r,l,d=this.settings,h=this.value.length,p=this.getTagElms(),c=document.createDocumentFragment(),m=window.getSelection().getRangeAt(0),v=[].map.call(p,(t=>T(t).value));if("deleteContentBackward"==t.inputType&&u()&&this.events.callbacks.onKeydown.call(this,{target:t.target,key:"Backspace"}),this.value.slice().forEach((t=>{t.readonly&&!v.includes(t.value)&&c.appendChild(this.createTagElem(t))})),c.childNodes.length&&(m.insertNode(c),this.setRangeAtStartEnd(!1,c.lastChild)),p.length!=h)return this.value=[].map.call(this.getTagElms(),(t=>T(t))),void this.update({withoutChangeEvent:!0});if(this.hasMaxTags())return!0;if(window.getSelection&&(o=window.getSelection()).rangeCount>0&&3==o.anchorNode.nodeType){if((m=o.getRangeAt(0).cloneRange()).collapse(!0),m.setStart(o.focusNode,0),s=(e=m.toString().slice(0,m.endOffset)).split(d.pattern).length-1,(i=e.match(d.pattern))&&(a=e.slice(e.lastIndexOf(i[i.length-1]))),a){if(this.state.actions.ArrowLeft=!1,this.state.tag={prefix:a.match(d.pattern)[0],value:a.replace(d.pattern,"")},this.state.tag.baseOffset=o.baseOffset-this.state.tag.value.length,l=this.state.tag.value.match(d.delimiters))return this.state.tag.value=this.state.tag.value.replace(d.delimiters,""),this.state.tag.delimiters=l[0],this.addTags(this.state.tag.value,d.dropdown.clearOnSelect),void this.dropdown.hide();n=this.state.tag.value.length>=d.dropdown.enabled;try{r=(r=this.state.flaggedTags[this.state.tag.baseOffset]).prefix==this.state.tag.prefix&&r.value[0]==this.state.tag.value[0],this.state.flaggedTags[this.state.tag.baseOffset]&&!this.state.tag.value&&delete this.state.flaggedTags[this.state.tag.baseOffset]}catch(t){}(r||s<this.state.mixMode.matchedPatternCount)&&(n=!1)}else this.state.flaggedTags={};this.state.mixMode.matchedPatternCount=s}setTimeout((()=>{this.update({withoutChangeEvent:!0}),this.trigger("input",g({},this.state.tag,{textContent:this.DOM.input.textContent})),this.state.tag&&this.dropdown[n?"show":"hide"](this.state.tag.value)}),10)},onInputIE(t){var e=this;setTimeout((function(){e.events.callbacks.onInput.call(e,t)}))},observeOriginalInputValue(){this.DOM.originalInput.parentNode||this.destroy(),this.DOM.originalInput.value!=this.DOM.originalInput.tagifyValue&&this.loadOriginalValues()},onClickAnywhere(t){t.target==this.DOM.scope||this.DOM.scope.contains(t.target)||(this.toggleFocusClass(!1),this.state.hasFocus=!1)},onClickScope(t){var e=this.settings,i=t.target.closest("."+e.classNames.tag),s=+new Date-this.state.hasFocus;if(t.target!=this.DOM.scope){if(!t.target.classList.contains(e.classNames.tagX))return i?(this.trigger("click",{tag:i,index:this.getNodeIndex(i),data:T(i),event:t}),void(1!==e.editTags&&1!==e.editTags.clicks||this.events.callbacks.onDoubleClickScope.call(this,t))):void(t.target==this.DOM.input&&("mix"==e.mode&&this.fixFirefoxLastTagNoCaret(),s>500)?this.state.dropdown.visible?this.dropdown.hide():0===e.dropdown.enabled&&"mix"!=e.mode&&this.dropdown.show(this.value.length?"":void 0):"select"!=e.mode||0!==e.dropdown.enabled||this.state.dropdown.visible||this.dropdown.show());this.removeTags(t.target.parentNode)}else this.DOM.input.focus()},onPaste(t){t.preventDefault();var e,i,s=this.settings;if("select"==s.mode&&s.enforceWhitelist||!s.userInput)return!1;s.readonly||(e=t.clipboardData||window.clipboardData,i=e.getData("Text"),s.hooks.beforePaste(t,{tagify:this,pastedText:i,clipboardData:e}).then((e=>{void 0===e&&(e=i),e&&(this.injectAtCaret(e,window.getSelection().getRangeAt(0)),"mix"==this.settings.mode?this.events.callbacks.onMixTagsInput.call(this,t):this.settings.pasteAsTags?this.addTags(this.state.inputText+e,!0):this.state.inputText=e)})).catch((t=>t)))},onDrop(t){t.preventDefault()},onEditTagInput(t,e){var i=t.closest("."+this.settings.classNames.tag),s=this.getNodeIndex(i),a=T(i),n=this.input.normalize.call(this,t),o={[this.settings.tagTextProp]:n,__tagId:a.__tagId},r=this.validateTag(o);this.editTagChangeDetected(g(a,o))||!0!==t.originalIsValid||(r=!0),i.classList.toggle(this.settings.classNames.tagInvalid,!0!==r),a.__isValid=r,i.title=!0===r?a.title||a.value:r,n.length>=this.settings.dropdown.enabled&&(this.state.editing&&(this.state.editing.value=n),this.dropdown.show(n)),this.trigger("edit:input",{tag:i,index:s,data:g({},this.value[s],{newValue:n}),event:e})},onEditTagPaste(t,e){var i=(e.clipboardData||window.clipboardData).getData("Text");e.preventDefault();var s=f(i);this.setRangeAtStartEnd(!1,s)},onEditTagFocus(t){this.state.editing={scope:t,input:t.querySelector("[contenteditable]")}},onEditTagBlur(t){if(this.state.hasFocus||this.toggleFocusClass(),this.DOM.scope.contains(t)){var e,i,s=this.settings,a=t.closest("."+s.classNames.tag),n=T(a),o=this.input.normalize.call(this,t),r={[s.tagTextProp]:o,__tagId:n.__tagId},l=n.__originalData,d=this.editTagChangeDetected(g(n,r)),h=this.validateTag(r);if(o)if(d){if(e=this.hasMaxTags(),i=g({},l,{[s.tagTextProp]:this.trim(o),__isValid:h}),s.transformTag.call(this,i,l),!0!==(h=(!e||!0===l.__isValid)&&this.validateTag(i))){if(this.trigger("invalid",{data:i,tag:a,message:h}),s.editTags.keepInvalid)return;s.keepInvalidTags?i.__isValid=h:i=l}else s.keepInvalidTags&&(delete i.title,delete i["aria-invalid"],delete i.class);this.onEditTagDone(a,i)}else this.onEditTagDone(a,l);else this.onEditTagDone(a)}},onEditTagkeydown(t,e){if(!this.state.composing)switch(this.trigger("edit:keydown",{event:t}),t.key){case"Esc":case"Escape":e.parentNode.replaceChild(e.__tagifyTagData.__originalHTML,e),this.state.editing=!1;case"Enter":case"Tab":t.preventDefault(),t.target.blur()}},onDoubleClickScope(t){var e,i,s=t.target.closest("."+this.settings.classNames.tag),a=T(s),n=this.settings;s&&n.userInput&&!1!==a.editable&&(e=s.classList.contains(this.settings.classNames.tagEditing),i=s.hasAttribute("readonly"),"select"==n.mode||n.readonly||e||i||!this.settings.editTags||this.editTag(s),this.toggleFocusClass(!0),this.trigger("dblclick",{tag:s,index:this.getNodeIndex(s),data:T(s)}))},onInputDOMChange(t){t.forEach((t=>{t.addedNodes.forEach((t=>{if("<div><br></div>"==t.outerHTML)t.replaceWith(document.createElement("br"));else if(1==t.nodeType&&t.querySelector(this.settings.classNames.tagSelector)){let e=document.createTextNode("");3==t.childNodes[0].nodeType&&"BR"!=t.previousSibling.nodeName&&(e=document.createTextNode("\n")),t.replaceWith(e,...[...t.childNodes].slice(0,-1)),this.placeCaretAfterNode(e)}else if(v.call(this,t)&&(3!=t.previousSibling?.nodeType||t.previousSibling.textContent||t.previousSibling.remove(),t.previousSibling&&"BR"==t.previousSibling.nodeName)){t.previousSibling.replaceWith("\n​");let e=t.nextSibling,i="";for(;e;)i+=e.textContent,e=e.nextSibling;i.trim()&&this.placeCaretAfterNode(t.previousSibling)}})),t.removedNodes.forEach((t=>{t&&"BR"==t.nodeName&&v.call(this,e)&&(this.removeTags(e),this.fixFirefoxLastTagNoCaret())}))}));var e=this.DOM.input.lastChild;e&&""==e.nodeValue&&e.remove(),e&&"BR"==e.nodeName||this.DOM.input.appendChild(document.createElement("br"))}}};function N(t,e){if(!t){console.warn("Tagify:","input element not found",t);const e=new Proxy(this,{get:()=>()=>e});return e}if(t.__tagify)return console.warn("Tagify: ","input element is already Tagified - Same instance is returned.",t),t.__tagify;var i;g(this,function(t){var e=document.createTextNode("");function i(t,i,s){s&&i.split(/\s+/g).forEach((i=>e[t+"EventListener"].call(e,i,s)))}return{off(t,e){return i("remove",t,e),this},on(t,e){return e&&"function"==typeof e&&i("add",t,e),this},trigger(i,s,a){var n;if(a=a||{cloneData:!0},i)if(t.settings.isJQueryPlugin)"remove"==i&&(i="removeTag"),jQuery(t.DOM.originalInput).triggerHandler(i,[s]);else{try{var o="object"==typeof s?s:{value:s};if((o=a.cloneData?g({},o):o).tagify=this,s.event&&(o.event=this.cloneEvent(s.event)),s instanceof Object)for(var r in s)s[r]instanceof HTMLElement&&(o[r]=s[r]);n=new CustomEvent(i,{detail:o})}catch(t){console.warn(t)}e.dispatchEvent(n)}}}}(this)),this.isFirefox=/firefox|fxios/i.test(navigator.userAgent)&&!/seamonkey/i.test(navigator.userAgent),this.isIE=window.document.documentMode,e=e||{},this.getPersistedData=(i=e.id,t=>{let e,s="/"+t;if(1==localStorage.getItem(x+i+"/v",1))try{e=JSON.parse(localStorage[x+i+s])}catch(t){}return e}),this.setPersistedData=(t=>t?(localStorage.setItem(x+t+"/v",1),(e,i)=>{let s="/"+i,a=JSON.stringify(e);e&&i&&(localStorage.setItem(x+t+s,a),dispatchEvent(new Event("storage")))}):()=>{})(e.id),this.clearPersistedData=(t=>e=>{const i=x+"/"+t+"/";if(e)localStorage.removeItem(i+e);else for(let t in localStorage)t.includes(i)&&localStorage.removeItem(t)})(e.id),this.applySettings(t,e),this.state={inputText:"",editing:!1,composing:!1,actions:{},mixMode:{},dropdown:{},flaggedTags:{}},this.value=[],this.listeners={},this.DOM={},this.build(t),b.call(this),this.getCSSVars(),this.loadOriginalValues(),this.events.customBinding.call(this),this.events.binding.call(this),t.autofocus&&this.DOM.input.focus(),t.__tagify=this}return N.prototype={_dropdown:y,getSetTagData:T,helpers:{sameStr:s,removeCollectionProp:a,omit:n,isObject:h,parseHTML:r,escapeHTML:d,extend:g,concatWithoutDups:p,getUID:m,isNodeTag:v},customEventsList:["change","add","remove","invalid","input","click","keydown","focus","blur","edit:input","edit:beforeUpdate","edit:updated","edit:start","edit:keydown","dropdown:show","dropdown:hide","dropdown:select","dropdown:updated","dropdown:noMatch","dropdown:scroll"],dataProps:["__isValid","__removed","__originalData","__originalHTML","__tagId"],trim(t){return this.settings.trim&&t&&"string"==typeof t?t.trim():t},parseHTML:r,templates:M,parseTemplate(t,e){return r((t=this.settings.templates[t]||t).apply(this,e))},set whitelist(t){const e=t&&Array.isArray(t);this.settings.whitelist=e?t:[],this.setPersistedData(e?t:[],"whitelist")},get whitelist(){return this.settings.whitelist},generateClassSelectors(t){for(let e in t){let i=e;Object.defineProperty(t,i+"Selector",{get(){return"."+this[i].split(" ")[0]}})}},applySettings(t,i){w.templates=this.templates;var s=g({},w,"mix"==i.mode?{dropdown:{position:"text"}}:{}),a=this.settings=g({},s,i);if(a.disabled=t.hasAttribute("disabled"),a.readonly=a.readonly||t.hasAttribute("readonly"),a.placeholder=d(t.getAttribute("placeholder")||a.placeholder||""),a.required=t.hasAttribute("required"),this.generateClassSelectors(a.classNames),void 0===a.dropdown.includeSelectedTags&&(a.dropdown.includeSelectedTags=a.duplicates),this.isIE&&(a.autoComplete=!1),["whitelist","blacklist"].forEach((e=>{var i=t.getAttribute("data-"+e);i&&(i=i.split(a.delimiters))instanceof Array&&(a[e]=i)})),"autoComplete"in i&&!h(i.autoComplete)&&(a.autoComplete=w.autoComplete,a.autoComplete.enabled=i.autoComplete),"mix"==a.mode&&(a.pattern=a.pattern||/@/,a.autoComplete.rightKey=!0,a.delimiters=i.delimiters||null,a.tagTextProp&&!a.dropdown.searchKeys.includes(a.tagTextProp)&&a.dropdown.searchKeys.push(a.tagTextProp)),t.pattern)try{a.pattern=new RegExp(t.pattern)}catch(t){}if(a.delimiters){a._delimiters=a.delimiters;try{a.delimiters=new RegExp(this.settings.delimiters,"g")}catch(t){}}a.disabled&&(a.userInput=!1),this.TEXTS=e(e({},D),a.texts||{}),("select"!=a.mode||i.dropdown?.enabled)&&a.userInput||(a.dropdown.enabled=0),a.dropdown.appendTarget=i.dropdown?.appendTarget||document.body;let n=this.getPersistedData("whitelist");Array.isArray(n)&&(this.whitelist=Array.isArray(a.whitelist)?p(a.whitelist,n):n)},getAttributes(t){var e,i=this.getCustomAttributes(t),s="";for(e in i)s+=" "+e+(void 0!==t[e]?`="${i[e]}"`:"");return s},getCustomAttributes(t){if(!h(t))return"";var e,i={};for(e in t)"__"!=e.slice(0,2)&&"class"!=e&&t.hasOwnProperty(e)&&void 0!==t[e]&&(i[e]=d(t[e]));return i},setStateSelection(){var t=window.getSelection(),e={anchorOffset:t.anchorOffset,anchorNode:t.anchorNode,range:t.getRangeAt&&t.rangeCount&&t.getRangeAt(0)};return this.state.selection=e,e},getCSSVars(){var t=getComputedStyle(this.DOM.scope,null);var e;this.CSSVars={tagHideTransition:(t=>{let e=t.value;return"s"==t.unit?1e3*e:e})(function(t){if(!t)return{};var e=(t=t.trim().split(" ")[0]).split(/\d+/g).filter((t=>t)).pop().trim();return{value:+t.split(e).filter((t=>t))[0].trim(),unit:e}}((e="tag-hide-transition",t.getPropertyValue("--"+e))))}},build(t){var e=this.DOM;this.settings.mixMode.integrated?(e.originalInput=null,e.scope=t,e.input=t):(e.originalInput=t,e.originalInput_tabIndex=t.tabIndex,e.scope=this.parseTemplate("wrapper",[t,this.settings]),e.input=e.scope.querySelector(this.settings.classNames.inputSelector),t.parentNode.insertBefore(e.scope,t),t.tabIndex=-1)},destroy(){this.events.unbindGlobal.call(this),this.DOM.scope.parentNode.removeChild(this.DOM.scope),this.DOM.originalInput.tabIndex=this.DOM.originalInput_tabIndex,delete this.DOM.originalInput.__tagify,this.dropdown.hide(!0),clearTimeout(this.dropdownHide__bindEventsTimeout),clearInterval(this.listeners.main.originalInputValueObserverInterval)},loadOriginalValues(t){var e,i=this.settings;if(this.state.blockChangeEvent=!0,void 0===t){const e=this.getPersistedData("value");t=e&&!this.DOM.originalInput.value?e:i.mixMode.integrated?this.DOM.input.textContent:this.DOM.originalInput.value}if(this.removeAllTags(),t)if("mix"==i.mode)this.parseMixTags(t),(e=this.DOM.input.lastChild)&&"BR"==e.tagName||this.DOM.input.insertAdjacentHTML("beforeend","<br>");else{try{JSON.parse(t)instanceof Array&&(t=JSON.parse(t))}catch(t){}this.addTags(t,!0).forEach((t=>t&&t.classList.add(i.classNames.tagNoAnimation)))}else this.postUpdate();this.state.lastOriginalValueReported=i.mixMode.integrated?"":this.DOM.originalInput.value},cloneEvent(t){var e={};for(var i in t)"path"!=i&&(e[i]=t[i]);return e},loading(t){return this.state.isLoading=t,this.DOM.scope.classList[t?"add":"remove"](this.settings.classNames.scopeLoading),this},tagLoading(t,e){return t&&t.classList[e?"add":"remove"](this.settings.classNames.tagLoading),this},toggleClass(t,e){"string"==typeof t&&this.DOM.scope.classList.toggle(t,e)},toggleScopeValidation(t){var e=!0===t||void 0===t;!this.settings.required&&t&&t===this.TEXTS.empty&&(e=!0),this.toggleClass(this.settings.classNames.tagInvalid,!e),this.DOM.scope.title=e?"":t},toggleFocusClass(t){this.toggleClass(this.settings.classNames.focus,!!t)},triggerChangeEvent:function(){if(!this.settings.mixMode.integrated){var t=this.DOM.originalInput,e=this.state.lastOriginalValueReported!==t.value,i=new CustomEvent("change",{bubbles:!0});e&&(this.state.lastOriginalValueReported=t.value,i.simulated=!0,t._valueTracker&&t._valueTracker.setValue(Math.random()),t.dispatchEvent(i),this.trigger("change",this.state.lastOriginalValueReported),t.value=this.state.lastOriginalValueReported)}},events:I,fixFirefoxLastTagNoCaret(){},setRangeAtStartEnd(t,e){if(e){t="number"==typeof t?t:!!t,e=e.lastChild||e;var i=document.getSelection();if(i.focusNode instanceof Element&&!this.DOM.input.contains(i.focusNode))return!0;try{i.rangeCount>=1&&["Start","End"].forEach((s=>i.getRangeAt(0)["set"+s](e,t||e.length)))}catch(t){}}},placeCaretAfterNode(t){if(t&&t.parentNode){var e=t,i=window.getSelection(),s=i.getRangeAt(0);i.rangeCount&&(s.setStartAfter(e),s.collapse(!0),i.removeAllRanges(),i.addRange(s))}},insertAfterTag(t,e){if(e=e||this.settings.mixMode.insertAfterTag,t&&t.parentNode&&e)return e="string"==typeof e?document.createTextNode(e):e,t.parentNode.insertBefore(e,t.nextSibling),e},editTagChangeDetected(t){var e=t.__originalData;for(var i in e)if(!this.dataProps.includes(i)&&t[i]!=e[i])return!0;return!1},getTagTextNode(t){return t.querySelector(this.settings.classNames.tagTextSelector)},setTagTextNode(t,e){this.getTagTextNode(t).innerHTML=d(e)},editTag(t,e){t=t||this.getLastTag(),e=e||{},this.dropdown.hide();var i=this.settings,s=this.getTagTextNode(t),a=this.getNodeIndex(t),n=T(t),o=this.events.callbacks,r=this,l=!0;if(s){if(!(n instanceof Object&&"editable"in n)||n.editable)return n=T(t,{__originalData:g({},n),__originalHTML:t.cloneNode(!0)}),T(n.__originalHTML,n.__originalData),s.setAttribute("contenteditable",!0),t.classList.add(i.classNames.tagEditing),s.addEventListener("focus",o.onEditTagFocus.bind(this,t)),s.addEventListener("blur",(function(){setTimeout((()=>o.onEditTagBlur.call(r,r.getTagTextNode(t))))})),s.addEventListener("input",o.onEditTagInput.bind(this,s)),s.addEventListener("paste",o.onEditTagPaste.bind(this,s)),s.addEventListener("keydown",(e=>o.onEditTagkeydown.call(this,e,t))),s.addEventListener("compositionstart",o.onCompositionStart.bind(this)),s.addEventListener("compositionend",o.onCompositionEnd.bind(this)),e.skipValidation||(l=this.editTagToggleValidity(t)),s.originalIsValid=l,this.trigger("edit:start",{tag:t,index:a,data:n,isValid:l}),s.focus(),this.setRangeAtStartEnd(!1,s),this}else console.warn("Cannot find element in Tag template: .",i.classNames.tagTextSelector)},editTagToggleValidity(t,e){var i;if(e=e||T(t))return(i=!("__isValid"in e)||!0===e.__isValid)||this.removeTagsFromValue(t),this.update(),t.classList.toggle(this.settings.classNames.tagNotAllowed,!i),e.__isValid;console.warn("tag has no data: ",t,e)},onEditTagDone(t,e){e=e||{};var i={tag:t=t||this.state.editing.scope,index:this.getNodeIndex(t),previousData:T(t),data:e};this.trigger("edit:beforeUpdate",i,{cloneData:!1}),this.state.editing=!1,delete e.__originalData,delete e.__originalHTML,t&&e[this.settings.tagTextProp]?(t=this.replaceTag(t,e),this.editTagToggleValidity(t,e),this.settings.a11y.focusableTags?t.focus():this.placeCaretAfterNode(t)):t&&this.removeTags(t),this.trigger("edit:updated",i),this.dropdown.hide(),this.settings.keepInvalidTags&&this.reCheckInvalidTags()},replaceTag(t,e){e&&e.value||(e=t.__tagifyTagData),e.__isValid&&1!=e.__isValid&&g(e,this.getInvalidTagAttrs(e,e.__isValid));var i=this.createTagElem(e);return t.parentNode.replaceChild(i,t),this.updateValueByDOMTags(),i},updateValueByDOMTags(){this.value.length=0,[].forEach.call(this.getTagElms(),(t=>{t.classList.contains(this.settings.classNames.tagNotAllowed.split(" ")[0])||this.value.push(T(t))})),this.update()},injectAtCaret(t,e){return!(e=e||this.state.selection?.range)&&t?(this.appendMixTags(t),this):(f(t,e),this.setRangeAtStartEnd(!1,t),this.updateValueByDOMTags(),this.update(),this)},input:{set(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];var i=this.settings.dropdown.closeOnSelect;this.state.inputText=t,e&&(this.DOM.input.innerHTML=d(""+t)),!t&&i&&this.dropdown.hide.bind(this),this.input.autocomplete.suggest.call(this),this.input.validate.call(this)},raw(){return this.DOM.input.textContent},validate(){var t=!this.state.inputText||!0===this.validateTag({value:this.state.inputText});return this.DOM.input.classList.toggle(this.settings.classNames.inputInvalid,!t),t},normalize(t){var e=t||this.DOM.input,i=[];e.childNodes.forEach((t=>3==t.nodeType&&i.push(t.nodeValue))),i=i.join("\n");try{i=i.replace(/(?:\r\n|\r|\n)/g,this.settings.delimiters.source.charAt(0))}catch(t){}return i=i.replace(/\s/g," "),this.trim(i)},autocomplete:{suggest(t){if(this.settings.autoComplete.enabled){"string"==typeof(t=t||{value:""})&&(t={value:t});var e=this.dropdown.getMappedValue(t);if("number"!=typeof e){var i=e.substr(0,this.state.inputText.length).toLowerCase(),s=e.substring(this.state.inputText.length);e&&this.state.inputText&&i==this.state.inputText.toLowerCase()?(this.DOM.input.setAttribute("data-suggest",s),this.state.inputSuggestion=t):(this.DOM.input.removeAttribute("data-suggest"),delete this.state.inputSuggestion)}}},set(t){var e=this.DOM.input.getAttribute("data-suggest"),i=t||(e?this.state.inputText+e:null);return!!i&&("mix"==this.settings.mode?this.replaceTextWithNode(document.createTextNode(this.state.tag.prefix+i)):(this.input.set.call(this,i),this.setRangeAtStartEnd(!1,this.DOM.input)),this.input.autocomplete.suggest.call(this),this.dropdown.hide(),!0)}}},getTagIdx(t){return this.value.findIndex((e=>e.__tagId==(t||{}).__tagId))},getNodeIndex(t){var e=0;if(t)for(;t=t.previousElementSibling;)e++;return e},getTagElms(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];var s="."+[...this.settings.classNames.tag.split(" "),...e].join(".");return[].slice.call(this.DOM.scope.querySelectorAll(s))},getLastTag(){var t=this.DOM.scope.querySelectorAll(`${this.settings.classNames.tagSelector}:not(.${this.settings.classNames.tagHide}):not([readonly])`);return t[t.length-1]},isTagDuplicate(t,e,i){var a=0;if("select"==this.settings.mode)return!1;for(let n of this.value){s(this.trim(""+t),n.value,e)&&i!=n.__tagId&&a++}return a},getTagIndexByValue(t){var e=[];return this.getTagElms().forEach(((i,a)=>{s(this.trim(i.textContent),t,this.settings.dropdown.caseSensitive)&&e.push(a)})),e},getTagElmByValue(t){var e=this.getTagIndexByValue(t)[0];return this.getTagElms()[e]},flashTag(t){t&&(t.classList.add(this.settings.classNames.tagFlash),setTimeout((()=>{t.classList.remove(this.settings.classNames.tagFlash)}),100))},isTagBlacklisted(t){return t=this.trim(t.toLowerCase()),this.settings.blacklist.filter((e=>(""+e).toLowerCase()==t)).length},isTagWhitelisted(t){return!!this.getWhitelistItem(t)},getWhitelistItem(t,e,i){e=e||"value";var a,n=this.settings;return(i=i||n.whitelist).some((i=>{var o="string"==typeof i?i:i[e]||i.value;if(s(o,t,n.dropdown.caseSensitive,n.trim))return a="string"==typeof i?{value:i}:i,!0})),a||"value"!=e||"value"==n.tagTextProp||(a=this.getWhitelistItem(t,n.tagTextProp,i)),a},validateTag(t){var e=this.settings,i="value"in t?"value":e.tagTextProp,s=this.trim(t[i]+"");return(t[i]+"").trim()?e.pattern&&e.pattern instanceof RegExp&&!e.pattern.test(s)?this.TEXTS.pattern:!e.duplicates&&this.isTagDuplicate(s,e.dropdown.caseSensitive,t.__tagId)?this.TEXTS.duplicate:this.isTagBlacklisted(s)||e.enforceWhitelist&&!this.isTagWhitelisted(s)?this.TEXTS.notAllowed:!e.validate||e.validate(t):this.TEXTS.empty},getInvalidTagAttrs(t,e){return{"aria-invalid":!0,class:`${t.class||""} ${this.settings.classNames.tagNotAllowed}`.trim(),title:e}},hasMaxTags(){return this.value.length>=this.settings.maxTags&&this.TEXTS.exceed},setReadonly(t,e){var i=this.settings;document.activeElement.blur(),i[e||"readonly"]=t,this.DOM.scope[(t?"set":"remove")+"Attribute"](e||"readonly",!0),this.setContentEditable(!t)},setContentEditable(t){this.settings.userInput&&(this.DOM.input.contentEditable=t,this.DOM.input.tabIndex=t?0:-1)},setDisabled(t){this.setReadonly(t,"disabled")},normalizeTags(t){var e=this.settings,i=e.whitelist,s=e.delimiters,a=e.mode,n=e.tagTextProp,o=[],r=!!i&&i[0]instanceof Object,l=Array.isArray(t),d=l&&t[0].value,h=t=>(t+"").split(s).filter((t=>t)).map((t=>({[n]:this.trim(t),value:this.trim(t)})));if("number"==typeof t&&(t=t.toString()),"string"==typeof t){if(!t.trim())return[];t=h(t)}else l&&(t=[].concat(...t.map((t=>null!=t.value?t:h(t)))));return r&&!d&&(t.forEach((t=>{var e=o.map((t=>t.value)),i=this.dropdown.filterListItems.call(this,t[n],{exact:!0});this.settings.duplicates||(i=i.filter((t=>!e.includes(t.value))));var s=i.length>1?this.getWhitelistItem(t[n],n,i):i[0];s&&s instanceof Object?o.push(s):"mix"!=a&&(null==t.value&&(t.value=t[n]),o.push(t))})),o.length&&(t=o)),t},parseMixTags(t){var e=this.settings,i=e.mixTagsInterpolator,s=e.duplicates,a=e.transformTag,n=e.enforceWhitelist,o=e.maxTags,r=e.tagTextProp,l=[];return t=t.split(i[0]).map(((t,e)=>{var d,h,g,p=t.split(i[1]),c=p[0],u=l.length==o;try{if(c==+c)throw Error;h=JSON.parse(c)}catch(t){h=this.normalizeTags(c)[0]||{value:c}}if(a.call(this,h),u||!(p.length>1)||n&&!this.isTagWhitelisted(h.value)||!s&&this.isTagDuplicate(h.value)){if(t)return e?i[0]+t:t}else h[d=h[r]?r:"value"]=this.trim(h[d]),g=this.createTagElem(h),l.push(h),g.classList.add(this.settings.classNames.tagNoAnimation),p[0]=g.outerHTML,this.value.push(h);return p.join("")})).join(""),this.DOM.input.innerHTML=t,this.DOM.input.appendChild(document.createTextNode("")),this.DOM.input.normalize(),this.getTagElms().forEach(((t,e)=>T(t,l[e]))),this.update({withoutChangeEvent:!0}),t},replaceTextWithNode(t,e){if(this.state.tag||e){e=e||this.state.tag.prefix+this.state.tag.value;var i,s,a=this.state.selection||window.getSelection(),n=a.anchorNode,o=this.state.tag.delimiters?this.state.tag.delimiters.length:0;return n.splitText(a.anchorOffset-o),-1==(i=n.nodeValue.lastIndexOf(e))?!0:(s=n.splitText(i),t&&n.parentNode.replaceChild(t,s),!0)}},selectTag(t,e){var i=this.settings;if(!i.enforceWhitelist||this.isTagWhitelisted(e.value)){this.input.set.call(this,e[i.tagTextProp]||e.value,!0),this.state.actions.selectOption&&setTimeout((()=>this.setRangeAtStartEnd(!1,this.DOM.input)));var s=this.getLastTag();return s?this.replaceTag(s,e):this.appendTag(t),this.value[0]=e,this.update(),this.trigger("add",{tag:t,data:e}),[t]}},addEmptyTag(t){var e=g({value:""},t||{}),i=this.createTagElem(e);T(i,e),this.appendTag(i),this.editTag(i,{skipValidation:!0})},addTags(t,e,i){var s=[],a=this.settings,n=[],o=document.createDocumentFragment();if(i=i||a.skipInvalid,!t||0==t.length)return s;switch(t=this.normalizeTags(t),a.mode){case"mix":return this.addMixTags(t);case"select":e=!1,this.removeAllTags()}return this.DOM.input.removeAttribute("style"),t.forEach((t=>{var e,r={},l=Object.assign({},t,{value:t.value+""});if(t=Object.assign({},l),a.transformTag.call(this,t),t.__isValid=this.hasMaxTags()||this.validateTag(t),!0!==t.__isValid){if(i)return;if(g(r,this.getInvalidTagAttrs(t,t.__isValid),{__preInvalidData:l}),t.__isValid==this.TEXTS.duplicate&&this.flashTag(this.getTagElmByValue(t.value)),!a.createInvalidTags)return void n.push(t.value)}if("readonly"in t&&(t.readonly?r["aria-readonly"]=!0:delete t.readonly),e=this.createTagElem(t,r),s.push(e),"select"==a.mode)return this.selectTag(e,t);o.appendChild(e),t.__isValid&&!0===t.__isValid?(this.value.push(t),this.trigger("add",{tag:e,index:this.value.length-1,data:t})):(this.trigger("invalid",{data:t,index:this.value.length,tag:e,message:t.__isValid}),a.keepInvalidTags||setTimeout((()=>this.removeTags(e,!0)),1e3)),this.dropdown.position()})),this.appendTag(o),this.update(),t.length&&e&&(this.input.set.call(this,a.createInvalidTags?"":n.join(a._delimiters)),this.setRangeAtStartEnd(!1,this.DOM.input)),a.dropdown.enabled&&this.dropdown.refilter(),s},addMixTags(t){if((t=this.normalizeTags(t))[0].prefix||this.state.tag)return this.prefixedTextToTag(t[0]);var e=document.createDocumentFragment();return t.forEach((t=>{var i=this.createTagElem(t);e.appendChild(i)})),this.appendMixTags(e),e},appendMixTags(t){var e=!!this.state.selection;e?this.injectAtCaret(t):(this.DOM.input.focus(),(e=this.setStateSelection()).range.setStart(this.DOM.input,e.range.endOffset),e.range.setEnd(this.DOM.input,e.range.endOffset),this.DOM.input.appendChild(t),this.updateValueByDOMTags(),this.update())},prefixedTextToTag(t){var e,i=this.settings,s=this.state.tag.delimiters;if(i.transformTag.call(this,t),t.prefix=t.prefix||this.state.tag?this.state.tag.prefix:(i.pattern.source||i.pattern)[0],e=this.createTagElem(t),this.replaceTextWithNode(e)||this.DOM.input.appendChild(e),setTimeout((()=>e.classList.add(this.settings.classNames.tagNoAnimation)),300),this.value.push(t),this.update(),!s){var a=this.insertAfterTag(e)||e;setTimeout(this.placeCaretAfterNode,0,a)}return this.state.tag=null,this.trigger("add",g({},{tag:e},{data:t})),e},appendTag(t){var e=this.DOM,i=e.input;e.scope.insertBefore(t,i)},createTagElem(t,i){t.__tagId=m();var s,a=g({},t,e({value:d(t.value+"")},i));return function(t){for(var e,i=document.createNodeIterator(t,NodeFilter.SHOW_TEXT,null,!1);e=i.nextNode();)e.textContent.trim()||e.parentNode.removeChild(e)}(s=this.parseTemplate("tag",[a,this])),T(s,t),s},reCheckInvalidTags(){var t=this.settings;this.getTagElms(t.classNames.tagNotAllowed).forEach(((e,i)=>{var s=T(e),a=this.hasMaxTags(),n=this.validateTag(s),o=!0===n&&!a;if("select"==t.mode&&this.toggleScopeValidation(n),o)return s=s.__preInvalidData?s.__preInvalidData:{value:s.value},this.replaceTag(e,s);e.title=a||n}))},removeTags(t,e,i){var s,a=this.settings;if(t=t&&t instanceof HTMLElement?[t]:t instanceof Array?t:t?[t]:[this.getLastTag()],s=t.reduce(((t,e)=>{e&&"string"==typeof e&&(e=this.getTagElmByValue(e));var i=T(e);return e&&i&&!i.readonly&&t.push({node:e,idx:this.getTagIdx(i),data:T(e,{__removed:!0})}),t}),[]),i="number"==typeof i?i:this.CSSVars.tagHideTransition,"select"==a.mode&&(i=0,this.input.set.call(this)),1==s.length&&"select"!=a.mode&&s[0].node.classList.contains(a.classNames.tagNotAllowed)&&(e=!0),s.length)return a.hooks.beforeRemoveTag(s,{tagify:this}).then((()=>{function t(t){t.node.parentNode&&(t.node.parentNode.removeChild(t.node),e?a.keepInvalidTags&&this.trigger("remove",{tag:t.node,index:t.idx}):(this.trigger("remove",{tag:t.node,index:t.idx,data:t.data}),this.dropdown.refilter(),this.dropdown.position(),this.DOM.input.normalize(),a.keepInvalidTags&&this.reCheckInvalidTags()))}i&&i>10&&1==s.length?function(e){e.node.style.width=parseFloat(window.getComputedStyle(e.node).width)+"px",document.body.clientTop,e.node.classList.add(a.classNames.tagHide),setTimeout(t.bind(this),i,e)}.call(this,s[0]):s.forEach(t.bind(this)),e||(this.removeTagsFromValue(s.map((t=>t.node))),this.update(),"select"==a.mode&&this.setContentEditable(!0))})).catch((t=>{}))},removeTagsFromDOM(){[].slice.call(this.getTagElms()).forEach((t=>t.parentNode.removeChild(t)))},removeTagsFromValue(t){(t=Array.isArray(t)?t:[t]).forEach((t=>{var e=T(t),i=this.getTagIdx(e);i>-1&&this.value.splice(i,1)}))},removeAllTags(t){t=t||{},this.value=[],"mix"==this.settings.mode?this.DOM.input.innerHTML="":this.removeTagsFromDOM(),this.dropdown.refilter(),this.dropdown.position(),this.state.dropdown.visible&&setTimeout((()=>{this.DOM.input.focus()})),"select"==this.settings.mode&&(this.input.set.call(this),this.setContentEditable(!0)),this.update(t)},postUpdate(){this.state.blockChangeEvent=!1;var t=this.settings,e=t.classNames,i="mix"==t.mode?t.mixMode.integrated?this.DOM.input.textContent:this.DOM.originalInput.value.trim():this.value.length+this.input.raw.call(this).length;this.toggleClass(e.hasMaxTags,this.value.length>=t.maxTags),this.toggleClass(e.hasNoTags,!this.value.length),this.toggleClass(e.empty,!i),"select"==t.mode&&this.toggleScopeValidation(this.value?.[0]?.__isValid)},setOriginalInputValue(t){var e=this.DOM.originalInput;this.settings.mixMode.integrated||(e.value=t,e.tagifyValue=e.value,this.setPersistedData(t,"value"))},update(t){clearTimeout(this.debouncedUpdateTimeout),this.debouncedUpdateTimeout=setTimeout(function(){var e=this.getInputValue();this.setOriginalInputValue(e),this.settings.onChangeAfterBlur&&(t||{}).withoutChangeEvent||this.state.blockChangeEvent||this.triggerChangeEvent();this.postUpdate()}.bind(this),100)},getInputValue(){var t=this.getCleanValue();return"mix"==this.settings.mode?this.getMixedTagsAsString(t):t.length?this.settings.originalInputValueFormat?this.settings.originalInputValueFormat(t):JSON.stringify(t):""},getCleanValue(t){return a(t||this.value,this.dataProps)},getMixedTagsAsString(){var t="",e=this,i=this.settings,s=i.originalInputValueFormat||JSON.stringify,a=i.mixTagsInterpolator;return function i(o){o.childNodes.forEach((o=>{if(1==o.nodeType){const r=T(o);if("BR"==o.tagName&&(t+="\r\n"),r&&v.call(e,o)){if(r.__removed)return;t+=a[0]+s(n(r,e.dataProps))+a[1]}else o.getAttribute("style")||["B","I","U"].includes(o.tagName)?t+=o.textContent:"DIV"!=o.tagName&&"P"!=o.tagName||(t+="\r\n",i(o))}else t+=o.textContent}))}(this.DOM.input),t}},N.prototype.removeTag=N.prototype.removeTags,N}));

From ebd6f7e320d1fedf4f27491bf6f5b73a6df13ec2 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 5 Oct 2024 13:43:21 +0800
Subject: [PATCH 60/80] Refactor theme switching script inclusion

Removed `ViewBag.ThemeSwitchReady` from multiple `.cshtml` files.
Moved theme switching script to always be included in `_LayoutAdmin.cshtml`.
This ensures theme switching is always available and simplifies the code by eliminating conditional checks.
---
 src/Moonglade.Web/Pages/Admin/About.cshtml        |  1 -
 src/Moonglade.Web/Pages/Admin/BlogPage.cshtml     |  1 -
 src/Moonglade.Web/Pages/Admin/Category.cshtml     |  1 -
 src/Moonglade.Web/Pages/Admin/Comments.cshtml     |  1 -
 src/Moonglade.Web/Pages/Admin/Draft.cshtml        |  1 -
 src/Moonglade.Web/Pages/Admin/EditPage.cshtml     |  1 -
 src/Moonglade.Web/Pages/Admin/EditPost.cshtml     |  1 -
 src/Moonglade.Web/Pages/Admin/FriendLink.cshtml   |  1 -
 src/Moonglade.Web/Pages/Admin/Mention.cshtml      |  1 -
 src/Moonglade.Web/Pages/Admin/Menu.cshtml         |  1 -
 src/Moonglade.Web/Pages/Admin/Post.cshtml         |  1 -
 src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml   |  1 -
 src/Moonglade.Web/Pages/Admin/Tags.cshtml         |  1 -
 src/Moonglade.Web/Pages/Settings/Advanced.cshtml  |  1 -
 src/Moonglade.Web/Pages/Settings/Content.cshtml   |  1 -
 .../Pages/Settings/CustomStyleSheet.cshtml        |  1 -
 src/Moonglade.Web/Pages/Settings/General.cshtml   |  2 --
 src/Moonglade.Web/Pages/Settings/Image.cshtml     |  1 -
 .../Pages/Settings/Notification.cshtml            |  1 -
 .../Pages/Settings/Subscription.cshtml            |  1 -
 .../Pages/Shared/_LayoutAdmin.cshtml              | 15 ++++++---------
 21 files changed, 6 insertions(+), 30 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/About.cshtml b/src/Moonglade.Web/Pages/Admin/About.cshtml
index 11824d2d3..4276aa5b4 100644
--- a/src/Moonglade.Web/Pages/Admin/About.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/About.cshtml
@@ -5,7 +5,6 @@
 @inject IConfiguration Configuration
 
 @{
-    ViewBag.ThemeSwitchReady = true;
     var process = Process.GetCurrentProcess();
 }
 
diff --git a/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml b/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml
index 5cdd68f5a..3e27639e9 100644
--- a/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/BlogPage.cshtml
@@ -2,7 +2,6 @@
 @using Moonglade.Core.PageFeature
 @inject IMediator Mediator
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Pages";
     var pageSegments = await Mediator.Send(new ListPageSegmentQuery());
 }
diff --git a/src/Moonglade.Web/Pages/Admin/Category.cshtml b/src/Moonglade.Web/Pages/Admin/Category.cshtml
index 0c1e42bff..13c4dc154 100644
--- a/src/Moonglade.Web/Pages/Admin/Category.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Category.cshtml
@@ -1,7 +1,6 @@
 @page "/admin/category"
 @model Moonglade.Web.Pages.Admin.CategoryModel
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Categories";
 }
 
diff --git a/src/Moonglade.Web/Pages/Admin/Comments.cshtml b/src/Moonglade.Web/Pages/Admin/Comments.cshtml
index cebd4cf54..4ddebf2a8 100644
--- a/src/Moonglade.Web/Pages/Admin/Comments.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Comments.cshtml
@@ -3,7 +3,6 @@
 @using Moonglade.Web.PagedList
 @model Moonglade.Web.Pages.Admin.CommentsModel
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Comments";
 }
 @Html.AntiForgeryToken()
diff --git a/src/Moonglade.Web/Pages/Admin/Draft.cshtml b/src/Moonglade.Web/Pages/Admin/Draft.cshtml
index 25e444fb1..2408290b3 100644
--- a/src/Moonglade.Web/Pages/Admin/Draft.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Draft.cshtml
@@ -3,7 +3,6 @@
 @using Moonglade.Data.Specifications
 @inject IMediator Mediator
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Drafts";
     var posts = await Mediator.Send(new ListPostSegmentByStatusQuery(PostStatus.Draft));
 }
diff --git a/src/Moonglade.Web/Pages/Admin/EditPage.cshtml b/src/Moonglade.Web/Pages/Admin/EditPage.cshtml
index 463e52f62..c21f9f433 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPage.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPage.cshtml
@@ -1,7 +1,6 @@
 @page "/admin/page/edit/{id:guid?}"
 @model Moonglade.Web.Pages.Admin.EditPageModel
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Edit Page";
 }
 
diff --git a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
index a0805b0fd..ecc7f63b2 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
@@ -5,7 +5,6 @@
 @inject IConfiguration Configuration
 
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Edit Post";
     var ec = Configuration.GetSection("Editor").Get<EditorChoice>();
 
diff --git a/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml b/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml
index e83b2b132..664e78db1 100644
--- a/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/FriendLink.cshtml
@@ -1,7 +1,6 @@
 @page "/admin/friendlink"
 @model Moonglade.Web.Pages.Admin.FriendLinkModel
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Friend Links";
 }
 
diff --git a/src/Moonglade.Web/Pages/Admin/Mention.cshtml b/src/Moonglade.Web/Pages/Admin/Mention.cshtml
index e57a8f578..2c901ce7b 100644
--- a/src/Moonglade.Web/Pages/Admin/Mention.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Mention.cshtml
@@ -2,7 +2,6 @@
 @using Moonglade.Mention.Common
 @inject IMediator Mediator
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Mentions";
     var mentionRecords = await Mediator.Send(new GetMentionsQuery());
 }
diff --git a/src/Moonglade.Web/Pages/Admin/Menu.cshtml b/src/Moonglade.Web/Pages/Admin/Menu.cshtml
index 00de709b1..2e20f3590 100644
--- a/src/Moonglade.Web/Pages/Admin/Menu.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Menu.cshtml
@@ -1,7 +1,6 @@
 @page "/admin/menu"
 @Html.AntiForgeryToken()
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Menu";
 
     var bc = BlogConfig.CustomMenuSettings;
diff --git a/src/Moonglade.Web/Pages/Admin/Post.cshtml b/src/Moonglade.Web/Pages/Admin/Post.cshtml
index 8c96378b6..611377843 100644
--- a/src/Moonglade.Web/Pages/Admin/Post.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Post.cshtml
@@ -2,7 +2,6 @@
 @using Moonglade.Web.PagedList
 @model Moonglade.Web.Pages.Admin.PostModel
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Posts";
 }
 
diff --git a/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml b/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml
index 961c32c81..7ff7cb727 100644
--- a/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/RecycleBin.cshtml
@@ -3,7 +3,6 @@
 @using Moonglade.Data.Specifications
 @inject IMediator Mediator
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Recycle Bin";
     var posts = await Mediator.Send(new ListPostSegmentByStatusQuery(PostStatus.Deleted));
 }
diff --git a/src/Moonglade.Web/Pages/Admin/Tags.cshtml b/src/Moonglade.Web/Pages/Admin/Tags.cshtml
index eaad7a61b..81994a501 100644
--- a/src/Moonglade.Web/Pages/Admin/Tags.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/Tags.cshtml
@@ -2,7 +2,6 @@
 @using Moonglade.Core.TagFeature
 @inject IMediator Mediator
 @{
-    ViewBag.ThemeSwitchReady = true;
     ViewBag.Title = "Tags";
     var tags = await Mediator.Send(new GetTagsQuery());
 }
diff --git a/src/Moonglade.Web/Pages/Settings/Advanced.cshtml b/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
index 5f13af11d..9f6a7656d 100644
--- a/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Advanced.cshtml
@@ -2,7 +2,6 @@
 @using System.Reflection
 @Html.AntiForgeryToken()
 @{
-    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.AdvancedSettings;
 
     var asm = Assembly.GetEntryAssembly();
diff --git a/src/Moonglade.Web/Pages/Settings/Content.cshtml b/src/Moonglade.Web/Pages/Settings/Content.cshtml
index fd8547a97..79023af35 100644
--- a/src/Moonglade.Web/Pages/Settings/Content.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Content.cshtml
@@ -22,7 +22,6 @@
     </script>
 }
 @{
-    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.ContentSettings;
 }
 
diff --git a/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml b/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml
index 6eb33c68b..3ef3dee62 100644
--- a/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/CustomStyleSheet.cshtml
@@ -1,7 +1,6 @@
 @page "/admin/settings/custom-css"
 @Html.AntiForgeryToken()
 @{
-    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.CustomStyleSheetSettings;
 }
 
diff --git a/src/Moonglade.Web/Pages/Settings/General.cshtml b/src/Moonglade.Web/Pages/Settings/General.cshtml
index 78bb62cb0..85dbeb9ec 100644
--- a/src/Moonglade.Web/Pages/Settings/General.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/General.cshtml
@@ -5,8 +5,6 @@
 @inject IMediator Mediator
 
 @{
-    ViewBag.ThemeSwitchReady = true;
-
     var tzList = ZoneResolver.ListTimeZones().Select(t => new SelectListItem
             {
                 Text = t.DisplayName,
diff --git a/src/Moonglade.Web/Pages/Settings/Image.cshtml b/src/Moonglade.Web/Pages/Settings/Image.cshtml
index 55f2c72b5..0e509081a 100644
--- a/src/Moonglade.Web/Pages/Settings/Image.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Image.cshtml
@@ -8,7 +8,6 @@
     </script>
 }
 @{
-    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.ImageSettings;
 }
 
diff --git a/src/Moonglade.Web/Pages/Settings/Notification.cshtml b/src/Moonglade.Web/Pages/Settings/Notification.cshtml
index 9b67f9411..9008b9933 100644
--- a/src/Moonglade.Web/Pages/Settings/Notification.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Notification.cshtml
@@ -25,7 +25,6 @@
     </script>
 }
 @{
-    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.NotificationSettings;
 }
 
diff --git a/src/Moonglade.Web/Pages/Settings/Subscription.cshtml b/src/Moonglade.Web/Pages/Settings/Subscription.cshtml
index adbf31c11..575e9aa42 100644
--- a/src/Moonglade.Web/Pages/Settings/Subscription.cshtml
+++ b/src/Moonglade.Web/Pages/Settings/Subscription.cshtml
@@ -8,7 +8,6 @@
     </script>
 }
 @{
-    ViewBag.ThemeSwitchReady = true;
     var settings = BlogConfig.FeedSettings;
 }
 
diff --git a/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml b/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
index ac99e6fc1..ba182e4cc 100644
--- a/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
+++ b/src/Moonglade.Web/Pages/Shared/_LayoutAdmin.cshtml
@@ -93,16 +93,13 @@
     <script src="~/lib/twitter-bootstrap/js/bootstrap.bundle.min.js" asp-append-version="true"></script>
     <script type="module" src="~/js/app/base.js" asp-append-version="true"></script>
     <script src="~/js/app/httpService.js"></script>
-    
-    @if (null != ViewBag.ThemeSwitchReady && ViewBag.ThemeSwitchReady)
-    {
-        <script type="module">
-            import * as theme from '/js/app/theme.module.js'
-            window.theme = theme;
 
-            theme.setTheme(theme.getPreferredTheme());
-        </script>
-    }
+    <script type="module">
+        import * as theme from '/js/app/theme.module.js'
+        window.theme = theme;
+
+        theme.setTheme(theme.getPreferredTheme());
+    </script>
 
     @await RenderSectionAsync("scripts", false)
 </body>

From a4cde028ec59ccaaef6b05d067e9f8a29f1f2e9b Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 5 Oct 2024 13:48:51 +0800
Subject: [PATCH 61/80] Update EditPost.cshtml

---
 src/Moonglade.Web/Pages/Admin/EditPost.cshtml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
index ecc7f63b2..2bd5757f7 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
@@ -181,7 +181,7 @@
         {
             <text>
             .monaco-target {
-                border: 1px solid #dee2e6;
+                border: 1px solid var(--bs-border-color);
                 width: 100%;
                 min-height: calc(100vh - 370px);
             }

From e484d0d9d2e2f80ab856486a5b41dfa1618fe7ef Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 5 Oct 2024 13:51:17 +0800
Subject: [PATCH 62/80] Update background color for image upload area

Changed the background color of the `.md-editor-image-upload-area` class to use the CSS variable `--bs-secondary-bg`. Removed the `bg-light` class from the same element to ensure consistent background styling.
---
 src/Moonglade.Web/Pages/Admin/EditPost.cshtml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
index 2bd5757f7..813a3a46f 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
@@ -189,6 +189,7 @@
             .md-editor-image-upload-area {
                 border-width: 2px;
                 border-style: dashed;
+                background-color: var(--bs-secondary-bg);
             }
 
             .md-editor-image-upload-area:focus,
@@ -250,7 +251,7 @@
                     <div id="markdown-content-editor" class="monaco-target overflow-y-hidden">
                     </div>
                     <textarea asp-for="ViewModel.EditorContent" class="post-content-textarea d-none"></textarea>
-                    <div class="md-editor-image-upload-area text-center border-secondary-subtle bg-light p-3 mt-1">
+                    <div class="md-editor-image-upload-area text-center border-secondary-subtle p-3 mt-1">
                         Drag &amp; Drop / Paste image here to upload.
                     </div>
                 }

From 97cec071bbc3774f07d7150d1f3d196c6592e007 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 5 Oct 2024 13:52:59 +0800
Subject: [PATCH 63/80] Update Microsoft.Identity.Web to version 3.2.1

Updated the Microsoft.Identity.Web package from version 3.2.0 to 3.2.1 in the Moonglade.Auth.csproj file. This update includes minor improvements and bug fixes provided by the newer version of the package.
---
 src/Moonglade.Auth/Moonglade.Auth.csproj | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Moonglade.Auth/Moonglade.Auth.csproj b/src/Moonglade.Auth/Moonglade.Auth.csproj
index 07fa0083c..770da96c0 100644
--- a/src/Moonglade.Auth/Moonglade.Auth.csproj
+++ b/src/Moonglade.Auth/Moonglade.Auth.csproj
@@ -16,7 +16,7 @@
   </ItemGroup>
   <ItemGroup>
     <FrameworkReference Include="Microsoft.AspNetCore.App" />
-    <PackageReference Include="Microsoft.Identity.Web" Version="3.2.0" />
+    <PackageReference Include="Microsoft.Identity.Web" Version="3.2.1" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\Moonglade.Configuration\Moonglade.Configuration.csproj" />

From 3a77f92ac9a1bd2aa8d076b141a602fa642e44c6 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 5 Oct 2024 13:55:22 +0800
Subject: [PATCH 64/80] Move .md-editor-image-upload-area CSS to admin.css

Centralized the CSS rules for the .md-editor-image-upload-area class
by moving them from EditPost.cshtml to admin.css. This improves
maintainability and organization of the codebase.
---
 src/Moonglade.Web/Pages/Admin/EditPost.cshtml | 14 --------------
 src/Moonglade.Web/wwwroot/css/admin.css       | 14 ++++++++++++++
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
index 813a3a46f..7877d0ada 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
@@ -185,20 +185,6 @@
                 width: 100%;
                 min-height: calc(100vh - 370px);
             }
-
-            .md-editor-image-upload-area {
-                border-width: 2px;
-                border-style: dashed;
-                background-color: var(--bs-secondary-bg);
-            }
-
-            .md-editor-image-upload-area:focus,
-            .md-editor-image-upload-area:hover,
-            .md-editor-image-upload-area.drag-over {
-                color: var(--bs-warning-text-emphasis) !important;
-                background-color: var(--bs-warning-bg-subtle) !important;
-                border-color: var(--bs-warning-border-subtle) !important;
-            }
             </text>
         }
     </style>
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index 5ea165a47..f123d822b 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -378,6 +378,20 @@ div.mce-fullscreen {
     background-color: var(--bs-white);
 }
 
+.md-editor-image-upload-area {
+    border-width: 2px;
+    border-style: dashed;
+    background-color: var(--bs-secondary-bg);
+}
+
+    .md-editor-image-upload-area:focus,
+    .md-editor-image-upload-area:hover,
+    .md-editor-image-upload-area.drag-over {
+        color: var(--bs-warning-text-emphasis) !important;
+        background-color: var(--bs-warning-bg-subtle) !important;
+        border-color: var(--bs-warning-border-subtle) !important;
+    }
+
 [data-bs-theme="dark"] .navbar-brand {
     color: var(--bs-white);
 }

From a808b0521a45bfbe257209f2155da04a3fe14c3c Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sat, 5 Oct 2024 13:55:42 +0800
Subject: [PATCH 65/80] bump version

---
 src/Directory.Build.props | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Directory.Build.props b/src/Directory.Build.props
index 2bdfed784..977af8b7b 100644
--- a/src/Directory.Build.props
+++ b/src/Directory.Build.props
@@ -5,6 +5,6 @@
     <Copyright>(C) 2024 edi.wang@outlook.com</Copyright>
     <AssemblyVersion>14.11.0.0</AssemblyVersion>
     <FileVersion>14.11.0.0</FileVersion>
-    <Version>14.11.0-preview.1</Version>
+    <Version>14.11.0-preview.2</Version>
   </PropertyGroup>
 </Project>
\ No newline at end of file

From 54fcca7d5404348f0ffd2c655afe21c8ea71f573 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 07:40:53 +0800
Subject: [PATCH 66/80] Refactor CSS imports and remove redundant styles

Replaced Bootstrap and post.css imports with tinymce-custom.css.
Removed font-family, font-size, and padding from body element.
Removed max-width from img element.
Removed extensive styling from pre element.
---
 .../wwwroot/css/tinymce-custom-dark.css       | 25 +------------------
 1 file changed, 1 insertion(+), 24 deletions(-)

diff --git a/src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css b/src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css
index a4a2c3e91..9bdb5151d 100644
--- a/src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css
+++ b/src/Moonglade.Web/wwwroot/css/tinymce-custom-dark.css
@@ -1,29 +1,6 @@
-@import url("/lib/twitter-bootstrap/css/bootstrap.min.css");
-@import url("/css/post.css");
+@import url("/css/tinymce-custom.css");
 
 body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei";
-    font-size: 0.9rem;
-    padding: 10px;
     background-color: var(--bs-secondary-bg-subtle);
     color: var(--bs-white);
 }
-
-img {
-    max-width: 100% !important;
-}
-
-pre {
-    border-bottom: 0;
-    border-left: 4px solid #ccc;
-    border-right: 0;
-    border-top: 0;
-    display: block !important;
-    font-size: 12px;
-    line-height: 18.2px;
-    margin: 18px 0 30px;
-    overflow: auto;
-    padding: 5px;
-    vertical-align: baseline;
-    white-space: pre;
-}

From ce0021d293965d7da4bfe86bf0e9603051f933d2 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 07:45:10 +0800
Subject: [PATCH 67/80] Add custom styles for tag input container in admin
 panel

Modified EditPost.cshtml to use a new class 'admin-taginput-container' for the tag input container. Updated admin.css to include styles for this class in both light and dark themes. Added a comment indicating potential custom Tagify styles.
---
 src/Moonglade.Web/Pages/Admin/EditPost.cshtml |  2 +-
 src/Moonglade.Web/wwwroot/css/admin.css       | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
index 7877d0ada..1541f6ea9 100644
--- a/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
+++ b/src/Moonglade.Web/Pages/Admin/EditPost.cshtml
@@ -242,7 +242,7 @@
                     </div>
                 }
 
-                <div class="mt-1 bg-white">
+                <div class="mt-1 admin-taginput-container">
                     <input type="text" asp-for="ViewModel.Tags" placeholder="@SharedLocalizer["Tags"]" />
                 </div>
                 <div class="mt-1">
diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index f123d822b..df65ac3bc 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -363,7 +363,8 @@ div.mce-fullscreen {
     align-items: center;
 }
 
-.admin-side-options-container {
+.admin-side-options-container,
+.admin-taginput-container {
     background-color: var(--bs-white);
 }
 
@@ -421,7 +422,8 @@ div.mce-fullscreen {
     color: var(--bs-white)
 }
 
-[data-bs-theme="dark"] .admin-side-options-container {
+[data-bs-theme="dark"] .admin-side-options-container,
+[data-bs-theme="dark"] .admin-taginput-container {
     background-color: var(--bs-body-bg);
 }
 
@@ -448,4 +450,6 @@ div.mce-fullscreen {
 [data-bs-theme="dark"] .admin-comment-entry,
 [data-bs-theme="dark"] .admin-post-entry {
     background-color: var(--bs-body-bg);
-}
\ No newline at end of file
+}
+
+/* tagify override */

From 1be426ae7744d0fbb40c4ad7ce9a695b99a3c95d Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 07:59:17 +0800
Subject: [PATCH 68/80] Add dark theme support for tagify component in admin UI

Introduce new CSS rules to style the tagify component for a dark theme.
Changes include setting border, background, and text colors, as well as
customizing hover states and the tag removal button. These updates ensure
visual consistency and a seamless user experience when the dark theme is
active.
---
 src/Moonglade.Web/wwwroot/css/admin.css | 32 +++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/Moonglade.Web/wwwroot/css/admin.css b/src/Moonglade.Web/wwwroot/css/admin.css
index df65ac3bc..8d55bc4cb 100644
--- a/src/Moonglade.Web/wwwroot/css/admin.css
+++ b/src/Moonglade.Web/wwwroot/css/admin.css
@@ -453,3 +453,35 @@ div.mce-fullscreen {
 }
 
 /* tagify override */
+[data-bs-theme="dark"] .tagify {
+    --tags-border-color: var(--bs-border-color);
+    --tags-hover-border-color: var(--bs-light-border-subtle);
+    --tag-bg: var(--bs-gray-600);
+    --tag-text-color: var(--bs-white);
+    --tagify-dd-bg-color: var(--bs-border-color);
+    --tagify-dd-text-color: var(--bs-white);
+}
+
+[data-bs-theme="dark"] .tagify__tag__removeBtn {
+    color: var(--bs-white);
+}
+
+[data-bs-theme="dark"] .tagify__dropdown__wrapper {
+    background: var(--bs-body-bg);
+}
+
+[data-bs-theme="dark"] .tags-dropdown .tagify__dropdown__item {
+    border: 1px solid var(--bs-border-color);
+    background: var(--bs-gray-700);
+    color: var(--bs-white);
+}
+
+[data-bs-theme="dark"] .tags-dropdown .tagify__dropdown__item--active {
+    color: var(--bs-white);
+}
+
+[data-bs-theme="dark"] .tags-dropdown .tagify__dropdown__item:hover {
+    background: var(--accent-color1);
+    border-color: var(--accent-color1);
+    color: #fff;
+}
\ No newline at end of file

From 84e02b7b3be4de4a6c3025c4767e28c61f78be44 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 08:09:32 +0800
Subject: [PATCH 69/80] fix build warning

---
 src/Moonglade.Pingback/PingbackSender.cs         | 4 +---
 src/Moonglade.Web/Controllers/ImageController.cs | 1 -
 src/Moonglade.Webmention/WebmentionResponse.cs   | 4 ++--
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/Moonglade.Pingback/PingbackSender.cs b/src/Moonglade.Pingback/PingbackSender.cs
index 7eec94e1a..2c993086e 100644
--- a/src/Moonglade.Pingback/PingbackSender.cs
+++ b/src/Moonglade.Pingback/PingbackSender.cs
@@ -1,12 +1,10 @@
-using Microsoft.Extensions.Configuration;
-using Microsoft.Extensions.Logging;
+using Microsoft.Extensions.Logging;
 using Moonglade.Utils;
 
 namespace Moonglade.Pingback;
 
 public class PingbackSender(HttpClient httpClient,
         IPingbackRequestor requestor,
-        IConfiguration configuration,
         ILogger<PingbackSender> logger)
     : IPingbackSender
 {
diff --git a/src/Moonglade.Web/Controllers/ImageController.cs b/src/Moonglade.Web/Controllers/ImageController.cs
index 4aee53446..9d0d9877c 100644
--- a/src/Moonglade.Web/Controllers/ImageController.cs
+++ b/src/Moonglade.Web/Controllers/ImageController.cs
@@ -13,7 +13,6 @@ public class ImageController(IBlogImageStorage imageStorage,
         IBlogConfig blogConfig,
         IMemoryCache cache,
         IFileNameGenerator fileNameGen,
-        IConfiguration configuration,
         IOptions<ImageStorageSettings> imageStorageSettings,
         CannonService cannonService)
     : ControllerBase
diff --git a/src/Moonglade.Webmention/WebmentionResponse.cs b/src/Moonglade.Webmention/WebmentionResponse.cs
index bb98a3f5c..eb9ec9a8a 100644
--- a/src/Moonglade.Webmention/WebmentionResponse.cs
+++ b/src/Moonglade.Webmention/WebmentionResponse.cs
@@ -2,9 +2,9 @@
 
 namespace Moonglade.Webmention;
 
-public class WebmentionResponse(WebmentionStatus Status)
+public class WebmentionResponse(WebmentionStatus status)
 {
-    public WebmentionStatus Status { get; set; }
+    public WebmentionStatus Status { get; set; } = status;
     public MentionEntity MentionEntity { get; set; }
 
     public static WebmentionResponse GenericError => new(WebmentionStatus.GenericError);

From ee0fe5f032932890c21bca0158aff36d124d5f86 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 08:29:01 +0800
Subject: [PATCH 70/80] code refact

---
 src/Moonglade.Web/Program.cs | 453 ++++++++++++++++++++---------------
 1 file changed, 262 insertions(+), 191 deletions(-)

diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index 2b7fe879f..e0f726937 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -1,3 +1,5 @@
+using System.Globalization;
+using System.Text.Json.Serialization;
 using Edi.Captcha;
 using Edi.PasswordGenerator;
 using Microsoft.AspNetCore.Rewrite;
@@ -14,231 +16,300 @@
 using Moonglade.Web.Handlers;
 using Moonglade.Webmention;
 using SixLabors.Fonts;
-using System.Globalization;
-using System.Text.Json.Serialization;
 using Encoder = Moonglade.Web.Configuration.Encoder;
 
-AppDomain.CurrentDomain.Load("Moonglade.Setup");
-AppDomain.CurrentDomain.Load("Moonglade.Core");
-AppDomain.CurrentDomain.Load("Moonglade.FriendLink");
-AppDomain.CurrentDomain.Load("Moonglade.Theme");
-AppDomain.CurrentDomain.Load("Moonglade.Configuration");
-AppDomain.CurrentDomain.Load("Moonglade.Data");
-AppDomain.CurrentDomain.Load("Moonglade.Webmention");
-
-Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);
-
-var cultures = new[] { "en-US", "zh-Hans", "zh-Hant", "de-DE", "ja-JP" }.Select(p => new CultureInfo(p)).ToList();
-
-var builder = WebApplication.CreateBuilder(args);
-builder.WriteParameterTable();
+namespace Moonglade.Web;
 
-if (Helper.IsRunningOnAzureAppService())
+public class Program
 {
-    // https://learn.microsoft.com/en-us/aspnet/core/fundamentals/logging/?view=aspnetcore-8.0#azure-app-service
-    builder.Logging.AddAzureWebAppDiagnostics();
-}
-
-var services = builder.Services;
+    public static async Task Main(string[] args)
+    {
+        LoadAssemblies();
+        Encoding.RegisterProvider(CodePagesEncodingProvider.Instance);
 
-services.AddMediatR(config => config.RegisterServicesFromAssemblies(AppDomain.CurrentDomain.GetAssemblies()));
-services.AddOptions()
-        .AddHttpContextAccessor();
+        var cultures = GetSupportedCultures();
+        var builder = WebApplication.CreateBuilder(args);
+        builder.WriteParameterTable();
 
-services.AddSession(options =>
-{
-    options.IdleTimeout = TimeSpan.FromMinutes(20);
-    options.Cookie.HttpOnly = true;
-}).AddSessionBasedCaptcha(options =>
-{
-    List<string> magics = [
-        Encoding.UTF8.GetString(BitConverter.GetBytes('✔'.GetHashCode())
-                .Zip(BitConverter.GetBytes(0x242F2E32)).Select(x => (byte)(x.First + x.Second)).ToArray()),
-            Helper.GetMagic(0x6B441,11,15),
-            Helper.GetMagic(0x1499E, 10, 14)
-    ];
-
-    if (bool.Parse(builder.Configuration["BlockPRCFuryCode"]!))
-    {
-        magics.AddRange([
-                Helper.GetMagic(0x7DB14,21,25),
-                Helper.GetMagic(0x78E10,13,17),
-                Helper.GetMagic(0x17808,34,38),
-                Helper.GetMagic(0x1B5ED,4,8),
-                Helper.GetMagic(0x9CFB,25,29),
-                "NMSL", "CNMB", "MDZZ", "TNND"
-            ]);
-    }
-
-    options.FontStyle = FontStyle.Bold;
-    options.BlockedCodes = magics.ToArray();
-});
-
-services.AddLocalization(options => options.ResourcesPath = "Resources");
-services.AddControllers(options => options.Filters.Add(new AutoValidateAntiforgeryTokenAttribute()))
-        .AddJsonOptions(options => options.JsonSerializerOptions.Converters.Add(new JsonStringEnumConverter()))
-        .ConfigureApiBehaviorOptions(ConfigureApiBehavior.BlogApiBehavior);
-services.AddRazorPages()
-        .AddDataAnnotationsLocalization(options => options.DataAnnotationLocalizerProvider = (_, factory) => factory.Create(typeof(Program)))
-        .AddRazorPagesOptions(options =>
-        {
-            options.Conventions.AddPageRoute("/Admin/Post", "admin");
-            options.Conventions.AuthorizeFolder("/Admin");
-            options.Conventions.AuthorizeFolder("/Settings");
-        });
+        ConfigureLogging(builder);
+        ConfigureServices(builder.Services, builder.Configuration, builder.Environment, cultures);
 
-// Fix Chinese character being encoded in HTML output
-services.AddSingleton(Encoder.MoongladeHtmlEncoder);
-
-services.AddAntiforgery(options =>
-{
-    const string csrfName = "CSRF-TOKEN-MOONGLADE";
-    options.Cookie.Name = $"X-{csrfName}";
-    options.FormFieldName = $"{csrfName}-FORM";
-    options.HeaderName = "XSRF-TOKEN";
-});
+        var app = builder.Build();
+        if (!app.Environment.IsDevelopment() && await Helper.IsRunningInChina())
+        {
+            app.Logger.LogCritical("Positive China detection, application stopped.");
+            await app.StopAsync();
+        }
 
-services.Configure<RequestLocalizationOptions>(options =>
-{
-    options.DefaultRequestCulture = new("en-US");
-    options.SupportedCultures = cultures;
-    options.SupportedUICultures = cultures;
-});
+        await app.InitStartUp();
+        ConfigureMiddleware(app, cultures);
 
-services.Configure<RouteOptions>(options =>
-{
-    options.LowercaseUrls = true;
-    options.AppendTrailingSlash = false;
-});
+        app.Run();
+    }
 
-services.AddTransient<IPasswordGenerator, DefaultPasswordGenerator>();
+    private static void LoadAssemblies()
+    {
+        var assemblies = new[]
+        {
+            "Moonglade.Setup",
+            "Moonglade.Core",
+            "Moonglade.FriendLink",
+            "Moonglade.Theme",
+            "Moonglade.Configuration",
+            "Moonglade.Data",
+            "Moonglade.Webmention"
+        };
+
+        foreach (var assembly in assemblies)
+        {
+            AppDomain.CurrentDomain.Load(assembly);
+        }
+    }
 
-services.AddHealthChecks();
+    private static List<CultureInfo> GetSupportedCultures()
+    {
+        var cultureCodes = new[] { "en-US", "zh-Hans", "zh-Hant", "de-DE", "ja-JP" };
+        return cultureCodes.Select(code => new CultureInfo(code)).ToList();
+    }
 
-services.AddMentionCommon()
-        .AddPingback()
-        .AddWebmention();
+    private static void ConfigureLogging(WebApplicationBuilder builder)
+    {
+        if (Helper.IsRunningOnAzureAppService())
+        {
+            builder.Logging.AddAzureWebAppDiagnostics();
+        }
+    }
 
-services.AddSyndication()
-        .AddInMemoryCacheAside()
-        .AddScoped<ValidateCaptcha>()
-        .AddScoped<ITimeZoneResolver, BlogTimeZoneResolver>()
-        .AddBlogConfig()
-        .AddBlogAuthenticaton(builder.Configuration)
-        .AddImageStorage(builder.Configuration, options => options.ContentRootPath = builder.Environment.ContentRootPath);
+    private static void ConfigureServices(IServiceCollection services, IConfiguration configuration, IWebHostEnvironment environment, List<CultureInfo> cultures)
+    {
+        services.AddMediatR(config => config.RegisterServicesFromAssemblies(AppDomain.CurrentDomain.GetAssemblies()));
+        services.AddOptions().AddHttpContextAccessor();
+        ConfigureSession(services);
+        ConfigureCaptcha(services, configuration);
+        ConfigureLocalization(services);
+        ConfigureControllers(services);
+        ConfigureRazorPages(services);
+        services.AddSingleton(Encoder.MoongladeHtmlEncoder);
+        ConfigureAntiforgery(services);
+        ConfigureRequestLocalization(services, cultures);
+        ConfigureRouteOptions(services);
+        services.AddTransient<IPasswordGenerator, DefaultPasswordGenerator>();
+        services.AddHealthChecks();
+        ConfigureMoongladeServices(services, configuration, environment);
+        ConfigureDatabase(services, configuration);
+        ConfigureInitializers(services);
+    }
 
-services.AddEmailClient();
-services.AddIndexNowClient(builder.Configuration.GetSection("IndexNow"));
-services.AddContentModerator(builder.Configuration);
+    private static void ConfigureSession(IServiceCollection services)
+    {
+        services.AddSession(options =>
+        {
+            options.IdleTimeout = TimeSpan.FromMinutes(20);
+            options.Cookie.HttpOnly = true;
+        });
+    }
 
-services.AddSingleton<CannonService>();
+    private static void ConfigureCaptcha(IServiceCollection services, IConfiguration configuration)
+    {
+        services.AddSessionBasedCaptcha(options =>
+        {
+            var magics = new List<string>
+            {
+                Encoding.UTF8.GetString(BitConverter.GetBytes('✔'.GetHashCode())
+                    .Zip(BitConverter.GetBytes(0x242F2E32)).Select(x => (byte)(x.First + x.Second)).ToArray()),
+                Helper.GetMagic(0x6B441, 11, 15),
+                Helper.GetMagic(0x1499E, 10, 14)
+            };
+
+            if (bool.Parse(configuration["BlockPRCFuryCode"]!))
+            {
+                magics.AddRange(new[]
+                {
+                    Helper.GetMagic(0x7DB14, 21, 25),
+                    Helper.GetMagic(0x78E10, 13, 17),
+                    Helper.GetMagic(0x17808, 34, 38),
+                    Helper.GetMagic(0x1B5ED, 4, 8),
+                    Helper.GetMagic(0x9CFB, 25, 29),
+                    "NMSL", "CNMB", "MDZZ", "TNND"
+                });
+            }
+
+            options.FontStyle = FontStyle.Bold;
+            options.BlockedCodes = magics.ToArray();
+        });
+    }
 
-string dbType = builder.Configuration.GetConnectionString("DatabaseType");
-string connStr = builder.Configuration.GetConnectionString("MoongladeDatabase");
-switch (dbType!.ToLower())
-{
-    case "mysql":
-        services.AddMySqlStorage(connStr!);
-        break;
-    case "postgresql":
-        services.AddPostgreSqlStorage(connStr!);
-        break;
-    case "sqlserver":
-    default:
-        services.AddSqlServerStorage(connStr!);
-        break;
-}
+    private static void ConfigureLocalization(IServiceCollection services)
+    {
+        services.AddLocalization(options => options.ResourcesPath = "Resources");
+    }
 
-services.AddTransient<ISiteIconInitializer, SiteIconInitializer>();
-services.AddScoped<IMigrationManager, MigrationManager>();
-services.AddScoped<IBlogConfigInitializer, BlogConfigInitializer>();
-services.AddScoped<IStartUpInitializer, StartUpInitializer>();
+    private static void ConfigureControllers(IServiceCollection services)
+    {
+        services.AddControllers(options => options.Filters.Add(new AutoValidateAntiforgeryTokenAttribute()))
+            .AddJsonOptions(options => options.JsonSerializerOptions.Converters.Add(new JsonStringEnumConverter()))
+            .ConfigureApiBehaviorOptions(ConfigureApiBehavior.BlogApiBehavior);
+    }
 
-var app = builder.Build();
+    private static void ConfigureRazorPages(IServiceCollection services)
+    {
+        services.AddRazorPages()
+            .AddDataAnnotationsLocalization(options =>
+                options.DataAnnotationLocalizerProvider = (_, factory) => factory.Create(typeof(Program)))
+            .AddRazorPagesOptions(options =>
+            {
+                options.Conventions.AddPageRoute("/Admin/Post", "admin");
+                options.Conventions.AuthorizeFolder("/Admin");
+                options.Conventions.AuthorizeFolder("/Settings");
+            });
+    }
 
-if (!app.Environment.IsDevelopment() && await Helper.IsRunningInChina())
-{
-    app.Logger.LogCritical("Positive China detection, application stopped.");
-    await app.StopAsync();
+    private static void ConfigureAntiforgery(IServiceCollection services)
+    {
+        services.AddAntiforgery(options =>
+        {
+            const string csrfName = "CSRF-TOKEN-MOONGLADE";
+            options.Cookie.Name = $"X-{csrfName}";
+            options.FormFieldName = $"{csrfName}-FORM";
+            options.HeaderName = "XSRF-TOKEN";
+        });
+    }
 
-    return 251;
-}
+    private static void ConfigureRequestLocalization(IServiceCollection services, List<CultureInfo> cultures)
+    {
+        services.Configure<RequestLocalizationOptions>(options =>
+        {
+            options.DefaultRequestCulture = new("en-US");
+            options.SupportedCultures = cultures;
+            options.SupportedUICultures = cultures;
+        });
+    }
 
-await app.InitStartUp();
+    private static void ConfigureRouteOptions(IServiceCollection services)
+    {
+        services.Configure<RouteOptions>(options =>
+        {
+            options.LowercaseUrls = true;
+            options.AppendTrailingSlash = false;
+        });
+    }
 
-bool useXFFHeaders = app.Configuration.GetSection("ForwardedHeaders:Enabled").Get<bool>();
-if (useXFFHeaders) app.UseSmartXFFHeader();
+    private static void ConfigureMoongladeServices(IServiceCollection services, IConfiguration configuration, IWebHostEnvironment environment)
+    {
+        services.AddMentionCommon()
+            .AddPingback()
+            .AddWebmention()
+            .AddSyndication()
+            .AddInMemoryCacheAside()
+            .AddScoped<ValidateCaptcha>()
+            .AddScoped<ITimeZoneResolver, BlogTimeZoneResolver>()
+            .AddBlogConfig()
+            .AddBlogAuthenticaton(configuration)
+            .AddImageStorage(configuration, options => options.ContentRootPath = environment.ContentRootPath);
+
+        services.AddEmailClient();
+        services.AddIndexNowClient(configuration.GetSection("IndexNow"));
+        services.AddContentModerator(configuration);
+        services.AddSingleton<CannonService>();
+    }
 
-app.UseCustomCss(options => options.MaxContentLength = 10240);
+    private static void ConfigureDatabase(IServiceCollection services, IConfiguration configuration)
+    {
+        var dbType = configuration.GetConnectionString("DatabaseType")!.ToLower();
+        var connStr = configuration.GetConnectionString("MoongladeDatabase");
 
-app.UseOpenSearch(options =>
-{
-    options.RequestPath = "/opensearch";
-    options.IconFileType = "image/png";
-    options.IconFilePath = "/favicon-16x16.png";
-});
+        switch (dbType)
+        {
+            case "mysql":
+                services.AddMySqlStorage(connStr!);
+                break;
+            case "postgresql":
+                services.AddPostgreSqlStorage(connStr!);
+                break;
+            case "sqlserver":
+            default:
+                services.AddSqlServerStorage(connStr!);
+                break;
+        }
+    }
 
-app.UseMiddleware<PoweredByMiddleware>();
-app.UseMiddleware<DNTMiddleware>();
+    private static void ConfigureInitializers(IServiceCollection services)
+    {
+        services.AddTransient<ISiteIconInitializer, SiteIconInitializer>();
+        services.AddScoped<IMigrationManager, MigrationManager>();
+        services.AddScoped<IBlogConfigInitializer, BlogConfigInitializer>();
+        services.AddScoped<IStartUpInitializer, StartUpInitializer>();
+    }
 
-if (app.Environment.IsDevelopment())
-{
-    app.UseDeveloperExceptionPage();
-}
-else
-{
-    app.UseStatusCodePages(ConfigureStatusCodePages.Handler).UseExceptionHandler("/error");
-}
+    private static void ConfigureMiddleware(WebApplication app, List<CultureInfo> cultures)
+    {
+        bool useXFFHeaders = app.Configuration.GetSection("ForwardedHeaders:Enabled").Get<bool>();
+        if (useXFFHeaders) app.UseSmartXFFHeader();
 
-app.UseHttpsRedirection();
-app.UseRequestLocalization(new RequestLocalizationOptions
-{
-    DefaultRequestCulture = new("en-US"),
-    SupportedCultures = cultures,
-    SupportedUICultures = cultures
-});
+        app.UseCustomCss(options => options.MaxContentLength = 10240);
+        app.UseOpenSearch(options =>
+        {
+            options.RequestPath = "/opensearch";
+            options.IconFileType = "image/png";
+            options.IconFilePath = "/favicon-16x16.png";
+        });
 
-var options = new RewriteOptions().AddRedirect("(.*)/$", "$1", 301);
-app.UseRewriter(options);
+        app.UseMiddleware<PoweredByMiddleware>();
+        app.UseMiddleware<DNTMiddleware>();
 
-app.UseStaticFiles();
-app.UseSession().UseCaptchaImage(p =>
-{
-    p.RequestPath = "/captcha-image";
-    p.ImageHeight = 36;
-    p.ImageWidth = 100;
-});
+        if (app.Environment.IsDevelopment())
+        {
+            app.UseDeveloperExceptionPage();
+        }
+        else
+        {
+            app.UseStatusCodePages(ConfigureStatusCodePages.Handler).UseExceptionHandler("/error");
+        }
 
-app.UseRouting();
-app.UseAuthentication().UseAuthorization();
+        app.UseHttpsRedirection();
+        app.UseRequestLocalization(new RequestLocalizationOptions
+        {
+            DefaultRequestCulture = new("en-US"),
+            SupportedCultures = cultures,
+            SupportedUICultures = cultures
+        });
 
-app.MapHealthChecks("/ping", new()
-{
-    ResponseWriter = ConfigureEndpoints.WriteResponse
-});
-app.MapControllers();
-app.MapRazorPages();
+        var options = new RewriteOptions().AddRedirect(@"(.*)/$", @"\$1", 301);
+        app.UseRewriter(options);
+        app.UseStaticFiles();
+        app.UseSession().UseCaptchaImage(p =>
+        {
+            p.RequestPath = "/captcha-image";
+            p.ImageHeight = 36;
+            p.ImageWidth = 100;
+        });
 
-app.MapGet("/robots.txt", RobotsTxtMapHandler.Handler);
+        app.UseRouting();
+        app.UseAuthentication().UseAuthorization();
 
-if (!string.IsNullOrWhiteSpace(app.Configuration["IndexNow:ApiKey"]))
-{
-    app.MapGet($"/{app.Configuration["IndexNow:ApiKey"]}.txt", IndexNowMapHandler.Handler);
-}
+        app.MapHealthChecks("/ping", new()
+        {
+            ResponseWriter = ConfigureEndpoints.WriteResponse
+        });
+        app.MapControllers();
+        app.MapRazorPages();
+        app.MapGet("/robots.txt", RobotsTxtMapHandler.Handler);
 
-app.MapGet("/manifest.webmanifest", WebManifestMapHandler.Handler);
+        if (!string.IsNullOrWhiteSpace(app.Configuration["IndexNow:ApiKey"]))
+        {
+            app.MapGet($"/{app.Configuration["IndexNow:ApiKey"]}.txt", IndexNowMapHandler.Handler);
+        }
 
-var bc = app.Services.GetRequiredService<IBlogConfig>();
-if (bc.AdvancedSettings.EnableFoaf)
-{
-    app.MapGet("/foaf.xml", FoafMapHandler.Handler);
-}
+        app.MapGet("/manifest.webmanifest", WebManifestMapHandler.Handler);
+        var bc = app.Services.GetRequiredService<IBlogConfig>();
+        if (bc.AdvancedSettings.EnableFoaf)
+        {
+            app.MapGet("/foaf.xml", FoafMapHandler.Handler);
+        }
 
-if (bc.AdvancedSettings.EnableSiteMap)
-{
-    app.MapGet("/sitemap.xml", SiteMapMapHandler.Handler);
+        if (bc.AdvancedSettings.EnableSiteMap)
+        {
+            app.MapGet("/sitemap.xml", SiteMapMapHandler.Handler);
+        }
+    }
 }
-
-app.Run();
-
-return 0;

From 245959bb9a84602d3a1ab4341cd2ce92c906868e Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 08:30:01 +0800
Subject: [PATCH 71/80] Remove Moonglade.Setup from LoadAssemblies method

The `LoadAssemblies` method in the `Program` class has been updated to exclude the `"Moonglade.Setup"` assembly from the list of assemblies being loaded. This change ensures that the `"Moonglade.Setup"` assembly is no longer part of the loading process.
---
 src/Moonglade.Web/Program.cs | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index e0f726937..3aa03e153 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -51,7 +51,6 @@ private static void LoadAssemblies()
     {
         var assemblies = new[]
         {
-            "Moonglade.Setup",
             "Moonglade.Core",
             "Moonglade.FriendLink",
             "Moonglade.Theme",

From 9c0a08c199797e7e8961d5eada47cdb74e4f440c Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 08:32:09 +0800
Subject: [PATCH 72/80] bump version

---
 src/Directory.Build.props | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Directory.Build.props b/src/Directory.Build.props
index 977af8b7b..a4207b418 100644
--- a/src/Directory.Build.props
+++ b/src/Directory.Build.props
@@ -5,6 +5,6 @@
     <Copyright>(C) 2024 edi.wang@outlook.com</Copyright>
     <AssemblyVersion>14.11.0.0</AssemblyVersion>
     <FileVersion>14.11.0.0</FileVersion>
-    <Version>14.11.0-preview.2</Version>
+    <Version>14.11.0-beta.1</Version>
   </PropertyGroup>
 </Project>
\ No newline at end of file

From 8d4a1a0a259fcd74fab05affe1c95f75142ec237 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Sun, 6 Oct 2024 13:56:22 +0800
Subject: [PATCH 73/80] fix LoadAssemblies

---
 src/Moonglade.Web/Program.cs | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index 3aa03e153..9c06e7fce 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -51,12 +51,18 @@ private static void LoadAssemblies()
     {
         var assemblies = new[]
         {
+            "Moonglade.Auth",
+            "Moonglade.Comments",
             "Moonglade.Core",
+            "Moonglade.Email.Client",
             "Moonglade.FriendLink",
+            "Moonglade.Syndication",
             "Moonglade.Theme",
-            "Moonglade.Configuration",
             "Moonglade.Data",
-            "Moonglade.Webmention"
+            "Moonglade.Webmention",
+            "Moonglade.Pingback",
+            "Moonglade.Mention.Common",
+            "Moonglade.Configuration"
         };
 
         foreach (var assembly in assemblies)

From 8d6b7c609059d142462d0d94b6025b3bc9a4adc1 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Mon, 7 Oct 2024 14:02:17 +0800
Subject: [PATCH 74/80] Reorder assemblies and filter MediatR registrations

Reordered assemblies in LoadAssemblies method, moving "Moonglade.Mention.Common", "Moonglade.Pingback", and "Moonglade.Webmention" to the beginning under "Core/Mention". Added "Data" section before "Moonglade.Data". Updated ConfigureServices to register only assemblies starting with "Moonglade" with MediatR.
---
 src/Moonglade.Web/Program.cs | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index 9c06e7fce..b3339fe61 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -51,6 +51,11 @@ private static void LoadAssemblies()
     {
         var assemblies = new[]
         {
+            // Core/Mention
+            "Moonglade.Mention.Common",
+            "Moonglade.Pingback",
+            "Moonglade.Webmention",
+            // Core
             "Moonglade.Auth",
             "Moonglade.Comments",
             "Moonglade.Core",
@@ -58,10 +63,9 @@ private static void LoadAssemblies()
             "Moonglade.FriendLink",
             "Moonglade.Syndication",
             "Moonglade.Theme",
+            // Data
             "Moonglade.Data",
-            "Moonglade.Webmention",
-            "Moonglade.Pingback",
-            "Moonglade.Mention.Common",
+            // Infrastructure
             "Moonglade.Configuration"
         };
 
@@ -87,7 +91,10 @@ private static void ConfigureLogging(WebApplicationBuilder builder)
 
     private static void ConfigureServices(IServiceCollection services, IConfiguration configuration, IWebHostEnvironment environment, List<CultureInfo> cultures)
     {
-        services.AddMediatR(config => config.RegisterServicesFromAssemblies(AppDomain.CurrentDomain.GetAssemblies()));
+        var assemblies = AppDomain.CurrentDomain.GetAssemblies();
+        assemblies = assemblies.Where(x => x.FullName!.StartsWith("Moonglade")).ToArray();
+
+        services.AddMediatR(config => config.RegisterServicesFromAssemblies(assemblies));
         services.AddOptions().AddHttpContextAccessor();
         ConfigureSession(services);
         ConfigureCaptcha(services, configuration);

From 27b54819d9f1490fc3b858a9c85d743e5988abbb Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Mon, 7 Oct 2024 14:21:29 +0800
Subject: [PATCH 75/80] Refactor service configuration and async app run

Removed ImageStorageOptions and related logic from ServiceCollectionExtensions.cs. Updated ConfigureServices and ConfigureMoongladeServices method signatures in Program.cs to remove IWebHostEnvironment parameter. Modified AddImageStorage method call to exclude options parameter. Changed app.Run() to await app.RunAsync() in Program.cs.
---
 .../ServiceCollectionExtensions.cs                   | 12 +-----------
 src/Moonglade.Web/Program.cs                         | 12 ++++++------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/Moonglade.ImageStorage/ServiceCollectionExtensions.cs b/src/Moonglade.ImageStorage/ServiceCollectionExtensions.cs
index 773333887..e94965898 100644
--- a/src/Moonglade.ImageStorage/ServiceCollectionExtensions.cs
+++ b/src/Moonglade.ImageStorage/ServiceCollectionExtensions.cs
@@ -4,20 +4,10 @@
 
 namespace Moonglade.ImageStorage;
 
-public class ImageStorageOptions
-{
-    public string ContentRootPath { get; set; } = Directory.GetCurrentDirectory();
-}
-
 public static class ServiceCollectionExtensions
 {
-    private static readonly ImageStorageOptions Options = new();
-
-    public static IServiceCollection AddImageStorage(
-        this IServiceCollection services, IConfiguration configuration, Action<ImageStorageOptions> options)
+    public static IServiceCollection AddImageStorage(this IServiceCollection services, IConfiguration configuration)
     {
-        options(Options);
-
         var section = configuration.GetSection(nameof(ImageStorage));
         var settings = section.Get<ImageStorageSettings>();
         services.Configure<ImageStorageSettings>(section);
diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index b3339fe61..e5e048a5f 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -32,7 +32,7 @@ public static async Task Main(string[] args)
         builder.WriteParameterTable();
 
         ConfigureLogging(builder);
-        ConfigureServices(builder.Services, builder.Configuration, builder.Environment, cultures);
+        ConfigureServices(builder.Services, builder.Configuration, cultures);
 
         var app = builder.Build();
         if (!app.Environment.IsDevelopment() && await Helper.IsRunningInChina())
@@ -44,7 +44,7 @@ public static async Task Main(string[] args)
         await app.InitStartUp();
         ConfigureMiddleware(app, cultures);
 
-        app.Run();
+        await app.RunAsync();
     }
 
     private static void LoadAssemblies()
@@ -89,7 +89,7 @@ private static void ConfigureLogging(WebApplicationBuilder builder)
         }
     }
 
-    private static void ConfigureServices(IServiceCollection services, IConfiguration configuration, IWebHostEnvironment environment, List<CultureInfo> cultures)
+    private static void ConfigureServices(IServiceCollection services, IConfiguration configuration, List<CultureInfo> cultures)
     {
         var assemblies = AppDomain.CurrentDomain.GetAssemblies();
         assemblies = assemblies.Where(x => x.FullName!.StartsWith("Moonglade")).ToArray();
@@ -107,7 +107,7 @@ private static void ConfigureServices(IServiceCollection services, IConfiguratio
         ConfigureRouteOptions(services);
         services.AddTransient<IPasswordGenerator, DefaultPasswordGenerator>();
         services.AddHealthChecks();
-        ConfigureMoongladeServices(services, configuration, environment);
+        ConfigureMoongladeServices(services, configuration);
         ConfigureDatabase(services, configuration);
         ConfigureInitializers(services);
     }
@@ -206,7 +206,7 @@ private static void ConfigureRouteOptions(IServiceCollection services)
         });
     }
 
-    private static void ConfigureMoongladeServices(IServiceCollection services, IConfiguration configuration, IWebHostEnvironment environment)
+    private static void ConfigureMoongladeServices(IServiceCollection services, IConfiguration configuration)
     {
         services.AddMentionCommon()
             .AddPingback()
@@ -217,7 +217,7 @@ private static void ConfigureMoongladeServices(IServiceCollection services, ICon
             .AddScoped<ITimeZoneResolver, BlogTimeZoneResolver>()
             .AddBlogConfig()
             .AddBlogAuthenticaton(configuration)
-            .AddImageStorage(configuration, options => options.ContentRootPath = environment.ContentRootPath);
+            .AddImageStorage(configuration);
 
         services.AddEmailClient();
         services.AddIndexNowClient(configuration.GetSection("IndexNow"));

From 49ebb2792ec93d4bc0cbcb34d388ffbfacbb7b61 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Mon, 7 Oct 2024 14:22:31 +0800
Subject: [PATCH 76/80] Add new namespaces and improve RewriteOptions
 readability

Added several `using` directives in `Program.cs` for new functionalities and dependencies. Modified `RewriteOptions` configuration to use `HttpStatusCode.MovedPermanently` instead of a hardcoded integer for better readability and maintainability.
---
 src/Moonglade.Web/Program.cs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index e5e048a5f..2139e1891 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -1,4 +1,5 @@
 using System.Globalization;
+using System.Net;
 using System.Text.Json.Serialization;
 using Edi.Captcha;
 using Edi.PasswordGenerator;
@@ -286,7 +287,7 @@ private static void ConfigureMiddleware(WebApplication app, List<CultureInfo> cu
             SupportedUICultures = cultures
         });
 
-        var options = new RewriteOptions().AddRedirect(@"(.*)/$", @"\$1", 301);
+        var options = new RewriteOptions().AddRedirect(@"(.*)/$", @"\$1", (int)HttpStatusCode.MovedPermanently);
         app.UseRewriter(options);
         app.UseStaticFiles();
         app.UseSession().UseCaptchaImage(p =>

From 2e849830883713ca545615fedbc2bc6fa1a51a6c Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Tue, 8 Oct 2024 10:19:52 +0800
Subject: [PATCH 77/80] bump version to rc

---
 src/Directory.Build.props | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Directory.Build.props b/src/Directory.Build.props
index a4207b418..7b7c4c4c0 100644
--- a/src/Directory.Build.props
+++ b/src/Directory.Build.props
@@ -5,6 +5,6 @@
     <Copyright>(C) 2024 edi.wang@outlook.com</Copyright>
     <AssemblyVersion>14.11.0.0</AssemblyVersion>
     <FileVersion>14.11.0.0</FileVersion>
-    <Version>14.11.0-beta.1</Version>
+    <Version>14.11.0-rc.1</Version>
   </PropertyGroup>
 </Project>
\ No newline at end of file

From 18148430d96557544080a9a8f39bebfe36de8fb6 Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Tue, 8 Oct 2024 20:06:54 +0800
Subject: [PATCH 78/80] Add PrefersColorSchemeMiddleware and config setting

- Added `PrefersColorSchemeMiddleware` to handle color scheme headers.
- Updated `Program.cs` to conditionally use the new middleware based on `Experimental:UsePrefersColorSchemeHeader` setting.
- Modified `appsettings.json` to include `Experimental` section with `UsePrefersColorSchemeHeader` setting.
---
 .../Middleware/PrefersColorSchemeMiddleware.cs  | 17 +++++++++++++++++
 src/Moonglade.Web/Program.cs                    |  5 +++++
 src/Moonglade.Web/appsettings.json              |  3 +++
 3 files changed, 25 insertions(+)
 create mode 100644 src/Moonglade.Web/Middleware/PrefersColorSchemeMiddleware.cs

diff --git a/src/Moonglade.Web/Middleware/PrefersColorSchemeMiddleware.cs b/src/Moonglade.Web/Middleware/PrefersColorSchemeMiddleware.cs
new file mode 100644
index 000000000..593eafd29
--- /dev/null
+++ b/src/Moonglade.Web/Middleware/PrefersColorSchemeMiddleware.cs
@@ -0,0 +1,17 @@
+namespace Moonglade.Web.Middleware;
+
+public class PrefersColorSchemeMiddleware(RequestDelegate next)
+{
+    public async Task InvokeAsync(HttpContext context)
+    {
+        context.Response.OnStarting(() =>
+        {
+            context.Response.Headers["Accept-CH"] = "Sec-CH-Prefers-Color-Scheme";
+            context.Response.Headers["Vary"] = "Sec-CH-Prefers-Color-Scheme";
+            context.Response.Headers["Critical-CH"] = "Sec-CH-Prefers-Color-Scheme";
+            return Task.CompletedTask;
+        });
+
+        await next(context);
+    }
+}
\ No newline at end of file
diff --git a/src/Moonglade.Web/Program.cs b/src/Moonglade.Web/Program.cs
index 2139e1891..ffb85f579 100644
--- a/src/Moonglade.Web/Program.cs
+++ b/src/Moonglade.Web/Program.cs
@@ -267,6 +267,11 @@ private static void ConfigureMiddleware(WebApplication app, List<CultureInfo> cu
             options.IconFilePath = "/favicon-16x16.png";
         });
 
+        // In v14.11.0, just send the header to the client in order to observe browser behaviour
+        // We will read client's preference in future versions
+        bool usePrefersColorSchemeHeader = app.Configuration.GetSection("Experimental:UsePrefersColorSchemeHeader").Get<bool>();
+        if (usePrefersColorSchemeHeader) app.UseMiddleware<PrefersColorSchemeMiddleware>();
+
         app.UseMiddleware<PoweredByMiddleware>();
         app.UseMiddleware<DNTMiddleware>();
 
diff --git a/src/Moonglade.Web/appsettings.json b/src/Moonglade.Web/appsettings.json
index f8015b5ca..8ae2501be 100644
--- a/src/Moonglade.Web/appsettings.json
+++ b/src/Moonglade.Web/appsettings.json
@@ -73,6 +73,9 @@
     "SetLastModifiedHeader": true,
     "CacheMinutes": 20
   },
+  "Experimental": {
+    "UsePrefersColorSchemeHeader": true
+  },
   "Logging": {
     "LogLevel": {
       "Default": "Warning",

From b5abce51987bb2774b7d85351f0954171fceb86d Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 9 Oct 2024 09:26:31 +0800
Subject: [PATCH 79/80] patch .net

---
 src/Moonglade.Auth/Moonglade.Auth.csproj                       | 2 +-
 src/Moonglade.Comments/Moonglade.Comments.csproj               | 2 +-
 src/Moonglade.Data.SqlServer/Moonglade.Data.SqlServer.csproj   | 2 +-
 src/Moonglade.Data/Moonglade.Data.csproj                       | 2 +-
 src/Moonglade.Email.Client/Moonglade.Email.Client.csproj       | 2 +-
 src/Moonglade.IndexNow.Client/Moonglade.IndexNow.Client.csproj | 2 +-
 src/Moonglade.Mention.Common/Moonglade.Mention.Common.csproj   | 2 +-
 src/Moonglade.Web/Moonglade.Web.csproj                         | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/Moonglade.Auth/Moonglade.Auth.csproj b/src/Moonglade.Auth/Moonglade.Auth.csproj
index 770da96c0..059d7f93e 100644
--- a/src/Moonglade.Auth/Moonglade.Auth.csproj
+++ b/src/Moonglade.Auth/Moonglade.Auth.csproj
@@ -16,7 +16,7 @@
   </ItemGroup>
   <ItemGroup>
     <FrameworkReference Include="Microsoft.AspNetCore.App" />
-    <PackageReference Include="Microsoft.Identity.Web" Version="3.2.1" />
+    <PackageReference Include="Microsoft.Identity.Web" Version="3.2.2" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\Moonglade.Configuration\Moonglade.Configuration.csproj" />
diff --git a/src/Moonglade.Comments/Moonglade.Comments.csproj b/src/Moonglade.Comments/Moonglade.Comments.csproj
index c044661c7..a14951770 100644
--- a/src/Moonglade.Comments/Moonglade.Comments.csproj
+++ b/src/Moonglade.Comments/Moonglade.Comments.csproj
@@ -15,6 +15,6 @@
         <ProjectReference Include="..\Moonglade.Configuration\Moonglade.Configuration.csproj" />
     </ItemGroup>
     <ItemGroup>
-        <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.9.1" />
+        <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.10.0" />
     </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/src/Moonglade.Data.SqlServer/Moonglade.Data.SqlServer.csproj b/src/Moonglade.Data.SqlServer/Moonglade.Data.SqlServer.csproj
index c62dd9bdc..e9d38080c 100644
--- a/src/Moonglade.Data.SqlServer/Moonglade.Data.SqlServer.csproj
+++ b/src/Moonglade.Data.SqlServer/Moonglade.Data.SqlServer.csproj
@@ -10,7 +10,7 @@
         <Nullable>enable</Nullable>
     </PropertyGroup>
     <ItemGroup>
-        <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="8.0.8" />
+        <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="8.0.10" />
     </ItemGroup>
     <ItemGroup>
         <ProjectReference Include="..\Moonglade.Data\Moonglade.Data.csproj" />
diff --git a/src/Moonglade.Data/Moonglade.Data.csproj b/src/Moonglade.Data/Moonglade.Data.csproj
index 88baa5f09..6c1943386 100644
--- a/src/Moonglade.Data/Moonglade.Data.csproj
+++ b/src/Moonglade.Data/Moonglade.Data.csproj
@@ -17,7 +17,7 @@
         <PackageReference Include="Ardalis.Specification" Version="8.0.0" />
         <PackageReference Include="Ardalis.Specification.EntityFrameworkCore" Version="8.0.0" />
         <PackageReference Include="MediatR" Version="12.4.1" />
-        <PackageReference Include="Microsoft.EntityFrameworkCore.Proxies" Version="8.0.8" />
+        <PackageReference Include="Microsoft.EntityFrameworkCore.Proxies" Version="8.0.10" />
     </ItemGroup>
     <ItemGroup>
       <ProjectReference Include="..\Moonglade.Utils\Moonglade.Utils.csproj" />
diff --git a/src/Moonglade.Email.Client/Moonglade.Email.Client.csproj b/src/Moonglade.Email.Client/Moonglade.Email.Client.csproj
index 630799d20..d34539593 100644
--- a/src/Moonglade.Email.Client/Moonglade.Email.Client.csproj
+++ b/src/Moonglade.Email.Client/Moonglade.Email.Client.csproj
@@ -12,7 +12,7 @@
     <FrameworkReference Include="Microsoft.AspNetCore.App" />
   </ItemGroup>
   <ItemGroup>
-    <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.9.1" />
+    <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.10.0" />
   </ItemGroup>
   <ItemGroup>
     <ProjectReference Include="..\Moonglade.Configuration\Moonglade.Configuration.csproj" />
diff --git a/src/Moonglade.IndexNow.Client/Moonglade.IndexNow.Client.csproj b/src/Moonglade.IndexNow.Client/Moonglade.IndexNow.Client.csproj
index 63fd6fd2d..97da00857 100644
--- a/src/Moonglade.IndexNow.Client/Moonglade.IndexNow.Client.csproj
+++ b/src/Moonglade.IndexNow.Client/Moonglade.IndexNow.Client.csproj
@@ -7,7 +7,7 @@
         <FrameworkReference Include="Microsoft.AspNetCore.App" />
     </ItemGroup>
     <ItemGroup>
-        <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.9.1" />
+        <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.10.0" />
     </ItemGroup>
     <ItemGroup>
       <ProjectReference Include="..\Moonglade.Utils\Moonglade.Utils.csproj" />
diff --git a/src/Moonglade.Mention.Common/Moonglade.Mention.Common.csproj b/src/Moonglade.Mention.Common/Moonglade.Mention.Common.csproj
index fcf8f4dc9..5a450abac 100644
--- a/src/Moonglade.Mention.Common/Moonglade.Mention.Common.csproj
+++ b/src/Moonglade.Mention.Common/Moonglade.Mention.Common.csproj
@@ -11,6 +11,6 @@
         <ProjectReference Include="..\Moonglade.Utils\Moonglade.Utils.csproj" />
     </ItemGroup>
     <ItemGroup>
-        <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.9.1" />
+        <PackageReference Include="Microsoft.Extensions.Http.Resilience" Version="8.10.0" />
     </ItemGroup>
 </Project>
\ No newline at end of file
diff --git a/src/Moonglade.Web/Moonglade.Web.csproj b/src/Moonglade.Web/Moonglade.Web.csproj
index 03a51ddc2..14ec8b136 100644
--- a/src/Moonglade.Web/Moonglade.Web.csproj
+++ b/src/Moonglade.Web/Moonglade.Web.csproj
@@ -41,7 +41,7 @@
     <PackageReference Include="Edi.Gravatar" Version="1.1.0" />
     <PackageReference Include="Edi.ImageWatermark" Version="2.14.0" />
     <PackageReference Include="Edi.PasswordGenerator" Version="2.0.0" />
-    <PackageReference Include="Microsoft.Extensions.Logging.AzureAppServices" Version="8.0.8" />
+    <PackageReference Include="Microsoft.Extensions.Logging.AzureAppServices" Version="8.0.10" />
     
     <PackageReference Include="TinyMCE" Version="7.3.0" />
     <PackageReference Include="Moonglade.MonacoEditor" Version="0.50.0.1002" />

From 98e1bce6ae2f1c64a68572875bf3d020ad0f0a5a Mon Sep 17 00:00:00 2001
From: Edi Wang <Edi.Wang@outlook.com>
Date: Wed, 9 Oct 2024 09:27:04 +0800
Subject: [PATCH 80/80] bump version

---
 src/Directory.Build.props | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Directory.Build.props b/src/Directory.Build.props
index 7b7c4c4c0..d06c5a8fd 100644
--- a/src/Directory.Build.props
+++ b/src/Directory.Build.props
@@ -5,6 +5,6 @@
     <Copyright>(C) 2024 edi.wang@outlook.com</Copyright>
     <AssemblyVersion>14.11.0.0</AssemblyVersion>
     <FileVersion>14.11.0.0</FileVersion>
-    <Version>14.11.0-rc.1</Version>
+    <Version>14.11.0</Version>
   </PropertyGroup>
 </Project>
\ No newline at end of file