Infrastructure Preparation 24

Author: Taiizor

demo/Taiizor.Essentials.Maui.Conforyon/Usage/Initialize/Initialize.csproj

@@ -55,8 +55,8 @@
 
     <ItemGroup>
         <PackageReference Include="Taiizor.Essentials.Maui" Version="22.11.23.1515" />
-        <PackageReference Include="Taiizor.Essentials.Blazor" Version="22.11.27.145" />
-        <PackageReference Include="Taiizor.Essentials.Blazor.Conforyon" Version="22.11.25.1514" />
+        <PackageReference Include="Taiizor.Essentials.Blazor" Version="22.12.4.1759" />
+        <PackageReference Include="Taiizor.Essentials.Blazor.Conforyon" Version="22.12.3.310" />
     </ItemGroup>
 
     <!--<ItemGroup>

src/Taiizor.Essentials.Blazor/Extension/Include.cs

@@ -24,6 +24,28 @@ public static async Task FontProtected(string Path, string Rel, string Pathname)
                 await Font(Path, Rel);
             }
         }
+        public static async Task FontElement(string Identify, string Path)
+        {
+            await FontElement(Identify, Path, "stylesheet");
+        }
+
+        public static async Task FontElementProtected(string Identify, string Path, string Pathname)
+        {
+            await FontElementProtected(Identify, Path, "stylesheet", Pathname);
+        }
+
+        public static async Task FontElement(string Identify, string Path, string Rel)
+        {
+            await Interop.Call("Taiizor.Include.Font.Element", Identify, Path, Rel);
+        }
+
+        public static async Task FontElementProtected(string Identify, string Path, string Rel, string Pathname)
+        {
+            if (await Location.GetPathname() == Pathname)
+            {
+                await FontElement(Identify, Path, Rel);
+            }
+        }
 
         public static async Task Script(string Path)
         {
@@ -83,5 +105,38 @@ public static async Task StylesheetProtected(string Path, string Rel, string Typ
                 await Stylesheet(Path, Rel, Type);
             }
         }
+
+        public static async Task StylesheetElement(string Identify, string Path)
+        {
+            await StylesheetElement(Identify, Path, "stylesheet");
+        }
+
+        public static async Task StylesheetElementProtected(string Identify, string Path, string Pathname)
+        {
+            await StylesheetElementProtected(Identify, Path, "stylesheet", Pathname);
+        }
+
+        public static async Task StylesheetElement(string Identify, string Path, string Rel)
+        {
+            await StylesheetElement(Identify, Path, Rel, "text/css");
+        }
+
+        public static async Task StylesheetElementProtected(string Identify, string Path, string Rel, string Pathname)
+        {
+            await StylesheetElementProtected(Identify, Path, Rel, "text/css", Pathname);
+        }
+
+        public static async Task StylesheetElement(string Identify, string Path, string Rel, string Type)
+        {
+            await Interop.Call("Taiizor.Include.Css.Element", Identify, Path, Rel, Type);
+        }
+
+        public static async Task StylesheetElementProtected(string Identify, string Path, string Rel, string Type, string Pathname)
+        {
+            if (await Location.GetPathname() == Pathname)
+            {
+                await StylesheetElement(Identify, Path, Rel, Type);
+            }
+        }
     }
 }

src/Taiizor.Essentials.Blazor/Resources/Raw/Taiizor.Blazor.js

@@ -883,6 +883,13 @@ Taiizor.Include.Font = function (path, rel) {
     document.head.appendChild(customFont);
 }
 
+Taiizor.Include.Font.Element = function (elementId, path, rel) {
+    var customFont = document.createElement('link');
+    customFont.setAttribute('href', path);
+    customFont.setAttribute('rel', rel);
+    document.getElementById(elementId).appendChild(customFont);
+}
+
 Taiizor.Include.Js = function (path) {
     var customScript = document.createElement('script');
     customScript.setAttribute('src', path);
@@ -903,6 +910,14 @@ Taiizor.Include.Css = function (path, rel, type) {
     document.head.appendChild(customStylesheet);
 }
 
+Taiizor.Include.Css.Element = function (elementId, path, rel, type) {
+    var customStylesheet = document.createElement('link');
+    customStylesheet.setAttribute('href', path);
+    customStylesheet.setAttribute('rel', rel);
+    customStylesheet.setAttribute('type', type);
+    document.getElementById(elementId).appendChild(customStylesheet);
+}
+
 
 
 Taiizor.Invoke.MethodAsync = function (assemblyName, methodName, ...args) {