From 405c65bd9de40d8bbb1d26d1c69183863f0fd995 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Tue, 29 Mar 2022 02:25:18 +0800
Subject: [PATCH 01/13] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Services/BootstrapServiceBase.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor/Services/BootstrapServiceBase.cs b/src/BootstrapBlazor/Services/BootstrapServiceBase.cs
index 2cd7b2c0e..99dcd010c 100644
--- a/src/BootstrapBlazor/Services/BootstrapServiceBase.cs
+++ b/src/BootstrapBlazor/Services/BootstrapServiceBase.cs
@@ -29,7 +29,7 @@ public abstract class BootstrapServiceBase<TOption>
             : Cache.FirstOrDefault();
         if (Callback == null)
         {
-            throw new InvalidOperationException();
+            throw new InvalidOperationException($"{GetType().Name} not registerd");
         }
         await Callback.Invoke(option);
     }
-- 
Gitee


From a06b6ca0efd679f8f049af2b987f026578864484 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Tue, 29 Mar 2022 02:25:35 +0800
Subject: [PATCH 02/13] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=20Cancel?=
 =?UTF-8?q?=20=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs b/src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs
index f837ab9aa..14852c57b 100644
--- a/src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs
+++ b/src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs
@@ -102,8 +102,9 @@ public partial class Icon : IAsyncDisposable
         {
             if (CopyIconTokenSource != null)
             {
-                if (CopyIconTokenSource.IsCancellationRequested)
+                if (!CopyIconTokenSource.IsCancellationRequested)
                 {
+                    CopyIconTokenSource.Cancel();
                     await RemoveTooltip();
                 }
                 CopyIconTokenSource.Dispose();
-- 
Gitee


From c9766c713a80c4c5a68aab2ecf0ac866175abd35 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Tue, 29 Mar 2022 02:25:54 +0800
Subject: [PATCH 03/13] =?UTF-8?q?test:=20=E5=A2=9E=E5=8A=A0=E5=8D=95?=
 =?UTF-8?q?=E5=85=83=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test/UnitTest/Components/FAIconTest.cs | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 test/UnitTest/Components/FAIconTest.cs

diff --git a/test/UnitTest/Components/FAIconTest.cs b/test/UnitTest/Components/FAIconTest.cs
new file mode 100644
index 000000000..75f97cfdb
--- /dev/null
+++ b/test/UnitTest/Components/FAIconTest.cs
@@ -0,0 +1,9 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+namespace UnitTest.Components;
+
+public class FAIconTest : BootstrapBlazorTestBase
+{
+}
-- 
Gitee


From c154d90cdd6c1ed6a8be021d62178457f7617a77 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Tue, 29 Mar 2022 02:26:10 +0800
Subject: [PATCH 04/13] =?UTF-8?q?test:=20=E5=A2=9E=E5=8A=A0=20IconList=20?=
 =?UTF-8?q?=E5=8D=95=E5=85=83=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test/UnitTest/Components/FAIconTest.cs | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/test/UnitTest/Components/FAIconTest.cs b/test/UnitTest/Components/FAIconTest.cs
index 75f97cfdb..d12a12fd8 100644
--- a/test/UnitTest/Components/FAIconTest.cs
+++ b/test/UnitTest/Components/FAIconTest.cs
@@ -6,4 +6,17 @@ namespace UnitTest.Components;
 
 public class FAIconTest : BootstrapBlazorTestBase
 {
+    [Fact]
+    public void IconList_Ok()
+    {
+        var cut = Context.RenderComponent<FAIconList>(pb =>
+        {
+            pb.Add(a => a.ShowCatalog, false);
+            pb.Add(a => a.ShowCopyDialog, false);
+        });
+        cut.DoesNotContain("class=\"fa-nav\"");
+
+        cut.SetParametersAndRender(pb => pb.Add(a => a.ShowCatalog, true));
+        cut.Contains("class=\"fa-nav\"");
+    }
 }
-- 
Gitee


From 64a6368b4f087b13bb521599240b561829c9f4a1 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Tue, 29 Mar 2022 02:26:28 +0800
Subject: [PATCH 05/13] =?UTF-8?q?test:=20=E5=A2=9E=E5=8A=A0=20Icon=20?=
 =?UTF-8?q?=E5=8D=95=E5=85=83=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test/UnitTest/Components/FAIconTest.cs | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/test/UnitTest/Components/FAIconTest.cs b/test/UnitTest/Components/FAIconTest.cs
index d12a12fd8..a5c14eb6a 100644
--- a/test/UnitTest/Components/FAIconTest.cs
+++ b/test/UnitTest/Components/FAIconTest.cs
@@ -19,4 +19,26 @@ public class FAIconTest : BootstrapBlazorTestBase
         cut.SetParametersAndRender(pb => pb.Add(a => a.ShowCatalog, true));
         cut.Contains("class=\"fa-nav\"");
     }
+
+    [Fact]
+    public async Task Icon_Ok()
+    {
+        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
+        {
+            pb.AddChildContent<Icon>(pb =>
+            {
+                pb.Add(a => a.Name, "fa fa-fa");
+                pb.Add(a => a.ChildContent, new RenderFragment(builder => builder.AddContent(0, "Test")));
+            });
+        });
+        cut.Contains("<i class=\"fa fa-fa\" aria-hidden=\"true\"></i>");
+        cut.Contains("Test");
+
+        await cut.InvokeAsync(() => cut.Find("a").Click());
+        await Task.Delay(1400);
+
+        var icon = cut.FindComponent<Icon>();
+        icon.SetParametersAndRender(pb => pb.Add(a => a.ShowCopyDialog, true));
+        await cut.InvokeAsync(() => cut.Find("a").Click());
+    }
 }
-- 
Gitee


From 04d6407782c74b3248e175c9546a2f131ed042d9 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Tue, 29 Mar 2022 02:26:39 +0800
Subject: [PATCH 06/13] =?UTF-8?q?test:=20=E5=A2=9E=E5=8A=A0=20Cancel=20?=
 =?UTF-8?q?=E5=8D=95=E5=85=83=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 test/UnitTest/Components/FAIconTest.cs | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/test/UnitTest/Components/FAIconTest.cs b/test/UnitTest/Components/FAIconTest.cs
index a5c14eb6a..93444fc14 100644
--- a/test/UnitTest/Components/FAIconTest.cs
+++ b/test/UnitTest/Components/FAIconTest.cs
@@ -41,4 +41,21 @@ public class FAIconTest : BootstrapBlazorTestBase
         icon.SetParametersAndRender(pb => pb.Add(a => a.ShowCopyDialog, true));
         await cut.InvokeAsync(() => cut.Find("a").Click());
     }
+
+    [Fact]
+    public async Task Icon_Cancel()
+    {
+        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
+        {
+            pb.AddChildContent<Icon>(pb =>
+            {
+                pb.Add(a => a.Name, "fa fa-fa");
+                pb.Add(a => a.ChildContent, new RenderFragment(builder => builder.AddContent(0, "Test")));
+            });
+        });
+        _ = cut.InvokeAsync(() => cut.Find("a").Click());
+        await Task.Delay(500);
+        var icon = cut.FindComponent<Icon>();
+        icon.Dispose();
+    }
 }
-- 
Gitee


From c9c9651bd8df70e1f8d7e9c6f3ece242f5707c2d Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <argo@163.com>
Date: Tue, 29 Mar 2022 00:07:02 +0800
Subject: [PATCH 07/13] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=20Icon=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/FAIcons/Icon.razor             |   7 --
 .../Components/FAIcons/Icon.razor.cs          | 117 ------------------
 2 files changed, 124 deletions(-)
 delete mode 100644 src/BootstrapBlazor/Components/FAIcons/Icon.razor
 delete mode 100644 src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs

diff --git a/src/BootstrapBlazor/Components/FAIcons/Icon.razor b/src/BootstrapBlazor/Components/FAIcons/Icon.razor
deleted file mode 100644
index 974ceb2f0..000000000
--- a/src/BootstrapBlazor/Components/FAIcons/Icon.razor
+++ /dev/null
@@ -1,7 +0,0 @@
-@namespace BootstrapBlazor.Components
-@inherits TooltipComponentBase
-
-<a @onclick:preventDefault @onclick:stopPropagation @onclick="OnClickIcon" id="@Id">
-    <i class="@Name" aria-hidden="true"></i>
-    @ChildContent
-</a>
diff --git a/src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs b/src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs
deleted file mode 100644
index 14852c57b..000000000
--- a/src/BootstrapBlazor/Components/FAIcons/Icon.razor.cs
+++ /dev/null
@@ -1,117 +0,0 @@
-// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
-// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
-// Website: https://www.blazor.zone or https://argozhang.github.io/
-
-using Microsoft.AspNetCore.Components;
-
-namespace BootstrapBlazor.Components;
-
-/// <summary>
-/// 
-/// </summary>
-public partial class Icon : IAsyncDisposable
-{
-    /// <summary>
-    /// 获得/设置 子组件
-    /// </summary>
-    [Parameter]
-    public RenderFragment? ChildContent { get; set; }
-
-    /// <summary>
-    /// 获得/设置 图标名称
-    /// </summary>
-    [Parameter]
-    public string? Name { get; set; }
-
-    /// <summary>
-    /// 获得/设置 点击时是否显示高级拷贝弹窗 默认 false 直接拷贝到粘贴板
-    /// </summary>
-    [Parameter]
-    public bool ShowCopyDialog { get; set; }
-
-    [Inject]
-    [NotNull]
-    private DialogService? DialogService { get; set; }
-
-    [Inject]
-    [NotNull]
-    private ClipboardService? ClipboardService { get; set; }
-
-    private CancellationTokenSource? CopyIconTokenSource { get; set; }
-
-    private async Task OnClickIcon()
-    {
-        if (ShowCopyDialog)
-        {
-            await DialogService.ShowCloseDialog<IconDialog>("请选择图标", parameters =>
-            {
-                parameters.Add(nameof(IconDialog.IconName), Name);
-            });
-        }
-        else
-        {
-            await ClipboardService.Copy(Name, async () =>
-            {
-                await ShowTooltip("拷贝成功");
-                try
-                {
-                    CopyIconTokenSource ??= new();
-                    await Task.Delay(1000, CopyIconTokenSource.Token);
-                    await RemoveTooltip();
-                }
-                catch (TaskCanceledException)
-                {
-
-                }
-            });
-        }
-    }
-
-    /// <summary>
-    /// 显示 Tooltip 方法
-    /// </summary>
-    /// <param name="message"></param>
-    /// <returns></returns>
-    public virtual async ValueTask ShowTooltip(string message)
-    {
-        if (!string.IsNullOrEmpty(Id))
-        {
-            await JSRuntime.InvokeVoidAsync(null, "bb_tooltip", Id, "show", message, "top", false, "hover");
-        }
-    }
-
-    /// <summary>
-    /// 销毁 Tooltip 方法
-    /// </summary>
-    /// <returns></returns>
-    public virtual async ValueTask RemoveTooltip()
-    {
-        if (!string.IsNullOrEmpty(Id))
-        {
-            await JSRuntime.InvokeVoidAsync(null, "bb_tooltip", Id, "dispose");
-        }
-    }
-
-    /// <summary>
-    /// 
-    /// </summary>
-    /// <returns></returns>
-    protected override async ValueTask DisposeAsyncCore(bool disposing)
-    {
-        if (disposing)
-        {
-            if (CopyIconTokenSource != null)
-            {
-                if (!CopyIconTokenSource.IsCancellationRequested)
-                {
-                    CopyIconTokenSource.Cancel();
-                    await RemoveTooltip();
-                }
-                CopyIconTokenSource.Dispose();
-                CopyIconTokenSource = null;
-            }
-        }
-
-        await base.DisposeAsyncCore(disposing);
-    }
-}
-- 
Gitee


From 0072e6fb2b1218d9cb6874d28ce2c25132d2b82f Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <argo@163.com>
Date: Tue, 29 Mar 2022 00:07:33 +0800
Subject: [PATCH 08/13] =?UTF-8?q?refactor:=20=E6=95=B4=E7=90=86=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E5=87=8F=E5=B0=91=E9=87=8D=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/FAIcons/FAIconList.css         |  248 +--
 .../Components/FAIcons/FAIconList.js          |   27 +-
 .../Components/FAIcons/FAIconList.razor       | 1842 ++++++++---------
 .../Components/FAIcons/FAIconList.razor.cs    |   32 +-
 4 files changed, 1003 insertions(+), 1146 deletions(-)

diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.css b/src/BootstrapBlazor/Components/FAIcons/FAIconList.css
index 07eb5114b..926fb0791 100644
--- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.css
+++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.css
@@ -2,26 +2,46 @@
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
-    padding-right: 15px;
 }
 
 .fa-icons > section {
     padding-top: 1px;
 }
 
-.page-header {
-    margin-top: 16px;
-    margin-bottom: 6px;
-}
+    .fa-icons > section:not(:first-child) {
+        margin-top: 1rem;
+    }
 
 .fa-target {
     display: block;
 }
 
-.modal-body .iconview {
-    height: calc(100%);
+.fontawesome-icon-list > div > a {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: 32px;
+    display: block;
+    color: #222;
+    height: 32px;
+    border-radius: 4px;
+    padding: 0 6px;
 }
 
+    .fontawesome-icon-list > div > a:hover {
+        background-color: #1d9d74;
+        color: #fff;
+        text-decoration: none;
+    }
+
+    .fontawesome-icon-list > div > a .fa {
+        margin-right: 10px;
+    }
+
+    .fontawesome-icon-list > div > a:hover .fa {
+        font-size: 1rem;
+    }
+
 .fa-nav {
     display: none;
 }
@@ -36,7 +56,7 @@
         font-weight: 300;
     }
 
-    .fa-nav nav {
+    .fa-nav .nav {
         top: 44px;
         bottom: 0;
         position: absolute;
@@ -44,7 +64,7 @@
         width: 100%;
     }
 
-        .fa-nav nav a {
+        .fa-nav .nav a {
             color: #999797;
             border-left: 4px solid #d3d7dd;
             padding-left: 10px;
@@ -55,222 +75,18 @@
             margin-top: 1px;
         }
 
-            .fa-nav nav a:last-child {
+            .fa-nav .nav a:last-child {
                 margin-bottom: 5px;
             }
 
-            .fa-nav nav a.active {
+            .fa-nav .nav a.active {
                 color: #7a7a7a;
                 border-left: 4px solid #5bc0de;
                 padding-left: 10px;
             }
 
-            .fa-nav nav a:hover {
+            .fa-nav .nav a:hover {
                 color: #999797;
                 border-left: 4px solid #d9534f;
                 padding-left: 10px;
             }
-
-    .fa-nav .mCS-minimal-dark.mCSB_scrollTools_vertical {
-        margin: 0;
-    }
-
-.form-group .input-group .input-group-append .btn i {
-    color: #187c9a;
-    width: 22px;
-    text-align: left;
-}
-
-    .form-group .input-group .input-group-append .btn i.fa-remove {
-        width: auto;
-    }
-
-.icon-content {
-    position: fixed;
-    top: 15px;
-    left: 15px;
-    bottom: 15px;
-    right: 15px;
-    z-index: 1051;
-    display: none;
-    width: auto;
-}
-
-    .icon-content .fa-nav {
-        right: 34px;
-        top: 83px;
-        bottom: 99px;
-    }
-
-    .icon-content .modal-body {
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 51px;
-        bottom: 68px;
-        -webkit-overflow-scrolling: touch;
-        padding: 0 0 0 15px;
-    }
-
-        .icon-content .modal-body .loadIconView {
-            text-align: center;
-            font-size: 1rem;
-        }
-
-            .icon-content .modal-body .loadIconView span {
-                margin-left: 6px;
-            }
-
-    .icon-content .modal-footer {
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        white-space: nowrap;
-    }
-
-        .icon-content .modal-footer > span {
-            color: #000;
-        }
-
-        .icon-content .modal-footer > i {
-            font-size: 22px;
-            color: #337ab7;
-            border: solid 1px;
-            border-radius: 4px;
-            min-width: 36px;
-            min-height: 34px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .icon-content .modal-footer span {
-            display: none;
-        }
-
-    .icon-content .dd {
-        max-width: 100%;
-        margin-bottom: 20px;
-    }
-
-.fontawesome-icon-list .fa-hover a {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 32px;
-    display: block;
-    color: #222;
-    height: 32px;
-    border-radius: 4px;
-    padding: 0 6px;
-}
-
-    .fontawesome-icon-list .fa-hover a:hover {
-        background-color: #1d9d74;
-        color: #fff;
-        text-decoration: none;
-    }
-
-    .fontawesome-icon-list .fa-hover a .fa {
-        display: inline-block;
-        text-align: right;
-        margin-right: 10px;
-    }
-
-    .fontawesome-icon-list .fa-hover a:hover .fa {
-        font-size: 1rem;
-        vertical-align: middle;
-    }
-
-.fontawesome-icon-list ul {
-    display: block;
-    margin-left: -28px;
-}
-
-    .fontawesome-icon-list ul li {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        line-height: 32px;
-        padding-left: 10px;
-        list-style: none;
-        float: left;
-        padding-right: 15px;
-        padding-top: 2px;
-        padding-bottom: 4px;
-        height: 32px;
-        vertical-align: middle;
-        color: #222;
-    }
-
-        .fontawesome-icon-list ul li:hover {
-            background-color: #1d9d74;
-            color: #fff;
-            text-decoration: none;
-            border-radius: 4px;
-            cursor: pointer;
-        }
-
-            .fontawesome-icon-list ul li:hover span:nth-child(1) {
-                font-size: 28px;
-                vertical-align: middle;
-            }
-
-        .fontawesome-icon-list ul li span:nth-child(1) {
-            margin-right: 10px;
-        }
-
-.logfile {
-    color: #d41404;
-}
-
-    .logfile:focus, .logfile:active, .logfile:hover {
-        color: red;
-    }
-
-    .logfile span {
-        margin-left: 4px;
-        max-width: 146px;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        display: inline-block;
-        vertical-align: middle;
-    }
-
-.modal-header > h4 {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin-right: 20px;
-}
-
-.ex-content {
-    word-break: break-all;
-}
-
-@media (min-width: 375px) {
-    .icon-content .modal-footer span {
-        display: inline-block;
-    }
-}
-
-@media (min-width: 768px) {
-    .fa-nav {
-        display: block;
-        position: fixed;
-        top: 113px;
-        right: 17px;
-        width: 140px;
-        bottom: 55px;
-    }
-
-    .fa-icons {
-        margin-right: 140px;
-    }
-
-    .modal-body .fa-icons {
-        margin-right: 155px;
-    }
-}
diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.js b/src/BootstrapBlazor/Components/FAIcons/FAIconList.js
index bc1f18e27..f1e6b241a 100644
--- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.js
+++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.js
@@ -1,6 +1,6 @@
 (function ($) {
     $.extend({
-        bb_iconList: function (el) {
+        bb_iconList: function (el, obj, method) {
             var $el = $(el);
             $('body').scrollspy({ offset: 150, target: '.fa-nav' });
             $el.on('click', '.nav-link', function (e) {
@@ -16,7 +16,30 @@
                     margin = margin - parseInt(marginTop);
                 }
                 $(container).scrollTop(margin);
-            })
+            });
+            $el.on('click', '.icon-item', function (e) {
+                e.preventDefault();
+                e.stopPropagation();
+
+                var $this = $(this);
+                var $i = $(this).find('i');
+                var text = $i.attr('class');
+                var dialog = $el.hasClass('is-dialog');
+                if (dialog) {
+                    obj.invokeMethodAsync(method, text);
+                }
+                else {
+                    $.bb_copyText(text);
+                    $this.tooltip({
+                        title: 'Copy!'
+                    });
+                    $this.tooltip('show');
+                    var handler = window.setTimeout(function () {
+                        window.clearTimeout(handler);
+                        $this.tooltip('dispose');
+                    }, 1000);
+                }
+            });
         }
     });
 })(jQuery);
diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor
index b9ecdfa2e..17fcf0b33 100644
--- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor
+++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor
@@ -1,1007 +1,1007 @@
 @namespace BootstrapBlazor.Components
 @inherits BootstrapComponentBase
 
-<div data-bs-spy="scroll" data-bs-target=".fa-nav" data-bs-offset="" tabindex="0" class="icon-list" @ref="IconListElement">
+<div @attributes="AdditionalAttributes" data-bs-spy="scroll" data-bs-target=".fa-nav" tabindex="0" class="@ClassString" @ref="IconListElement">
     <div class="fa-icons">
         <section id="bb-fa-top" class="fa-target"></section>
         <section id="bb-web-application">
             <h2 class="page-header">Web Application Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-address-book"><span class="sr-only">Example of </span>address-book</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-address-book-o"><span class="sr-only">Example of </span>address-book-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-address-card"><span class="sr-only">Example of </span>address-card</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-address-card-o"><span class="sr-only">Example of </span>address-card-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-adjust"><span class="sr-only">Example of </span>adjust</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-american-sign-language-interpreting"><span class="sr-only">Example of </span>american-sign-language-interpreting</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-anchor"><span class="sr-only">Example of </span>anchor</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-archive"><span class="sr-only">Example of </span>archive</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-area-chart"><span class="sr-only">Example of </span>area-chart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows"><span class="sr-only">Example of </span>arrows</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows-h"><span class="sr-only">Example of </span>arrows-h</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows-v"><span class="sr-only">Example of </span>arrows-v</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-asl-interpreting"><span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-assistive-listening-systems"><span class="sr-only">Example of </span>assistive-listening-systems</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-asterisk"><span class="sr-only">Example of </span>asterisk</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-at"><span class="sr-only">Example of </span>at</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-audio-description"><span class="sr-only">Example of </span>audio-description</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-automobile"><span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-balance-scale"><span class="sr-only">Example of </span>balance-scale</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ban"><span class="sr-only">Example of </span>ban</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bank"><span class="sr-only">Example of </span>bank <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bar-chart"><span class="sr-only">Example of </span>bar-chart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bar-chart-o"><span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-barcode"><span class="sr-only">Example of </span>barcode</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bars"><span class="sr-only">Example of </span>bars</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bath"><span class="sr-only">Example of </span>bath</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bathtub"><span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery"><span class="sr-only">Example of </span>battery <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-0"><span class="sr-only">Example of </span>battery-0 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-1"><span class="sr-only">Example of </span>battery-1 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-2"><span class="sr-only">Example of </span>battery-2 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-3"><span class="sr-only">Example of </span>battery-3 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-4"><span class="sr-only">Example of </span>battery-4 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-empty"><span class="sr-only">Example of </span>battery-empty</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-full"><span class="sr-only">Example of </span>battery-full</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-half"><span class="sr-only">Example of </span>battery-half</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-quarter"><span class="sr-only">Example of </span>battery-quarter</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-battery-three-quarters"><span class="sr-only">Example of </span>battery-three-quarters</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bed"><span class="sr-only">Example of </span>bed</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-beer"><span class="sr-only">Example of </span>beer</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bell"><span class="sr-only">Example of </span>bell</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bell-o"><span class="sr-only">Example of </span>bell-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bell-slash"><span class="sr-only">Example of </span>bell-slash</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bell-slash-o"><span class="sr-only">Example of </span>bell-slash-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bicycle"><span class="sr-only">Example of </span>bicycle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-binoculars"><span class="sr-only">Example of </span>binoculars</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-birthday-cake"><span class="sr-only">Example of </span>birthday-cake</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-blind"><span class="sr-only">Example of </span>blind</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bluetooth"><span class="sr-only">Example of </span>bluetooth</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bluetooth-b"><span class="sr-only">Example of </span>bluetooth-b</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bolt"><span class="sr-only">Example of </span>bolt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bomb"><span class="sr-only">Example of </span>bomb</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-book"><span class="sr-only">Example of </span>book</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bookmark"><span class="sr-only">Example of </span>bookmark</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bookmark-o"><span class="sr-only">Example of </span>bookmark-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-braille"><span class="sr-only">Example of </span>braille</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-briefcase"><span class="sr-only">Example of </span>briefcase</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bug"><span class="sr-only">Example of </span>bug</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-building"><span class="sr-only">Example of </span>building</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-building-o"><span class="sr-only">Example of </span>building-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bullhorn"><span class="sr-only">Example of </span>bullhorn</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bullseye"><span class="sr-only">Example of </span>bullseye</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bus"><span class="sr-only">Example of </span>bus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cab"><span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-calculator"><span class="sr-only">Example of </span>calculator</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-calendar"><span class="sr-only">Example of </span>calendar</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-calendar-check-o"><span class="sr-only">Example of </span>calendar-check-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-calendar-minus-o"><span class="sr-only">Example of </span>calendar-minus-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-calendar-o"><span class="sr-only">Example of </span>calendar-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-calendar-plus-o"><span class="sr-only">Example of </span>calendar-plus-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-calendar-times-o"><span class="sr-only">Example of </span>calendar-times-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-camera"><span class="sr-only">Example of </span>camera</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-camera-retro"><span class="sr-only">Example of </span>camera-retro</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-car"><span class="sr-only">Example of </span>car</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-down"><span class="sr-only">Example of </span>caret-square-o-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-left"><span class="sr-only">Example of </span>caret-square-o-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-right"><span class="sr-only">Example of </span>caret-square-o-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-up"><span class="sr-only">Example of </span>caret-square-o-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cart-arrow-down"><span class="sr-only">Example of </span>cart-arrow-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cart-plus"><span class="sr-only">Example of </span>cart-plus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc"><span class="sr-only">Example of </span>cc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-certificate"><span class="sr-only">Example of </span>certificate</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-check"><span class="sr-only">Example of </span>check</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-check-circle"><span class="sr-only">Example of </span>check-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-check-circle-o"><span class="sr-only">Example of </span>check-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-check-square"><span class="sr-only">Example of </span>check-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-check-square-o"><span class="sr-only">Example of </span>check-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-child"><span class="sr-only">Example of </span>child</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-circle"><span class="sr-only">Example of </span>circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-circle-o"><span class="sr-only">Example of </span>circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-circle-o-notch"><span class="sr-only">Example of </span>circle-o-notch</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-circle-thin"><span class="sr-only">Example of </span>circle-thin</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-clock-o"><span class="sr-only">Example of </span>clock-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-clone"><span class="sr-only">Example of </span>clone</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-close"><span class="sr-only">Example of </span>close <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cloud"><span class="sr-only">Example of </span>cloud</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cloud-download"><span class="sr-only">Example of </span>cloud-download</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cloud-upload"><span class="sr-only">Example of </span>cloud-upload</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-code"><span class="sr-only">Example of </span>code</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-code-fork"><span class="sr-only">Example of </span>code-fork</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-coffee"><span class="sr-only">Example of </span>coffee</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cog"><span class="sr-only">Example of </span>cog</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cogs"><span class="sr-only">Example of </span>cogs</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-comment"><span class="sr-only">Example of </span>comment</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-comment-o"><span class="sr-only">Example of </span>comment-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-commenting"><span class="sr-only">Example of </span>commenting</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-commenting-o"><span class="sr-only">Example of </span>commenting-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-comments"><span class="sr-only">Example of </span>comments</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-comments-o"><span class="sr-only">Example of </span>comments-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-compass"><span class="sr-only">Example of </span>compass</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-copyright"><span class="sr-only">Example of </span>copyright</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-creative-commons"><span class="sr-only">Example of </span>creative-commons</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-credit-card"><span class="sr-only">Example of </span>credit-card</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-credit-card-alt"><span class="sr-only">Example of </span>credit-card-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-crop"><span class="sr-only">Example of </span>crop</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-crosshairs"><span class="sr-only">Example of </span>crosshairs</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cube"><span class="sr-only">Example of </span>cube</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cubes"><span class="sr-only">Example of </span>cubes</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cutlery"><span class="sr-only">Example of </span>cutlery</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dashboard"><span class="sr-only">Example of </span>dashboard <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-database"><span class="sr-only">Example of </span>database</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-deaf"><span class="sr-only">Example of </span>deaf</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-deafness"><span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-desktop"><span class="sr-only">Example of </span>desktop</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-diamond"><span class="sr-only">Example of </span>diamond</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dot-circle-o"><span class="sr-only">Example of </span>dot-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-download"><span class="sr-only">Example of </span>download</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-drivers-license"><span class="sr-only">Example of </span>drivers-license <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-drivers-license-o"><span class="sr-only">Example of </span>drivers-license-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-edit"><span class="sr-only">Example of </span>edit <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ellipsis-h"><span class="sr-only">Example of </span>ellipsis-h</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ellipsis-v"><span class="sr-only">Example of </span>ellipsis-v</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-envelope"><span class="sr-only">Example of </span>envelope</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-envelope-o"><span class="sr-only">Example of </span>envelope-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-envelope-open"><span class="sr-only">Example of </span>envelope-open</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-envelope-open-o"><span class="sr-only">Example of </span>envelope-open-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-envelope-square"><span class="sr-only">Example of </span>envelope-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eraser"><span class="sr-only">Example of </span>eraser</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-exchange"><span class="sr-only">Example of </span>exchange</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-exclamation"><span class="sr-only">Example of </span>exclamation</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-exclamation-circle"><span class="sr-only">Example of </span>exclamation-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-exclamation-triangle"><span class="sr-only">Example of </span>exclamation-triangle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-external-link"><span class="sr-only">Example of </span>external-link</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-external-link-square"><span class="sr-only">Example of </span>external-link-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eye"><span class="sr-only">Example of </span>eye</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eye-slash"><span class="sr-only">Example of </span>eye-slash</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eyedropper"><span class="sr-only">Example of </span>eyedropper</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fax"><span class="sr-only">Example of </span>fax</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-feed"><span class="sr-only">Example of </span>feed <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-female"><span class="sr-only">Example of </span>female</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fighter-jet"><span class="sr-only">Example of </span>fighter-jet</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-archive-o"><span class="sr-only">Example of </span>file-archive-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-audio-o"><span class="sr-only">Example of </span>file-audio-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-code-o"><span class="sr-only">Example of </span>file-code-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-excel-o"><span class="sr-only">Example of </span>file-excel-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-image-o"><span class="sr-only">Example of </span>file-image-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-movie-o"><span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-pdf-o"><span class="sr-only">Example of </span>file-pdf-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-photo-o"><span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-picture-o"><span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-powerpoint-o"><span class="sr-only">Example of </span>file-powerpoint-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-sound-o"><span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-video-o"><span class="sr-only">Example of </span>file-video-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-word-o"><span class="sr-only">Example of </span>file-word-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-zip-o"><span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-film"><span class="sr-only">Example of </span>film</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-filter"><span class="sr-only">Example of </span>filter</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fire"><span class="sr-only">Example of </span>fire</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fire-extinguisher"><span class="sr-only">Example of </span>fire-extinguisher</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-flag"><span class="sr-only">Example of </span>flag</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-flag-checkered"><span class="sr-only">Example of </span>flag-checkered</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-flag-o"><span class="sr-only">Example of </span>flag-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-flash"><span class="sr-only">Example of </span>flash <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-flask"><span class="sr-only">Example of </span>flask</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-folder"><span class="sr-only">Example of </span>folder</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-folder-o"><span class="sr-only">Example of </span>folder-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-folder-open"><span class="sr-only">Example of </span>folder-open</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-folder-open-o"><span class="sr-only">Example of </span>folder-open-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-frown-o"><span class="sr-only">Example of </span>frown-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-futbol-o"><span class="sr-only">Example of </span>futbol-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gamepad"><span class="sr-only">Example of </span>gamepad</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gavel"><span class="sr-only">Example of </span>gavel</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gear"><span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gears"><span class="sr-only">Example of </span>gears <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gift"><span class="sr-only">Example of </span>gift</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-glass"><span class="sr-only">Example of </span>glass</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-globe"><span class="sr-only">Example of </span>globe</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-graduation-cap"><span class="sr-only">Example of </span>graduation-cap</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-group"><span class="sr-only">Example of </span>group <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-grab-o"><span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-lizard-o"><span class="sr-only">Example of </span>hand-lizard-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-paper-o"><span class="sr-only">Example of </span>hand-paper-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-peace-o"><span class="sr-only">Example of </span>hand-peace-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-pointer-o"><span class="sr-only">Example of </span>hand-pointer-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-rock-o"><span class="sr-only">Example of </span>hand-rock-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-scissors-o"><span class="sr-only">Example of </span>hand-scissors-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-spock-o"><span class="sr-only">Example of </span>hand-spock-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-stop-o"><span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-handshake-o"><span class="sr-only">Example of </span>handshake-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hard-of-hearing"><span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hashtag"><span class="sr-only">Example of </span>hashtag</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hdd-o"><span class="sr-only">Example of </span>hdd-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-headphones"><span class="sr-only">Example of </span>headphones</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-heart"><span class="sr-only">Example of </span>heart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-heart-o"><span class="sr-only">Example of </span>heart-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-heartbeat"><span class="sr-only">Example of </span>heartbeat</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-history"><span class="sr-only">Example of </span>history</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-home"><span class="sr-only">Example of </span>home</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hotel"><span class="sr-only">Example of </span>hotel <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass"><span class="sr-only">Example of </span>hourglass</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass-1"><span class="sr-only">Example of </span>hourglass-1 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass-2"><span class="sr-only">Example of </span>hourglass-2 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass-3"><span class="sr-only">Example of </span>hourglass-3 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass-end"><span class="sr-only">Example of </span>hourglass-end</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass-half"><span class="sr-only">Example of </span>hourglass-half</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass-o"><span class="sr-only">Example of </span>hourglass-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hourglass-start"><span class="sr-only">Example of </span>hourglass-start</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-i-cursor"><span class="sr-only">Example of </span>i-cursor</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-id-badge"><span class="sr-only">Example of </span>id-badge</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-id-card"><span class="sr-only">Example of </span>id-card</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-id-card-o"><span class="sr-only">Example of </span>id-card-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-image"><span class="sr-only">Example of </span>image <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-inbox"><span class="sr-only">Example of </span>inbox</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-industry"><span class="sr-only">Example of </span>industry</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-info"><span class="sr-only">Example of </span>info</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-info-circle"><span class="sr-only">Example of </span>info-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-institution"><span class="sr-only">Example of </span>institution <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-key"><span class="sr-only">Example of </span>key</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-keyboard-o"><span class="sr-only">Example of </span>keyboard-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-language"><span class="sr-only">Example of </span>language</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-laptop"><span class="sr-only">Example of </span>laptop</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-leaf"><span class="sr-only">Example of </span>leaf</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-legal"><span class="sr-only">Example of </span>legal <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-lemon-o"><span class="sr-only">Example of </span>lemon-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-level-down"><span class="sr-only">Example of </span>level-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-level-up"><span class="sr-only">Example of </span>level-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-life-bouy"><span class="sr-only">Example of </span>life-bouy <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-life-buoy"><span class="sr-only">Example of </span>life-buoy <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-life-ring"><span class="sr-only">Example of </span>life-ring</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-life-saver"><span class="sr-only">Example of </span>life-saver <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-lightbulb-o"><span class="sr-only">Example of </span>lightbulb-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-line-chart"><span class="sr-only">Example of </span>line-chart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-location-arrow"><span class="sr-only">Example of </span>location-arrow</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-lock"><span class="sr-only">Example of </span>lock</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-low-vision"><span class="sr-only">Example of </span>low-vision</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-magic"><span class="sr-only">Example of </span>magic</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-magnet"><span class="sr-only">Example of </span>magnet</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mail-forward"><span class="sr-only">Example of </span>mail-forward <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mail-reply"><span class="sr-only">Example of </span>mail-reply <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mail-reply-all"><span class="sr-only">Example of </span>mail-reply-all <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-male"><span class="sr-only">Example of </span>male</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-map"><span class="sr-only">Example of </span>map</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-map-marker"><span class="sr-only">Example of </span>map-marker</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-map-o"><span class="sr-only">Example of </span>map-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-map-pin"><span class="sr-only">Example of </span>map-pin</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-map-signs"><span class="sr-only">Example of </span>map-signs</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-meh-o"><span class="sr-only">Example of </span>meh-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-microchip"><span class="sr-only">Example of </span>microchip</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-microphone"><span class="sr-only">Example of </span>microphone</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-microphone-slash"><span class="sr-only">Example of </span>microphone-slash</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-minus"><span class="sr-only">Example of </span>minus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-minus-circle"><span class="sr-only">Example of </span>minus-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-minus-square"><span class="sr-only">Example of </span>minus-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-minus-square-o"><span class="sr-only">Example of </span>minus-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mobile"><span class="sr-only">Example of </span>mobile</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mobile-phone"><span class="sr-only">Example of </span>mobile-phone <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-money"><span class="sr-only">Example of </span>money</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-moon-o"><span class="sr-only">Example of </span>moon-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mortar-board"><span class="sr-only">Example of </span>mortar-board <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-motorcycle"><span class="sr-only">Example of </span>motorcycle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mouse-pointer"><span class="sr-only">Example of </span>mouse-pointer</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-music"><span class="sr-only">Example of </span>music</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-navicon"><span class="sr-only">Example of </span>navicon <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-newspaper-o"><span class="sr-only">Example of </span>newspaper-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-object-group"><span class="sr-only">Example of </span>object-group</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-object-ungroup"><span class="sr-only">Example of </span>object-ungroup</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paint-brush"><span class="sr-only">Example of </span>paint-brush</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paper-plane"><span class="sr-only">Example of </span>paper-plane</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paper-plane-o"><span class="sr-only">Example of </span>paper-plane-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paw"><span class="sr-only">Example of </span>paw</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pencil"><span class="sr-only">Example of </span>pencil</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pencil-square"><span class="sr-only">Example of </span>pencil-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pencil-square-o"><span class="sr-only">Example of </span>pencil-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-percent"><span class="sr-only">Example of </span>percent</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-phone"><span class="sr-only">Example of </span>phone</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-phone-square"><span class="sr-only">Example of </span>phone-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-photo"><span class="sr-only">Example of </span>photo <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-picture-o"><span class="sr-only">Example of </span>picture-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pie-chart"><span class="sr-only">Example of </span>pie-chart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plane"><span class="sr-only">Example of </span>plane</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plug"><span class="sr-only">Example of </span>plug</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plus"><span class="sr-only">Example of </span>plus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plus-circle"><span class="sr-only">Example of </span>plus-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plus-square"><span class="sr-only">Example of </span>plus-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plus-square-o"><span class="sr-only">Example of </span>plus-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-podcast"><span class="sr-only">Example of </span>podcast</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-power-off"><span class="sr-only">Example of </span>power-off</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-print"><span class="sr-only">Example of </span>print</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-puzzle-piece"><span class="sr-only">Example of </span>puzzle-piece</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-qrcode"><span class="sr-only">Example of </span>qrcode</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-question"><span class="sr-only">Example of </span>question</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-question-circle"><span class="sr-only">Example of </span>question-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-question-circle-o"><span class="sr-only">Example of </span>question-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-quote-left"><span class="sr-only">Example of </span>quote-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-quote-right"><span class="sr-only">Example of </span>quote-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-random"><span class="sr-only">Example of </span>random</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-recycle"><span class="sr-only">Example of </span>recycle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-refresh"><span class="sr-only">Example of </span>refresh</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-registered"><span class="sr-only">Example of </span>registered</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-remove"><span class="sr-only">Example of </span>remove <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-reorder"><span class="sr-only">Example of </span>reorder <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-reply"><span class="sr-only">Example of </span>reply</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-reply-all"><span class="sr-only">Example of </span>reply-all</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-retweet"><span class="sr-only">Example of </span>retweet</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-road"><span class="sr-only">Example of </span>road</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rocket"><span class="sr-only">Example of </span>rocket</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rss"><span class="sr-only">Example of </span>rss</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rss-square"><span class="sr-only">Example of </span>rss-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-s15"><span class="sr-only">Example of </span>s15 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-search"><span class="sr-only">Example of </span>search</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-search-minus"><span class="sr-only">Example of </span>search-minus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-search-plus"><span class="sr-only">Example of </span>search-plus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-send"><span class="sr-only">Example of </span>send <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-send-o"><span class="sr-only">Example of </span>send-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-server"><span class="sr-only">Example of </span>server</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-share"><span class="sr-only">Example of </span>share</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-share-alt"><span class="sr-only">Example of </span>share-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-share-alt-square"><span class="sr-only">Example of </span>share-alt-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-share-square"><span class="sr-only">Example of </span>share-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-share-square-o"><span class="sr-only">Example of </span>share-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-shield"><span class="sr-only">Example of </span>shield</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ship"><span class="sr-only">Example of </span>ship</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-shopping-bag"><span class="sr-only">Example of </span>shopping-bag</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-shopping-basket"><span class="sr-only">Example of </span>shopping-basket</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-shopping-cart"><span class="sr-only">Example of </span>shopping-cart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-shower"><span class="sr-only">Example of </span>shower</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sign-in"><span class="sr-only">Example of </span>sign-in</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sign-language"><span class="sr-only">Example of </span>sign-language</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sign-out"><span class="sr-only">Example of </span>sign-out</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-signal"><span class="sr-only">Example of </span>signal</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-signing"><span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sitemap"><span class="sr-only">Example of </span>sitemap</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sliders"><span class="sr-only">Example of </span>sliders</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-smile-o"><span class="sr-only">Example of </span>smile-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-snowflake-o"><span class="sr-only">Example of </span>snowflake-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-soccer-ball-o"><span class="sr-only">Example of </span>soccer-ball-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort"><span class="sr-only">Example of </span>sort</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-alpha-asc"><span class="sr-only">Example of </span>sort-alpha-asc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-alpha-desc"><span class="sr-only">Example of </span>sort-alpha-desc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-amount-asc"><span class="sr-only">Example of </span>sort-amount-asc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-amount-desc"><span class="sr-only">Example of </span>sort-amount-desc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-asc"><span class="sr-only">Example of </span>sort-asc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-desc"><span class="sr-only">Example of </span>sort-desc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-down"><span class="sr-only">Example of </span>sort-down <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-numeric-asc"><span class="sr-only">Example of </span>sort-numeric-asc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-numeric-desc"><span class="sr-only">Example of </span>sort-numeric-desc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sort-up"><span class="sr-only">Example of </span>sort-up <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-space-shuttle"><span class="sr-only">Example of </span>space-shuttle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-spinner"><span class="sr-only">Example of </span>spinner</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-spoon"><span class="sr-only">Example of </span>spoon</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-square"><span class="sr-only">Example of </span>square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-square-o"><span class="sr-only">Example of </span>square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-star"><span class="sr-only">Example of </span>star</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-star-half"><span class="sr-only">Example of </span>star-half</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-star-half-empty"><span class="sr-only">Example of </span>star-half-empty <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-star-half-full"><span class="sr-only">Example of </span>star-half-full <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-star-half-o"><span class="sr-only">Example of </span>star-half-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-star-o"><span class="sr-only">Example of </span>star-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sticky-note"><span class="sr-only">Example of </span>sticky-note</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sticky-note-o"><span class="sr-only">Example of </span>sticky-note-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-street-view"><span class="sr-only">Example of </span>street-view</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-suitcase"><span class="sr-only">Example of </span>suitcase</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sun-o"><span class="sr-only">Example of </span>sun-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-support"><span class="sr-only">Example of </span>support <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tablet"><span class="sr-only">Example of </span>tablet</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tachometer"><span class="sr-only">Example of </span>tachometer</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tag"><span class="sr-only">Example of </span>tag</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tags"><span class="sr-only">Example of </span>tags</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tasks"><span class="sr-only">Example of </span>tasks</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-taxi"><span class="sr-only">Example of </span>taxi</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-television"><span class="sr-only">Example of </span>television</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-terminal"><span class="sr-only">Example of </span>terminal</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer"><span class="sr-only">Example of </span>thermometer <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-0"><span class="sr-only">Example of </span>thermometer-0 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-1"><span class="sr-only">Example of </span>thermometer-1 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-2"><span class="sr-only">Example of </span>thermometer-2 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-3"><span class="sr-only">Example of </span>thermometer-3 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-4"><span class="sr-only">Example of </span>thermometer-4 <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-empty"><span class="sr-only">Example of </span>thermometer-empty</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-full"><span class="sr-only">Example of </span>thermometer-full</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-half"><span class="sr-only">Example of </span>thermometer-half</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-quarter"><span class="sr-only">Example of </span>thermometer-quarter</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thermometer-three-quarters"><span class="sr-only">Example of </span>thermometer-three-quarters</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumb-tack"><span class="sr-only">Example of </span>thumb-tack</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-down"><span class="sr-only">Example of </span>thumbs-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-o-down"><span class="sr-only">Example of </span>thumbs-o-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-o-up"><span class="sr-only">Example of </span>thumbs-o-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-up"><span class="sr-only">Example of </span>thumbs-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ticket"><span class="sr-only">Example of </span>ticket</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-times"><span class="sr-only">Example of </span>times</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-times-circle"><span class="sr-only">Example of </span>times-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-times-circle-o"><span class="sr-only">Example of </span>times-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-times-rectangle"><span class="sr-only">Example of </span>times-rectangle <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-times-rectangle-o"><span class="sr-only">Example of </span>times-rectangle-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tint"><span class="sr-only">Example of </span>tint</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-down"><span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-left"><span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-off"><span class="sr-only">Example of </span>toggle-off</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-on"><span class="sr-only">Example of </span>toggle-on</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-right"><span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-up"><span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-trademark"><span class="sr-only">Example of </span>trademark</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-trash"><span class="sr-only">Example of </span>trash</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-trash-o"><span class="sr-only">Example of </span>trash-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tree"><span class="sr-only">Example of </span>tree</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-trophy"><span class="sr-only">Example of </span>trophy</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-truck"><span class="sr-only">Example of </span>truck</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tty"><span class="sr-only">Example of </span>tty</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tv"><span class="sr-only">Example of </span>tv <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-umbrella"><span class="sr-only">Example of </span>umbrella</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-universal-access"><span class="sr-only">Example of </span>universal-access</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-university"><span class="sr-only">Example of </span>university</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-unlock"><span class="sr-only">Example of </span>unlock</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-unlock-alt"><span class="sr-only">Example of </span>unlock-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-unsorted"><span class="sr-only">Example of </span>unsorted <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-upload"><span class="sr-only">Example of </span>upload</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user"><span class="sr-only">Example of </span>user</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user-circle"><span class="sr-only">Example of </span>user-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user-circle-o"><span class="sr-only">Example of </span>user-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user-o"><span class="sr-only">Example of </span>user-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user-plus"><span class="sr-only">Example of </span>user-plus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user-secret"><span class="sr-only">Example of </span>user-secret</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user-times"><span class="sr-only">Example of </span>user-times</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-users"><span class="sr-only">Example of </span>users</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-vcard"><span class="sr-only">Example of </span>vcard <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-vcard-o"><span class="sr-only">Example of </span>vcard-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-video-camera"><span class="sr-only">Example of </span>video-camera</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-volume-control-phone"><span class="sr-only">Example of </span>volume-control-phone</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-volume-down"><span class="sr-only">Example of </span>volume-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-volume-off"><span class="sr-only">Example of </span>volume-off</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-volume-up"><span class="sr-only">Example of </span>volume-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-warning"><span class="sr-only">Example of </span>warning <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair"><span class="sr-only">Example of </span>wheelchair</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair-alt"><span class="sr-only">Example of </span>wheelchair-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wifi"><span class="sr-only">Example of </span>wifi</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-window-close"><span class="sr-only">Example of </span>window-close</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-window-close-o"><span class="sr-only">Example of </span>window-close-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-window-maximize"><span class="sr-only">Example of </span>window-maximize</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-window-minimize"><span class="sr-only">Example of </span>window-minimize</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-window-restore"><span class="sr-only">Example of </span>window-restore</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wrench"><span class="sr-only">Example of </span>wrench</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-address-book" aria-hidden="true"></i><span class="sr-only">Example of </span>address-book</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-address-book-o" aria-hidden="true"></i><span class="sr-only">Example of </span>address-book-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-address-card" aria-hidden="true"></i><span class="sr-only">Example of </span>address-card</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-address-card-o" aria-hidden="true"></i><span class="sr-only">Example of </span>address-card-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-adjust" aria-hidden="true"></i><span class="sr-only">Example of </span>adjust</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i><span class="sr-only">Example of </span>american-sign-language-interpreting</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-anchor" aria-hidden="true"></i><span class="sr-only">Example of </span>anchor</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-archive" aria-hidden="true"></i><span class="sr-only">Example of </span>archive</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-area-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>area-chart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows-h" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows-h</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows-v" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows-v</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-asl-interpreting" aria-hidden="true"></i><span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i><span class="sr-only">Example of </span>assistive-listening-systems</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-asterisk" aria-hidden="true"></i><span class="sr-only">Example of </span>asterisk</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-at" aria-hidden="true"></i><span class="sr-only">Example of </span>at</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-audio-description" aria-hidden="true"></i><span class="sr-only">Example of </span>audio-description</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-automobile" aria-hidden="true"></i><span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-balance-scale" aria-hidden="true"></i><span class="sr-only">Example of </span>balance-scale</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ban" aria-hidden="true"></i><span class="sr-only">Example of </span>ban</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bank" aria-hidden="true"></i><span class="sr-only">Example of </span>bank <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bar-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>bar-chart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bar-chart-o" aria-hidden="true"></i><span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-barcode" aria-hidden="true"></i><span class="sr-only">Example of </span>barcode</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bars" aria-hidden="true"></i><span class="sr-only">Example of </span>bars</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bath" aria-hidden="true"></i><span class="sr-only">Example of </span>bath</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bathtub" aria-hidden="true"></i><span class="sr-only">Example of </span>bathtub <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery" aria-hidden="true"></i><span class="sr-only">Example of </span>battery <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-0" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-0 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-1" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-1 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-2" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-2 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-3" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-3 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-4" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-4 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-empty" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-empty</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-full" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-full</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-half" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-half</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-quarter" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-quarter</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-battery-three-quarters" aria-hidden="true"></i><span class="sr-only">Example of </span>battery-three-quarters</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bed" aria-hidden="true"></i><span class="sr-only">Example of </span>bed</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-beer" aria-hidden="true"></i><span class="sr-only">Example of </span>beer</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bell" aria-hidden="true"></i><span class="sr-only">Example of </span>bell</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bell-o" aria-hidden="true"></i><span class="sr-only">Example of </span>bell-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bell-slash" aria-hidden="true"></i><span class="sr-only">Example of </span>bell-slash</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bell-slash-o" aria-hidden="true"></i><span class="sr-only">Example of </span>bell-slash-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bicycle" aria-hidden="true"></i><span class="sr-only">Example of </span>bicycle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-binoculars" aria-hidden="true"></i><span class="sr-only">Example of </span>binoculars</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-birthday-cake" aria-hidden="true"></i><span class="sr-only">Example of </span>birthday-cake</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-blind" aria-hidden="true"></i><span class="sr-only">Example of </span>blind</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bluetooth" aria-hidden="true"></i><span class="sr-only">Example of </span>bluetooth</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bluetooth-b" aria-hidden="true"></i><span class="sr-only">Example of </span>bluetooth-b</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bolt" aria-hidden="true"></i><span class="sr-only">Example of </span>bolt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bomb" aria-hidden="true"></i><span class="sr-only">Example of </span>bomb</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-book" aria-hidden="true"></i><span class="sr-only">Example of </span>book</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bookmark" aria-hidden="true"></i><span class="sr-only">Example of </span>bookmark</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bookmark-o" aria-hidden="true"></i><span class="sr-only">Example of </span>bookmark-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-braille" aria-hidden="true"></i><span class="sr-only">Example of </span>braille</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-briefcase" aria-hidden="true"></i><span class="sr-only">Example of </span>briefcase</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bug" aria-hidden="true"></i><span class="sr-only">Example of </span>bug</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-building" aria-hidden="true"></i><span class="sr-only">Example of </span>building</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-building-o" aria-hidden="true"></i><span class="sr-only">Example of </span>building-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bullhorn" aria-hidden="true"></i><span class="sr-only">Example of </span>bullhorn</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bullseye" aria-hidden="true"></i><span class="sr-only">Example of </span>bullseye</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bus" aria-hidden="true"></i><span class="sr-only">Example of </span>bus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cab" aria-hidden="true"></i><span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-calculator" aria-hidden="true"></i><span class="sr-only">Example of </span>calculator</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-calendar" aria-hidden="true"></i><span class="sr-only">Example of </span>calendar</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span class="sr-only">Example of </span>calendar-check-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-calendar-minus-o" aria-hidden="true"></i><span class="sr-only">Example of </span>calendar-minus-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-calendar-o" aria-hidden="true"></i><span class="sr-only">Example of </span>calendar-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i><span class="sr-only">Example of </span>calendar-plus-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-calendar-times-o" aria-hidden="true"></i><span class="sr-only">Example of </span>calendar-times-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-camera" aria-hidden="true"></i><span class="sr-only">Example of </span>camera</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-camera-retro" aria-hidden="true"></i><span class="sr-only">Example of </span>camera-retro</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-car" aria-hidden="true"></i><span class="sr-only">Example of </span>car</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i><span class="sr-only">Example of </span>cart-arrow-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cart-plus" aria-hidden="true"></i><span class="sr-only">Example of </span>cart-plus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc" aria-hidden="true"></i><span class="sr-only">Example of </span>cc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-certificate" aria-hidden="true"></i><span class="sr-only">Example of </span>certificate</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-check" aria-hidden="true"></i><span class="sr-only">Example of </span>check</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-check-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>check-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-check-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>check-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-check-square" aria-hidden="true"></i><span class="sr-only">Example of </span>check-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-check-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>check-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-child" aria-hidden="true"></i><span class="sr-only">Example of </span>child</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-circle-o-notch" aria-hidden="true"></i><span class="sr-only">Example of </span>circle-o-notch</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-circle-thin" aria-hidden="true"></i><span class="sr-only">Example of </span>circle-thin</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-clock-o" aria-hidden="true"></i><span class="sr-only">Example of </span>clock-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-clone" aria-hidden="true"></i><span class="sr-only">Example of </span>clone</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-close" aria-hidden="true"></i><span class="sr-only">Example of </span>close <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cloud" aria-hidden="true"></i><span class="sr-only">Example of </span>cloud</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cloud-download" aria-hidden="true"></i><span class="sr-only">Example of </span>cloud-download</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cloud-upload" aria-hidden="true"></i><span class="sr-only">Example of </span>cloud-upload</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-code" aria-hidden="true"></i><span class="sr-only">Example of </span>code</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-code-fork" aria-hidden="true"></i><span class="sr-only">Example of </span>code-fork</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-coffee" aria-hidden="true"></i><span class="sr-only">Example of </span>coffee</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cog" aria-hidden="true"></i><span class="sr-only">Example of </span>cog</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cogs" aria-hidden="true"></i><span class="sr-only">Example of </span>cogs</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-comment" aria-hidden="true"></i><span class="sr-only">Example of </span>comment</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-comment-o" aria-hidden="true"></i><span class="sr-only">Example of </span>comment-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-commenting" aria-hidden="true"></i><span class="sr-only">Example of </span>commenting</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-commenting-o" aria-hidden="true"></i><span class="sr-only">Example of </span>commenting-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-comments" aria-hidden="true"></i><span class="sr-only">Example of </span>comments</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-comments-o" aria-hidden="true"></i><span class="sr-only">Example of </span>comments-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-compass" aria-hidden="true"></i><span class="sr-only">Example of </span>compass</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-copyright" aria-hidden="true"></i><span class="sr-only">Example of </span>copyright</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-creative-commons" aria-hidden="true"></i><span class="sr-only">Example of </span>creative-commons</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-credit-card" aria-hidden="true"></i><span class="sr-only">Example of </span>credit-card</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-credit-card-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>credit-card-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-crop" aria-hidden="true"></i><span class="sr-only">Example of </span>crop</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-crosshairs" aria-hidden="true"></i><span class="sr-only">Example of </span>crosshairs</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cube" aria-hidden="true"></i><span class="sr-only">Example of </span>cube</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cubes" aria-hidden="true"></i><span class="sr-only">Example of </span>cubes</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cutlery" aria-hidden="true"></i><span class="sr-only">Example of </span>cutlery</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dashboard" aria-hidden="true"></i><span class="sr-only">Example of </span>dashboard <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-database" aria-hidden="true"></i><span class="sr-only">Example of </span>database</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-deaf" aria-hidden="true"></i><span class="sr-only">Example of </span>deaf</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-deafness" aria-hidden="true"></i><span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-desktop" aria-hidden="true"></i><span class="sr-only">Example of </span>desktop</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-diamond" aria-hidden="true"></i><span class="sr-only">Example of </span>diamond</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dot-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>dot-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-download" aria-hidden="true"></i><span class="sr-only">Example of </span>download</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-drivers-license" aria-hidden="true"></i><span class="sr-only">Example of </span>drivers-license <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-drivers-license-o" aria-hidden="true"></i><span class="sr-only">Example of </span>drivers-license-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-edit" aria-hidden="true"></i><span class="sr-only">Example of </span>edit <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ellipsis-h" aria-hidden="true"></i><span class="sr-only">Example of </span>ellipsis-h</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sr-only">Example of </span>ellipsis-v</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-envelope" aria-hidden="true"></i><span class="sr-only">Example of </span>envelope</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-envelope-o" aria-hidden="true"></i><span class="sr-only">Example of </span>envelope-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-envelope-open" aria-hidden="true"></i><span class="sr-only">Example of </span>envelope-open</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-envelope-open-o" aria-hidden="true"></i><span class="sr-only">Example of </span>envelope-open-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-envelope-square" aria-hidden="true"></i><span class="sr-only">Example of </span>envelope-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eraser" aria-hidden="true"></i><span class="sr-only">Example of </span>eraser</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-exchange" aria-hidden="true"></i><span class="sr-only">Example of </span>exchange</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-exclamation" aria-hidden="true"></i><span class="sr-only">Example of </span>exclamation</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>exclamation-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i><span class="sr-only">Example of </span>exclamation-triangle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-external-link" aria-hidden="true"></i><span class="sr-only">Example of </span>external-link</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-external-link-square" aria-hidden="true"></i><span class="sr-only">Example of </span>external-link-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eye" aria-hidden="true"></i><span class="sr-only">Example of </span>eye</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eye-slash" aria-hidden="true"></i><span class="sr-only">Example of </span>eye-slash</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eyedropper" aria-hidden="true"></i><span class="sr-only">Example of </span>eyedropper</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fax" aria-hidden="true"></i><span class="sr-only">Example of </span>fax</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-feed" aria-hidden="true"></i><span class="sr-only">Example of </span>feed <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-female" aria-hidden="true"></i><span class="sr-only">Example of </span>female</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fighter-jet" aria-hidden="true"></i><span class="sr-only">Example of </span>fighter-jet</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-archive-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-archive-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-audio-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-audio-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-code-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-code-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-excel-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-excel-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-image-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-image-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-movie-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-pdf-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-pdf-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-photo-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-picture-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-powerpoint-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-sound-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-video-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-video-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-word-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-word-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-zip-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-film" aria-hidden="true"></i><span class="sr-only">Example of </span>film</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-filter" aria-hidden="true"></i><span class="sr-only">Example of </span>filter</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fire" aria-hidden="true"></i><span class="sr-only">Example of </span>fire</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fire-extinguisher" aria-hidden="true"></i><span class="sr-only">Example of </span>fire-extinguisher</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-flag" aria-hidden="true"></i><span class="sr-only">Example of </span>flag</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-flag-checkered" aria-hidden="true"></i><span class="sr-only">Example of </span>flag-checkered</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-flag-o" aria-hidden="true"></i><span class="sr-only">Example of </span>flag-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-flash" aria-hidden="true"></i><span class="sr-only">Example of </span>flash <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-flask" aria-hidden="true"></i><span class="sr-only">Example of </span>flask</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-folder" aria-hidden="true"></i><span class="sr-only">Example of </span>folder</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-folder-o" aria-hidden="true"></i><span class="sr-only">Example of </span>folder-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sr-only">Example of </span>folder-open</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-folder-open-o" aria-hidden="true"></i><span class="sr-only">Example of </span>folder-open-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-frown-o" aria-hidden="true"></i><span class="sr-only">Example of </span>frown-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-futbol-o" aria-hidden="true"></i><span class="sr-only">Example of </span>futbol-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gamepad" aria-hidden="true"></i><span class="sr-only">Example of </span>gamepad</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gavel" aria-hidden="true"></i><span class="sr-only">Example of </span>gavel</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gear" aria-hidden="true"></i><span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gears" aria-hidden="true"></i><span class="sr-only">Example of </span>gears <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gift" aria-hidden="true"></i><span class="sr-only">Example of </span>gift</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-glass" aria-hidden="true"></i><span class="sr-only">Example of </span>glass</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-globe" aria-hidden="true"></i><span class="sr-only">Example of </span>globe</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-graduation-cap" aria-hidden="true"></i><span class="sr-only">Example of </span>graduation-cap</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-group" aria-hidden="true"></i><span class="sr-only">Example of </span>group <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-grab-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-lizard-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-paper-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-paper-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-peace-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-peace-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-pointer-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-rock-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-rock-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-scissors-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-spock-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-spock-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-stop-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-handshake-o" aria-hidden="true"></i><span class="sr-only">Example of </span>handshake-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i><span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hashtag" aria-hidden="true"></i><span class="sr-only">Example of </span>hashtag</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hdd-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hdd-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-headphones" aria-hidden="true"></i><span class="sr-only">Example of </span>headphones</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-heart" aria-hidden="true"></i><span class="sr-only">Example of </span>heart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sr-only">Example of </span>heart-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-heartbeat" aria-hidden="true"></i><span class="sr-only">Example of </span>heartbeat</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-history" aria-hidden="true"></i><span class="sr-only">Example of </span>history</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-home" aria-hidden="true"></i><span class="sr-only">Example of </span>home</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hotel" aria-hidden="true"></i><span class="sr-only">Example of </span>hotel <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass-1" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass-1 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass-2" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass-2 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass-3" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass-3 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass-end" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass-end</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass-half" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass-half</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hourglass-start" aria-hidden="true"></i><span class="sr-only">Example of </span>hourglass-start</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-i-cursor" aria-hidden="true"></i><span class="sr-only">Example of </span>i-cursor</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-id-badge" aria-hidden="true"></i><span class="sr-only">Example of </span>id-badge</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-id-card" aria-hidden="true"></i><span class="sr-only">Example of </span>id-card</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-id-card-o" aria-hidden="true"></i><span class="sr-only">Example of </span>id-card-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-image" aria-hidden="true"></i><span class="sr-only">Example of </span>image <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-inbox" aria-hidden="true"></i><span class="sr-only">Example of </span>inbox</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-industry" aria-hidden="true"></i><span class="sr-only">Example of </span>industry</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-info" aria-hidden="true"></i><span class="sr-only">Example of </span>info</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-info-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>info-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-institution" aria-hidden="true"></i><span class="sr-only">Example of </span>institution <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-key" aria-hidden="true"></i><span class="sr-only">Example of </span>key</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-keyboard-o" aria-hidden="true"></i><span class="sr-only">Example of </span>keyboard-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-language" aria-hidden="true"></i><span class="sr-only">Example of </span>language</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-laptop" aria-hidden="true"></i><span class="sr-only">Example of </span>laptop</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-leaf" aria-hidden="true"></i><span class="sr-only">Example of </span>leaf</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-legal" aria-hidden="true"></i><span class="sr-only">Example of </span>legal <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-lemon-o" aria-hidden="true"></i><span class="sr-only">Example of </span>lemon-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-level-down" aria-hidden="true"></i><span class="sr-only">Example of </span>level-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-level-up" aria-hidden="true"></i><span class="sr-only">Example of </span>level-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-life-bouy" aria-hidden="true"></i><span class="sr-only">Example of </span>life-bouy <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-life-buoy" aria-hidden="true"></i><span class="sr-only">Example of </span>life-buoy <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-life-ring" aria-hidden="true"></i><span class="sr-only">Example of </span>life-ring</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-life-saver" aria-hidden="true"></i><span class="sr-only">Example of </span>life-saver <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-lightbulb-o" aria-hidden="true"></i><span class="sr-only">Example of </span>lightbulb-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-line-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>line-chart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-location-arrow" aria-hidden="true"></i><span class="sr-only">Example of </span>location-arrow</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-lock" aria-hidden="true"></i><span class="sr-only">Example of </span>lock</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-low-vision" aria-hidden="true"></i><span class="sr-only">Example of </span>low-vision</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-magic" aria-hidden="true"></i><span class="sr-only">Example of </span>magic</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-magnet" aria-hidden="true"></i><span class="sr-only">Example of </span>magnet</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mail-forward" aria-hidden="true"></i><span class="sr-only">Example of </span>mail-forward <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mail-reply" aria-hidden="true"></i><span class="sr-only">Example of </span>mail-reply <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mail-reply-all" aria-hidden="true"></i><span class="sr-only">Example of </span>mail-reply-all <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-male" aria-hidden="true"></i><span class="sr-only">Example of </span>male</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-map" aria-hidden="true"></i><span class="sr-only">Example of </span>map</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-map-marker" aria-hidden="true"></i><span class="sr-only">Example of </span>map-marker</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-map-o" aria-hidden="true"></i><span class="sr-only">Example of </span>map-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-map-pin" aria-hidden="true"></i><span class="sr-only">Example of </span>map-pin</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-map-signs" aria-hidden="true"></i><span class="sr-only">Example of </span>map-signs</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-meh-o" aria-hidden="true"></i><span class="sr-only">Example of </span>meh-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-microchip" aria-hidden="true"></i><span class="sr-only">Example of </span>microchip</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-microphone" aria-hidden="true"></i><span class="sr-only">Example of </span>microphone</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-microphone-slash" aria-hidden="true"></i><span class="sr-only">Example of </span>microphone-slash</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-minus" aria-hidden="true"></i><span class="sr-only">Example of </span>minus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-minus-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>minus-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-minus-square" aria-hidden="true"></i><span class="sr-only">Example of </span>minus-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-minus-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>minus-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mobile" aria-hidden="true"></i><span class="sr-only">Example of </span>mobile</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mobile-phone" aria-hidden="true"></i><span class="sr-only">Example of </span>mobile-phone <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-money" aria-hidden="true"></i><span class="sr-only">Example of </span>money</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-moon-o" aria-hidden="true"></i><span class="sr-only">Example of </span>moon-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mortar-board" aria-hidden="true"></i><span class="sr-only">Example of </span>mortar-board <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-motorcycle" aria-hidden="true"></i><span class="sr-only">Example of </span>motorcycle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mouse-pointer" aria-hidden="true"></i><span class="sr-only">Example of </span>mouse-pointer</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-music" aria-hidden="true"></i><span class="sr-only">Example of </span>music</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-navicon" aria-hidden="true"></i><span class="sr-only">Example of </span>navicon <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-newspaper-o" aria-hidden="true"></i><span class="sr-only">Example of </span>newspaper-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-object-group" aria-hidden="true"></i><span class="sr-only">Example of </span>object-group</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-object-ungroup" aria-hidden="true"></i><span class="sr-only">Example of </span>object-ungroup</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paint-brush" aria-hidden="true"></i><span class="sr-only">Example of </span>paint-brush</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paper-plane" aria-hidden="true"></i><span class="sr-only">Example of </span>paper-plane</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paper-plane-o" aria-hidden="true"></i><span class="sr-only">Example of </span>paper-plane-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paw" aria-hidden="true"></i><span class="sr-only">Example of </span>paw</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sr-only">Example of </span>pencil</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pencil-square" aria-hidden="true"></i><span class="sr-only">Example of </span>pencil-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pencil-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>pencil-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-percent" aria-hidden="true"></i><span class="sr-only">Example of </span>percent</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-phone" aria-hidden="true"></i><span class="sr-only">Example of </span>phone</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-phone-square" aria-hidden="true"></i><span class="sr-only">Example of </span>phone-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-photo" aria-hidden="true"></i><span class="sr-only">Example of </span>photo <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-picture-o" aria-hidden="true"></i><span class="sr-only">Example of </span>picture-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pie-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>pie-chart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plane" aria-hidden="true"></i><span class="sr-only">Example of </span>plane</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plug" aria-hidden="true"></i><span class="sr-only">Example of </span>plug</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plus" aria-hidden="true"></i><span class="sr-only">Example of </span>plus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plus-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>plus-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plus-square" aria-hidden="true"></i><span class="sr-only">Example of </span>plus-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plus-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>plus-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-podcast" aria-hidden="true"></i><span class="sr-only">Example of </span>podcast</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-power-off" aria-hidden="true"></i><span class="sr-only">Example of </span>power-off</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-print" aria-hidden="true"></i><span class="sr-only">Example of </span>print</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-puzzle-piece" aria-hidden="true"></i><span class="sr-only">Example of </span>puzzle-piece</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-qrcode" aria-hidden="true"></i><span class="sr-only">Example of </span>qrcode</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-question" aria-hidden="true"></i><span class="sr-only">Example of </span>question</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-question-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>question-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>question-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-quote-left" aria-hidden="true"></i><span class="sr-only">Example of </span>quote-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-quote-right" aria-hidden="true"></i><span class="sr-only">Example of </span>quote-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-random" aria-hidden="true"></i><span class="sr-only">Example of </span>random</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-recycle" aria-hidden="true"></i><span class="sr-only">Example of </span>recycle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-refresh" aria-hidden="true"></i><span class="sr-only">Example of </span>refresh</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-registered" aria-hidden="true"></i><span class="sr-only">Example of </span>registered</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-remove" aria-hidden="true"></i><span class="sr-only">Example of </span>remove <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-reorder" aria-hidden="true"></i><span class="sr-only">Example of </span>reorder <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-reply" aria-hidden="true"></i><span class="sr-only">Example of </span>reply</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-reply-all" aria-hidden="true"></i><span class="sr-only">Example of </span>reply-all</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-retweet" aria-hidden="true"></i><span class="sr-only">Example of </span>retweet</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-road" aria-hidden="true"></i><span class="sr-only">Example of </span>road</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rocket" aria-hidden="true"></i><span class="sr-only">Example of </span>rocket</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Example of </span>rss</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rss-square" aria-hidden="true"></i><span class="sr-only">Example of </span>rss-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-s15" aria-hidden="true"></i><span class="sr-only">Example of </span>s15 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-search" aria-hidden="true"></i><span class="sr-only">Example of </span>search</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-search-minus" aria-hidden="true"></i><span class="sr-only">Example of </span>search-minus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-search-plus" aria-hidden="true"></i><span class="sr-only">Example of </span>search-plus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-send" aria-hidden="true"></i><span class="sr-only">Example of </span>send <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-send-o" aria-hidden="true"></i><span class="sr-only">Example of </span>send-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-server" aria-hidden="true"></i><span class="sr-only">Example of </span>server</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-share" aria-hidden="true"></i><span class="sr-only">Example of </span>share</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-share-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>share-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-share-alt-square" aria-hidden="true"></i><span class="sr-only">Example of </span>share-alt-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-share-square" aria-hidden="true"></i><span class="sr-only">Example of </span>share-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-share-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>share-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-shield" aria-hidden="true"></i><span class="sr-only">Example of </span>shield</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ship" aria-hidden="true"></i><span class="sr-only">Example of </span>ship</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-shopping-bag" aria-hidden="true"></i><span class="sr-only">Example of </span>shopping-bag</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-shopping-basket" aria-hidden="true"></i><span class="sr-only">Example of </span>shopping-basket</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-shopping-cart" aria-hidden="true"></i><span class="sr-only">Example of </span>shopping-cart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-shower" aria-hidden="true"></i><span class="sr-only">Example of </span>shower</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sign-in" aria-hidden="true"></i><span class="sr-only">Example of </span>sign-in</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sign-language" aria-hidden="true"></i><span class="sr-only">Example of </span>sign-language</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sign-out" aria-hidden="true"></i><span class="sr-only">Example of </span>sign-out</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-signal" aria-hidden="true"></i><span class="sr-only">Example of </span>signal</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-signing" aria-hidden="true"></i><span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sitemap" aria-hidden="true"></i><span class="sr-only">Example of </span>sitemap</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sliders" aria-hidden="true"></i><span class="sr-only">Example of </span>sliders</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-smile-o" aria-hidden="true"></i><span class="sr-only">Example of </span>smile-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-snowflake-o" aria-hidden="true"></i><span class="sr-only">Example of </span>snowflake-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-soccer-ball-o" aria-hidden="true"></i><span class="sr-only">Example of </span>soccer-ball-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort" aria-hidden="true"></i><span class="sr-only">Example of </span>sort</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-alpha-asc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-alpha-desc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-alpha-desc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-amount-asc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-amount-desc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-asc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-asc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-desc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-desc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-down" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-down <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-numeric-asc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-numeric-desc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sort-up" aria-hidden="true"></i><span class="sr-only">Example of </span>sort-up <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-space-shuttle" aria-hidden="true"></i><span class="sr-only">Example of </span>space-shuttle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-spinner" aria-hidden="true"></i><span class="sr-only">Example of </span>spinner</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-spoon" aria-hidden="true"></i><span class="sr-only">Example of </span>spoon</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-square" aria-hidden="true"></i><span class="sr-only">Example of </span>square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-star" aria-hidden="true"></i><span class="sr-only">Example of </span>star</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-star-half" aria-hidden="true"></i><span class="sr-only">Example of </span>star-half</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-star-half-empty" aria-hidden="true"></i><span class="sr-only">Example of </span>star-half-empty <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-star-half-full" aria-hidden="true"></i><span class="sr-only">Example of </span>star-half-full <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-star-half-o" aria-hidden="true"></i><span class="sr-only">Example of </span>star-half-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-star-o" aria-hidden="true"></i><span class="sr-only">Example of </span>star-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sticky-note" aria-hidden="true"></i><span class="sr-only">Example of </span>sticky-note</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sticky-note-o" aria-hidden="true"></i><span class="sr-only">Example of </span>sticky-note-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-street-view" aria-hidden="true"></i><span class="sr-only">Example of </span>street-view</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-suitcase" aria-hidden="true"></i><span class="sr-only">Example of </span>suitcase</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sun-o" aria-hidden="true"></i><span class="sr-only">Example of </span>sun-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-support" aria-hidden="true"></i><span class="sr-only">Example of </span>support <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tablet" aria-hidden="true"></i><span class="sr-only">Example of </span>tablet</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tachometer" aria-hidden="true"></i><span class="sr-only">Example of </span>tachometer</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tag" aria-hidden="true"></i><span class="sr-only">Example of </span>tag</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tags" aria-hidden="true"></i><span class="sr-only">Example of </span>tags</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tasks" aria-hidden="true"></i><span class="sr-only">Example of </span>tasks</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-taxi" aria-hidden="true"></i><span class="sr-only">Example of </span>taxi</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-television" aria-hidden="true"></i><span class="sr-only">Example of </span>television</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-terminal" aria-hidden="true"></i><span class="sr-only">Example of </span>terminal</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-0" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-0 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-1" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-1 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-2" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-2 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-3" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-3 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-4" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-4 <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-empty" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-empty</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-full" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-full</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-half" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-half</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-quarter</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i><span class="sr-only">Example of </span>thermometer-three-quarters</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumb-tack" aria-hidden="true"></i><span class="sr-only">Example of </span>thumb-tack</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-down" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-o-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-o-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-up" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ticket" aria-hidden="true"></i><span class="sr-only">Example of </span>ticket</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-times" aria-hidden="true"></i><span class="sr-only">Example of </span>times</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-times-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>times-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-times-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>times-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-times-rectangle" aria-hidden="true"></i><span class="sr-only">Example of </span>times-rectangle <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>times-rectangle-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tint" aria-hidden="true"></i><span class="sr-only">Example of </span>tint</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-down" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-left" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-off" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-off</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-on" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-on</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-right" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-up" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-trademark" aria-hidden="true"></i><span class="sr-only">Example of </span>trademark</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-trash" aria-hidden="true"></i><span class="sr-only">Example of </span>trash</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sr-only">Example of </span>trash-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tree" aria-hidden="true"></i><span class="sr-only">Example of </span>tree</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-trophy" aria-hidden="true"></i><span class="sr-only">Example of </span>trophy</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-truck" aria-hidden="true"></i><span class="sr-only">Example of </span>truck</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tty" aria-hidden="true"></i><span class="sr-only">Example of </span>tty</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tv" aria-hidden="true"></i><span class="sr-only">Example of </span>tv <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-umbrella" aria-hidden="true"></i><span class="sr-only">Example of </span>umbrella</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-universal-access" aria-hidden="true"></i><span class="sr-only">Example of </span>universal-access</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-university" aria-hidden="true"></i><span class="sr-only">Example of </span>university</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-unlock" aria-hidden="true"></i><span class="sr-only">Example of </span>unlock</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-unlock-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>unlock-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-unsorted" aria-hidden="true"></i><span class="sr-only">Example of </span>unsorted <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-upload" aria-hidden="true"></i><span class="sr-only">Example of </span>upload</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user" aria-hidden="true"></i><span class="sr-only">Example of </span>user</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>user-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>user-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user-o" aria-hidden="true"></i><span class="sr-only">Example of </span>user-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user-plus" aria-hidden="true"></i><span class="sr-only">Example of </span>user-plus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user-secret" aria-hidden="true"></i><span class="sr-only">Example of </span>user-secret</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user-times" aria-hidden="true"></i><span class="sr-only">Example of </span>user-times</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-users" aria-hidden="true"></i><span class="sr-only">Example of </span>users</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-vcard" aria-hidden="true"></i><span class="sr-only">Example of </span>vcard <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-vcard-o" aria-hidden="true"></i><span class="sr-only">Example of </span>vcard-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-video-camera" aria-hidden="true"></i><span class="sr-only">Example of </span>video-camera</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><span class="sr-only">Example of </span>volume-control-phone</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-volume-down" aria-hidden="true"></i><span class="sr-only">Example of </span>volume-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-volume-off" aria-hidden="true"></i><span class="sr-only">Example of </span>volume-off</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-volume-up" aria-hidden="true"></i><span class="sr-only">Example of </span>volume-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-warning" aria-hidden="true"></i><span class="sr-only">Example of </span>warning <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wifi" aria-hidden="true"></i><span class="sr-only">Example of </span>wifi</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-window-close" aria-hidden="true"></i><span class="sr-only">Example of </span>window-close</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-window-close-o" aria-hidden="true"></i><span class="sr-only">Example of </span>window-close-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-window-maximize" aria-hidden="true"></i><span class="sr-only">Example of </span>window-maximize</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-window-minimize" aria-hidden="true"></i><span class="sr-only">Example of </span>window-minimize</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-window-restore" aria-hidden="true"></i><span class="sr-only">Example of </span>window-restore</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wrench" aria-hidden="true"></i><span class="sr-only">Example of </span>wrench</a></div>
             </div>
         </section>
         <section id="bb-accessibility">
             <h2 class="page-header">Accessibility Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-american-sign-language-interpreting"><span class="sr-only">Example of </span>american-sign-language-interpreting</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-asl-interpreting"><span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-assistive-listening-systems"><span class="sr-only">Example of </span>assistive-listening-systems</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-audio-description"><span class="sr-only">Example of </span>audio-description</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-blind"><span class="sr-only">Example of </span>blind</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-braille"><span class="sr-only">Example of </span>braille</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc"><span class="sr-only">Example of </span>cc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-deaf"><span class="sr-only">Example of </span>deaf</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-deafness"><span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hard-of-hearing"><span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-low-vision"><span class="sr-only">Example of </span>low-vision</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-question-circle-o"><span class="sr-only">Example of </span>question-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sign-language"><span class="sr-only">Example of </span>sign-language</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-signing"><span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tty"><span class="sr-only">Example of </span>tty</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-universal-access"><span class="sr-only">Example of </span>universal-access</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-volume-control-phone"><span class="sr-only">Example of </span>volume-control-phone</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair"><span class="sr-only">Example of </span>wheelchair</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair-alt"><span class="sr-only">Example of </span>wheelchair-alt</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i><span class="sr-only">Example of </span>american-sign-language-interpreting</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-asl-interpreting" aria-hidden="true"></i><span class="sr-only">Example of </span>asl-interpreting <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i><span class="sr-only">Example of </span>assistive-listening-systems</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-audio-description" aria-hidden="true"></i><span class="sr-only">Example of </span>audio-description</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-blind" aria-hidden="true"></i><span class="sr-only">Example of </span>blind</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-braille" aria-hidden="true"></i><span class="sr-only">Example of </span>braille</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc" aria-hidden="true"></i><span class="sr-only">Example of </span>cc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-deaf" aria-hidden="true"></i><span class="sr-only">Example of </span>deaf</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-deafness" aria-hidden="true"></i><span class="sr-only">Example of </span>deafness <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i><span class="sr-only">Example of </span>hard-of-hearing <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-low-vision" aria-hidden="true"></i><span class="sr-only">Example of </span>low-vision</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-question-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>question-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sign-language" aria-hidden="true"></i><span class="sr-only">Example of </span>sign-language</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-signing" aria-hidden="true"></i><span class="sr-only">Example of </span>signing <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tty" aria-hidden="true"></i><span class="sr-only">Example of </span>tty</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-universal-access" aria-hidden="true"></i><span class="sr-only">Example of </span>universal-access</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><span class="sr-only">Example of </span>volume-control-phone</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair-alt</a></div>
             </div>
         </section>
         <section id="bb-hand">
             <h2 class="page-header">Hand Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-grab-o"><span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-lizard-o"><span class="sr-only">Example of </span>hand-lizard-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-down"><span class="sr-only">Example of </span>hand-o-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-left"><span class="sr-only">Example of </span>hand-o-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-right"><span class="sr-only">Example of </span>hand-o-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-up"><span class="sr-only">Example of </span>hand-o-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-paper-o"><span class="sr-only">Example of </span>hand-paper-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-peace-o"><span class="sr-only">Example of </span>hand-peace-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-pointer-o"><span class="sr-only">Example of </span>hand-pointer-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-rock-o"><span class="sr-only">Example of </span>hand-rock-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-scissors-o"><span class="sr-only">Example of </span>hand-scissors-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-spock-o"><span class="sr-only">Example of </span>hand-spock-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-stop-o"><span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-down"><span class="sr-only">Example of </span>thumbs-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-o-down"><span class="sr-only">Example of </span>thumbs-o-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-o-up"><span class="sr-only">Example of </span>thumbs-o-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-thumbs-up"><span class="sr-only">Example of </span>thumbs-up</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-grab-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-grab-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-lizard-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-down" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-left" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-right" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-up" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-paper-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-paper-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-peace-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-peace-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-pointer-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-rock-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-rock-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-scissors-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-spock-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-spock-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-stop-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-stop-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-down" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-o-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-o-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-thumbs-up" aria-hidden="true"></i><span class="sr-only">Example of </span>thumbs-up</a></div>
             </div>
         </section>
         <section id="bb-transportation">
             <h2 class="page-header">Transportation Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ambulance"><span class="sr-only">Example of </span>ambulance</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-automobile"><span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bicycle"><span class="sr-only">Example of </span>bicycle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bus"><span class="sr-only">Example of </span>bus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cab"><span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-car"><span class="sr-only">Example of </span>car</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fighter-jet"><span class="sr-only">Example of </span>fighter-jet</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-motorcycle"><span class="sr-only">Example of </span>motorcycle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plane"><span class="sr-only">Example of </span>plane</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rocket"><span class="sr-only">Example of </span>rocket</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ship"><span class="sr-only">Example of </span>ship</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-space-shuttle"><span class="sr-only">Example of </span>space-shuttle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-subway"><span class="sr-only">Example of </span>subway</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-taxi"><span class="sr-only">Example of </span>taxi</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-train"><span class="sr-only">Example of </span>train</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-truck"><span class="sr-only">Example of </span>truck</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair"><span class="sr-only">Example of </span>wheelchair</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair-alt"><span class="sr-only">Example of </span>wheelchair-alt</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ambulance" aria-hidden="true"></i><span class="sr-only">Example of </span>ambulance</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-automobile" aria-hidden="true"></i><span class="sr-only">Example of </span>automobile <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bicycle" aria-hidden="true"></i><span class="sr-only">Example of </span>bicycle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bus" aria-hidden="true"></i><span class="sr-only">Example of </span>bus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cab" aria-hidden="true"></i><span class="sr-only">Example of </span>cab <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-car" aria-hidden="true"></i><span class="sr-only">Example of </span>car</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fighter-jet" aria-hidden="true"></i><span class="sr-only">Example of </span>fighter-jet</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-motorcycle" aria-hidden="true"></i><span class="sr-only">Example of </span>motorcycle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plane" aria-hidden="true"></i><span class="sr-only">Example of </span>plane</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rocket" aria-hidden="true"></i><span class="sr-only">Example of </span>rocket</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ship" aria-hidden="true"></i><span class="sr-only">Example of </span>ship</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-space-shuttle" aria-hidden="true"></i><span class="sr-only">Example of </span>space-shuttle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-subway" aria-hidden="true"></i><span class="sr-only">Example of </span>subway</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-taxi" aria-hidden="true"></i><span class="sr-only">Example of </span>taxi</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-train" aria-hidden="true"></i><span class="sr-only">Example of </span>train</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-truck" aria-hidden="true"></i><span class="sr-only">Example of </span>truck</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair-alt</a></div>
             </div>
         </section>
         <section id="bb-gender">
             <h2 class="page-header">Gender Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-genderless"><span class="sr-only">Example of </span>genderless</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-intersex"><span class="sr-only">Example of </span>intersex <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mars"><span class="sr-only">Example of </span>mars</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mars-double"><span class="sr-only">Example of </span>mars-double</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mars-stroke"><span class="sr-only">Example of </span>mars-stroke</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mars-stroke-h"><span class="sr-only">Example of </span>mars-stroke-h</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mars-stroke-v"><span class="sr-only">Example of </span>mars-stroke-v</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mercury"><span class="sr-only">Example of </span>mercury</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-neuter"><span class="sr-only">Example of </span>neuter</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-transgender"><span class="sr-only">Example of </span>transgender</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-transgender-alt"><span class="sr-only">Example of </span>transgender-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-venus"><span class="sr-only">Example of </span>venus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-venus-double"><span class="sr-only">Example of </span>venus-double</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-venus-mars"><span class="sr-only">Example of </span>venus-mars</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-genderless" aria-hidden="true"></i><span class="sr-only">Example of </span>genderless</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-intersex" aria-hidden="true"></i><span class="sr-only">Example of </span>intersex <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mars" aria-hidden="true"></i><span class="sr-only">Example of </span>mars</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mars-double" aria-hidden="true"></i><span class="sr-only">Example of </span>mars-double</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mars-stroke" aria-hidden="true"></i><span class="sr-only">Example of </span>mars-stroke</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mars-stroke-h" aria-hidden="true"></i><span class="sr-only">Example of </span>mars-stroke-h</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mars-stroke-v" aria-hidden="true"></i><span class="sr-only">Example of </span>mars-stroke-v</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mercury" aria-hidden="true"></i><span class="sr-only">Example of </span>mercury</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-neuter" aria-hidden="true"></i><span class="sr-only">Example of </span>neuter</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-transgender" aria-hidden="true"></i><span class="sr-only">Example of </span>transgender</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-transgender-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>transgender-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-venus" aria-hidden="true"></i><span class="sr-only">Example of </span>venus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-venus-double" aria-hidden="true"></i><span class="sr-only">Example of </span>venus-double</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-venus-mars" aria-hidden="true"></i><span class="sr-only">Example of </span>venus-mars</a></div>
             </div>
         </section>
         <section id="bb-file-type">
             <h2 class="page-header">File Type Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file"><span class="sr-only">Example of </span>file</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-archive-o"><span class="sr-only">Example of </span>file-archive-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-audio-o"><span class="sr-only">Example of </span>file-audio-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-code-o"><span class="sr-only">Example of </span>file-code-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-excel-o"><span class="sr-only">Example of </span>file-excel-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-image-o"><span class="sr-only">Example of </span>file-image-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-movie-o"><span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-o"><span class="sr-only">Example of </span>file-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-pdf-o"><span class="sr-only">Example of </span>file-pdf-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-photo-o"><span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-picture-o"><span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-powerpoint-o"><span class="sr-only">Example of </span>file-powerpoint-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-sound-o"><span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-text"><span class="sr-only">Example of </span>file-text</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-text-o"><span class="sr-only">Example of </span>file-text-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-video-o"><span class="sr-only">Example of </span>file-video-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-word-o"><span class="sr-only">Example of </span>file-word-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-zip-o"><span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file" aria-hidden="true"></i><span class="sr-only">Example of </span>file</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-archive-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-archive-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-audio-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-audio-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-code-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-code-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-excel-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-excel-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-image-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-image-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-movie-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-movie-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-pdf-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-pdf-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-photo-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-photo-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-picture-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-picture-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-powerpoint-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-sound-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-sound-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-text" aria-hidden="true"></i><span class="sr-only">Example of </span>file-text</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-text-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-text-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-video-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-video-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-word-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-word-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-zip-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-zip-o <span class="text-muted">(alias)</span></a></div>
             </div>
         </section>
         <section id="bb-spinner">
             <h2 class="page-header">Spinner Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-circle-o-notch"><span class="sr-only">Example of </span>circle-o-notch</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cog"><span class="sr-only">Example of </span>cog</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gear"><span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-refresh"><span class="sr-only">Example of </span>refresh</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-spinner"><span class="sr-only">Example of </span>spinner</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-circle-o-notch" aria-hidden="true"></i><span class="sr-only">Example of </span>circle-o-notch</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cog" aria-hidden="true"></i><span class="sr-only">Example of </span>cog</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gear" aria-hidden="true"></i><span class="sr-only">Example of </span>gear <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-refresh" aria-hidden="true"></i><span class="sr-only">Example of </span>refresh</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-spinner" aria-hidden="true"></i><span class="sr-only">Example of </span>spinner</a></div>
             </div>
         </section>
         <section id="bb-form-control">
             <h2 class="page-header">Form Control Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-check-square"><span class="sr-only">Example of </span>check-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-check-square-o"><span class="sr-only">Example of </span>check-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-circle"><span class="sr-only">Example of </span>circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-circle-o"><span class="sr-only">Example of </span>circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dot-circle-o"><span class="sr-only">Example of </span>dot-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-minus-square"><span class="sr-only">Example of </span>minus-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-minus-square-o"><span class="sr-only">Example of </span>minus-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plus-square"><span class="sr-only">Example of </span>plus-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plus-square-o"><span class="sr-only">Example of </span>plus-square-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-square"><span class="sr-only">Example of </span>square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-square-o"><span class="sr-only">Example of </span>square-o</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-check-square" aria-hidden="true"></i><span class="sr-only">Example of </span>check-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-check-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>check-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dot-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>dot-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-minus-square" aria-hidden="true"></i><span class="sr-only">Example of </span>minus-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-minus-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>minus-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plus-square" aria-hidden="true"></i><span class="sr-only">Example of </span>plus-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plus-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>plus-square-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-square" aria-hidden="true"></i><span class="sr-only">Example of </span>square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-square-o" aria-hidden="true"></i><span class="sr-only">Example of </span>square-o</a></div>
             </div>
         </section>
         <section id="bb-payment">
             <h2 class="page-header">Payment Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-amex"><span class="sr-only">Example of </span>cc-amex</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-diners-club"><span class="sr-only">Example of </span>cc-diners-club</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-discover"><span class="sr-only">Example of </span>cc-discover</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-jcb"><span class="sr-only">Example of </span>cc-jcb</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-mastercard"><span class="sr-only">Example of </span>cc-mastercard</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-paypal"><span class="sr-only">Example of </span>cc-paypal</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-stripe"><span class="sr-only">Example of </span>cc-stripe</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-visa"><span class="sr-only">Example of </span>cc-visa</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-credit-card"><span class="sr-only">Example of </span>credit-card</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-credit-card-alt"><span class="sr-only">Example of </span>credit-card-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-google-wallet"><span class="sr-only">Example of </span>google-wallet</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paypal"><span class="sr-only">Example of </span>paypal</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-amex" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-amex</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-diners-club" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-diners-club</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-discover" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-discover</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-jcb" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-jcb</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-mastercard" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-mastercard</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-paypal" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-paypal</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-stripe" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-stripe</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-visa" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-visa</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-credit-card" aria-hidden="true"></i><span class="sr-only">Example of </span>credit-card</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-credit-card-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>credit-card-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-google-wallet" aria-hidden="true"></i><span class="sr-only">Example of </span>google-wallet</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paypal" aria-hidden="true"></i><span class="sr-only">Example of </span>paypal</a></div>
             </div>
         </section>
         <section id="bb-chart">
             <h2 class="page-header">Chart Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-area-chart"><span class="sr-only">Example of </span>area-chart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bar-chart"><span class="sr-only">Example of </span>bar-chart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bar-chart-o"><span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-line-chart"><span class="sr-only">Example of </span>line-chart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pie-chart"><span class="sr-only">Example of </span>pie-chart</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-area-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>area-chart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bar-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>bar-chart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bar-chart-o" aria-hidden="true"></i><span class="sr-only">Example of </span>bar-chart-o <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-line-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>line-chart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pie-chart" aria-hidden="true"></i><span class="sr-only">Example of </span>pie-chart</a></div>
             </div>
         </section>
         <section id="bb-currency">
             <h2 class="page-header">Currency Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bitcoin"><span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-btc"><span class="sr-only">Example of </span>btc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cny"><span class="sr-only">Example of </span>cny <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dollar"><span class="sr-only">Example of </span>dollar <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eur"><span class="sr-only">Example of </span>eur</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-euro"><span class="sr-only">Example of </span>euro <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gbp"><span class="sr-only">Example of </span>gbp</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gg"><span class="sr-only">Example of </span>gg</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gg-circle"><span class="sr-only">Example of </span>gg-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ils"><span class="sr-only">Example of </span>ils</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-inr"><span class="sr-only">Example of </span>inr</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-jpy"><span class="sr-only">Example of </span>jpy</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-krw"><span class="sr-only">Example of </span>krw</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-money"><span class="sr-only">Example of </span>money</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rmb"><span class="sr-only">Example of </span>rmb <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rouble"><span class="sr-only">Example of </span>rouble <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rub"><span class="sr-only">Example of </span>rub</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ruble"><span class="sr-only">Example of </span>ruble <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rupee"><span class="sr-only">Example of </span>rupee <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-shekel"><span class="sr-only">Example of </span>shekel <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sheqel"><span class="sr-only">Example of </span>sheqel <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-try"><span class="sr-only">Example of </span>try</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-turkish-lira"><span class="sr-only">Example of </span>turkish-lira <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-usd"><span class="sr-only">Example of </span>usd</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-won"><span class="sr-only">Example of </span>won <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-yen"><span class="sr-only">Example of </span>yen <span class="text-muted">(alias)</span></Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bitcoin" aria-hidden="true"></i><span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-btc" aria-hidden="true"></i><span class="sr-only">Example of </span>btc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cny" aria-hidden="true"></i><span class="sr-only">Example of </span>cny <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dollar" aria-hidden="true"></i><span class="sr-only">Example of </span>dollar <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eur" aria-hidden="true"></i><span class="sr-only">Example of </span>eur</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-euro" aria-hidden="true"></i><span class="sr-only">Example of </span>euro <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gbp" aria-hidden="true"></i><span class="sr-only">Example of </span>gbp</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gg" aria-hidden="true"></i><span class="sr-only">Example of </span>gg</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gg-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>gg-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ils" aria-hidden="true"></i><span class="sr-only">Example of </span>ils</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-inr" aria-hidden="true"></i><span class="sr-only">Example of </span>inr</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-jpy" aria-hidden="true"></i><span class="sr-only">Example of </span>jpy</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-krw" aria-hidden="true"></i><span class="sr-only">Example of </span>krw</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-money" aria-hidden="true"></i><span class="sr-only">Example of </span>money</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rmb" aria-hidden="true"></i><span class="sr-only">Example of </span>rmb <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rouble" aria-hidden="true"></i><span class="sr-only">Example of </span>rouble <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rub" aria-hidden="true"></i><span class="sr-only">Example of </span>rub</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ruble" aria-hidden="true"></i><span class="sr-only">Example of </span>ruble <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rupee" aria-hidden="true"></i><span class="sr-only">Example of </span>rupee <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-shekel" aria-hidden="true"></i><span class="sr-only">Example of </span>shekel <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sheqel" aria-hidden="true"></i><span class="sr-only">Example of </span>sheqel <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-try" aria-hidden="true"></i><span class="sr-only">Example of </span>try</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-turkish-lira" aria-hidden="true"></i><span class="sr-only">Example of </span>turkish-lira <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-usd" aria-hidden="true"></i><span class="sr-only">Example of </span>usd</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-won" aria-hidden="true"></i><span class="sr-only">Example of </span>won <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-yen" aria-hidden="true"></i><span class="sr-only">Example of </span>yen <span class="text-muted">(alias)</span></a></div>
             </div>
         </section>
         <section id="bb-text-editor">
             <h2 class="page-header">Text Editor Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-align-center"><span class="sr-only">Example of </span>align-center</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-align-justify"><span class="sr-only">Example of </span>align-justify</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-align-left"><span class="sr-only">Example of </span>align-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-align-right"><span class="sr-only">Example of </span>align-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bold"><span class="sr-only">Example of </span>bold</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chain"><span class="sr-only">Example of </span>chain <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chain-broken"><span class="sr-only">Example of </span>chain-broken</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-clipboard"><span class="sr-only">Example of </span>clipboard</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-columns"><span class="sr-only">Example of </span>columns</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-copy"><span class="sr-only">Example of </span>copy <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cut"><span class="sr-only">Example of </span>cut <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dedent"><span class="sr-only">Example of </span>dedent <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eraser"><span class="sr-only">Example of </span>eraser</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file"><span class="sr-only">Example of </span>file</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-o"><span class="sr-only">Example of </span>file-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-text"><span class="sr-only">Example of </span>file-text</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-file-text-o"><span class="sr-only">Example of </span>file-text-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-files-o"><span class="sr-only">Example of </span>files-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-floppy-o"><span class="sr-only">Example of </span>floppy-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-font"><span class="sr-only">Example of </span>font</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-header"><span class="sr-only">Example of </span>header</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-indent"><span class="sr-only">Example of </span>indent</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-italic"><span class="sr-only">Example of </span>italic</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-link"><span class="sr-only">Example of </span>link</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-list"><span class="sr-only">Example of </span>list</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-list-alt"><span class="sr-only">Example of </span>list-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-list-ol"><span class="sr-only">Example of </span>list-ol</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-list-ul"><span class="sr-only">Example of </span>list-ul</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-outdent"><span class="sr-only">Example of </span>outdent</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paperclip"><span class="sr-only">Example of </span>paperclip</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paragraph"><span class="sr-only">Example of </span>paragraph</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paste"><span class="sr-only">Example of </span>paste <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-repeat"><span class="sr-only">Example of </span>repeat</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rotate-left"><span class="sr-only">Example of </span>rotate-left <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rotate-right"><span class="sr-only">Example of </span>rotate-right <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-save"><span class="sr-only">Example of </span>save <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-scissors"><span class="sr-only">Example of </span>scissors</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-strikethrough"><span class="sr-only">Example of </span>strikethrough</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-subscript"><span class="sr-only">Example of </span>subscript</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-superscript"><span class="sr-only">Example of </span>superscript</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-table"><span class="sr-only">Example of </span>table</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-text-height"><span class="sr-only">Example of </span>text-height</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-text-width"><span class="sr-only">Example of </span>text-width</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-th"><span class="sr-only">Example of </span>th</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-th-large"><span class="sr-only">Example of </span>th-large</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-th-list"><span class="sr-only">Example of </span>th-list</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-underline"><span class="sr-only">Example of </span>underline</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-undo"><span class="sr-only">Example of </span>undo</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-unlink"><span class="sr-only">Example of </span>unlink <span class="text-muted">(alias)</span></Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-align-center" aria-hidden="true"></i><span class="sr-only">Example of </span>align-center</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-align-justify" aria-hidden="true"></i><span class="sr-only">Example of </span>align-justify</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-align-left" aria-hidden="true"></i><span class="sr-only">Example of </span>align-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-align-right" aria-hidden="true"></i><span class="sr-only">Example of </span>align-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bold" aria-hidden="true"></i><span class="sr-only">Example of </span>bold</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chain" aria-hidden="true"></i><span class="sr-only">Example of </span>chain <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chain-broken" aria-hidden="true"></i><span class="sr-only">Example of </span>chain-broken</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-clipboard" aria-hidden="true"></i><span class="sr-only">Example of </span>clipboard</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-columns" aria-hidden="true"></i><span class="sr-only">Example of </span>columns</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-copy" aria-hidden="true"></i><span class="sr-only">Example of </span>copy <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cut" aria-hidden="true"></i><span class="sr-only">Example of </span>cut <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dedent" aria-hidden="true"></i><span class="sr-only">Example of </span>dedent <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eraser" aria-hidden="true"></i><span class="sr-only">Example of </span>eraser</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file" aria-hidden="true"></i><span class="sr-only">Example of </span>file</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-text" aria-hidden="true"></i><span class="sr-only">Example of </span>file-text</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-file-text-o" aria-hidden="true"></i><span class="sr-only">Example of </span>file-text-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-files-o" aria-hidden="true"></i><span class="sr-only">Example of </span>files-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-floppy-o" aria-hidden="true"></i><span class="sr-only">Example of </span>floppy-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-font" aria-hidden="true"></i><span class="sr-only">Example of </span>font</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-header" aria-hidden="true"></i><span class="sr-only">Example of </span>header</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-indent" aria-hidden="true"></i><span class="sr-only">Example of </span>indent</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-italic" aria-hidden="true"></i><span class="sr-only">Example of </span>italic</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-link" aria-hidden="true"></i><span class="sr-only">Example of </span>link</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-list" aria-hidden="true"></i><span class="sr-only">Example of </span>list</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-list-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>list-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-list-ol" aria-hidden="true"></i><span class="sr-only">Example of </span>list-ol</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-list-ul" aria-hidden="true"></i><span class="sr-only">Example of </span>list-ul</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-outdent" aria-hidden="true"></i><span class="sr-only">Example of </span>outdent</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paperclip" aria-hidden="true"></i><span class="sr-only">Example of </span>paperclip</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paragraph" aria-hidden="true"></i><span class="sr-only">Example of </span>paragraph</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paste" aria-hidden="true"></i><span class="sr-only">Example of </span>paste <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-repeat" aria-hidden="true"></i><span class="sr-only">Example of </span>repeat</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rotate-left" aria-hidden="true"></i><span class="sr-only">Example of </span>rotate-left <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rotate-right" aria-hidden="true"></i><span class="sr-only">Example of </span>rotate-right <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-save" aria-hidden="true"></i><span class="sr-only">Example of </span>save <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-scissors" aria-hidden="true"></i><span class="sr-only">Example of </span>scissors</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-strikethrough" aria-hidden="true"></i><span class="sr-only">Example of </span>strikethrough</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-subscript" aria-hidden="true"></i><span class="sr-only">Example of </span>subscript</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-superscript" aria-hidden="true"></i><span class="sr-only">Example of </span>superscript</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-table" aria-hidden="true"></i><span class="sr-only">Example of </span>table</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-text-height" aria-hidden="true"></i><span class="sr-only">Example of </span>text-height</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-text-width" aria-hidden="true"></i><span class="sr-only">Example of </span>text-width</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-th" aria-hidden="true"></i><span class="sr-only">Example of </span>th</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-th-large" aria-hidden="true"></i><span class="sr-only">Example of </span>th-large</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-th-list" aria-hidden="true"></i><span class="sr-only">Example of </span>th-list</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-underline" aria-hidden="true"></i><span class="sr-only">Example of </span>underline</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-undo" aria-hidden="true"></i><span class="sr-only">Example of </span>undo</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-unlink" aria-hidden="true"></i><span class="sr-only">Example of </span>unlink <span class="text-muted">(alias)</span></a></div>
             </div>
         </section>
         <section id="bb-directional">
             <h2 class="page-header">Directional Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-double-down"><span class="sr-only">Example of </span>angle-double-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-double-left"><span class="sr-only">Example of </span>angle-double-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-double-right"><span class="sr-only">Example of </span>angle-double-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-double-up"><span class="sr-only">Example of </span>angle-double-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-down"><span class="sr-only">Example of </span>angle-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-left"><span class="sr-only">Example of </span>angle-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-right"><span class="sr-only">Example of </span>angle-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angle-up"><span class="sr-only">Example of </span>angle-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-down"><span class="sr-only">Example of </span>arrow-circle-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-left"><span class="sr-only">Example of </span>arrow-circle-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-o-down"><span class="sr-only">Example of </span>arrow-circle-o-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-o-left"><span class="sr-only">Example of </span>arrow-circle-o-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-o-right"><span class="sr-only">Example of </span>arrow-circle-o-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-o-up"><span class="sr-only">Example of </span>arrow-circle-o-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-right"><span class="sr-only">Example of </span>arrow-circle-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-circle-up"><span class="sr-only">Example of </span>arrow-circle-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-down"><span class="sr-only">Example of </span>arrow-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-left"><span class="sr-only">Example of </span>arrow-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-right"><span class="sr-only">Example of </span>arrow-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrow-up"><span class="sr-only">Example of </span>arrow-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows"><span class="sr-only">Example of </span>arrows</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows-alt"><span class="sr-only">Example of </span>arrows-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows-h"><span class="sr-only">Example of </span>arrows-h</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows-v"><span class="sr-only">Example of </span>arrows-v</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-down"><span class="sr-only">Example of </span>caret-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-left"><span class="sr-only">Example of </span>caret-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-right"><span class="sr-only">Example of </span>caret-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-down"><span class="sr-only">Example of </span>caret-square-o-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-left"><span class="sr-only">Example of </span>caret-square-o-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-right"><span class="sr-only">Example of </span>caret-square-o-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-square-o-up"><span class="sr-only">Example of </span>caret-square-o-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-caret-up"><span class="sr-only">Example of </span>caret-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-circle-down"><span class="sr-only">Example of </span>chevron-circle-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-circle-left"><span class="sr-only">Example of </span>chevron-circle-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-circle-right"><span class="sr-only">Example of </span>chevron-circle-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-circle-up"><span class="sr-only">Example of </span>chevron-circle-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-down"><span class="sr-only">Example of </span>chevron-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-left"><span class="sr-only">Example of </span>chevron-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-right"><span class="sr-only">Example of </span>chevron-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chevron-up"><span class="sr-only">Example of </span>chevron-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-exchange"><span class="sr-only">Example of </span>exchange</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-down"><span class="sr-only">Example of </span>hand-o-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-left"><span class="sr-only">Example of </span>hand-o-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-right"><span class="sr-only">Example of </span>hand-o-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hand-o-up"><span class="sr-only">Example of </span>hand-o-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-long-arrow-down"><span class="sr-only">Example of </span>long-arrow-down</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-long-arrow-left"><span class="sr-only">Example of </span>long-arrow-left</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-long-arrow-right"><span class="sr-only">Example of </span>long-arrow-right</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-long-arrow-up"><span class="sr-only">Example of </span>long-arrow-up</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-down"><span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-left"><span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-right"><span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-toggle-up"><span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-double-down" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-double-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-double-left" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-double-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-double-right" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-double-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-double-up" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-double-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-down" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-left" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-right" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angle-up" aria-hidden="true"></i><span class="sr-only">Example of </span>angle-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-down" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-o-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-o-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-o-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-o-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-circle-up" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-circle-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-down" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-left" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-right" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sr-only">Example of </span>arrow-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows-h" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows-h</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows-v" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows-v</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-down" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-left" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-right" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-square-o-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-caret-up" aria-hidden="true"></i><span class="sr-only">Example of </span>caret-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-circle-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-circle-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-circle-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-circle-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-down" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-left" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-right" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chevron-up" aria-hidden="true"></i><span class="sr-only">Example of </span>chevron-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-exchange" aria-hidden="true"></i><span class="sr-only">Example of </span>exchange</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-down" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-left" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-right" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hand-o-up" aria-hidden="true"></i><span class="sr-only">Example of </span>hand-o-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-long-arrow-down" aria-hidden="true"></i><span class="sr-only">Example of </span>long-arrow-down</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-long-arrow-left" aria-hidden="true"></i><span class="sr-only">Example of </span>long-arrow-left</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-long-arrow-right" aria-hidden="true"></i><span class="sr-only">Example of </span>long-arrow-right</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-long-arrow-up" aria-hidden="true"></i><span class="sr-only">Example of </span>long-arrow-up</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-down" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-down <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-left" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-left <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-right" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-right <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-toggle-up" aria-hidden="true"></i><span class="sr-only">Example of </span>toggle-up <span class="text-muted">(alias)</span></a></div>
             </div>
         </section>
         <section id="bb-video-player">
             <h2 class="page-header">Video Player Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-arrows-alt"><span class="sr-only">Example of </span>arrows-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-backward"><span class="sr-only">Example of </span>backward</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-compress"><span class="sr-only">Example of </span>compress</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eject"><span class="sr-only">Example of </span>eject</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-expand"><span class="sr-only">Example of </span>expand</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fast-backward"><span class="sr-only">Example of </span>fast-backward</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fast-forward"><span class="sr-only">Example of </span>fast-forward</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-forward"><span class="sr-only">Example of </span>forward</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pause"><span class="sr-only">Example of </span>pause</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pause-circle"><span class="sr-only">Example of </span>pause-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pause-circle-o"><span class="sr-only">Example of </span>pause-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-play"><span class="sr-only">Example of </span>play</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-play-circle"><span class="sr-only">Example of </span>play-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-play-circle-o"><span class="sr-only">Example of </span>play-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-random"><span class="sr-only">Example of </span>random</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-step-backward"><span class="sr-only">Example of </span>step-backward</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-step-forward"><span class="sr-only">Example of </span>step-forward</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stop"><span class="sr-only">Example of </span>stop</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stop-circle"><span class="sr-only">Example of </span>stop-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stop-circle-o"><span class="sr-only">Example of </span>stop-circle-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-youtube-play"><span class="sr-only">Example of </span>youtube-play</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-arrows-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>arrows-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-backward" aria-hidden="true"></i><span class="sr-only">Example of </span>backward</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-compress" aria-hidden="true"></i><span class="sr-only">Example of </span>compress</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eject" aria-hidden="true"></i><span class="sr-only">Example of </span>eject</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-expand" aria-hidden="true"></i><span class="sr-only">Example of </span>expand</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fast-backward" aria-hidden="true"></i><span class="sr-only">Example of </span>fast-backward</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fast-forward" aria-hidden="true"></i><span class="sr-only">Example of </span>fast-forward</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-forward" aria-hidden="true"></i><span class="sr-only">Example of </span>forward</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pause" aria-hidden="true"></i><span class="sr-only">Example of </span>pause</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pause-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>pause-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pause-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>pause-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-play" aria-hidden="true"></i><span class="sr-only">Example of </span>play</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-play-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>play-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-play-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>play-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-random" aria-hidden="true"></i><span class="sr-only">Example of </span>random</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-step-backward" aria-hidden="true"></i><span class="sr-only">Example of </span>step-backward</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-step-forward" aria-hidden="true"></i><span class="sr-only">Example of </span>step-forward</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stop" aria-hidden="true"></i><span class="sr-only">Example of </span>stop</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stop-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>stop-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stop-circle-o" aria-hidden="true"></i><span class="sr-only">Example of </span>stop-circle-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-youtube-play" aria-hidden="true"></i><span class="sr-only">Example of </span>youtube-play</a></div>
             </div>
         </section>
         <section id="bb-brand">
             <h2 class="page-header">Brand Icons</h2>
             <div class="row fontawesome-icon-list margin-bottom-lg">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-500px"><span class="sr-only">Example of </span>500px</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-adn"><span class="sr-only">Example of </span>adn</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-amazon"><span class="sr-only">Example of </span>amazon</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-android"><span class="sr-only">Example of </span>android</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-angellist"><span class="sr-only">Example of </span>angellist</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-apple"><span class="sr-only">Example of </span>apple</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bandcamp"><span class="sr-only">Example of </span>bandcamp</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-behance"><span class="sr-only">Example of </span>behance</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-behance-square"><span class="sr-only">Example of </span>behance-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bitbucket"><span class="sr-only">Example of </span>bitbucket</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bitbucket-square"><span class="sr-only">Example of </span>bitbucket-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bitcoin"><span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-black-tie"><span class="sr-only">Example of </span>black-tie</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bluetooth"><span class="sr-only">Example of </span>bluetooth</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-bluetooth-b"><span class="sr-only">Example of </span>bluetooth-b</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-btc"><span class="sr-only">Example of </span>btc</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-buysellads"><span class="sr-only">Example of </span>buysellads</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-amex"><span class="sr-only">Example of </span>cc-amex</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-diners-club"><span class="sr-only">Example of </span>cc-diners-club</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-discover"><span class="sr-only">Example of </span>cc-discover</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-jcb"><span class="sr-only">Example of </span>cc-jcb</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-mastercard"><span class="sr-only">Example of </span>cc-mastercard</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-paypal"><span class="sr-only">Example of </span>cc-paypal</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-stripe"><span class="sr-only">Example of </span>cc-stripe</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-cc-visa"><span class="sr-only">Example of </span>cc-visa</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-chrome"><span class="sr-only">Example of </span>chrome</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-codepen"><span class="sr-only">Example of </span>codepen</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-codiepie"><span class="sr-only">Example of </span>codiepie</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-connectdevelop"><span class="sr-only">Example of </span>connectdevelop</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-contao"><span class="sr-only">Example of </span>contao</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-css3"><span class="sr-only">Example of </span>css3</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dashcube"><span class="sr-only">Example of </span>dashcube</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-delicious"><span class="sr-only">Example of </span>delicious</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-deviantart"><span class="sr-only">Example of </span>deviantart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-digg"><span class="sr-only">Example of </span>digg</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dribbble"><span class="sr-only">Example of </span>dribbble</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-dropbox"><span class="sr-only">Example of </span>dropbox</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-drupal"><span class="sr-only">Example of </span>drupal</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-edge"><span class="sr-only">Example of </span>edge</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-eercast"><span class="sr-only">Example of </span>eercast</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-empire"><span class="sr-only">Example of </span>empire</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-envira"><span class="sr-only">Example of </span>envira</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-etsy"><span class="sr-only">Example of </span>etsy</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-expeditedssl"><span class="sr-only">Example of </span>expeditedssl</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fa"><span class="sr-only">Example of </span>fa <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-facebook"><span class="sr-only">Example of </span>facebook</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-facebook-f"><span class="sr-only">Example of </span>facebook-f <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-facebook-official"><span class="sr-only">Example of </span>facebook-official</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-facebook-square"><span class="sr-only">Example of </span>facebook-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-firefox"><span class="sr-only">Example of </span>firefox</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-first-order"><span class="sr-only">Example of </span>first-order</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-flickr"><span class="sr-only">Example of </span>flickr</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-font-awesome"><span class="sr-only">Example of </span>font-awesome</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fonticons"><span class="sr-only">Example of </span>fonticons</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-fort-awesome"><span class="sr-only">Example of </span>fort-awesome</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-forumbee"><span class="sr-only">Example of </span>forumbee</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-foursquare"><span class="sr-only">Example of </span>foursquare</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-free-code-camp"><span class="sr-only">Example of </span>free-code-camp</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ge"><span class="sr-only">Example of </span>ge <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-get-pocket"><span class="sr-only">Example of </span>get-pocket</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gg"><span class="sr-only">Example of </span>gg</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gg-circle"><span class="sr-only">Example of </span>gg-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-git"><span class="sr-only">Example of </span>git</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-git-square"><span class="sr-only">Example of </span>git-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-github"><span class="sr-only">Example of </span>github</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-github-alt"><span class="sr-only">Example of </span>github-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-github-square"><span class="sr-only">Example of </span>github-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gitlab"><span class="sr-only">Example of </span>gitlab</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gittip"><span class="sr-only">Example of </span>gittip <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-glide"><span class="sr-only">Example of </span>glide</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-glide-g"><span class="sr-only">Example of </span>glide-g</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-google"><span class="sr-only">Example of </span>google</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-google-plus"><span class="sr-only">Example of </span>google-plus</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-google-plus-circle"><span class="sr-only">Example of </span>google-plus-circle <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-google-plus-official"><span class="sr-only">Example of </span>google-plus-official</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-google-plus-square"><span class="sr-only">Example of </span>google-plus-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-google-wallet"><span class="sr-only">Example of </span>google-wallet</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-gratipay"><span class="sr-only">Example of </span>gratipay</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-grav"><span class="sr-only">Example of </span>grav</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hacker-news"><span class="sr-only">Example of </span>hacker-news</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-houzz"><span class="sr-only">Example of </span>houzz</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-html5"><span class="sr-only">Example of </span>html5</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-imdb"><span class="sr-only">Example of </span>imdb</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-instagram"><span class="sr-only">Example of </span>instagram</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-internet-explorer"><span class="sr-only">Example of </span>internet-explorer</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ioxhost"><span class="sr-only">Example of </span>ioxhost</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-joomla"><span class="sr-only">Example of </span>joomla</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-jsfiddle"><span class="sr-only">Example of </span>jsfiddle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-lastfm"><span class="sr-only">Example of </span>lastfm</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-lastfm-square"><span class="sr-only">Example of </span>lastfm-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-leanpub"><span class="sr-only">Example of </span>leanpub</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-linkedin"><span class="sr-only">Example of </span>linkedin</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-linkedin-square"><span class="sr-only">Example of </span>linkedin-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-linode"><span class="sr-only">Example of </span>linode</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-linux"><span class="sr-only">Example of </span>linux</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-maxcdn"><span class="sr-only">Example of </span>maxcdn</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-meanpath"><span class="sr-only">Example of </span>meanpath</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-medium"><span class="sr-only">Example of </span>medium</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-meetup"><span class="sr-only">Example of </span>meetup</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-mixcloud"><span class="sr-only">Example of </span>mixcloud</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-modx"><span class="sr-only">Example of </span>modx</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-odnoklassniki"><span class="sr-only">Example of </span>odnoklassniki</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-odnoklassniki-square"><span class="sr-only">Example of </span>odnoklassniki-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-opencart"><span class="sr-only">Example of </span>opencart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-openid"><span class="sr-only">Example of </span>openid</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-opera"><span class="sr-only">Example of </span>opera</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-optin-monster"><span class="sr-only">Example of </span>optin-monster</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pagelines"><span class="sr-only">Example of </span>pagelines</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-paypal"><span class="sr-only">Example of </span>paypal</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pied-piper"><span class="sr-only">Example of </span>pied-piper</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pied-piper-alt"><span class="sr-only">Example of </span>pied-piper-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pied-piper-pp"><span class="sr-only">Example of </span>pied-piper-pp</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pinterest"><span class="sr-only">Example of </span>pinterest</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pinterest-p"><span class="sr-only">Example of </span>pinterest-p</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-pinterest-square"><span class="sr-only">Example of </span>pinterest-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-product-hunt"><span class="sr-only">Example of </span>product-hunt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-qq"><span class="sr-only">Example of </span>qq</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-quora"><span class="sr-only">Example of </span>quora</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ra"><span class="sr-only">Example of </span>ra <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ravelry"><span class="sr-only">Example of </span>ravelry</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-rebel"><span class="sr-only">Example of </span>rebel</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-reddit"><span class="sr-only">Example of </span>reddit</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-reddit-alien"><span class="sr-only">Example of </span>reddit-alien</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-reddit-square"><span class="sr-only">Example of </span>reddit-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-renren"><span class="sr-only">Example of </span>renren</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-resistance"><span class="sr-only">Example of </span>resistance <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-safari"><span class="sr-only">Example of </span>safari</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-scribd"><span class="sr-only">Example of </span>scribd</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-sellsy"><span class="sr-only">Example of </span>sellsy</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-share-alt"><span class="sr-only">Example of </span>share-alt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-share-alt-square"><span class="sr-only">Example of </span>share-alt-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-shirtsinbulk"><span class="sr-only">Example of </span>shirtsinbulk</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-simplybuilt"><span class="sr-only">Example of </span>simplybuilt</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-skyatlas"><span class="sr-only">Example of </span>skyatlas</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-skype"><span class="sr-only">Example of </span>skype</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-slack"><span class="sr-only">Example of </span>slack</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-slideshare"><span class="sr-only">Example of </span>slideshare</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-snapchat"><span class="sr-only">Example of </span>snapchat</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-snapchat-ghost"><span class="sr-only">Example of </span>snapchat-ghost</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-snapchat-square"><span class="sr-only">Example of </span>snapchat-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-soundcloud"><span class="sr-only">Example of </span>soundcloud</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-spotify"><span class="sr-only">Example of </span>spotify</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stack-exchange"><span class="sr-only">Example of </span>stack-exchange</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stack-overflow"><span class="sr-only">Example of </span>stack-overflow</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-steam"><span class="sr-only">Example of </span>steam</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-steam-square"><span class="sr-only">Example of </span>steam-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stumbleupon"><span class="sr-only">Example of </span>stumbleupon</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stumbleupon-circle"><span class="sr-only">Example of </span>stumbleupon-circle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-superpowers"><span class="sr-only">Example of </span>superpowers</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-telegram"><span class="sr-only">Example of </span>telegram</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tencent-weibo"><span class="sr-only">Example of </span>tencent-weibo</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-themeisle"><span class="sr-only">Example of </span>themeisle</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-trello"><span class="sr-only">Example of </span>trello</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tripadvisor"><span class="sr-only">Example of </span>tripadvisor</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tumblr"><span class="sr-only">Example of </span>tumblr</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-tumblr-square"><span class="sr-only">Example of </span>tumblr-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-twitch"><span class="sr-only">Example of </span>twitch</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-twitter"><span class="sr-only">Example of </span>twitter</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-twitter-square"><span class="sr-only">Example of </span>twitter-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-usb"><span class="sr-only">Example of </span>usb</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-viacoin"><span class="sr-only">Example of </span>viacoin</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-viadeo"><span class="sr-only">Example of </span>viadeo</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-viadeo-square"><span class="sr-only">Example of </span>viadeo-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-vimeo"><span class="sr-only">Example of </span>vimeo</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-vimeo-square"><span class="sr-only">Example of </span>vimeo-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-vine"><span class="sr-only">Example of </span>vine</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-vk"><span class="sr-only">Example of </span>vk</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wechat"><span class="sr-only">Example of </span>wechat <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-weibo"><span class="sr-only">Example of </span>weibo</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-weixin"><span class="sr-only">Example of </span>weixin</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-whatsapp"><span class="sr-only">Example of </span>whatsapp</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wikipedia-w"><span class="sr-only">Example of </span>wikipedia-w</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-windows"><span class="sr-only">Example of </span>windows</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wordpress"><span class="sr-only">Example of </span>wordpress</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wpbeginner"><span class="sr-only">Example of </span>wpbeginner</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wpexplorer"><span class="sr-only">Example of </span>wpexplorer</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wpforms"><span class="sr-only">Example of </span>wpforms</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-xing"><span class="sr-only">Example of </span>xing</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-xing-square"><span class="sr-only">Example of </span>xing-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-y-combinator"><span class="sr-only">Example of </span>y-combinator</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-y-combinator-square"><span class="sr-only">Example of </span>y-combinator-square <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-yahoo"><span class="sr-only">Example of </span>yahoo</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-yc"><span class="sr-only">Example of </span>yc <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-yc-square"><span class="sr-only">Example of </span>yc-square <span class="text-muted">(alias)</span></Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-yelp"><span class="sr-only">Example of </span>yelp</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-yoast"><span class="sr-only">Example of </span>yoast</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-youtube"><span class="sr-only">Example of </span>youtube</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-youtube-play"><span class="sr-only">Example of </span>youtube-play</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-youtube-square"><span class="sr-only">Example of </span>youtube-square</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-500px" aria-hidden="true"></i><span class="sr-only">Example of </span>500px</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-adn" aria-hidden="true"></i><span class="sr-only">Example of </span>adn</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-amazon" aria-hidden="true"></i><span class="sr-only">Example of </span>amazon</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-android" aria-hidden="true"></i><span class="sr-only">Example of </span>android</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-angellist" aria-hidden="true"></i><span class="sr-only">Example of </span>angellist</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-apple" aria-hidden="true"></i><span class="sr-only">Example of </span>apple</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bandcamp" aria-hidden="true"></i><span class="sr-only">Example of </span>bandcamp</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-behance" aria-hidden="true"></i><span class="sr-only">Example of </span>behance</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-behance-square" aria-hidden="true"></i><span class="sr-only">Example of </span>behance-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bitbucket" aria-hidden="true"></i><span class="sr-only">Example of </span>bitbucket</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bitbucket-square" aria-hidden="true"></i><span class="sr-only">Example of </span>bitbucket-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bitcoin" aria-hidden="true"></i><span class="sr-only">Example of </span>bitcoin <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-black-tie" aria-hidden="true"></i><span class="sr-only">Example of </span>black-tie</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bluetooth" aria-hidden="true"></i><span class="sr-only">Example of </span>bluetooth</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-bluetooth-b" aria-hidden="true"></i><span class="sr-only">Example of </span>bluetooth-b</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-btc" aria-hidden="true"></i><span class="sr-only">Example of </span>btc</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-buysellads" aria-hidden="true"></i><span class="sr-only">Example of </span>buysellads</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-amex" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-amex</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-diners-club" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-diners-club</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-discover" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-discover</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-jcb" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-jcb</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-mastercard" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-mastercard</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-paypal" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-paypal</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-stripe" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-stripe</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-cc-visa" aria-hidden="true"></i><span class="sr-only">Example of </span>cc-visa</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-chrome" aria-hidden="true"></i><span class="sr-only">Example of </span>chrome</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-codepen" aria-hidden="true"></i><span class="sr-only">Example of </span>codepen</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-codiepie" aria-hidden="true"></i><span class="sr-only">Example of </span>codiepie</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-connectdevelop" aria-hidden="true"></i><span class="sr-only">Example of </span>connectdevelop</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-contao" aria-hidden="true"></i><span class="sr-only">Example of </span>contao</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-css3" aria-hidden="true"></i><span class="sr-only">Example of </span>css3</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dashcube" aria-hidden="true"></i><span class="sr-only">Example of </span>dashcube</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-delicious" aria-hidden="true"></i><span class="sr-only">Example of </span>delicious</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-deviantart" aria-hidden="true"></i><span class="sr-only">Example of </span>deviantart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-digg" aria-hidden="true"></i><span class="sr-only">Example of </span>digg</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dribbble" aria-hidden="true"></i><span class="sr-only">Example of </span>dribbble</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-dropbox" aria-hidden="true"></i><span class="sr-only">Example of </span>dropbox</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-drupal" aria-hidden="true"></i><span class="sr-only">Example of </span>drupal</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-edge" aria-hidden="true"></i><span class="sr-only">Example of </span>edge</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-eercast" aria-hidden="true"></i><span class="sr-only">Example of </span>eercast</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-empire" aria-hidden="true"></i><span class="sr-only">Example of </span>empire</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-envira" aria-hidden="true"></i><span class="sr-only">Example of </span>envira</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-etsy" aria-hidden="true"></i><span class="sr-only">Example of </span>etsy</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-expeditedssl" aria-hidden="true"></i><span class="sr-only">Example of </span>expeditedssl</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fa" aria-hidden="true"></i><span class="sr-only">Example of </span>fa <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-facebook" aria-hidden="true"></i><span class="sr-only">Example of </span>facebook</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-facebook-f" aria-hidden="true"></i><span class="sr-only">Example of </span>facebook-f <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-facebook-official" aria-hidden="true"></i><span class="sr-only">Example of </span>facebook-official</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-facebook-square" aria-hidden="true"></i><span class="sr-only">Example of </span>facebook-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-firefox" aria-hidden="true"></i><span class="sr-only">Example of </span>firefox</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-first-order" aria-hidden="true"></i><span class="sr-only">Example of </span>first-order</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-flickr" aria-hidden="true"></i><span class="sr-only">Example of </span>flickr</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-font-awesome" aria-hidden="true"></i><span class="sr-only">Example of </span>font-awesome</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fonticons" aria-hidden="true"></i><span class="sr-only">Example of </span>fonticons</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-fort-awesome" aria-hidden="true"></i><span class="sr-only">Example of </span>fort-awesome</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-forumbee" aria-hidden="true"></i><span class="sr-only">Example of </span>forumbee</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-foursquare" aria-hidden="true"></i><span class="sr-only">Example of </span>foursquare</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-free-code-camp" aria-hidden="true"></i><span class="sr-only">Example of </span>free-code-camp</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ge" aria-hidden="true"></i><span class="sr-only">Example of </span>ge <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-get-pocket" aria-hidden="true"></i><span class="sr-only">Example of </span>get-pocket</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gg" aria-hidden="true"></i><span class="sr-only">Example of </span>gg</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gg-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>gg-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-git" aria-hidden="true"></i><span class="sr-only">Example of </span>git</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-git-square" aria-hidden="true"></i><span class="sr-only">Example of </span>git-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-github" aria-hidden="true"></i><span class="sr-only">Example of </span>github</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-github-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>github-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-github-square" aria-hidden="true"></i><span class="sr-only">Example of </span>github-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gitlab" aria-hidden="true"></i><span class="sr-only">Example of </span>gitlab</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gittip" aria-hidden="true"></i><span class="sr-only">Example of </span>gittip <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-glide" aria-hidden="true"></i><span class="sr-only">Example of </span>glide</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-glide-g" aria-hidden="true"></i><span class="sr-only">Example of </span>glide-g</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-google" aria-hidden="true"></i><span class="sr-only">Example of </span>google</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-google-plus" aria-hidden="true"></i><span class="sr-only">Example of </span>google-plus</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-google-plus-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>google-plus-circle <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-google-plus-official" aria-hidden="true"></i><span class="sr-only">Example of </span>google-plus-official</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-google-plus-square" aria-hidden="true"></i><span class="sr-only">Example of </span>google-plus-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-google-wallet" aria-hidden="true"></i><span class="sr-only">Example of </span>google-wallet</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-gratipay" aria-hidden="true"></i><span class="sr-only">Example of </span>gratipay</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-grav" aria-hidden="true"></i><span class="sr-only">Example of </span>grav</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hacker-news" aria-hidden="true"></i><span class="sr-only">Example of </span>hacker-news</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-houzz" aria-hidden="true"></i><span class="sr-only">Example of </span>houzz</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-html5" aria-hidden="true"></i><span class="sr-only">Example of </span>html5</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-imdb" aria-hidden="true"></i><span class="sr-only">Example of </span>imdb</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-instagram" aria-hidden="true"></i><span class="sr-only">Example of </span>instagram</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-internet-explorer" aria-hidden="true"></i><span class="sr-only">Example of </span>internet-explorer</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ioxhost" aria-hidden="true"></i><span class="sr-only">Example of </span>ioxhost</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-joomla" aria-hidden="true"></i><span class="sr-only">Example of </span>joomla</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-jsfiddle" aria-hidden="true"></i><span class="sr-only">Example of </span>jsfiddle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-lastfm" aria-hidden="true"></i><span class="sr-only">Example of </span>lastfm</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-lastfm-square" aria-hidden="true"></i><span class="sr-only">Example of </span>lastfm-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-leanpub" aria-hidden="true"></i><span class="sr-only">Example of </span>leanpub</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-linkedin" aria-hidden="true"></i><span class="sr-only">Example of </span>linkedin</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-linkedin-square" aria-hidden="true"></i><span class="sr-only">Example of </span>linkedin-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-linode" aria-hidden="true"></i><span class="sr-only">Example of </span>linode</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-linux" aria-hidden="true"></i><span class="sr-only">Example of </span>linux</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-maxcdn" aria-hidden="true"></i><span class="sr-only">Example of </span>maxcdn</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-meanpath" aria-hidden="true"></i><span class="sr-only">Example of </span>meanpath</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-medium" aria-hidden="true"></i><span class="sr-only">Example of </span>medium</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-meetup" aria-hidden="true"></i><span class="sr-only">Example of </span>meetup</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-mixcloud" aria-hidden="true"></i><span class="sr-only">Example of </span>mixcloud</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-modx" aria-hidden="true"></i><span class="sr-only">Example of </span>modx</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-odnoklassniki" aria-hidden="true"></i><span class="sr-only">Example of </span>odnoklassniki</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-odnoklassniki-square" aria-hidden="true"></i><span class="sr-only">Example of </span>odnoklassniki-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-opencart" aria-hidden="true"></i><span class="sr-only">Example of </span>opencart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-openid" aria-hidden="true"></i><span class="sr-only">Example of </span>openid</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-opera" aria-hidden="true"></i><span class="sr-only">Example of </span>opera</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-optin-monster" aria-hidden="true"></i><span class="sr-only">Example of </span>optin-monster</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pagelines" aria-hidden="true"></i><span class="sr-only">Example of </span>pagelines</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-paypal" aria-hidden="true"></i><span class="sr-only">Example of </span>paypal</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pied-piper" aria-hidden="true"></i><span class="sr-only">Example of </span>pied-piper</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pied-piper-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>pied-piper-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pied-piper-pp" aria-hidden="true"></i><span class="sr-only">Example of </span>pied-piper-pp</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pinterest" aria-hidden="true"></i><span class="sr-only">Example of </span>pinterest</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pinterest-p" aria-hidden="true"></i><span class="sr-only">Example of </span>pinterest-p</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-pinterest-square" aria-hidden="true"></i><span class="sr-only">Example of </span>pinterest-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-product-hunt" aria-hidden="true"></i><span class="sr-only">Example of </span>product-hunt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-qq" aria-hidden="true"></i><span class="sr-only">Example of </span>qq</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-quora" aria-hidden="true"></i><span class="sr-only">Example of </span>quora</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ra" aria-hidden="true"></i><span class="sr-only">Example of </span>ra <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ravelry" aria-hidden="true"></i><span class="sr-only">Example of </span>ravelry</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-rebel" aria-hidden="true"></i><span class="sr-only">Example of </span>rebel</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-reddit" aria-hidden="true"></i><span class="sr-only">Example of </span>reddit</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-reddit-alien" aria-hidden="true"></i><span class="sr-only">Example of </span>reddit-alien</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-reddit-square" aria-hidden="true"></i><span class="sr-only">Example of </span>reddit-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-renren" aria-hidden="true"></i><span class="sr-only">Example of </span>renren</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-resistance" aria-hidden="true"></i><span class="sr-only">Example of </span>resistance <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-safari" aria-hidden="true"></i><span class="sr-only">Example of </span>safari</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-scribd" aria-hidden="true"></i><span class="sr-only">Example of </span>scribd</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-sellsy" aria-hidden="true"></i><span class="sr-only">Example of </span>sellsy</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-share-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>share-alt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-share-alt-square" aria-hidden="true"></i><span class="sr-only">Example of </span>share-alt-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-shirtsinbulk" aria-hidden="true"></i><span class="sr-only">Example of </span>shirtsinbulk</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-simplybuilt" aria-hidden="true"></i><span class="sr-only">Example of </span>simplybuilt</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-skyatlas" aria-hidden="true"></i><span class="sr-only">Example of </span>skyatlas</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-skype" aria-hidden="true"></i><span class="sr-only">Example of </span>skype</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-slack" aria-hidden="true"></i><span class="sr-only">Example of </span>slack</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-slideshare" aria-hidden="true"></i><span class="sr-only">Example of </span>slideshare</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-snapchat" aria-hidden="true"></i><span class="sr-only">Example of </span>snapchat</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i><span class="sr-only">Example of </span>snapchat-ghost</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-snapchat-square" aria-hidden="true"></i><span class="sr-only">Example of </span>snapchat-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-soundcloud" aria-hidden="true"></i><span class="sr-only">Example of </span>soundcloud</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-spotify" aria-hidden="true"></i><span class="sr-only">Example of </span>spotify</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stack-exchange" aria-hidden="true"></i><span class="sr-only">Example of </span>stack-exchange</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stack-overflow" aria-hidden="true"></i><span class="sr-only">Example of </span>stack-overflow</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-steam" aria-hidden="true"></i><span class="sr-only">Example of </span>steam</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-steam-square" aria-hidden="true"></i><span class="sr-only">Example of </span>steam-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stumbleupon" aria-hidden="true"></i><span class="sr-only">Example of </span>stumbleupon</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stumbleupon-circle" aria-hidden="true"></i><span class="sr-only">Example of </span>stumbleupon-circle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-superpowers" aria-hidden="true"></i><span class="sr-only">Example of </span>superpowers</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-telegram" aria-hidden="true"></i><span class="sr-only">Example of </span>telegram</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tencent-weibo" aria-hidden="true"></i><span class="sr-only">Example of </span>tencent-weibo</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-themeisle" aria-hidden="true"></i><span class="sr-only">Example of </span>themeisle</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-trello" aria-hidden="true"></i><span class="sr-only">Example of </span>trello</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tripadvisor" aria-hidden="true"></i><span class="sr-only">Example of </span>tripadvisor</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tumblr" aria-hidden="true"></i><span class="sr-only">Example of </span>tumblr</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-tumblr-square" aria-hidden="true"></i><span class="sr-only">Example of </span>tumblr-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-twitch" aria-hidden="true"></i><span class="sr-only">Example of </span>twitch</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-twitter" aria-hidden="true"></i><span class="sr-only">Example of </span>twitter</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-twitter-square" aria-hidden="true"></i><span class="sr-only">Example of </span>twitter-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-usb" aria-hidden="true"></i><span class="sr-only">Example of </span>usb</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-viacoin" aria-hidden="true"></i><span class="sr-only">Example of </span>viacoin</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-viadeo" aria-hidden="true"></i><span class="sr-only">Example of </span>viadeo</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-viadeo-square" aria-hidden="true"></i><span class="sr-only">Example of </span>viadeo-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-vimeo" aria-hidden="true"></i><span class="sr-only">Example of </span>vimeo</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-vimeo-square" aria-hidden="true"></i><span class="sr-only">Example of </span>vimeo-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-vine" aria-hidden="true"></i><span class="sr-only">Example of </span>vine</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-vk" aria-hidden="true"></i><span class="sr-only">Example of </span>vk</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wechat" aria-hidden="true"></i><span class="sr-only">Example of </span>wechat <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-weibo" aria-hidden="true"></i><span class="sr-only">Example of </span>weibo</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-weixin" aria-hidden="true"></i><span class="sr-only">Example of </span>weixin</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-whatsapp" aria-hidden="true"></i><span class="sr-only">Example of </span>whatsapp</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wikipedia-w" aria-hidden="true"></i><span class="sr-only">Example of </span>wikipedia-w</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-windows" aria-hidden="true"></i><span class="sr-only">Example of </span>windows</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wordpress" aria-hidden="true"></i><span class="sr-only">Example of </span>wordpress</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wpbeginner" aria-hidden="true"></i><span class="sr-only">Example of </span>wpbeginner</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wpexplorer" aria-hidden="true"></i><span class="sr-only">Example of </span>wpexplorer</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wpforms" aria-hidden="true"></i><span class="sr-only">Example of </span>wpforms</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-xing" aria-hidden="true"></i><span class="sr-only">Example of </span>xing</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-xing-square" aria-hidden="true"></i><span class="sr-only">Example of </span>xing-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-y-combinator" aria-hidden="true"></i><span class="sr-only">Example of </span>y-combinator</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-y-combinator-square" aria-hidden="true"></i><span class="sr-only">Example of </span>y-combinator-square <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-yahoo" aria-hidden="true"></i><span class="sr-only">Example of </span>yahoo</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-yc" aria-hidden="true"></i><span class="sr-only">Example of </span>yc <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-yc-square" aria-hidden="true"></i><span class="sr-only">Example of </span>yc-square <span class="text-muted">(alias)</span></a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-yelp" aria-hidden="true"></i><span class="sr-only">Example of </span>yelp</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-yoast" aria-hidden="true"></i><span class="sr-only">Example of </span>yoast</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-youtube" aria-hidden="true"></i><span class="sr-only">Example of </span>youtube</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-youtube-play" aria-hidden="true"></i><span class="sr-only">Example of </span>youtube-play</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-youtube-square" aria-hidden="true"></i><span class="sr-only">Example of </span>youtube-square</a></div>
             </div>
         </section>
         <section id="bb-medical">
             <h2 class="page-header">Medical Icons</h2>
             <div class="row fontawesome-icon-list">
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-ambulance"><span class="sr-only">Example of </span>ambulance</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-h-square"><span class="sr-only">Example of </span>h-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-heart"><span class="sr-only">Example of </span>heart</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-heart-o"><span class="sr-only">Example of </span>heart-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-heartbeat"><span class="sr-only">Example of </span>heartbeat</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-hospital-o"><span class="sr-only">Example of </span>hospital-o</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-medkit"><span class="sr-only">Example of </span>medkit</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-plus-square"><span class="sr-only">Example of </span>plus-square</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-stethoscope"><span class="sr-only">Example of </span>stethoscope</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-user-md"><span class="sr-only">Example of </span>user-md</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair"><span class="sr-only">Example of </span>wheelchair</Icon></div>
-                <div class="fa-hover col-md-3 col-sm-4"><Icon ShowCopyDialog="ShowCopyDialog" Name="fa fa-wheelchair-alt"><span class="sr-only">Example of </span>wheelchair-alt</Icon></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-ambulance" aria-hidden="true"></i><span class="sr-only">Example of </span>ambulance</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-h-square" aria-hidden="true"></i><span class="sr-only">Example of </span>h-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-heart" aria-hidden="true"></i><span class="sr-only">Example of </span>heart</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sr-only">Example of </span>heart-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-heartbeat" aria-hidden="true"></i><span class="sr-only">Example of </span>heartbeat</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-hospital-o" aria-hidden="true"></i><span class="sr-only">Example of </span>hospital-o</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-medkit" aria-hidden="true"></i><span class="sr-only">Example of </span>medkit</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-plus-square" aria-hidden="true"></i><span class="sr-only">Example of </span>plus-square</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-stethoscope" aria-hidden="true"></i><span class="sr-only">Example of </span>stethoscope</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-user-md" aria-hidden="true"></i><span class="sr-only">Example of </span>user-md</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair</a></div>
+                <div class="col-md-3 col-sm-4"><a class="icon-item"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i><span class="sr-only">Example of </span>wheelchair-alt</a></div>
             </div>
         </section>
         <section id="bb-fa-bottom" class="fa-target"></section>
diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs
index 63a5af4c4..55deecd05 100644
--- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs
+++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.razor.cs
@@ -3,6 +3,7 @@
 // Website: https://www.blazor.zone or https://argozhang.github.io/
 
 using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
 
 namespace BootstrapBlazor.Components;
 
@@ -13,6 +14,12 @@ public partial class FAIconList
 {
     private ElementReference IconListElement { get; set; }
 
+    private string? ClassString => CssBuilder.Default("icon-list")
+        .AddClass("is-catalog", ShowCatalog)
+        .AddClass("is-dialog", ShowCopyDialog)
+        .AddClassFromAttributes(AdditionalAttributes)
+        .Build();
+
     /// <summary>
     /// 获得/设置 点击时是否显示高级拷贝弹窗 默认 false 直接拷贝到粘贴板
     /// </summary>
@@ -25,7 +32,11 @@ public partial class FAIconList
     [Parameter]
     public bool ShowCatalog { get; set; }
 
-    private bool InitCatalog { get; set; }
+    [Inject]
+    [NotNull]
+    private DialogService? DialogService { get; set; }
+
+    private JSInterop<FAIconList>? Interop { get; set; }
 
     /// <summary>
     /// OnAfterRenderAsync 方法
@@ -36,13 +47,20 @@ public partial class FAIconList
     {
         await base.OnAfterRenderAsync(firstRender);
 
-        if (ShowCatalog)
+        if (firstRender)
         {
-            if (!InitCatalog)
-            {
-                InitCatalog = true;
-                await JSRuntime.InvokeVoidAsync(IconListElement, "bb_iconList");
-            }
+            Interop ??= new(JSRuntime);
+            await Interop.InvokeVoidAsync(this, IconListElement, "bb_iconList", nameof(ShowDialog));
         }
     }
+
+    /// <summary>
+    /// 
+    /// </summary>
+    /// <returns></returns>
+    [JSInvokable]
+    public Task ShowDialog(string text) => DialogService.ShowCloseDialog<IconDialog>("请选择图标", parameters =>
+    {
+        parameters.Add(nameof(IconDialog.IconName), text);
+    });
 }
-- 
Gitee


From 7507ea2aca204128fad774b2beee13ec1c7874a6 Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <argo@163.com>
Date: Tue, 29 Mar 2022 00:07:46 +0800
Subject: [PATCH 09/13] =?UTF-8?q?chore:=20=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs | 4 ++++
 src/BootstrapBlazor/Utils/JSInterop.cs                     | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
index 491c32790..eb46fa0b7 100644
--- a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
+++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
@@ -19,6 +19,10 @@ public partial class IconDialog : IAsyncDisposable
     /// 
     /// </summary>
     [Parameter]
+    [NotNull]
+#if NET6_0_OR_GREATER
+    [EditorRequired]
+#endif
     public string? IconName { get; set; }
 
     [NotNull]
diff --git a/src/BootstrapBlazor/Utils/JSInterop.cs b/src/BootstrapBlazor/Utils/JSInterop.cs
index e0b136ccc..d554b97b0 100644
--- a/src/BootstrapBlazor/Utils/JSInterop.cs
+++ b/src/BootstrapBlazor/Utils/JSInterop.cs
@@ -34,9 +34,9 @@ public class JSInterop<TValue> : IDisposable where TValue : class
     {
         _objRef = DotNetObjectReference.Create(value);
         var paras = new List<object>()
-            {
-                _objRef
-            };
+        {
+            _objRef
+        };
         paras.AddRange(args);
         await _jsRuntime.InvokeVoidAsync(el, func, paras.ToArray());
     }
-- 
Gitee


From 1eedb224b1adc1fe4b0bfec0c07d8390e1443126 Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <argo@163.com>
Date: Tue, 29 Mar 2022 00:31:18 +0800
Subject: [PATCH 10/13] =?UTF-8?q?feat:=20=E7=B2=BE=E7=AE=80=20IconDialog?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/FAIcons/FAIconList.js          | 29 ++++++---
 .../Components/FAIcons/IconDialog.razor       | 36 +++++++----
 .../Components/FAIcons/IconDialog.razor.cs    | 64 +++----------------
 .../css/bootstrap.blazor.bundle.min.css       |  2 +-
 .../wwwroot/js/bootstrap.blazor.bundle.min.js |  2 +-
 .../wwwroot/js/bootstrap.blazor.min.js        |  2 +-
 6 files changed, 53 insertions(+), 82 deletions(-)

diff --git a/src/BootstrapBlazor/Components/FAIcons/FAIconList.js b/src/BootstrapBlazor/Components/FAIcons/FAIconList.js
index f1e6b241a..0f63afb5a 100644
--- a/src/BootstrapBlazor/Components/FAIcons/FAIconList.js
+++ b/src/BootstrapBlazor/Components/FAIcons/FAIconList.js
@@ -29,17 +29,28 @@
                     obj.invokeMethodAsync(method, text);
                 }
                 else {
-                    $.bb_copyText(text);
-                    $this.tooltip({
-                        title: 'Copy!'
-                    });
-                    $this.tooltip('show');
-                    var handler = window.setTimeout(function () {
-                        window.clearTimeout(handler);
-                        $this.tooltip('dispose');
-                    }, 1000);
+                    $.bb_copyIcon($this, text);
                 }
             });
+        },
+        bb_iconDialog: function (el) {
+            var $el = $(el);
+            $el.on('click', 'button', function (e) {
+                var $this = $(this);
+                var text = $this.prev().text();
+                $.bb_copyIcon($this, text);
+            });
+        },
+        bb_copyIcon: function ($this, text) {
+            $.bb_copyText(text);
+            $this.tooltip({
+                title: 'Copied!'
+            });
+            $this.tooltip('show');
+            var handler = window.setTimeout(function () {
+                window.clearTimeout(handler);
+                $this.tooltip('dispose');
+            }, 1000);
         }
     });
 })(jQuery);
diff --git a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor
index 0db3d39c8..070438215 100644
--- a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor
+++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor
@@ -1,17 +1,25 @@
 @namespace BootstrapBlazor.Components
 @inherits ClosableDialogBase
 
-<Row ItemsPerRow="ItemsPerRow.One">
-    <BootstrapLabel Value="选择的图标"></BootstrapLabel>
-    <BootstrapInputGroup>
-        <BootstrapInputGroupIcon Icon="@IconName"></BootstrapInputGroupIcon>
-        <Display Value="@IconName"></Display>
-        <Button Text="点击复制" OnClickWithoutRender="OnClickCopyIcon" @ref="ButtonIcon"></Button>
-    </BootstrapInputGroup>
-    <BootstrapLabel Value="完整文本"></BootstrapLabel>
-    <BootstrapInputGroup>
-        <BootstrapInputGroupIcon Icon="@IconName"></BootstrapInputGroupIcon>
-        <Display Value="@IconFullName"></Display>
-        <Button Text="点击复制" OnClickWithoutRender="OnClickCopyFullIcon" @ref="ButtonFullIcon"></Button>
-    </BootstrapInputGroup>
-</Row>
+<div class="row g-3" @ref="IconDialogElement">
+    <div class="col-12">
+        <label class="form-label">选择图标</label>
+        <div class="input-group">
+            <div class="input-group-text">
+                <i class="@IconName"></i>
+            </div>
+            <div class="form-control is-display">@IconName</div>
+            <button type="button" class="btn btn-primary" role="button">点击复制</button>
+        </div>
+    </div>
+    <div class="col-12">
+        <label class="form-label">完整文本</label>
+        <div class="input-group">
+            <div class="input-group-text">
+                <i class="@IconName"></i>
+            </div>
+            <div class="form-control is-display">@IconFullName</div>
+            <button type="button" class="btn btn-primary" role="button">点击复制</button>
+        </div>
+    </div>
+</div>
diff --git a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
index eb46fa0b7..922de1f3e 100644
--- a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
+++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
@@ -9,12 +9,8 @@ namespace BootstrapBlazor.Components;
 /// <summary>
 /// 
 /// </summary>
-public partial class IconDialog : IAsyncDisposable
+public partial class IconDialog
 {
-    [Inject]
-    [NotNull]
-    private ClipboardService? ClipboardService { get; set; }
-
     /// <summary>
     /// 
     /// </summary>
@@ -33,64 +29,20 @@ public partial class IconDialog : IAsyncDisposable
 
     private string IconFullName => $"<i class=\"{IconName}\" aria-hidden=\"true\"></i>";
 
-    private CancellationTokenSource CopyIconTokenSource { get; } = new();
-
-    private CancellationTokenSource CopyFullIconTokenSource { get; } = new();
-
-    private Task OnClickCopyIcon() => ClipboardService.Copy(IconName, async () =>
-    {
-        await ButtonIcon.ShowTooltip("拷贝成功");
-        try
-        {
-            await Task.Delay(1000, CopyIconTokenSource.Token);
-            await ButtonIcon.RemoveTooltip();
-        }
-        catch (TaskCanceledException)
-        {
-
-        }
-    });
-
-    private Task OnClickCopyFullIcon() => ClipboardService.Copy(IconFullName, async () =>
-    {
-        await ButtonFullIcon.ShowTooltip("拷贝成功");
-        try
-        {
-            await Task.Delay(1000, CopyFullIconTokenSource.Token);
-            await ButtonFullIcon.RemoveTooltip();
-        }
-        catch (TaskCanceledException)
-        {
-
-        }
-    });
-
-    private async Task OnClickClose()
-    {
-        if (OnClose != null)
-        {
-            await OnClose();
-        }
-    }
+    private ElementReference IconDialogElement { get; set; }
 
     /// <summary>
-    /// 
+    /// OnAfterRenderAsync 方法
     /// </summary>
+    /// <param name="firstRender"></param>
     /// <returns></returns>
-    public async ValueTask DisposeAsync()
+    protected override async Task OnAfterRenderAsync(bool firstRender)
     {
-        if (CopyIconTokenSource.IsCancellationRequested)
-        {
-            await ButtonIcon.RemoveTooltip();
-        }
-        CopyIconTokenSource.Dispose();
+        await base.OnAfterRenderAsync(firstRender);
 
-        if (CopyFullIconTokenSource.IsCancellationRequested)
+        if (firstRender)
         {
-            await ButtonFullIcon.RemoveTooltip();
+            await JSRuntime.InvokeVoidAsync(IconDialogElement, "bb_iconDialog");
         }
-        CopyFullIconTokenSource.Dispose();
-
-        GC.SuppressFinalize(this);
     }
 }
diff --git a/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css b/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css
index 798080f92..bf35a4116 100644
--- a/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css
+++ b/src/BootstrapBlazor/wwwroot/css/bootstrap.blazor.bundle.min.css
@@ -19,4 +19,4 @@
  * Copyright 2020-2021 The Longbow Argo (argo@163.com)
  * Licensed under MIT (https://github.com/dotnetcore/BootstrapBlazor/blob/main/LICENSE)
  */
-:root{--bs-border-radius:.25rem;--bs-bg-disabled:#ebeef5;--bs-border-color:#ebeef5}#components-reconnect-modal{z-index:2000 !important}:fullscreen{background-color:#fff}body,.form-control,.dropdown-menu,.form-select,.btn:not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-xl):not(.btn-xxl),.input-group-text{font-size:.875rem}.btn-close:focus{box-shadow:none}:focus,button:focus{outline:none}a{cursor:pointer}a,a:hover,a:focus{text-decoration:none;outline:none}.form-control.is-invalid,.was-validated .form-control:invalid,.form-control.is-valid,.was-validated .form-control:valid,.form-control.valid.modified:not([type=checkbox]){outline:none}.form-control.is-display{height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell .form-control.is-display,form .form-control.is-display{background-color:var(--bs-bg-disabled)}[disabled],:disabled,.disabled,.disabled>*{cursor:not-allowed !important}.form-control:focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.control-label{margin-right:10px;width:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.6)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(40,167,69,.6)}.arrow-primary{border-color:transparent transparent #0d6efd}.arrow-success{border-color:transparent transparent #198754}.arrow-info{border-color:transparent transparent #0dcaf0}.arrow-warning{border-color:transparent transparent #ffc107}.arrow-danger{border-color:transparent transparent #dc3545}.show .shadow-primary,.shadow-primary:hover,.shadow-primary:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,123,255,.5);border-color:#0d6efd !important}.show .shadow-success,.shadow-success:hover,.shadow-success:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(40,167,69,.5);border-color:#198754 !important}.show .shadow-info,.shadow-info:hover,.shadow-info:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,162,184,.5);border-color:#0dcaf0 !important}.show .shadow-warning,.shadow-warning:hover,.shadow-warning:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,193,7,.5);border-color:#ffc107 !important}.show .shadow-danger,.shadow-danger:hover,.shadow-danger:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.5);border:1px solid #dc3545 !important}.show .shadow-secondary,.shadow-secondary:hover,.shadow-secondary:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #c0c4cc;border:1px solid #6c757d !important}.show .shadow-dark,.shadow-dark:hover,.shadow-dark:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #c0c4cc;border:1px solid #343a40 !important}.show .shadow-default,.shadow-default:hover,.shadow-default:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);border:1px solid #337ab7}.swal{position:fixed;z-index:1070}.swal .modal-header{display:none}.swal2-icon,.swal2-actions{display:flex}.swal2-actions{margin-bottom:1rem}.close{display:flex}.captcha{border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.125)}.captcha-refresh{float:right;cursor:pointer;padding-left:.5rem}.captcha-body{position:relative}.captcha-body .captcha-load{display:flex;align-items:center;justify-content:center}.captcha-body .captcha-body-bg,.captcha-body .captcha-body-bar{position:absolute;border-radius:2px;top:0;left:0}.captcha-footer{text-align:center;background:#f7f9fa;color:#45494c;border-radius:2px;margin-top:.5rem;position:relative}.captcha-footer,.captcha-bar-bg{line-height:40px;height:40px}.captcha-bar-bg{position:absolute;border-radius:4px}.captcha-bar{position:absolute;top:0;left:0;width:40px;height:40px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center}.captcha-footer.is-move .captcha-bar-text{display:none}.captcha-footer.is-move .captcha-bar-bg{border:1px solid #1991fa;background-color:#d1e9fe}.captcha-footer.is-valid .captcha-bar .fa-arrow-right:before{content:""}.captcha-footer.is-invalid .captcha-bar{border:1px solid #f57a7a;background-color:#f57a7a}.captcha-footer.is-invalid .captcha-bar-bg{border:1px solid #f57a7a;background-color:#fce1e1;border-width:1px 0 1px 1px}.captcha-footer.is-invalid .captcha-bar .fa-arrow-right:before{content:""}.captcha-footer.is-valid .captcha-bar{border:1px solid #52ccba;background-color:#52ccba}.captcha-footer.is-valid .captcha-bar-bg{border:1px solid #52ccba;border-width:1px 0 1px 1px;background-color:#d2f4ef}.captcha-footer.is-valid .captcha-bar .fa-arrow-right:before{content:""}.timeline{margin:0;padding:0;list-style:none}.timeline .time-line-item{position:relative;padding-bottom:1rem}.timeline .time-line-item:last-child{padding-bottom:0}.timeline .time-line-item .time-line-item-tail{position:absolute;left:4px;height:100%;border-left:2px solid #e4e7ed}.timeline .time-line-item:last-child .time-line-item-tail{display:none}.timeline .timeline-item-node-normal{left:-1px;width:12px;height:12px}.timeline .timeline-item-node{position:absolute;background-color:#e4e7ed;border-radius:50%;display:flex;justify-content:center;align-items:center}.timeline .timeline-item-node.is-icon{background-color:transparent}.timeline .timeline-item-wrapper{position:relative;padding-left:1.5rem;top:-4px}.timeline .timeline-item-content{color:#303133}.timeline .timeline-item-timestamp{margin-top:.5rem;color:#909399}.timeline.is-alternate .time-line-item-tail,.timeline.is-alternate .timeline-item-node{left:50%}.timeline.is-alternate .timeline-item-node{margin-left:-5px}.timeline.is-alternate .time-line-item:nth-child(odd) .timeline-item-wrapper{left:calc(50% - 5px);width:calc(50% - 1rem);text-align:left}.timeline.is-alternate .time-line-item:nth-child(even) .timeline-item-wrapper{width:calc(50% - 1rem);margin:0;text-align:right}.timeline.is-left .time-line-item-tail,.timeline.is-left .timeline-item-node{left:100%}.timeline.is-left .timeline-item-node{margin-left:-5px}.timeline.is-left .time-line-item .timeline-item-wrapper{width:calc(100% - 1rem);margin:0;text-align:right}.footer{background:#5b6e84;color:#fff;padding:10px 4px;height:40px;display:flex}.footer .footer-text{flex:1 1 auto;text-align:center}.circle{display:inline-block;position:relative}.circle-progress{transition:stroke-dashoffset .3s linear}.circle-primary{stroke:#1593ff}.circle-danger{stroke:#dc3545}.circle-success{stroke:#28a745}.circle-warning{stroke:#ffc107}.circle-info{stroke:#17a2b8}.circle-secondary{stroke:#6c757d}.circle-dark{stroke:#343a40}.circle-title{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0}.input-number-fix::-webkit-outer-spin-button,.input-number-fix::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.ef-loading{display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:4px;padding:2rem}form .form-label:before{content:"";position:relative;top:2px;margin-right:2px;display:inline-block;min-width:5px}form .form-label[required]:before{content:"*";color:#f00}.form-control.is-valid[type="number"],.form-control.is-invalid[type="number"]{padding-right:.75rem;background-image:none}.transfer-panel-empty{position:absolute;top:35%;width:100%}.pulse{position:relative}.pulse.pulse-white .pulse-ring{border-color:#fff}.pulse.pulse-light .pulse-ring{border-color:#f5f8fa}.pulse.pulse-primary .pulse-ring{border-color:#009ef7}.pulse.pulse-secondary .pulse-ring{border-color:#e4e6ef}.pulse.pulse-success .pulse-ring{border-color:#50cd89}.pulse.pulse-info .pulse-ring{border-color:#7239ea}.pulse.pulse-warning .pulse-ring{border-color:#ffc700}.pulse.pulse-danger .pulse-ring{border-color:#f1416c}.pulse.pulse-dark .pulse-ring{border-color:#181c32}.pulse-ring{display:block;border-radius:40px;height:40px;width:40px;position:absolute;animation:animation-pulse 3.5s ease-out;animation-iteration-count:infinite;opacity:0;border-width:3px;border-style:solid;border-color:#a1a5b7}@keyframes animation-pulse{0%{-webkit-transform:scale(.1,.1);opacity:0}60%{-webkit-transform:scale(.1,.1);opacity:0}65%{opacity:1}100%{-webkit-transform:scale(1.2,1.2);opacity:0}}.fs-on,.fs-open .fs{display:none}.fs-open .fs-on{display:block}.arrow-danger{border-color:transparent transparent var(--bs-danger)}.arrow-success{border-color:transparent transparent var(--bs-success)}.arrow-primary{border-color:transparent transparent var(--bs-primary)}.arrow-warning{border-color:transparent transparent var(--bs-warning)}.arrow-info{border-color:transparent transparent var(--bs-info)}.alert i{margin-right:.5rem}.alert .btn-close{position:absolute;top:22px;right:1rem;height:4px;width:4px}.alert.is-close .alert-content{margin-right:1rem}.alert.is-bar.alert-info{border-left:4px solid var(--bs-info);background-color:#ecf8ff}.alert.is-bar.alert-success{border-left:4px solid var(--bs-success);background-color:#c3e6cb}.alert.is-bar.alert-primary{border-left:4px solid var(--bs-primary);background-color:#daeafc}.alert.is-bar.alert-warning{border-left:4px solid var(--bs-warning);background-color:#fffcf2}.alert.is-bar.alert-danger{border-left:4px solid var(--bs-danger);background-color:#faeaec}.anchor-link{cursor:pointer;display:inline-block}.anchor-link>i{opacity:0;margin-left:.5rem;color:var(--bs-primary);transition:opacity .3s linear}.anchor-link:hover>i{opacity:1}.auto-complete{position:relative}.auto-complete input{padding-right:30px}.auto-complete .select-dropdown{position:absolute;top:40px;left:0;right:0;display:none;z-index:2}.auto-complete .select-dropdown .dropdown-list{max-height:300px;overflow:auto;padding:6px 0;list-style:none;margin:0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.176);border:1px solid rgba(0,0,0,.15);border-radius:var(--bs-border-radius)}.auto-complete .select-dropdown .dropdown-list .dropdown-item{padding:6px 20px}.auto-complete.is-complete .select-dropdown{display:block}.auto-complete .fa-spin{position:absolute;top:10.5px;right:8px;display:none}.auto-complete.is-loading .fa-spin{display:inline-block}.search .auto-complete .fa-spin{position:unset;display:inline-block}.avatar{border-radius:4px;width:50px;height:50px;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;background:#c0c4cc;color:#fff}.avatar img{width:100%;object-fit:cover}.avatar.is-circle{border-radius:50%}.avatar.is-xs{width:30px;height:30px}.avatar.is-sm{width:40px;height:40px}.avatar.is-lg{width:60px;height:60px}.avatar.is-xl{width:70px;height:70px}.avatar.is-xxl{width:80px;height:80px}.avatar i{font-size:1.4rem}.scanner .scanner-video video{width:300px;height:170px;border:1px solid #ddd;border-radius:var(--bs-border-radius)}.scanner .scanner-image{display:none}.btn:focus,.btn:active:focus,.show>.dropdown-toggle:focus{box-shadow:none !important}.btn-xs,.btn-group-xs>.btn{border-radius:.2rem;padding:.0625rem .3125rem;font-size:.75rem}.btn-xl,.btn-group-xl>.btn{padding:.8rem 1.25rem;font-size:1.35rem}.btn-xxl,.btn-group-xxl>.btn{padding:.8rem 1.25rem;font-size:1.5rem}.btn .badge,.btn i+span,.badge i+span{margin-left:4px}.btn.is-circle{border-radius:50%;width:45px;height:45px}.btn.is-round{border-radius:20px}.btn-block{width:100%}.calendar-header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--bs-border-color)}.calendar-title{color:#000;align-self:center;font-size:1rem}.calendar-button-group .btn{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;outline:none;margin:0;transition:.3s;padding:7px 15px;font-size:12px}.calendar-button-group .btn:focus,.calendar-button-group .btn:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.calendar-button-group .btn:active{color:#3a8ee6;border-color:#3a8ee6;outline:none}.calendar-table{table-layout:fixed;width:100%}.calendar-table thead th{padding:12px 0;color:#606266;font-weight:400;text-align:center}.calendar-table:not(.is-range) td.next,.calendar-table:not(.is-range) td.prev{color:#c0c4cc}.calendar-table tr td:first-child{border-left:1px solid var(--bs-border-color)}.calendar-table tr:first-child td{border-top:1px solid var(--bs-border-color)}.calendar-table td{border-bottom:1px solid var(--bs-border-color);border-right:1px solid var(--bs-border-color);vertical-align:top;transition:background-color .2s ease;cursor:pointer}.calendar-table td.is-today{color:#409eff}.calendar-table td.is-selected{color:#1989fa}.calendar-table td.is-selected{background-color:#f2f8fe}.calendar-table .calendar-day{box-sizing:border-box;padding:8px;height:85px}.calendar-table .calendar-day:hover{cursor:pointer;background-color:#f2f8fe}.calendar-table:not(.is-range) td.next,.calendar-table:not(.is-range) td.prev{color:#c0c4cc}.calendar .table-week .week-header{border-radius:50%;border:1px solid transparent;padding:4px;display:inline-block;min-width:52px}.calendar .table-week .week-header.is-today{border:1px solid #409eff;color:#409eff}.calendar .table-week thead tr:last-child{border-bottom:2px solid #dee2e6}.calendar .table-week tbody tr{text-align:center}.calendar .table-week tbody td{padding:1rem 0;border-right:0;border-left:0;position:relative}.camera .camera-header{border:1px solid #ddd;border-radius:var(--bs-border-radius)}.camera canvas{display:none}.card .card-collapse{flex:1;display:flex;align-items:center;cursor:pointer}.card .card-title{margin:0 0 0 1rem}.card .card-collapse-arrow{transition:transform .3s linear}.card .is-open .card-collapse-arrow{transform:rotate(90deg)}.card-shadow{transition:box-shadow .3s linear;box-shadow:0 0 8px 0 #e8edfa99,0 2px 4px 0 #e8edfa80}.card-shadow:hover{box-shadow:0 1px 7px 0 #0000000d,0 2px 8px 0 #00000012,0 3px 9px 0 #0000000f,0 5px 10px 0 #00000008}.card-header .tag{line-height:21px}.carousel{overflow:hidden}.carousel [data-bs-slide]{outline:none;padding:0;margin:0 .5rem;height:36px;width:36px;cursor:pointer;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.5);border:solid 1px #e9ecef;color:#fff;top:50%;transform:translateY(-50%);text-align:center;font-size:1rem}.carousel:not(.hover) .carousel-control-prev{opacity:0;left:-10px}.carousel:not(.hover) .carousel-control-next{opacity:0;right:-10px}.carousel:not(.hover) .carousel-indicators{opacity:0;bottom:-10px}.carousel .carousel-indicators{opacity:1;transition:all .2s linear}.carousel .carousel-item img{display:block}.carousel-indicators [data-bs-target]{background-color:#606266}.carousel-item img{width:100%}.form-check{padding:0;margin:0;min-height:1rem}.form-check .form-check-input{width:1rem;height:1rem;float:none;margin:3px 0 1px 0;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-check .form-check-input+.form-check-label{padding:0 .5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}.form-label+.form-check{padding:7px 0}.form-check-input:active{filter:none}@media(prefers-reduced-motion:reduce){.form-check-input{transition:none}}.form-check-input:focus{border-color:#b5b5c3;box-shadow:none}.form-check-input:checked{background-color:#009ef7;border-color:#009ef7}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#009ef7;border-color:#009ef7;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check .form-check-label,.form-check .form-check-input{cursor:pointer}.form-check .form-check-input[type=checkbox]{background-size:60% 60%}.form-check.form-check-success .form-check-input:checked{background-color:var(--bs-success)}.form-check.form-check-danger .form-check-input:checked{background-color:var(--bs-danger)}.form-check.form-check-warning .form-check-input:checked{background-color:var(--bs-warning)}.form-check.form-check-info .form-check-input:checked{background-color:var(--bs-info)}.form-check.form-check-primary .form-check-input:checked{background-color:var(--bs-primary)}.form-check.form-check-secondary .form-check-input:checked{background-color:var(--bs-secondary)}.form-check.form-check-dark .form-check-input:checked{background-color:var(--bs-dark)}.form-check.form-check-sm .form-check-input{height:1.25rem;width:1.25rem;margin:0}.form-check.form-check-md{padding:4px 0 3px 0}.form-check.form-check-md .form-check-input{height:1.5rem;width:1.5rem}.form-check.form-check-lg{padding:2px 0 1px 0}.form-check.form-check-lg .form-check-input{height:1.75rem;width:1.75rem}.form-check.form-check-xl{padding:2px 0 1px 0}.form-check.form-check-xl .form-check-input{height:2rem;width:2rem;margin:0}.form-check.form-check-xxl{padding:0}.form-check.form-check-xxl .form-check-input{height:35px;width:35px;margin:0}.checkbox-list{min-height:35px;height:auto;display:flex;flex-flow:row wrap;padding-bottom:0;overflow:hidden;vertical-align:top}.checkbox-list.is-vertical{flex-direction:column}.checkbox-list .checkbox-item{display:inline-flex;width:120px;margin-bottom:.375rem}.checkbox-list .checkbox-item .form-check-label{max-width:104px}.checkbox-list.form-control.no-border{border-color:transparent}.checkbox-list.form-control:not(.is-invalid):focus{box-shadow:none}.checkbox-item .form-check-sm .form-check-input{margin:3px 0 2px 0}.accordion-button:not(.collapsed){box-shadow:inset 0 -1px 0 #00000020}.accordion .accordion-button-primary{color:#fff;background-color:var(--bs-primary);border-color:#0d6efd}.accordion .accordion-button-secondary{color:#fff;background-color:var(--bs-secondary);border-color:#6c757d}.accordion .accordion-button-success{color:#fff;background-color:var(--bs-success);border-color:#198754}.accordion .accordion-button-info{color:#fff;background-color:var(--bs-info);border-color:#0dcaf0}.accordion .accordion-button-warning{color:#fff;background-color:var(--bs-warning);border-color:#ffc107}.accordion .accordion-button-danger{color:#fff;background-color:var(--bs-danger);border-color:#dc3545}.accordion .accordion-button-light{background-color:var(--bs-light);border-color:#f8f9fa}.accordion .accordion-button-dark{color:#fff;background-color:var(--bs-dark);border-color:#212529}.accordion .accordion-button:after{width:.75rem;height:.75rem;background-size:.75rem}.accordion .accordion-button-primary:after,.accordion .accordion-button-secondary:after,.accordion .accordion-button-success:after,.accordion .accordion-button-danger:after .accordion .accordion-button-dark:after{color:#fff}.accordion .accordion-button-light:after,.accordion .accordion-button-warning:after,.accordion .accordion-button-info:after{color:#000}.accordion .accordion-button{border-radius:0}.color-picker .form-control-color{max-width:3rem}.console-body{padding:1rem;background-color:#174482;color:#fff;overflow:auto}.popover-datetime{max-width:unset}.popover-datetime .popover-body{padding:0}.popover-datetime .date-picker{border:none}.datetime-picker-bar{position:relative;color:#adb5bd}.datetime-picker-input{cursor:pointer;padding-left:2rem}.datetime-picker-input[readonly]:not([disabled]){background-color:#fff}.datetime-picker-input-icon{position:absolute;left:0;top:0;line-height:35px;cursor:pointer;padding:0 .75rem}.picker-panel-body-wrapper{display:flex}.picker-panel-sidebar{width:110px;border-right:1px solid #e4e4e4;padding:6px 0;overflow:auto}.picker-panel-sidebar .sidebar-item{line-height:28px;padding:0 12px;cursor:pointer;transition:color .3s linear}.date-picker-time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%}.date-picker-time-header .date-picker-editor-wrap{position:relative;display:table-cell;padding:0 5px}.date-picker-time-header .date-picker-editor-wrap .input-inner{height:2rem;line-height:2rem;padding:0 1rem;cursor:pointer}.date-picker-time-header .date-picker-editor-wrap .input-inner[readonly]{background-color:#fff}.date-picker-editor-wrap .time-panel{position:absolute;z-index:-1;display:none;width:145px;margin-top:.25rem}.date-picker-editor-wrap .time-panel .time-spinner-item{height:28px;line-height:28px}.date-picker-editor-wrap .time-panel-content:after,.date-picker-editor-wrap .time-panel-content:before{margin-top:-32px;height:28px}.date-picker-editor-wrap .time-spinner-arrow.fa-angle-up{top:3px}.date-picker-editor-wrap .time-spinner-arrow.fa-angle-down{bottom:3px}.date-picker-editor-wrap .time-spinner-list-wrapper{height:84px;margin:36px 0}.is-open .date-picker-editor-wrap .time-panel{z-index:10;display:block}.picker-panel{color:#606266;border:1px solid #ced4da;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:var(--bs-border-radius);line-height:30px}.picker-panel-body-wrapper:after,.picker-panel-body:after{content:"";display:table;clear:both}.picker-panel-body{width:320px}.date-picker-header{margin:12px;display:flex;align-items:center}.date-picker .picker-panel-content{width:292px}.picker-panel-content{position:relative;margin:15px}.picker-panel-content table{table-layout:fixed;width:100%;font-size:12px;user-select:none}.picker-panel-content table td{text-align:center}.picker-panel-content table td .cell{display:block;margin:0 auto;cursor:pointer}.picker-panel-content table td.today .cell{color:#409eff;font-weight:700}.picker-panel-content table td.current:not(.disabled) .cell,.picker-panel-content table td.start:not(.next-month):not(.prev-month):not(.disabled) .cell,.picker-panel-content table td.end:not(.next-month):not(.prev-month):not(.disabled) .cell{color:#fff;background-color:#409eff}.picker-panel-content table td.range div{background-color:#f2f6fc}.picker-panel-content table td.range.start div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.picker-panel-content table td.range.start div .cell{margin-left:4px}.picker-panel-content table td.range.end div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.picker-panel-content table td.range.end div .cell{margin-right:4px}.picker-panel-content table td.disabled .cell{cursor:not-allowed;color:#c0c4cc}.date-table th{padding:5px;font-weight:400;border-bottom:1px solid var(--bs-border-color);text-align:center}.date-table td.next-month,.date-table td.prev-month{color:#c0c4cc}.date-table td:not(.prev-month):not(.next-month):hover,.picker-panel-icon-btn:hover,.date-picker-header-label:hover,.sidebar-item:hover{color:#409eff}.date-table td div{margin:4px 0;padding:3px 0}.date-table td .cell{display:block;width:24px;height:24px;margin:0 auto;line-height:24px;border-radius:50%;cursor:pointer}.picker-panel-icon-btn{color:#303133;border:0;background:transparent;cursor:pointer;outline:none}.date-picker-header-label{font-size:16px;font-weight:500;padding:0 5px;text-align:center;cursor:pointer;user-select:none}.pick-panel-arrow-left,.pick-panel-arrow-right{margin:0 6px}.year-table,.month-table{margin-top:29px}.year-table tr,.month-table tr{border-top:1px solid var(--bs-border-color)}.year-table td div{padding:12px 0}.year-table td .cell{width:48px;height:24px;line-height:24px;border-radius:16px}.month-table td div{padding:26px 0}.month-table td .cell{width:60px;border-radius:18px}@media(min-width:576px){.input-group input.form-control{width:1%}}.picker-panel-footer{border-top:1px solid #e4e4e4;padding:4px;background-color:#fff;position:relative;display:flex;border-bottom-left-radius:var(--bs-border-radius);border-bottom-right-radius:var(--bs-border-radius)}.picker-panel-footer .picker-panel-link-btn{padding:7px 15px;font-size:.75rem;border-radius:var(--bs-border-radius);line-height:12px;color:#606266;transition:border-color .3s linear,color .3s linear}.picker-panel-footer .picker-panel-link-btn.is-confirm{border:1px solid #dcdfe6}.picker-panel-footer .picker-panel-link-btn.is-confirm:hover{border-color:#409eff;color:#409eff}.picker-panel-footer .picker-panel-link-btn.is-now{color:#409eff}.time-panel{border:1px solid #ced4da;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:var(--bs-border-radius);width:180px;user-select:none}.time-panel-content{font-size:0;position:relative;overflow:hidden}.time-panel-content:before{padding-left:50%;margin-right:12%;margin-left:12%}.time-panel-content.has-seconds:before{padding-left:33.33333%}.time-panel-content:after,.time-panel-content:before{content:"";top:50%;position:absolute;margin-top:-36.6px;height:36.6px;left:0;right:0;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.time-panel-content.has-seconds:after{left:66.66667%;pointer-events:none}.time-panel-content:after{left:50%;margin-left:12%;margin-right:12%}.time-spinner{width:100%;white-space:nowrap}.time-spinner.has-seconds .time-spinner-wrapper{width:33.3%}.time-spinner-wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.time-spinner-wrapper{display:inline-flex;position:relative;align-items:center;justify-content:center}.time-spinner-wrapper.is-arrow .time-spinner-list{transition:transform .3s linear}.time-spinner-arrow{font-size:14px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.time-spinner-arrow.fa-angle-up{top:10px}.time-spinner-arrow.fa-angle-down{bottom:10px}.time-spinner-list-wrapper{overflow:hidden;height:110px;margin:40px 0;width:100%}.time-spinner-list{margin:0;list-style:none}.time-spinner-input.input .input-inner,.time-spinner-list{padding:0;text-align:center}.time-spinner-item{height:36.6px;line-height:36.6px;font-size:12px;color:#606266;opacity:.6;cursor:pointer}.time-spinner-item.active:not(.disabled){font-weight:700;font-size:14px;opacity:1}.time-spinner-item.active:not(.disabled),.time-spinner-arrow:hover{color:#409eff}.time-spinner-item.prev,.time-spinner-item.next{opacity:.8;transform:scale(1,.8);line-height:30px}.time-panel-footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right}.time-panel-btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:none;font-size:12px;color:#303133}.time-panel-btn.confirm{font-weight:800;color:#409eff}.datetime-range{background-color:#fff;background-image:none;border-radius:var(--bs-border-radius);border:1px solid #dcdfe6;color:#606266;display:inline-block;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);padding:0 10px;position:relative}.datetime-range:hover{border-color:#c0c4cc}.datetime-range.active{border-color:#409eff}.datetime-range.disabled,.datetime-range.disabled input{background-color:#e9ecef}.datetime-range-bar{display:inline-flex;align-items:center}.datetime-range-bar .datetime-range-input{border:none;outline:none;display:inline-block;margin:0;padding:0;text-align:center;color:#606266;cursor:pointer;width:80px;padding:6px 0}.datetime-range-bar .datetime-range-input-icon{cursor:pointer}.datetime-range-bar .range-separator{padding:0 5px;color:#303133}.range-panel-body{display:flex}.range-panel-body .picker-panel{box-shadow:none;border:none}.range-panel-body .picker-panel:first-child{border-right:1px solid #ced4da;border-top-right-radius:0;border-bottom-right-radius:0}.range-panel-body .date-picker-header-label{cursor:unset}.range-panel-body .date-picker-header-label:hover{color:inherit}.range-panel-footer{padding:.5rem}.popover-datetime-range{max-width:unset}.popover-datetime-range .popover-body{padding:0}.range-clear{border-radius:50%;border:1px solid #9d9d9d;padding:1px;display:none;cursor:pointer;position:absolute;right:10px;top:11px}.datetime-range:hover:not(.disabled) .range-clear{display:flex}.form-inline>*>.datetime-range{display:block}.divider{background-color:transparent;position:relative}.divider .divider-text{position:absolute;background-color:#fff;padding:0 20px;font-weight:500;color:#303133;font-size:14px}.divider.divider-horizontal{display:block;width:100%}.divider.divider-horizontal .divider-text.is-left{left:20px;transform:translateY(-50%)}.divider.divider-horizontal .divider-text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.divider.divider-horizontal .divider-text.is-right{right:20px;transform:translateY(-50%)}.divider .divider-wrap{height:1px;margin:1rem 0;background-color:#dcdfe6}.divider-vertical{width:1px;margin:0 1rem}.divider.divider-vertical .divider-text{padding:20px 0}.divider.divider-vertical .divider-text.is-left{top:20px;transform:translateX(-50%)}.divider.divider-vertical .divider-text.is-center{top:50%;transform:translateX(-50%) translateY(-50%)}.divider.divider-vertical .divider-text.is-right{bottom:20px;transform:translateX(-50%)}.bb-dd-inprogess>*{pointer-events:none}.bb-dd-dropzone{min-height:50px}.bb-dd-spacing{height:10px}.bb-dd-spacing-dragged-over{padding:25px}.bb-dd-dragged-over{background-color:#d3d3d3;opacity:.6;animation:blinker 1s linear infinite}.bb-dd-dragged-over>div{background-color:#d3d3d3;opacity:.6;animation:blinker 1s linear infinite}.bb-dd-dragged-over-denied{background-color:#f00;opacity:.6;animation:blinker 1s linear infinite}.bb-dd-in-transit{opacity:0}.bb-dd-in-transit>div{opacity:0}@keyframes blinker{50%{opacity:0}}.blink_me{animation:blinker 1s linear infinite}.bb-flex .bb-dd-spacing{width:20px;height:auto}.bb-flex .bb-dd-dragged-over{background-color:#d3d3d3;opacity:.6;animation:blinker 1s linear infinite}.bb-flex .bb-dd-dragged-over>div{background-color:#d3d3d3;opacity:.9;animation:blinker 1s linear infinite}.bb-flex .bb-dd-in-transit{background-color:#ff4500}.bb-flex .bb-dd-in-transit>div{background-color:#ff4500}.bb-dd-noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drawer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;background-color:rgba(0,0,0,.5);transform:translateX(-100%);z-index:1050}.drawer-container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.drawer{position:absolute;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:auto;transition:transform .3s linear;transform:translateX(-100%)}.drawer.left,.drawer.right{height:100%;top:0;bottom:0}.drawer.top,.drawer.bottom{width:100%;left:0;right:0}.drawer.right{right:0;transform:translateX(100%)}.drawer.top{top:0;transform:translateY(-100%)}.drawer.bottom{bottom:0;transform:translateY(100%)}.is-open .drawer,.is-open.drawer-wrapper,.is-close.drawer-wrapper{transform:translateX(0)}.is-close .drawer{transform:translateX(0)}.is-close .drawer{transform:translateX(-100%)}.is-close .drawer.right{transform:translateX(100%)}.is-close .drawer.top{transform:translateY(-100%)}.is-close .drawer.bottom{transform:translateY(100%)}.dropdown .dropdown-toggle:after,.dropup .dropdown-toggle:after,.dropright .dropdown-toggle:after,.btn-group .dropdown-toggle:not(:empty):after{margin-left:6px}.dropleft .dropdown-toggle:before{margin-right:6px}.dropdown-menu{border-radius:var(--bs-border-radius)}.dropdown-item{cursor:pointer}.widget .dropdown-toggle{color:#fff;padding:10px 16px;position:relative;display:inline-block}.widget .dropdown-toggle:after{content:unset}.widget .dropdown-toggle .badge{position:absolute;top:5px;font-size:9px}.widget .dropdown-menu{overflow:visible;width:235px;margin-left:-94px !important;padding:0;max-height:none;border:none}.widget .dropdown-menu .dropdown-arrow{border-style:solid;border-width:0 9px 9px;position:absolute;left:108px;top:-9px}.widget .dropdown-header{color:#fff;padding:.5rem .625rem;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0}.widget .dropdown-body{overflow:auto;max-height:300px}.widget .dropdown-footer{padding:.5rem .625rem;background-color:#dcdfe6;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius)}.widget .dropdown-item{border-bottom:1px solid #dcdfe6}.widget .dropdown-item:nth-of-type(odd){background-color:#eef0f3}.editor .editor-body{cursor:pointer;min-height:50px;height:auto}.editor .editor-body:focus:before{content:none}.editor .editor-body:empty:before{content:attr(placeholder)}.editor .note-editor{background-color:#fff}.editor .note-editor .note-right{float:right}.editor .note-btn-close{background-image:-webkit-linear-gradient(top,#5bc0de 0%,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0%,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0%,#2aabd2 100%);background-repeat:repeat-x;border-color:#28a4c9;color:#fff}.editor .dropdown-menu{overflow:unset;max-height:unset;max-width:unset}.editor .btn-light{border-color:#00000032}.editor .btn-light:hover{background-color:#e2e6ea;border-color:#dae0e5}.editor .btn-light:not(:disabled):not(.disabled).active,.editor .btn-light:not(:disabled):not(.disabled):active,.editor .show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.empty{text-align:center}.empty>.empty-image{margin-top:1rem;margin-bottom:8px}.empty-telemplate{margin:5px 0 0 0}.icon-list{overflow-y:auto;overflow-x:hidden;position:relative;padding-right:15px}.fa-icons>section{padding-top:1px}.page-header{margin-top:16px;margin-bottom:6px}.fa-target{display:block}.modal-body .iconview{height:calc(100%)}.fa-nav{display:none}.fa-nav h2{background:#ff6c60;color:#fff;margin-top:0;padding:10px 15px;font-size:16px;border-radius:4px;font-weight:300}.fa-nav nav{top:44px;bottom:0;position:absolute;overflow-y:auto;width:100%}.fa-nav nav a{color:#999797;border-left:4px solid #d3d7dd;padding-left:10px;padding-top:3px;padding-bottom:3px;padding-right:3px;width:100%;margin-top:1px}.fa-nav nav a:last-child{margin-bottom:5px}.fa-nav nav a.active{color:#7a7a7a;border-left:4px solid #5bc0de;padding-left:10px}.fa-nav nav a:hover{color:#999797;border-left:4px solid #d9534f;padding-left:10px}.fa-nav .mCS-minimal-dark.mCSB_scrollTools_vertical{margin:0}.form-group .input-group .input-group-append .btn i{color:#187c9a;width:22px;text-align:left}.form-group .input-group .input-group-append .btn i.fa-remove{width:auto}.icon-content{position:fixed;top:15px;left:15px;bottom:15px;right:15px;z-index:1051;display:none;width:auto}.icon-content .fa-nav{right:34px;top:83px;bottom:99px}.icon-content .modal-body{position:absolute;left:0;right:0;top:51px;bottom:68px;-webkit-overflow-scrolling:touch;padding:0 0 0 15px}.icon-content .modal-body .loadIconView{text-align:center;font-size:1rem}.icon-content .modal-body .loadIconView span{margin-left:6px}.icon-content .modal-footer{position:absolute;left:0;right:0;bottom:0;white-space:nowrap}.icon-content .modal-footer>span{color:#000}.icon-content .modal-footer>i{font-size:22px;color:#337ab7;border:solid 1px;border-radius:4px;min-width:36px;min-height:34px;display:flex;align-items:center;justify-content:center}.icon-content .modal-footer span{display:none}.icon-content .dd{max-width:100%;margin-bottom:20px}.fontawesome-icon-list .fa-hover a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;display:block;color:#222;height:32px;border-radius:4px;padding:0 6px}.fontawesome-icon-list .fa-hover a:hover{background-color:#1d9d74;color:#fff;text-decoration:none}.fontawesome-icon-list .fa-hover a .fa{display:inline-block;text-align:right;margin-right:10px}.fontawesome-icon-list .fa-hover a:hover .fa{font-size:1rem;vertical-align:middle}.fontawesome-icon-list ul{display:block;margin-left:-28px}.fontawesome-icon-list ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;padding-left:10px;list-style:none;float:left;padding-right:15px;padding-top:2px;padding-bottom:4px;height:32px;vertical-align:middle;color:#222}.fontawesome-icon-list ul li:hover{background-color:#1d9d74;color:#fff;text-decoration:none;border-radius:4px;cursor:pointer}.fontawesome-icon-list ul li:hover span:nth-child(1){font-size:28px;vertical-align:middle}.fontawesome-icon-list ul li span:nth-child(1){margin-right:10px}.logfile{color:#d41404}.logfile:focus,.logfile:active,.logfile:hover{color:#f00}.logfile span{margin-left:4px;max-width:146px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle}.modal-header>h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:20px}.ex-content{word-break:break-all}@media(min-width:375px){.icon-content .modal-footer span{display:inline-block}}@media(min-width:768px){.fa-nav{display:block;position:fixed;top:113px;right:17px;width:140px;bottom:55px}.fa-icons{margin-right:140px}.modal-body .fa-icons{margin-right:155px}}.table-filter{position:absolute;left:0;top:0;width:100%;z-index:5}.table-filter .table-filter-item{min-width:220px;background-color:#fff;border:1px solid rgba(0,0,0,.125);position:absolute;display:none}.table-filter .table-filter-item.show{display:block}.table-filter .card-header{padding:.5rem 1rem}.table-filter .card-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0;top:calc((.5rem + 1px)*-1);left:calc(50% - .5rem)}.table-filter .card-arrow:before,.table-filter .card-arrow:after{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.table-filter .card-arrow:before{border-bottom-color:#ced4da;top:0;border-width:0 .5rem .5rem .5rem}.table-filter .card-arrow:after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#f7f7f7}.table-filter .card-body{padding:1rem}.table-filter .card-body .is-condition{max-width:10rem}.table-filter .card-body>*:not(:first-child){margin-top:.5rem}.table-filter .card-body .select{display:block}.table-filter .card-footer{padding:.5rem;display:flex;white-space:nowrap}.table-filter .card-footer .btn:not(:first-child){margin-left:.5rem}.table-filter .card-footer .btn{padding:7px 15px;font-size:.875rem;line-height:12px;border:1px solid #dcdfe6;color:#606266;transition:border-color .3s linear,color .3s linear}.table-filter .card-footer .btn:not(.disabled):not(:disabled):hover{border-color:#409eff;color:#409eff}.filter-row{display:flex}.filter-row .btn-ban{display:none;padding-left:0}.filter-row input{min-width:50px}.filter-row.active .btn-ban{display:block}.btn-filter::after{content:none}.layout-gotop{background:rgba(255,255,255,.5);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:4px;transition:background-color .3s linear;color:#606266}.layout-gotop:hover{background-color:#fff;color:#606266}.groupbox{border:1px solid #ddd;padding:1.5rem 1rem 1rem 1rem;border-radius:var(--bs-border-radius);position:relative;margin-top:.5rem}.groupbox .legend{position:absolute;top:-10px;left:30px;background-color:#fff;padding:0 .5rem}.handwritten .hw-body{height:300px;border:1px solid rgba(0,0,0,.125);border-radius:var(--bs-border-radius);overflow:hidden}.handwritten .hw-buttons{margin-top:1rem;text-align:right}#canvas{border:1px double #dedede;border-radius:10px;width:99%;height:300px;position:relative;overflow:hidden}#canvas canvas{display:block}#clearCanvas0{width:calc(50% - 5px);height:40px;line-height:40px;text-align:center;position:absolute;top:300px;left:5px;border:1px solid #dedede;z-index:1}#saveCanvas0{width:calc(50% - 5px);height:40px;line-height:40px;text-align:center;position:absolute;top:300px;right:5px;border:1px solid #dedede;z-index:1}.ipaddress{display:flex;flex-wrap:nowrap;min-width:138px}.ipaddress.disabled{background-color:#efefef;cursor:not-allowed}.ipaddress .ipv4-cell{border:none;max-width:26px}:root{--bb-layout-header-height:50px;--bb-layout-user-height:65px;--bb-layout-footer-height:90px;--bb-layout-side-width:214px;--bb-layout-sidebar-collapse-width:70px}.layout{display:flex;height:100%;width:100%;flex-direction:column}.layout .layout-main{flex:1}.has-sidebar{flex-direction:row;display:flex;flex:1}.layout-side{position:relative}.layout.is-page .layout-side{transform:translateX(-100%);position:fixed;top:0;bottom:0;left:0;right:0;width:auto;transition:transform .3s linear;z-index:1030}.layout.is-page .layout-side.is-collapsed{transform:translateX(0)}.layout.is-page .has-sidebar .layout-side{top:50px}.layout.is-page .layout-right,.layout.is-page .has-sidebar .layout-main{width:100%}.layout.is-page.is-fixed{position:fixed;top:0;bottom:0;left:0;right:0}.layout.is-page .layout-header{background-color:#17a2b8;height:50px;color:#fff;display:flex;align-items:center;padding:0 1rem}.layout.is-page .layout-side{background-color:#343a40;color:#c2c7d0}.layout-header-bar{padding:4px 12px;color:#fff;background-color:#1ab394;border-color:#1ab394;border-radius:var(--bs-border-radius)}.layout-header-bar .fa-bars{transition:transform .3s linear}.layout-header-bar.is-collapsed .fa-bars{transform:rotate(90deg)}.layout.is-page .layout-main{padding:1rem;position:relative;min-height:calc(100vh - var(--bb-layout-footer-height))}.layout.is-page .layout-main.is-collapsed,.layout.is-page .layout-footer.is-collapsed{display:none}.layout.is-page .layout-header{z-index:1035;position:sticky}.layout.is-page .layout-header.is-fixed{top:0}.layout.is-page .layout-header .layout-avatar-right{width:44px;height:44px}.layout.is-page .has-sidebar .layout-side .layout-banner{display:none}.layout.is-page .layout-side .layout-banner{display:flex;align-items:center;padding:0 .625rem;background-color:#367fa9;height:var(--bb-layout-header-height);font-size:1.5rem}.layout-banner-link{display:flex;align-items:center;color:inherit}.layout.is-page .layout-side .layout-banner .layout-logo{width:44px;border-radius:var(--bs-border-radius)}.layout.is-page .layout-side .layout-banner span{padding-left:1rem}.layout.is-page .layout-side .layout-user{border-bottom:1px solid #ddd;padding:.625rem;display:flex;flex-direction:row;align-items:center}.layout.is-page .layout-side .layout-user .layout-avatar{width:44px;height:44px;border-radius:50%}.layout.is-page .layout-side .layout-user span{padding-left:1rem}.layout.is-page .layout-side .layout-menu{overflow-x:hidden;padding:.5rem 0;height:calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-user-height))}.layout.is-page .layout-user-state{width:8px;height:8px;background-color:#28a745;border-radius:50%;margin-left:1rem}.layout.is-page .layout-footer{height:40px;color:#fff;background-color:#5b6e84;display:flex;align-items:center;padding:0 1rem}.layout.is-page .layout-footer.is-fixed{position:sticky;bottom:0}.layout.is-page .has-sidebar .layout-side.is-fixed-header,.layout.is-page .layout-footer.is-fixed{z-index:1020}@media(min-width:768px){.layout.is-page .layout-side{transform:translateX(0);position:relative}.layout.is-page .has-sidebar .layout-side{top:0}.layout.is-page.has-sidebar .layout-side.is-fixed-header{top:0;height:calc(100vh)}.layout.is-page :not(.layout-right) .layout-main,.layout.is-page .layout-right{width:calc(100% - var(--bb-layout-side-width))}.layout.is-page .layout-side{width:var(--bb-layout-side-width);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.layout.is-page .layout-side .menu.is-vertical{width:var(--bb-layout-side-width)}.layout.is-page .layout-side.is-collapsed:not(:hover),.layout.is-page .layout-side:not(:hover) .menu.is-vertical.is-collapsed{width:var(--bb-layout-sidebar-collapse-width)}.layout.is-page .layout-side.is-fixed-header{position:sticky;top:var(--bb-layout-header-height);height:calc(100vh - var(--bb-layout-header-height))}.layout.is-page .layout-side.is-fixed-header.is-fixed-footer{height:calc(100vh - var(--bb-layout-footer-height))}.layout.is-page .layout-side .layout-menu{height:auto}.layout .layout-side,.layout.is-page .layout-side,.layout .menu.is-vertical{transition:width .3s linear}.layout-right{display:flex;flex-flow:column;flex:1}.layout.is-page .layout-footer.is-fixed,.layout.is-page .layout-header.is-fixed,.layout.is-page .layout-side.is-fixed-header{z-index:1025}.layout.is-page .layout-title{display:inline-block;overflow:hidden;white-space:nowrap;flex:1 1 auto;opacity:1;transition:opacity .3s linear;color:#e9ecef}.layout.is-page .is-collapsed .layout-title{opacity:0}.layout .is-collapsed .layout-user-state{display:none}.layout.is-page.has-sidebar .layout-side{min-height:calc(100vh)}.layout.is-page .has-sidebar .layout-side{min-height:calc(100vh - var(--bb-layout-footer-height))}.layout.is-page.has-sidebar .layout-side.is-fixed-header.is-fixed-footer .layout-menu,.layout.is-page .layout-side.is-fixed-header .layout-menu{height:calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-user-height))}.layout.is-page .layout-side.is-fixed-header.is-fixed-footer .layout-menu{height:calc(100vh - var(--bb-layout-footer-height) - var(--bb-layout-user-height))}.layout.is-page .layout-main.is-collapsed{display:block}.layout.is-page .layout-footer.is-collapsed{display:flex}.layout.is-page .layout-menu .menu.is-vertical.is-collapsed .nav-link.active::before{opacity:1;background-color:#409eff}.layout.is-page .layout-side .layout-menu .slimScrollBar{opacity:1 !important;background-color:#c1c1c1 !important}}.light{background-image:radial-gradient(circle,#fff,#aaa,#333);cursor:pointer;width:20px;height:20px;display:inline-block;border-radius:50%}.light+span{display:none}.light-danger{background-image:radial-gradient(circle,#e17777,#892726,#700604)}.light-danger.flash{animation:danger .6s linear infinite}.light-danger:hover{background-image:radial-gradient(circle,#e17777,#b33332,#bf211e)}@keyframes danger{0%{background-image:radial-gradient(circle,#e17777,#892726,#700604)}55%{background-image:radial-gradient(circle,#e17777,#892726,#700604)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-success{background-image:radial-gradient(circle,#5cb85c,#116811,#024702)}.light-success.flash{animation:success .6s linear infinite}.light-success:hover{background-image:radial-gradient(circle,#5cb85c,#0c980c,#087b08)}@keyframes success{0%{background-image:radial-gradient(circle,#5cb85c,#116811,#024702)}55%{background-image:radial-gradient(circle,#5cb85c,#116811,#024702)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-info{background-image:radial-gradient(circle,#5bc0de,#1d7792,#085166)}.light-info.flash{animation:info .6s linear infinite}.light-info:hover{background-image:radial-gradient(circle,#5bc0de,#085166,#085166)}@keyframes info{0%{background-image:radial-gradient(circle,#5bc0de,#1d7792,#085166)}55%{background-image:radial-gradient(circle,#5bc0de,#1d7792,#085166)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-warning{background-image:radial-gradient(circle,#ffc107,#cc9f18,#a28018)}.light-warning.flash{animation:warning .6s linear infinite}.light-warning:hover{background-image:radial-gradient(circle,#ffc107,#a28018,#a28018)}@keyframes warning{0%{background-image:radial-gradient(circle,#ffc107,#cc9f18,#a28018)}55%{background-image:radial-gradient(circle,#ffc107,#cc9f18,#a28018)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-primary{background-image:radial-gradient(circle,#007bff,#0f5fb5,#104f94)}.light-primary.flash{animation:primary .6s linear infinite}.light-primary:hover{background-image:radial-gradient(circle,#007bff,#104f94,#104f94)}@keyframes primary{0%{background-image:radial-gradient(circle,#007bff,#0f5fb5,#104f94)}55%{background-image:radial-gradient(circle,#007bff,#0f5fb5,#104f94)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-secondary{background-image:radial-gradient(circle,#6c757d,#4b5054,#3b3d40)}.light-secondary.flash{animation:secondary .6s linear infinite}.light-secondary:hover{background-image:radial-gradient(circle,#6c757d,#3b3d40,#3b3d40)}@keyframes secondary{0%{background-image:radial-gradient(circle,#6c757d,#4b5054,#3b3d40)}55%{background-image:radial-gradient(circle,#6c757d,#3b3d40,#3b3d40)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-dark{background-image:radial-gradient(circle,#6061e2,#3232a0,#17177b)}.light-dark.flash{animation:dark .6s linear infinite}.light-dark:hover{background-image:radial-gradient(circle,#6061e2,#17177b,#17177b)}@keyframes dark{0%{background-image:radial-gradient(circle,#6061e2,#3232a0,#17177b)}55%{background-image:radial-gradient(circle,#6061e2,#3232a0,#17177b)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.listview{border:1px solid rgba(0,0,0,.125);border-radius:.25rem;width:100%;height:100%;display:flex;flex-flow:column nowrap}.listview .listview-header{padding:1rem;border-bottom-color:inherit;border-bottom-width:1px;border-bottom-style:solid}.listview.is-vertical .listview-body{display:block}.listview .listview-body{padding:1rem 0 0 1rem;position:relative;overflow:auto;display:flex;flex-flow:row wrap;flex:1}.listview .listview-body .listview-item{margin:0 1rem 1rem 0}.listview .listview-body .listview-item:hover .card{cursor:pointer;border:1px solid #409eff}.listview .listview-body .listview-item .card{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.listview .listview-body .listview-item-group{flex-basis:100%;margin:1rem 0;font-weight:bold;position:relative}.listview .listview-body .listview-item-group:after{content:"";position:absolute;top:calc(-50%);left:-1rem;right:0;background-color:rgba(0,0,0,.1);height:calc(200%)}.listview .listview-footer{padding:1rem;border-top-color:inherit;border-top-width:1px;border-top-style:solid}.dropdown-logout .dropdown-menu{padding:0;overflow:hidden;border-color:#3c8dbc}.dropdown-logout .dropdown-menu.show{animation:fade-in2 .2s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in2{0%{margin-top:-50px;visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.dropdown-logout .dropdown-toggle{height:42px;display:block}.dropdown-logout .dropdown-toggle:after{content:none}.dropdown-logout .logout-avatar{width:42px;height:42px}.dropdown-logout .logout-text{color:#fff;font-weight:bold;max-width:110px;margin:0 .625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-logout .dropdown-user{background-color:#3c8dbc;color:#fff}.dropdown-logout .dropdown-user img{width:60px;height:60px;margin-right:1rem}.dropdown-logout .logout-un{margin-top:.25rem}.dropdown-logout .dropdown-item:not(.dropdown-user):focus,.dropdown-logout .dropdown-item:not(.dropdown-user):hover{background-color:transparent}.dropdown-logout .dropdown-item a{color:var(--bs-body-color);margin-bottom:.5rem;display:block;transition:color .3s linear}.dropdown-logout .dropdown-item a:first-child{margin-top:.5rem}.dropdown-logout .dropdown-item a:hover{color:#009ef7}.dropdown-logout .dropdown-item a .fa{margin-right:.5rem}.menu .nav{padding:0 1rem;border-bottom:1px solid #e6e6e6}.menu>.nav>li{position:relative;border-bottom:solid 2px transparent}.menu>.nav>li.active:after{width:100%;left:0}.menu>.nav>li:after{content:"";position:absolute;background-color:#1890ff;left:50%;height:2px;width:0;transition:width .3s linear,left .3s linear}.menu .nav .nav-link,.cascade .dropdown-item{padding:.5rem 1rem;color:rgba(0,0,0,.65);user-select:none;white-space:nowrap;position:relative}.menu .nav .nav-link.active,.menu .nav .nav-link:not(.disabled):hover{color:#1890ff}.menu .nav .dropdown-menu,.cascade .dropdown-menu{overflow:unset;max-height:unset;margin-top:10px}.menu .nav .dropdown-menu .nav-link:not(.disabled):hover,.menu .nav .dropdown-menu .nav-link.active,.menu .submenu .nav-link.active,.menu .submenu .nav-link:not(.disabled):hover,.cascade .dropdown-item:not(.disabled):hover,.cascade .dropdown-item.active,.cascade .nav .nav-link:not(.disabled):hover,.cascade .nav .nav-link.active{background-color:#60aff9;color:#16181b}.menu .nav .sub-menu,.cascade .has-leaf .sub-menu{display:none;background-color:#fff;white-space:nowrap;border:solid 1px #e6e6e6;border-radius:var(--bs-border-radius);padding:.5rem 0;position:absolute;left:100%;top:-9px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.menu .nav .dropdown-menu,.menu .nav .sub-menu,.cascade .sub-menu{width:160px}.menu .nav .nav-link:hover>.sub-menu,.cascade .dropdown-item:hover>.sub-menu{display:block}.menu .nav-item:hover>.nav-link>.sub-menu{left:calc(100% + 20px);top:-15px}.menu .has-leaf>.nav-link-right{transition:transform .3s linear;position:absolute;right:10px;top:10px}.menu .nav .sub-menu .has-leaf>.nav-link-right{right:12px;top:10px}.menu .has-leaf:hover>.nav-link-right{transform:rotate(-90deg)}.menu .text{overflow:hidden;vertical-align:top;display:inline-block;transition:width .3s linear}.menu .nav-link.disabled{color:#ddd}.menu .nav .nav-link .text{margin-left:4px}.menu .nav .dropdown-toggle[aria-expanded="true"]+.dropdown-menu-arrow,.cascade .show .dropdown-menu-arrow{display:block}.menu .nav .dropdown .dropdown-menu-arrow{left:calc(50% - 6px)}.menu .nav-link{display:flex;align-items:center;line-height:21px;color:inherit;transition:background-color .3s linear,color .3s linear}.menu .nav-link>div{white-space:nowrap}.menu .widget>.badge:not(:first-child){margin-left:4px}.menu.is-vertical{padding:0 .5rem;border:none}.menu .submenu{margin:0;padding:0;list-style:none}.menu .submenu li{margin-top:2px}.menu .submenu .nav-link{border-radius:var(--bs-border-radius);padding:.5rem 0 .5rem .25rem}.menu .submenu .nav-link .fa-angle-left{transition:transform .3s linear}.menu .submenu .nav-link[aria-expanded="true"]>.fa-angle-left{transform:rotate(-90deg)}.menu .submenu .nav-link .text,.menu .submenu .nav-link .widget{margin:0 4px}.cascade .dropdown-menu{right:0}.cascade .sub-menu{display:none}@media(min-width:768px){.layout-side.is-collapsed:not(:hover) .menu.is-collapsed .submenu .text{width:0}}.menu.is-bottom{position:absolute;bottom:0;left:0;right:0}.menu.is-bottom .nav{flex-wrap:nowrap;justify-content:space-around;border-bottom:none;border-top:1px solid var(--bs-gray-400)}.menu.is-bottom .nav .dropdown-toggle[aria-expanded="true"]+.dropdown-menu-arrow{display:none}.menu.is-bottom>.nav>li:after,.menu.is-bottom .dropdown-menu-arrow:after{content:none}.message{position:fixed;left:1rem;right:1rem;z-index:1090;pointer-events:none}.message .alert{display:block;min-width:160px;max-width:480px;white-space:normal;opacity:0;top:-20px;bottom:unset;margin:1rem auto 0 auto;transition:opacity .3s linear,top .3s linear,bottom .3s linear;pointer-events:auto}.message .alert.show{opacity:1;bottom:unset;top:20px}.message.is-bottom .alert{top:unset;bottom:-20px}.message.is-bottom .alert.show{top:unset;bottom:20px}.is-draggable .modal-header{cursor:pointer}.modal-header{padding:.5rem 1rem}.modal-header.is-drag{cursor:move}.modal-footer{padding:.25rem 1rem}.modal-footer button:last-child{margin-right:0}.modal-body .modal-footer{margin:1rem -1rem 0 -1rem;padding:.25rem 1rem 0 1rem}.modal-body .modal-footer button{margin-bottom:0}.modal-header .btn-print{padding:3px 8px 4px 8px;margin:0 6px}.bb-printview{background-color:#fff;padding:1rem;min-height:calc(100vh)}.modal-header .btn-maximize{color:#6c757d}@media screen{.bb-printview{display:none}}@media print{body.bb-printview-open{overflow:auto !important}body.bb-printview-open app,body.bb-printview-open .modal,body.bb-printview-open .modal-footer,body.bb-printview-open .modal-backdrop{display:none !important}}@media(min-width:576px){.modal-xxl{max-width:500px}}@media(min-width:992px){.modal-xxl{max-width:800px}}@media(min-width:1200px){.modal-xxl{max-width:1140px}}@media(min-width:1400px){.modal-xxl{max-width:1280px}}@media(min-width:1600px){.modal-xxl{max-width:1440px}}@media(min-width:1900px){.modal-xxl{max-width:1720px}}@media(max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none}}@media(max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none}}@media(max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none}}@media(max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none}}@media(max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none}}.nav-pages{justify-content:space-between;align-items:center;width:100%}.pagination{margin:0;flex:1 1 auto;justify-content:flex-end}.page-link:focus{box-shadow:none}.pagination-items{display:inline-block}.pagination-items .select{width:120px;margin:0 10px}.pagination-items .select .dropdown-menu{min-width:unset;text-align:center}.pagination-items .select .form-select{text-align:center}.page-item:hover .page-link-prev .fa-ellipsis-h:before{content:""}.page-item:hover .page-link-next .fa-ellipsis-h:before{content:""}.page-link{padding:.5rem .35rem;line-height:1}.page-link .fa{width:11px;text-align:center}@media(min-width:375px){.page-link{padding:.5rem .5rem}}@media(min-width:456px){.page-link{padding:.5rem .75rem}}.popover{min-width:240px}.popover-confirm-body{margin:14px 0}.popover-confirm-body .fa+span{margin-left:.25rem}.popover-confirm-buttons{display:flex;justify-content:flex-end;margin-bottom:4px}.popover-confirm-buttons .btn{padding:7px 15px;line-height:12px}.popover-confirm-buttons .btn:last-child{margin-left:.5rem}.bs-popover-auto[data-popper-placement^=bottom].has-header>.popover-arrow::after,.bs-popover-bottom.has-header>.popover-arrow::after{border-bottom-color:#f0f0f0}.qrcode .qrcode-img{width:128px;height:128px}.qrcode .qrcode-buttons{margin-top:1rem}.radio-list{display:flex;flex-wrap:wrap}.radio-list .form-check{width:120px}.radio-list.is-vertical{flex-direction:column;height:auto;line-height:unset}.radio-list.is-vertical .form-check:not(:last-child){margin-bottom:.5rem}.form-inline .radio-list .form-check{display:inline-block}.rate{height:18px;line-height:1;font-size:18px;cursor:pointer}.rate .rate-item{width:18px;height:100%;margin-right:6px}.rate .rate-item:last-child{margin-right:0}.rate .rate-item i{color:#c6d1de;transition:.3s}.rate .rate-item.is-on i{color:#c6d1de}.rate .rate-item.is-on i:before{content:""}.rate:not(.disabled) .rate-item.is-on i{color:#f7ba2a}:root{--bs-row-label-width:120px}@media(min-width:576px){.form-inline .form-label{padding:7px 0;margin-bottom:0;padding-right:10px;width:var(--bs-row-label-width);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top;display:inline-block}.form-inline .form-label+*{width:calc(100% - var(--bs-row-label-width))}.form-inline .form-label+*:not(.input-group):not(.switch){display:inline-block}.form-inline .form-label+.input-group{display:inline-flex}.form-inline .form-label+.switch,.form-inline .form-label+.form-checkbox{padding:7px 0}.form-inline.is-end>div>.form-label{text-align:right}.form-inline.is-center>div>.form-label{text-align:center}}.scroll{height:100%;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,0);scrollbar-width:thin;overflow:auto}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,.2)}.scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}@media(min-width:992px){.scroll{overflow:hidden}.scroll:hover{overflow-y:auto}}.multi-select{width:100%;position:relative}.multi-select .dropdown-menu-toggle{border:solid 1px #ddd;border-radius:var(--bs-border-radius);cursor:pointer;min-height:35px;max-height:70px;overflow:auto}.multi-select .dropdown-menu-toggle.disabled{background-color:#eee}.multi-select .dropdown-menu-toggle .clear{padding:7px .25rem;display:none;color:#adb5bd}.multi-select .dropdown-menu-toggle .clear:hover{background-color:#ddd;border-radius:var(--bs-border-radius)}.multi-select .dropdown-menu-toggle .dropdown{padding:7px .25rem;display:block}.multi-select .dropdown-menu-toggle.selected .clear{display:block}.multi-select .dropdown-menu-toggle.selected .dropdown,.multi-select .dropdown-menu-toggle.disabled .clear{display:none}.multi-select .dropdown-menu-toggle .append{position:absolute;height:100%;width:30px;right:0;top:0;color:#c0c4cc;display:flex;align-items:center;justify-content:center}.multi-select .dropdown-menu-toggle .append .dropdown{transition:all .3s;transform:rotate(180deg)}.multi-select.show .dropdown-menu-toggle .append .dropdown{transform:rotate(0)}.multi-select .dropdown-menu{max-height:300px;overflow:auto}.multi-select .multi-select-items{display:flex;flex-wrap:wrap;padding-top:3px;padding-left:3px;position:relative}.multi-select .multi-select-items span{border:solid 1px #ddd;border-radius:var(--bs-border-radius);padding:2px 6px;background-color:#e9ecef;margin-bottom:3px}.multi-select .multi-select-items .multi-select-item{display:inline-block;max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:3px;border-top-left-radius:0;border-bottom-left-radius:0}.multi-select .multi-select-items .multi-select-item-group{display:inline-flex;position:relative}.multi-select .multi-select-items .multi-select-item-group .multi-select-item{padding-left:9px}.multi-select .multi-select-items .multi-select-close{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-3px;z-index:2;transition:color .3s linear,background-color .3s linear}.multi-select :not(.disabled) .multi-select-items .multi-select-close:hover{color:#333;background-color:#ddd}.multi-select .dropdown-menu{margin-top:10px;padding:.25rem 0;width:100%}.multi-select .dropdown-menu .toolbar{padding:6px 10px;white-space:nowrap}.multi-select .dropdown-menu .toolbar .btn{line-height:12px;padding:7px 15px;border:1px solid #dee2e6;transition:border-color .3s linear,color .3s linear}.multi-select .dropdown-menu .toolbar .btn:hover{border-color:#409eff;color:#409eff}.multi-select .dropdown-menu .toolbar .btn:not(:last-child){margin-right:1rem}.multi-select .dropdown-menu .search{padding:7px 10px;position:relative}.multi-select .dropdown-menu .search .search-text{width:100%;padding-right:30px}.multi-select .dropdown-menu .search .fa-search{position:absolute;left:calc(100% - 34px);top:18px;color:#adb5bd}.multi-select .dropdown-item{display:flex;padding:0 10px;align-items:center;transition:all .3s linear}.multi-select .dropdown-item.active{background-color:#dee2e6;color:inherit}.multi-select .dropdown-item:hover{background-color:#6fd6e6}.multi-select .dropdown-item>span{padding:.375rem .75rem;overflow:hidden;text-overflow:ellipsis}.multi-select .dropdown-item .checkbox-label{display:none}.multi-select.show .dropdown-menu,.multi-select.show .dropdown-menu-arrow{display:block}.multi-select .multi-select-ph{padding:0 1rem;color:#c0c4cc;line-height:35px;position:absolute}.multi-select .dropdown-item .form-label{display:none}.multi-select .dropdown-item .form-check{width:auto}.multi-select .dropdown-item:hover{background-color:#f1faff}.form-select:focus{box-shadow:none}.form-select:hover,.form-select:focus{border-color:#c0c4cc}.form-select.border-primary:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-select.border-info:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,162,184,.5)}.form-select.border-warning:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,193,7,.5)}.form-select.border-danger:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.5)}.form-select.is-valid,.form-select.is-invalid{background-image:none}[data-bs-toggle="lgbSelect"] .dropdown-toggle::after{content:none}[data-bs-toggle="lgbSelect"] .form-select{background-image:none;color:#606266;outline:none;padding-right:calc(1.5em + .75rem);cursor:pointer}[data-bs-toggle="lgbSelect"] .dropdown-menu{margin-top:8px !important;font-size:inherit;cursor:pointer}[data-bs-toggle="lgbSelect"] .dropdown-menu .dropdown-item.disabled{color:#c0c4cc;cursor:not-allowed}[data-bs-toggle="lgbSelect"] .dropdown-menu .dropdown-item.disabled:active{background-color:#f8f9fa}[data-bs-toggle="lgbSelect"] .form-select.is-valid:focus,[data-bs-toggle="lgbSelect"] .was-validated .form-select:valid:focus,.form-select.border-success:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(40,167,69,.5)}[data-bs-toggle="lgbSelect"] .form-select.is-invalid:focus,[data-bs-toggle="lgbSelect"] .was-validated .form-select:invalid:focus,.form-select.border-danger:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.5)}.select .dropdown-menu{max-height:274px;overflow-x:hidden;width:100%}.dropdown-menu-arrow{width:0;height:0;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.15);position:absolute;left:20px;margin-top:4px;z-index:1001;display:none}.dropdown-menu-arrow:after{content:" ";width:0;height:0;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:1px;left:-6px}.form-select.show+.form-select-append i{transform:rotate(0)}.dropdown-menu[data-popper-placement="bottom-start"].show+.dropdown-menu-arrow,.dropdown-menu[data-bs-popper="none"].show+.dropdown-menu-arrow{display:block}.dropdown-menu[data-bs-popper="none"].show+.dropdown-menu-arrow{margin-top:2px}.dropdown-item.preActive{color:#fff;text-decoration:none;background-color:#498ff7}.disabled .form-select{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.disabled .form-select-append{color:#c0c4cc}.form-select-append{position:absolute;height:100%;width:30px;right:0;top:0;color:#c0c4cc;pointer-events:none;display:flex;align-items:center;justify-content:center}.form-select-append i{transition:all .3s;transform:rotate(180deg)}.select .search{padding:7px 10px;position:relative;border-bottom:1px solid #ddd;padding-bottom:.625rem;margin-bottom:.5rem}.select .search .search-text{width:100%;padding-right:30px}.select .search .fa-search{position:absolute;left:calc(100% - 34px);top:18px;color:#adb5bd}.form-select{width:100%}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{background-position:right -1rem center,center right 1.5rem}.input-group>.select:not(:first-child) .form-select{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.select:not(:last-child) .form-select{border-top-right-radius:0;border-bottom-right-radius:0}.skeleton{width:100%;flex:1}.skeleton-content{position:relative}.skeleton-row{min-height:32px;background-color:#e9ecef}.skeleton-row:not(:last-child){margin-bottom:.5rem}.skeleton-content.round .skeleton-col,.skeleton-content.round .tree-node{border-radius:var(--bs-border-radius)}.skeleton-content.active .skeleton-col,.skeleton-content.active .skeleton-avatar,.skeleton-content.active .tree-node{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:skeleton-loading 1.4s ease infinite;animation:skeleton-loading 1.4s ease infinite}@-webkit-keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(min-width:576px){.skeleton-content .control-label.skeleton-row{margin-bottom:0}}.skeleton-content .form-control.skeleton-row{flex:1}.skeleton-avatar{width:2rem;height:2rem}.skeleton-content.round .skeleton-avatar{border-radius:4px}.skeleton-content .skeleton-avatar.circle{border-radius:50%}.skeleton-table,.skeleton-buttons{border-radius:var(--bs-border-radius);border:1px solid #dee2e6;overflow:hidden}.skeleton-table .skeleton-content .skeleton-row{background:#fff;display:flex;height:39px;padding:.5rem;margin:0}.skeleton-table .skeleton-content .skeleton-row:nth-of-type(odd):not(:first-of-type){background:#f5f8fabf}.skeleton-table .skeleton-content .skeleton-row:first-of-type{border-bottom:2px solid var(--bs-secondary)}.skeleton-table .skeleton-content .skeleton-row .skeleton-col,.skeleton.tree .tree-item .tree-node{flex:1;background-color:#e9ecef;margin:5px;height:12.5px}.skeleton-table .skeleton-row:first-of-type .skeleton-col{background:#ddd}.skeleton-toolbar{height:35px;display:flex;margin-bottom:.5rem}.skeleton-buttons{display:inline-flex;overflow:hidden}.skeleton-button{height:35px;width:70px;background-color:var(--bs-secondary);border-color:var(--bs-secondary)}.skeleton-button:not(:last-child){border-right:1px solid #ddd}.skeleton .tree-node{background-color:#e9ecef;height:11px;margin:5px 0 5px 5px}.slider{flex:1 1 auto}.slider:after{clear:both}.slider:after,.slider:before{display:table;content:""}.slider-runway{width:100%;height:6px;margin:16px 0;background-color:#e4e7ed;border-radius:3px;position:relative;cursor:pointer}.slider-runway.disabled .slider-bar{background-color:#c0c4cc}.slider-runway.disabled .slider-button.dragging,.slider-runway.disabled .slider-button.hover,.slider-runway.disabled .slider-button:hover{transform:scale(1)}.slider-runway.disabled .slider-button{border-color:#c0c4cc}.slider-bar{height:6px;background-color:#409eff;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.slider-button-wrapper{height:36px;width:36px;position:absolute;top:-15px;transform:translateX(-50%);background-color:transparent;user-select:none;line-height:normal;display:flex;align-items:center;justify-content:center}.slider-button-wrapper:focus{outline:none}.slider-button-wrapper.hover,.slider-button-wrapper:hover{cursor:grab}.slider-button-wrapper.dragging{cursor:grabbing}.slider-button{width:16px;height:16px;border:2px solid #409eff;background-color:#fff;border-radius:50%;transition:.2s;user-select:none;outline:none}.slider-button.dragging,.slider-button.hover,.slider-button:hover{transform:scale(1.3)}.split{display:block;height:100%;width:100%}.split .split-wrapper{display:flex;flex-direction:column;height:100%}.split .split-wrapper.is-horizontal{flex-direction:row}.split.dragging .split-wrapper{cursor:row-resize}.split.dragging .split-wrapper.is-horizontal{cursor:col-resize}.split .split-pane{height:100%;overflow:hidden}.split .split-bar{display:flex;justify-content:center;align-items:center;height:6px;width:100%;background:#f8f8f9;border:1px solid #dcdee2;border-left:none;border-right:none;cursor:row-resize;overflow:unset}.split .split-bar:hover,.split.dragging>.split-wrapper>.split-bar{background-color:#409eff}.split .split-bar:hover .split-trigger-bar,.split.dragging>.split-wrapper>.split-bar .split-trigger-bar{background-color:var(--bs-bg-disabled)}.split .split-trigger{font-size:0;display:inline-block}.split .split-bar .split-trigger-bar{width:1px;height:4px;background:rgba(23,35,61,.25);margin-left:3px;display:inline-block}.split .split-wrapper.is-horizontal>.split-bar{width:6px;height:100%;border:1px solid #dcdee2;border-top:none;border-bottom:none;cursor:col-resize}.split .split-wrapper.is-horizontal>.split-bar .split-trigger-bar{width:4px;height:1px;margin-left:0;margin-top:3px}.steps-header{display:flex}.steps-horizontal{white-space:nowrap}.step{position:relative;flex-shrink:1}.step.is-horizontal{display:inline-block}.step.is-center .step-head,.step.is-center .step-main{text-align:center}.step-head{position:relative;width:100%;line-height:1}.step-head.is-success{color:#67c23a;border-color:#67c23a}.step-head.is-process{color:#303133;border-color:#303133}.step-head.is-wait{color:#c0c4cc;border-color:#c0c4cc}.step-head.is-finish{color:#409eff;border-color:#409eff}.step-head.is-error{color:#f56c6c;border-color:#f56c6c}.step-main{white-space:normal;text-align:left}.step-title{font-size:14px;line-height:38px}.step-title.is-success{color:#67c23a}.step-title.is-finish{color:#409eff}.step-title.is-process{font-weight:700;color:#303133}.step-title.is-wait{color:#c0c4cc}.step-title.is-error{color:#f56c6c}.step-description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.step-description.is-success{color:#67c23a}.step-description.is-finish{color:#409eff}.step-description.is-process{color:#303133}.step-description.is-wait{color:#c0c4cc}.step.is-center .step-description{padding-left:20%;padding-right:20%}.step-line{position:absolute;border-color:inherit;background-color:#c0c4cc}.step.is-horizontal .step-line{height:2px;top:11px;left:0;right:0}.step.is-center .step-line{left:50%;right:-50%}.step-line-inner{display:block;border:1px solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.step:last-of-type .step-line{display:none}.step-icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:#fff;transition:.15s ease-out}.step-icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.step-icon.is-icon{width:40px}.step-icon-inner{display:inline-block;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit;font-style:normal}.step-icon-inner[class*=fa]:not(.is-status){font-size:25px;font-weight:400}.step:last-of-type.is-flex{flex-basis:auto !important;flex-shrink:0;flex-grow:0}.switch{display:inline-flex;align-items:center;height:35px;width:100%}.switch .switch-core{margin:0;display:inline-block;position:relative;border:1px solid #dcdfe6;outline:none;border-radius:10px;box-sizing:border-box;background:#dcdfe6;cursor:pointer;transition:border-color .3s,background-color .3s;vertical-align:middle}.switch .switch-core:after{content:"";position:absolute;top:1px;left:1px;border-radius:50%;transition:all .3s;width:16px;height:16px;background-color:#fff}.switch .switch-core:before{content:attr(data-inner-text);position:absolute;top:1px;left:calc(100% - 17px);transition:all .3s;font-size:80%;color:#606266}.switch.is-checked .switch-core:after{left:100%;margin-left:-17px}.switch.is-checked .switch-core:before{left:5px;color:#fff}.switch .switch-label{margin-left:10px;cursor:pointer}.switch.disabled{opacity:.6}.switch .switch-inner-text{font-size:80%}td :not(.is-incell) .switch{height:auto}.tabs{display:flex}.tabs,.tabs-body,.tabs-body-content{height:100%}.tabs.tabs-top{flex-flow:column}.tabs.tabs-top.tabs-border-card .tabs-header{margin-bottom:0;border-top-left-radius:var(--bs-border-radius);border-top-right-radius:var(--bs-border-radius)}.tabs.tabs-right{flex-flow:row-reverse}.tabs.tabs-left{flex-flow:row}.tabs.tabs-bottom{flex-flow:column-reverse}.tabs.tabs-card.tabs-bottom .tabs-header{border-top:1px solid #e4e7ed;border-bottom:none}.tabs.tabs-border-card.tabs-bottom .tabs-header{margin-top:0}.tabs .tabs-nav-wrap{position:relative;display:flex}.tabs .tabs-nav-wrap:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#e4e7ed}.tabs.tabs-top .tabs-nav-wrap{margin-bottom:-1px}.tabs.tabs-bottom .tabs-nav-wrap{margin-top:-1px}.tabs.tabs-left .tabs-nav-wrap{margin-right:-1px}.tabs.tabs-right .tabs-nav-wrap{margin-left:-1px}.tabs.tabs-top .tabs-nav-wrap,.tabs.tabs-bottom .tabs-nav-wrap{width:100%}.tabs.tabs-top .tabs-nav-wrap.is-scrollable:not(.extend),.tabs.tabs-bottom .tabs-nav-wrap.is-scrollable:not(.extend){padding:0 30px}.tabs.tabs-left .tabs-nav-wrap,.tabs.tabs-right .tabs-nav-wrap{height:100%}.tabs.tabs-left .tabs-nav-wrap:after,.tabs.tabs-right .tabs-nav-wrap:after{left:auto;right:0;width:2px;height:100%}.tabs.tabs-right .tabs-nav-wrap:after{left:0;right:auto}.tabs.tabs-left .tabs-nav-wrap.is-scrollable,.tabs.tabs-right .tabs-nav-wrap.is-scrollable{padding:30px 0}.tabs .tabs-nav-next,.tabs .tabs-nav-prev{position:absolute;cursor:pointer;line-height:40px;height:40px;font-size:16px;color:#909399;width:30px;justify-content:center;align-items:center;display:none}.tabs .tabs-nav-prev{left:0;top:0}.tabs .tabs-nav-next{right:0;top:0}.tabs .tabs-nav-next:hover,.tabs-nav-prev:hover{color:#409eff}.tabs.tabs-left .tabs-nav-prev,.tabs.tabs-right .tabs-nav-prev{top:0;left:calc(50% - 15px);height:30px}.tabs.tabs-left .tabs-nav-prev i:before,.tabs-right .tabs-nav-prev i:before{content:""}.tabs.tabs-left .tabs-nav-next,.tabs.tabs-right .tabs-nav-next{top:auto;bottom:0;left:calc(50% - 15px);height:30px}.tabs.tabs-left .tabs-nav-next i:before,.tabs.tabs-right .tabs-nav-next i:before{content:""}.tabs .tabs-nav-wrap .nav-link-bar{padding:.5rem 1rem;background-color:#fff;border:1px solid #dcdfe6;border-width:0 0 1px 1px;height:39px;cursor:pointer}.tabs .tabs-nav-wrap .nav-link-bar.left{border:1px solid #dcdfe6;border-width:0 1px 1px 0}.tabs .tabs-nav-wrap .nav-link-bar.right{border:1px solid #dcdfe6;border-width:0 0 1px 1px}.tabs .tabs-nav-wrap .dropdown-toggle:after{display:none}.tabs .tabs-nav-wrap .dropdown-item{transition:background-color .3s linear}.tabs .tabs-nav-wrap .dropdown-item:hover{background-color:#409eff}.tabs .tabs-nav-scroll{overflow:hidden;flex:1}.tabs.tabs-card.tabs-top .tabs-nav-scroll{border:solid 1px #ddd;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0;border-bottom:none}.tabs.tabs-card.tabs-bottom .tabs-nav-scroll{border:solid 1px #ddd;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);border-top:none}.tabs.tabs-card.tabs-left .tabs-nav-scroll{border:solid 1px #ddd;border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius);border-right:none}.tabs.tabs-card.tabs-right .tabs-nav-scroll{border:solid 1px #ddd;border-radius:0 var(--bs-border-radius) var(--bs-border-radius) 0;border-left:none}.tabs.tabs-left .tabs-nav-scroll,.tabs.tabs-right .tabs-nav-scroll{height:100%}.tabs.tabs-top .tabs-nav-scroll,.tabs.tabs-bottom .tabs-nav-scroll{width:100%}.tabs .tabs-nav{white-space:nowrap;position:relative;display:flex}.tabs.tabs-left .tabs-nav,.tabs.tabs-right .tabs-nav{flex-flow:column}.tabs.tabs-left .tabs-nav .tabs-active-bar,.tabs.tabs-right .tabs-nav .tabs-active-bar{width:2px;height:40px}.tabs.tabs-left .tabs-item{text-align:right}.tabs.tabs-left .tabs-nav .tabs-active-bar{left:auto;right:0;top:auto;bottom:auto}.tabs.tabs-right .tabs-nav .tabs-active-bar{right:auto;left:0;top:auto;bottom:auto}.tabs .tabs-body{padding:1rem}.tabs.tabs-card .tabs-body{border:1px solid #e4e7ed}.tabs.tabs-card.tabs-top .tabs-body{border-top-width:0;border-radius:0 0 4px 4px}.tabs.tabs-card.tabs-bottom .tabs-body{border-bottom-width:0;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0}.tabs.tabs-card.tabs-left .tabs-body{border-left-width:0;border-radius:0 var(--bs-border-radius) var(--bs-border-radius) 0}.tabs.tabs-card.tabs-right .tabs-body{border-right-width:0;border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius)}.is-scrollable .tabs-nav-prev,.is-scrollable .tabs-nav-next{display:flex}.tabs-active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409eff;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tabs-item.active{color:#409eff}.tabs-item{padding:0 20px;height:40px;line-height:40px;display:flex;list-style:none;font-weight:500;color:#303133;cursor:pointer;align-items:center;position:relative;transition:color .3s linear,background-color .3s linear}.tabs-item:hover{color:#409eff}.tabs-item .tabs-item-text{padding:0 .25rem;flex:1 1 auto}.tabs-item.is-closeable .tabs-item-text{margin-right:1rem;margin-left:1rem}.tabs-item:hover .tabs-item-close{display:flex}.tabs-item .tabs-item-close{width:18px;height:18px;display:none;position:absolute;right:1rem;justify-content:center;align-items:center;transition:all .3s linear}.tabs-item .tabs-item-close:hover{background-color:#e4e7ed;border-radius:var(--bs-border-radius)}.tabs-content{overflow:hidden;position:relative}.tabs-card.tabs-top .tabs-header{border-bottom:1px solid #e4e7ed}.tabs-card .tabs-header .tabs-item.active{border-bottom-color:#fff}.tabs-card.tabs.tabs-left .tabs-header{border-right:1px solid #e4e7ed}.tabs-card.tabs.tabs-right .tabs-header{border-left:1px solid #e4e7ed}.tabs-card.tabs-bottom .tabs-header .tabs-item.active{border-top-color:#fff}.tabs-card.tabs-left .tabs-header .tabs-item.active{border-right-color:#fff}.tabs-card.tabs-right .tabs-header .tabs-item.active{border-left-color:#fff}.tabs-card .tabs-header .tabs-item:first-child{border-left:none}.tabs-card .tabs-header .tabs-item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tabs-card .tabs-header .tabs-item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tabs-card.tabs-top .tabs-header .tabs-item:last-child,.tabs-card.tabs-bottom .tabs-header .tabs-item:last-child{border-right:1px solid #e4e7ed}.tabs-card.tabs-bottom .tabs-header .tabs-item{border-top:1px solid transparent}.tabs-card.tabs-left .tabs-header .tabs-item{border-right:1px solid transparent;border-left:none;border-bottom:1px solid #e4e7ed}.tabs-card.tabs-right .tabs-header .tabs-item{border-left:1px solid transparent;border-right:none;border-bottom:1px solid #e4e7ed}.tabs-border-card{background:#fff;border:1px solid #dcdfe6;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);border-radius:var(--bs-border-radius)}.tabs-border-card>.tabs-header{background-color:#f5f7fa;margin:0}.tabs-border-card>.tabs-header .tabs-item.active{color:#409eff;background-color:#fff;border-right-color:#dcdfe6;border-left-color:#dcdfe6}.tabs-border-card>.tabs-header .tabs-item{border:1px solid transparent}.tabs-border-card>.tabs-header .tabs-item:not(:hover):not(.active){color:#909399}.tabs-border-card>.tabs-header .tabs-item:not(.active):hover{background-color:#e9ecef}.tabs-border-card.tabs-top .tabs-header{border-bottom:1px solid #e4e7ed}.tabs-border-card.tabs-bottom .tabs-header{border-top:1px solid #e4e7ed}.tabs-border-card.tabs-top .tabs-header .tabs-item{margin-top:-1px}.tabs-border-card.tabs-top .tabs-header .tabs-item:first-child{border-top-left-radius:var(--bs-border-radius)}.tabs-border-card.tabs-left .tabs-header,.tabs-border-card.tabs-right .tabs-header{border-bottom-width:0}.tabs-border-card.tabs-top .tabs-header .tabs-nav-wrap:not(.is-scrollable) .tabs-item,.tabs-border-card.tabs-bottom .tabs-header .tabs-nav-wrap:not(.is-scrollable) .tabs-item{margin-left:-1px}.tabs-border-card.tabs-left .tabs-item.active,.tabs-border-card.tabs-right .tabs-item.active{border-top-color:#dcdfe6;border-bottom-color:#dcdfe6}.tabs-border-card.tabs-left .tabs-item{border-left:none}.tabs-border-card.tabs-right .tabs-item{border-right:none}.tabs-border-card.tabs-left .tabs-item.active{border-right-color:#fff}.tabs-border-card.tabs-right .tabs-item.active{border-left-color:#fff}.tabs-bottom.tabs-border-card>.tabs-header .tabs-item:nth-child(2),.tabs-bottom.tabs-card>.tabs-header .tabs-item:nth-child(2),.tabs-bottom .tabs-left>.tabs-header .tabs-item:nth-child(2),.tabs-bottom .tabs-right>.tabs-header .tabs-item:nth-child(2),.tabs-top.tabs-border-card>.tabs-header .tabs-item:nth-child(2),.tabs-top.tabs-card>.tabs-header .tabs-item:nth-child(2),.tabs-top .tabs-left>.tabs-header .tabs-item:nth-child(2),.tabs-top .tabs-right>.tabs-header .tabs-item:nth-child(2){padding-left:20px}.tabs-bottom.tabs-border-card>.tabs-header .tabs-item:last-child,.tabs-bottom.tabs-card>.tabs-header .tabs-item:last-child,.tabs-bottom .tabs-left>.tabs-header .tabs-item:last-child,.tabs-bottom .tabs-right>.tabs-header .tabs-item:last-child,.tabs-top.tabs-border-card>.tabs-header .tabs-item:last-child,.tabs-top.tabs-card>.tabs-header .tabs-item:last-child,.tabs-top .tabs-left>.tabs-header .tabs-item:last-child,.tabs-top .tabs-right>.tabs-header .tabs-item:last-child{padding-right:20px}.tabs-card>.tabs-header .tabs-nav-wrap:after,.tabs-border-card>.tabs-header .tabs-nav-wrap:after{content:none}.tabs-card .tabs-item.is-closeable .tabs-item-text,.tabs-border-card .tabs-item.is-closeable .tabs-item-text{margin-right:1rem;margin-left:0}.is-page .layout-main>.tabs{margin:-1rem;border:none;border-radius:unset;min-height:calc(100% + 2rem)}.table-container{position:relative}.table-wrapper{border-radius:var(--bs-border-radius);border:1px solid #dee2e6}.table-wrapper thead tr:first-child{border-top:none}.table-wrapper tbody tr:last-child{border-bottom:none}.table-wrapper th:first-child,.table-wrapper td:first-child,.table-wrapper th.fixed-scroll{border-left-width:0}.table-wrapper th:last-child,.table-wrapper td:last-child,.table-wrapper .table-fixed-header th:nth-last-of-type(2){border-right-width:0}.table-wrapper tr:last-child td{border-bottom-width:0}.table-wrapper .table-fixed-body td:last-child{border-right-width:1px}.table-th-checkbox{width:36px}.table-th-checkbox.show-text{width:80px}.table-th-button{width:130px}.table{margin-bottom:0;--bb-table-selected-bg:#9ec6ef}.table thead th,.table tbody td{border-top:none}.table thead th{white-space:nowrap;vertical-align:top}.table thead th.sortable:hover,.table thead th.filterable:hover{background-color:#e9ecef}.table thead th.sortable:hover>.fa{color:#999}.table thead.table-dark th.sortable:hover,.table thead.table-dark th.filterable:hover{background-color:#343a40}.table thead th .table-cell{justify-content:space-between;position:relative}.table thead th .table-cell .table-text{flex:1}.table thead th .table-cell>.fa{content:"";position:absolute;right:-8px;top:-8px;bottom:-8px;width:1.5rem;display:flex;align-items:center;justify-content:center;color:#ddd}.table thead th .table-cell>.fa:hover{background-color:#ddd;color:#606266}.table thead th .table-cell .fa-filter{cursor:pointer}.table thead th .table-cell .fa-filter.active{color:#409eff}.table thead.table-dark th .table-cell>.fa:hover{background-color:#6c757d;color:#fff}.table thead.table-light th .table-cell>.fa{color:#c0c4cc}.table thead.table-light th .table-cell>.fa:hover{color:#495057}.table thead th.sortable .fa-sort-asc,.table thead th.sortable .fa-sort-desc{color:inherit}.table thead th.sortable .table-cell .table-text,.table thead th.filterable .table-cell .table-text{padding-right:1rem}.table thead th.filterable .table-cell .fa-filter{right:-8px}.table thead th.sortable.filterable .table-cell .fa-filter{right:calc(1.5rem - 8px)}.table thead th.sortable.filterable .table-cell .table-text{padding-right:2.5rem;overflow:hidden;text-overflow:ellipsis}.table tfoot{font-weight:bold;border-top:2px solid #dee2e6}.table td,.table th{min-width:0;text-overflow:ellipsis}.table .is-editform .table-cell{overflow:hidden}.table-sm thead th .table-cell>.fa{right:-4px;top:-4px;bottom:-4px}.table-sm thead th.filterable .table-cell .fa-filter{right:-4px}.table-sm thead th.sortable.filterable .table-cell .fa-filter{right:calc(1.5rem - 4px)}.is-clickable tbody tr,.is-clickable .table-row{cursor:pointer}.table-cell{display:flex;align-items:center;word-break:break-all}.table-cell.is-sort{cursor:pointer}.table-cell.is-sort .fa-sort{color:#ddd}.table-cell .btn-group .btn{white-space:nowrap}.table-hover tbody tr.is-detail:hover,.table-hover tbody tr.is-editform,.table-hover tbody tr.is-editform:hover{--bs-table-accent-bg:unset}.table tbody tr.is-master td:first-child{padding-left:0;padding-right:0}.table-toolbar:after{content:"";display:block;clear:both}.table-toolbar .table-toolbar-button{margin-bottom:.5rem}.table-toolbar .table-toolbar-button .table-toolbar-search{border-top-left-radius:4px;border-bottom-left-radius:4px}.table-toolbar .dropdown-menu .dropdown-item span{margin-left:.5rem}.table-toolbar .dropdown-item.hover,.table-toolbar .dropdown-item:hover{color:#fff;background-color:#007bff}.table-pagination.is-top{margin-bottom:.5rem}.table-pagination:not(.is-top){margin-top:.5rem}.btn-gear .dropdown-menu{min-width:initial;padding:0}.btn-gear .dropdown-menu .dropdown-item{padding:6px 12px;display:table-cell;color:#504d4d}.btn-gear .dropdown-menu .dropdown-item:not(:first-child){border-left:solid 1px #aeb2b7}.table-column-right{margin-left:.3125rem}.search-input-tooltip{font-size:.75rem}.search-input-tooltip kbd{display:inline-block;background:#17a2b8;padding:1px 6px}.table-fixed{height:100%}.table-fixed .table{table-layout:fixed}.table-fixed-header{overflow:hidden;border-top-left-radius:var(--bs-border-radius);border-top-right-radius:var(--bs-border-radius)}.table-fixed-body{overflow-x:auto !important;overflow-y:scroll !important}.table-scroll{overflow:auto}.table-scroll .table tbody td .table-cell:not(.is-wrap){white-space:nowrap}.table-cell.is-ellips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell.is-ellips.is-resizable{position:absolute;left:12px;right:12px}.table-loading,.table-loader,.form-loader{display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:var(--bs-border-radius);padding:2rem;flex:1}.table-loader,.form-loader{display:none;opacity:.8;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f8f9fa;z-index:4}.table-loader.show,.form-loader.show{display:flex}.table tbody tr.active:not(.is-edit),.table-row.active{background-color:var(--bb-table-selected-bg)}.table-hover>tbody>tr.is-detail:hover,.table-hover>tbody>tr.is-edit.active,.table-excel>tbody>tr:hover{--bs-table-accent-bg:none}.table-row{padding:.75rem}.table-row:not(:last-child){border-bottom:1px solid #dee2e6}.table-row:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.table-row:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.table-row .table-cell:not(:last-child){padding-bottom:.5rem}.table-row .table-cell label:not(.form-checkbox){font-weight:bold;width:30%;min-width:30%;margin-bottom:0;color:#212529;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.table-row .table-cell>span{display:inherit}.table-row.table-footer{display:flex}.table-row.table-footer .table-cell{padding-bottom:0}.table-row.table-footer .table-cell:first-child{font-weight:bold;width:30%;margin-bottom:0;color:#212529;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-fixed-column .table{table-layout:fixed;border-collapse:separate;border-spacing:0}.table-fixed-column .table .fixed,.table-fixed-column .table .fixed-scroll{background-color:#fff}.table-fixed-column .table tr .fixed{position:sticky;z-index:2}.table-fixed-column .table th,.table-fixed-column .table td{border-left-width:0;border-top-width:0}.table-fixed-column .table .table-light .fixed,.table-fixed-column .table .table-light .fixed-scroll,.table-fixed-column .table .table-dark .fixed,.table-fixed-column .table .table-dark .fixed-scroll{background-color:var(--bs-table-bg)}.table-fixed-column .table .fixed{border-right:1px solid #409eff}.table-fixed-column .table .fixed-right{border-right:inherit;border-left:1px solid #409eff}.table-fixed-column .fixed-scroll{position:sticky;right:0;background-color:var(--bs-table-bg)}.table .is-bar{padding:0;justify-content:center}.table .is-bar .fa-caret-right{width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s linear,transform .3s linear}.table .is-bar .fa-caret-right:hover{background-color:#ddd}.table .is-detail{display:none}.table .is-detail.show{display:table-row}.table .table-cell .table-container,.table .table-cell .tabs,.table .table-cell form{flex:1}.table .table-cell .tabs .tabs-body{padding:1rem 0 0 0}.table-resize thead th,.table-resize tbody td{position:relative}.table-resize thead th .col-resizer{width:.25rem;display:block;position:absolute;top:0;right:0;bottom:0;cursor:col-resize}.table-resize .border-resize{border-right:1px solid #409eff}.table .table-cell.is-tree{cursor:pointer}.table-cell.is-incell{margin:-7px -6px}.table-cell.is-incell .switch{padding-left:6px}.table-cell.is-incell .select{width:100%}.table-cell .is-node .is-tree{transition:transform .3s linear}.table-sm .table-cell.is-incell{margin:-.25rem}.table-sm .table-cell.is-incell .form-control{height:calc(1.5em + .75rem - 3px)}.table-sm .table-cell.is-incell .switch{height:30px;padding-left:4px}.table-bordered thead tr:last-child>th{border-bottom-width:2px !important;border-bottom-color:var(--bs-secondary)}.table-striped>tbody>tr.is-master:nth-of-type(odd){--bs-table-accent-bg:#fff}.table-striped>tbody>tr.is-master:nth-of-type(odd).active{--bs-table-accent-bg:var(--bb-table-selected-bg)}.table-striped>tbody>tr.is-master:nth-of-type(4n+1){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-wrapper .empty-text{padding:1rem}form .table .table-cell>.form-label{display:none}form .table .table-cell>textarea{width:100%}.table-search{margin-bottom:.5rem}.table-search .card-header{padding:0}.table-search .card-header .table-search-title{padding:.5rem 1rem;flex:1;cursor:pointer}.table-search .card-header .table-search-buttons{padding:.25rem 1rem}.table-search .card-header .table-search-buttons .btn{padding:.275rem .5rem}.table-search-collapse{flex:1;display:flex;align-items:center;padding:0 1rem}.table-search-collapse .table-search-collapse-arrow{cursor:pointer;transition:.3s transform linear;transform:rotate(0)}.table-search-collapse.is-open .table-search-collapse-arrow{transform:rotate(90deg)}.table-search-collapse .table-search-collapse-title{cursor:pointer;margin-left:.5rem;flex:1}.table-search .collapsed .card-header{border-bottom-color:transparent}.table-search .card-header .input-group,.table-search .collapsed .input-group+.table-search-buttons{display:none}.table-search .card-header .input-group{width:auto;padding:2px}.table-search .card-header .input-group .table-toolbar-search,.table-search .card-header .input-group .btn{height:34px}.table-search .collapsed .input-group{display:flex}.table-excel-toolbar{display:none;position:absolute}.table-excel.table>:not(caption):not(thead)>*>*{padding:0}.table-excel tbody .table-cell>.form-check{padding:6px 8px}.table-excel tbody .table-cell .switch{padding:.375rem .1875rem;justify-content:center}.table-excel .form-control,.table-excel .table-cell .select .form-select{border:none;border-radius:0;padding:.375rem .1875rem}.table-excel .table-cell .select{width:100%}.table-excel .table-cell>.disabled{background-color:var(--bs-bg-disabled);width:100%;padding:.375rem .1875rem}.table-excel .datetime-picker-input{padding-left:2rem}.table-excel .datetime-picker-input-icon{line-height:32px}.table-excel.table tbody tr.active{background-color:transparent}.table-cell.text-center,.table-cell.text-center .switch{justify-content:center}.table-cell.text-center input{text-align:center}.table-cell.text-end,.table-cell.text-end .switch{justify-content:end}.table-cell.text-end input{text-align:right}.table-cell>.progress{flex:1}.table-cell.is-ph{height:12.5px;background-color:#e9ecef;border-radius:var(--bs-border-radius);margin:5px 0}.table-cell .is-dbcell{display:flex;cursor:pointer;position:relative}.table-cell .is-dbcell:hover:before{content:"";position:absolute;bottom:-3px;height:1px;width:100%;background-color:var(--bs-primary)}.table-cell .is-node{width:18px}.table-cell .tag{line-height:22px}.table-cell .is-color{width:28px;height:21px;border-radius:.25rem}.tag{display:inline-flex;padding:0 10px;line-height:30px;font-size:12px;border-radius:var(--bs-border-radius);white-space:nowrap;align-items:center}.tag>i+.tag-text{margin-left:4px}.tag>.btn-close{margin-left:8px;width:4px;height:4px}.timer .time-panel-footer{display:flex;justify-content:space-between}.timer .time-panel-btn{border:1px solid transparent;border-radius:var(--bs-border-radius);transition:border .3s linear;padding:0 .65rem}.timer .time-panel-btn:hover{border-color:#ddd}.timer .time-panel-btn.confirm{color:#28a745}.timer .circle-title{flex-flow:column nowrap;bottom:66px}.timer .timer-body{font-size:3.5rem}.timer .timer-alert{font-size:1rem}.timer .timer-alert i{margin-right:.5rem}.timer .timer-buttons{display:flex;justify-content:space-between}.timer .timer-buttons .btn{border:5px double #949496;border-radius:50%;height:66px;width:66px;font-size:.75rem !important;padding:0}.toast-container{position:fixed;z-index:1090}.toast{overflow:hidden;width:246px;cursor:pointer;display:none;transition:transform .3s linear,opacity .3s linear;transform:translateX(100%);background-color:#fff}.toast.show{transform:translateX(0)}.toast.left{transform:translateX(-100%)}.toast.left.show{transform:translateX(0)}.toast:hover{box-shadow:0 1px .75rem rgba(0,0,0,.15)}.toast .toast-progress{position:absolute;right:0;bottom:0;height:4px;width:0}.toast.left .toast-progress{left:0;right:unset}.toast .btn-close{height:4px;width:4px;margin:0}@media(min-width:375px){.toast{min-width:300px}}@media(min-width:576px){.toast{min-width:320px}}.btn-toggle{position:relative;overflow:hidden;border:1px solid #c0c4cc;min-width:70px;min-height:35px}.btn-toggle.off .toggle-group{left:-100%}.btn-toggle .btn-default,.btn-toggle.btn-default{background-color:#e0e0e0;border-color:#ccc;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-toggle .btn-default:hover{color:#333;background-color:#d4d4d4}.btn-toggle .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none;transition:left .35s}.btn-toggle .toggle-group label{display:flex;align-items:center;justify-content:center}.btn-toggle .toggle-group label,.btn-toggle .toggle-group span{cursor:pointer}.btn-toggle .toggle-group .toggle-on.bg-dark{color:#e4e7ed}.btn-toggle .btn-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-image:linear-gradient(to bottom,#fff 0%,#e0e0e0 100%);border-color:#ccc;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-toggle .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}.btn-toggle .toggle-on.btn{padding-right:24px}.btn-toggle .toggle-on.btn-lg{padding-right:31px}.btn-toggle.off .toggle-off{color:#333}.btn-toggle .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;background-color:#e0e0e0}.btn-toggle .toggle-off.btn{padding-left:24px}.btn-toggle .toggle-off.btn-lg{padding-left:31px}.btn-toggle.btn-lg{min-width:79px;min-height:45px}.toggle-handle.btn-lg{width:40px}.btn-toggle.btn-sm{min-width:50px;min-height:30px}.toggle-on.btn-sm{padding-right:20px}.toggle-off.btn-sm{padding-left:20px}.btn-toggle.btn-xs{min-width:35px;min-height:22px}.toggle-on.btn-xs{padding-right:12px}.toggle-off.btn-xs{padding-left:12px}.tooltip-inner{max-width:768px}.is-invalid .tooltip-inner{background-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.is-invalid.bs-tooltip-top .tooltip-arrow::before{border-top-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.is-invalid.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.is-invalid.bs-tooltip-left .tooltip-arrow::before{border-left-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.is-invalid.bs-tooltip-right .tooltip-arrow::before{border-right-color:#dc3545}.transfer{font-size:14px}.transfer-panel{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;max-height:100%;box-sizing:border-box;position:relative}.transfer-panel.is-invalid{border:1px solid #dc3545}.transfer-panel.is-valid{border:1px solid #28a745}.transfer-panel .transfer-panel-header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid var(--bs-border-color);color:#000}.transfer-panel-body{height:246px}.transfer-panel-list{margin:0;padding:6px 0;list-style:none;height:246px}.transfer-panel-list.search{height:214px}.transfer-panel-item{height:30px;line-height:30px;padding-left:15px;display:block}.transfer-panel-item .form-check-input{margin:7px 0}.transfer-buttons{display:inline-block;vertical-align:middle;padding:0 30px}.transfer-buttons .btn{white-space:nowrap}.transfer-buttons .btn:not(:first-child){margin-left:10px}.transfer-buttons .disabled,.transfer-buttons .disabled:active,.transfer-buttons .disabled:focus,.transfer-buttons .disabled:hover,.transfer-buttons [disabled]{color:#fff;background-color:#a0cfff;border-color:#a0cfff}.transfer-panel-filter{text-align:center;margin:.5rem 1rem 0 1rem;display:block;width:auto;position:relative}.transfer-panel-filter .input-inner{height:32px;line-height:32px;width:100%;display:inline-block;border-radius:var(--bs-border-radius);padding-right:10px;padding-left:30px;border:1px solid #dcdfe6;transition:border-color .2s cubic-bezier(.645,.045,.355,1);color:#606266}.transfer-panel-filter .input-inner:focus{outline:none;border-color:#409eff}.transfer-panel-filter .input-prefix{height:100%;width:30px;transition:all .3s;position:absolute;left:4px;top:0;display:flex;align-items:center;justify-content:center;color:#c0c4cc}.transfer-panel-filter .input-prefix:not(.disabled):hover i:before,.transfer-panel-filter .input-prefix.is-on i:before{cursor:pointer;content:""}.transfer-panel-filter .input-prefix.disabled:hover i:before{cursor:not-allowed}.transfer-panel-header .form-check .form-check-input{margin:12px 0}.transfer-panel-body .form-check-label{max-width:160px}.tree{position:relative}.tree .tree-root{padding:0;margin:0}.tree .tree-ul{padding:0 0 0 20px;margin:0;display:none}.tree .tree-ul.show{display:block}.tree .tree-item{list-style:none;cursor:pointer;margin:1px 0}.tree .tree-item:before{content:"";position:absolute;left:0;width:100%;height:29px;transition:background-color .3s linear}.tree .tree-item.hover:before{background-color:#66a2e0a1}.tree .tree-item.active:before{background-color:#409effa1}.tree .tree-item .tree-content{position:relative;display:flex;padding:.25rem 0;align-items:center}.tree .tree-item .tree-content .fa-caret-right{width:18px;height:18px;transition:transform .3s linear;display:flex;align-items:center;justify-content:center}.tree .tree-item .tree-content .show .fa-caret-right{transform:rotate(90deg)}.tree .tree-node{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.tree .form-check{margin:0 4px}.tree-icon{width:18px}.upload .upload-body{margin-top:10px}.upload .upload-body.is-list{overflow:auto;max-height:240px}.upload .upload-body.is-list .upload-item{display:flex;align-items:center;padding:3px 5px;border-radius:var(--bs-border-radius);transition:background-color .3s linear;cursor:pointer;position:relative}.upload .upload-body.is-list .upload-item.is-invalid{color:#dc3545}.upload .upload-body.is-list .upload-item:hover{background-color:var(--bs-bg-disabled)}.upload .upload-body.is-list .upload-item:not(:last-child){margin-bottom:2px}.upload .upload-body.is-list .upload-item:hover .fa-trash-o{display:inline-block}.upload .upload-body.is-list .upload-item .fn{flex:1;padding:0 5px;display:flex;overflow:hidden}.upload .upload-body.is-list .upload-item .fn span:first-child{max-width:calc(100% - 4rem);overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;padding-right:.25rem}.upload .upload-body.is-list .upload-item .fa-trash-o,.upload .upload-body.is-list .upload-item:not(.disabled):hover .fa-check-circle-o,.upload .upload-body.is-list .upload-item:hover .fa-times-circle-o,.upload .upload-body.is-avatar .upload-item .upload-item-delete,.upload .upload-body.is-avatar .upload-item.is-invalid .upload-item-spin,.upload .upload-body.is-avatar .upload-item.is-valid .upload-item-spin,.upload .upload-item.is-invalid .fa-check,.upload .upload-item.is-valid .fa-times,.upload .upload-body.is-avatar .upload-item.disabled .upload-item-plus{display:none}.upload .upload-body.is-avatar,.upload .upload-body.is-card{margin:0;display:flex;flex-wrap:wrap}.upload .upload-body.is-avatar .upload-item{padding:0;position:relative;border:1px dashed #d9d9d9;border-radius:6px;margin-right:1rem;margin-bottom:1rem;overflow:hidden;cursor:pointer}.upload .upload-body.is-avatar .upload-item.is-single{margin:0}.upload .upload-body.is-avatar .upload-item.is-invalid{border-color:#dc3545;border-style:solid}.upload .upload-body.is-avatar .upload-item.is-circle{border-radius:50%}.upload .upload-body.is-avatar .upload-item:not(.is-form):hover,.upload .upload-body.is-avatar .upload-item:not(.is-form).is-valid,.upload .upload-body.is-card .upload-item.is-valid,.upload .upload-body.is-card .upload-item:not(.disabled):hover{border-color:#409eff}.upload .upload-body.is-avatar .upload-item.is-valid{border-style:solid}.upload .upload-body.is-avatar .upload-item.is-invalid .avatar{color:#dc3545}.upload .upload-body.is-avatar .upload-item .avatar{width:100%;height:100%;background-color:#fff}.upload .upload-body.is-avatar .upload-item .upload-item-actions,.upload .upload-body.is-card .upload-item .upload-item-actions.btn-browser{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.upload .upload-body.is-avatar .upload-item .upload-item-actions .fa{font-size:1rem}.upload .upload-body.is-avatar .upload-item:hover .upload-item-actions .upload-item-delete{display:block}.upload .upload-body.is-card .upload-item{padding:1rem;box-shadow:0 0 10px 0 rgba(0,0,0,.2);border:1px solid #d9d9d9;border-radius:6px;width:240px;height:280px;position:relative;cursor:pointer;margin-right:1rem;margin-bottom:1rem;overflow:hidden}.upload .upload-body.is-card .upload-item .upload-item-actions{display:flex;justify-content:space-between}.upload .upload-body.is-card .upload-item.is-valid .upload-item-body img,.upload .upload-body .upload-item.is-valid .upload-item-label,.upload .upload-body .upload-item.is-invalid .upload-item-label{display:block}.upload .upload-body.is-card .is-invalid .upload-item-body{border-color:#dc3545}.upload .upload-body.is-card .upload-item-body{border-radius:var(--bs-border-radius);width:168px;height:168px;border:1px solid #d9d9d9;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload .upload-body.is-card .upload-item-body img{width:100%;object-fit:cover;display:none}.upload .upload-body.is-card .upload-item-body .fa{font-size:1.5rem}.upload .upload-body.is-card .upload-item-size{margin:1rem auto;text-align:center;font-size:.625rem;display:flex;justify-content:center}.upload .upload-body.is-card .upload-item-size span{max-width:calc(100% - 4.5rem);overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;padding-right:.25rem}.upload .upload-item .upload-item-label{position:absolute;top:-2px;right:-14px;text-align:center;transform:rotate(45deg);color:#fff;width:46px;height:20px;background-color:#28a745;display:none}.upload .upload-item .upload-item-label .fa-check{transform:rotate(-45deg);font-size:12px}.upload .upload-item.is-invalid .upload-item-label{background-color:#dc3545}.upload .progress{position:absolute;left:0;right:0;bottom:0}.upload .upload-body.is-card .progress{left:1rem;right:1rem;bottom:56px}.upload .upload-item.is-valid .progress,.upload .upload-item.is-invalid .progress{display:none}.upload .upload-body.is-card.is-single .upload-item{margin:0}
\ No newline at end of file
+:root{--bs-border-radius:.25rem;--bs-bg-disabled:#ebeef5;--bs-border-color:#ebeef5}#components-reconnect-modal{z-index:2000 !important}:fullscreen{background-color:#fff}body,.form-control,.dropdown-menu,.form-select,.btn:not(.btn-xs):not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-xl):not(.btn-xxl),.input-group-text{font-size:.875rem}.btn-close:focus{box-shadow:none}:focus,button:focus{outline:none}a{cursor:pointer}a,a:hover,a:focus{text-decoration:none;outline:none}.form-control.is-invalid,.was-validated .form-control:invalid,.form-control.is-valid,.was-validated .form-control:valid,.form-control.valid.modified:not([type=checkbox]){outline:none}.form-control.is-display{height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell .form-control.is-display,form .form-control.is-display{background-color:var(--bs-bg-disabled)}[disabled],:disabled,.disabled,.disabled>*{cursor:not-allowed !important}.form-control:focus{border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.control-label{margin-right:10px;width:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.6)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(40,167,69,.6)}.arrow-primary{border-color:transparent transparent #0d6efd}.arrow-success{border-color:transparent transparent #198754}.arrow-info{border-color:transparent transparent #0dcaf0}.arrow-warning{border-color:transparent transparent #ffc107}.arrow-danger{border-color:transparent transparent #dc3545}.show .shadow-primary,.shadow-primary:hover,.shadow-primary:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,123,255,.5);border-color:#0d6efd !important}.show .shadow-success,.shadow-success:hover,.shadow-success:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(40,167,69,.5);border-color:#198754 !important}.show .shadow-info,.shadow-info:hover,.shadow-info:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,162,184,.5);border-color:#0dcaf0 !important}.show .shadow-warning,.shadow-warning:hover,.shadow-warning:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,193,7,.5);border-color:#ffc107 !important}.show .shadow-danger,.shadow-danger:hover,.shadow-danger:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.5);border:1px solid #dc3545 !important}.show .shadow-secondary,.shadow-secondary:hover,.shadow-secondary:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #c0c4cc;border:1px solid #6c757d !important}.show .shadow-dark,.shadow-dark:hover,.shadow-dark:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #c0c4cc;border:1px solid #343a40 !important}.show .shadow-default,.shadow-default:hover,.shadow-default:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);border:1px solid #337ab7}.swal{position:fixed;z-index:1070}.swal .modal-header{display:none}.swal2-icon,.swal2-actions{display:flex}.swal2-actions{margin-bottom:1rem}.close{display:flex}.captcha{border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.125)}.captcha-refresh{float:right;cursor:pointer;padding-left:.5rem}.captcha-body{position:relative}.captcha-body .captcha-load{display:flex;align-items:center;justify-content:center}.captcha-body .captcha-body-bg,.captcha-body .captcha-body-bar{position:absolute;border-radius:2px;top:0;left:0}.captcha-footer{text-align:center;background:#f7f9fa;color:#45494c;border-radius:2px;margin-top:.5rem;position:relative}.captcha-footer,.captcha-bar-bg{line-height:40px;height:40px}.captcha-bar-bg{position:absolute;border-radius:4px}.captcha-bar{position:absolute;top:0;left:0;width:40px;height:40px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center}.captcha-footer.is-move .captcha-bar-text{display:none}.captcha-footer.is-move .captcha-bar-bg{border:1px solid #1991fa;background-color:#d1e9fe}.captcha-footer.is-valid .captcha-bar .fa-arrow-right:before{content:""}.captcha-footer.is-invalid .captcha-bar{border:1px solid #f57a7a;background-color:#f57a7a}.captcha-footer.is-invalid .captcha-bar-bg{border:1px solid #f57a7a;background-color:#fce1e1;border-width:1px 0 1px 1px}.captcha-footer.is-invalid .captcha-bar .fa-arrow-right:before{content:""}.captcha-footer.is-valid .captcha-bar{border:1px solid #52ccba;background-color:#52ccba}.captcha-footer.is-valid .captcha-bar-bg{border:1px solid #52ccba;border-width:1px 0 1px 1px;background-color:#d2f4ef}.captcha-footer.is-valid .captcha-bar .fa-arrow-right:before{content:""}.timeline{margin:0;padding:0;list-style:none}.timeline .time-line-item{position:relative;padding-bottom:1rem}.timeline .time-line-item:last-child{padding-bottom:0}.timeline .time-line-item .time-line-item-tail{position:absolute;left:4px;height:100%;border-left:2px solid #e4e7ed}.timeline .time-line-item:last-child .time-line-item-tail{display:none}.timeline .timeline-item-node-normal{left:-1px;width:12px;height:12px}.timeline .timeline-item-node{position:absolute;background-color:#e4e7ed;border-radius:50%;display:flex;justify-content:center;align-items:center}.timeline .timeline-item-node.is-icon{background-color:transparent}.timeline .timeline-item-wrapper{position:relative;padding-left:1.5rem;top:-4px}.timeline .timeline-item-content{color:#303133}.timeline .timeline-item-timestamp{margin-top:.5rem;color:#909399}.timeline.is-alternate .time-line-item-tail,.timeline.is-alternate .timeline-item-node{left:50%}.timeline.is-alternate .timeline-item-node{margin-left:-5px}.timeline.is-alternate .time-line-item:nth-child(odd) .timeline-item-wrapper{left:calc(50% - 5px);width:calc(50% - 1rem);text-align:left}.timeline.is-alternate .time-line-item:nth-child(even) .timeline-item-wrapper{width:calc(50% - 1rem);margin:0;text-align:right}.timeline.is-left .time-line-item-tail,.timeline.is-left .timeline-item-node{left:100%}.timeline.is-left .timeline-item-node{margin-left:-5px}.timeline.is-left .time-line-item .timeline-item-wrapper{width:calc(100% - 1rem);margin:0;text-align:right}.footer{background:#5b6e84;color:#fff;padding:10px 4px;height:40px;display:flex}.footer .footer-text{flex:1 1 auto;text-align:center}.circle{display:inline-block;position:relative}.circle-progress{transition:stroke-dashoffset .3s linear}.circle-primary{stroke:#1593ff}.circle-danger{stroke:#dc3545}.circle-success{stroke:#28a745}.circle-warning{stroke:#ffc107}.circle-info{stroke:#17a2b8}.circle-secondary{stroke:#6c757d}.circle-dark{stroke:#343a40}.circle-title{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0}.input-number-fix::-webkit-outer-spin-button,.input-number-fix::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.ef-loading{display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:4px;padding:2rem}form .form-label:before{content:"";position:relative;top:2px;margin-right:2px;display:inline-block;min-width:5px}form .form-label[required]:before{content:"*";color:#f00}.form-control.is-valid[type="number"],.form-control.is-invalid[type="number"]{padding-right:.75rem;background-image:none}.transfer-panel-empty{position:absolute;top:35%;width:100%}.pulse{position:relative}.pulse.pulse-white .pulse-ring{border-color:#fff}.pulse.pulse-light .pulse-ring{border-color:#f5f8fa}.pulse.pulse-primary .pulse-ring{border-color:#009ef7}.pulse.pulse-secondary .pulse-ring{border-color:#e4e6ef}.pulse.pulse-success .pulse-ring{border-color:#50cd89}.pulse.pulse-info .pulse-ring{border-color:#7239ea}.pulse.pulse-warning .pulse-ring{border-color:#ffc700}.pulse.pulse-danger .pulse-ring{border-color:#f1416c}.pulse.pulse-dark .pulse-ring{border-color:#181c32}.pulse-ring{display:block;border-radius:40px;height:40px;width:40px;position:absolute;animation:animation-pulse 3.5s ease-out;animation-iteration-count:infinite;opacity:0;border-width:3px;border-style:solid;border-color:#a1a5b7}@keyframes animation-pulse{0%{-webkit-transform:scale(.1,.1);opacity:0}60%{-webkit-transform:scale(.1,.1);opacity:0}65%{opacity:1}100%{-webkit-transform:scale(1.2,1.2);opacity:0}}.fs-on,.fs-open .fs{display:none}.fs-open .fs-on{display:block}.arrow-danger{border-color:transparent transparent var(--bs-danger)}.arrow-success{border-color:transparent transparent var(--bs-success)}.arrow-primary{border-color:transparent transparent var(--bs-primary)}.arrow-warning{border-color:transparent transparent var(--bs-warning)}.arrow-info{border-color:transparent transparent var(--bs-info)}.alert i{margin-right:.5rem}.alert .btn-close{position:absolute;top:22px;right:1rem;height:4px;width:4px}.alert.is-close .alert-content{margin-right:1rem}.alert.is-bar.alert-info{border-left:4px solid var(--bs-info);background-color:#ecf8ff}.alert.is-bar.alert-success{border-left:4px solid var(--bs-success);background-color:#c3e6cb}.alert.is-bar.alert-primary{border-left:4px solid var(--bs-primary);background-color:#daeafc}.alert.is-bar.alert-warning{border-left:4px solid var(--bs-warning);background-color:#fffcf2}.alert.is-bar.alert-danger{border-left:4px solid var(--bs-danger);background-color:#faeaec}.anchor-link{cursor:pointer;display:inline-block}.anchor-link>i{opacity:0;margin-left:.5rem;color:var(--bs-primary);transition:opacity .3s linear}.anchor-link:hover>i{opacity:1}.auto-complete{position:relative}.auto-complete input{padding-right:30px}.auto-complete .select-dropdown{position:absolute;top:40px;left:0;right:0;display:none;z-index:2}.auto-complete .select-dropdown .dropdown-list{max-height:300px;overflow:auto;padding:6px 0;list-style:none;margin:0;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.176);border:1px solid rgba(0,0,0,.15);border-radius:var(--bs-border-radius)}.auto-complete .select-dropdown .dropdown-list .dropdown-item{padding:6px 20px}.auto-complete.is-complete .select-dropdown{display:block}.auto-complete .fa-spin{position:absolute;top:10.5px;right:8px;display:none}.auto-complete.is-loading .fa-spin{display:inline-block}.search .auto-complete .fa-spin{position:unset;display:inline-block}.avatar{border-radius:4px;width:50px;height:50px;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;background:#c0c4cc;color:#fff}.avatar img{width:100%;object-fit:cover}.avatar.is-circle{border-radius:50%}.avatar.is-xs{width:30px;height:30px}.avatar.is-sm{width:40px;height:40px}.avatar.is-lg{width:60px;height:60px}.avatar.is-xl{width:70px;height:70px}.avatar.is-xxl{width:80px;height:80px}.avatar i{font-size:1.4rem}.scanner .scanner-video video{width:300px;height:170px;border:1px solid #ddd;border-radius:var(--bs-border-radius)}.scanner .scanner-image{display:none}.btn:focus,.btn:active:focus,.show>.dropdown-toggle:focus{box-shadow:none !important}.btn-xs,.btn-group-xs>.btn{border-radius:.2rem;padding:.0625rem .3125rem;font-size:.75rem}.btn-xl,.btn-group-xl>.btn{padding:.8rem 1.25rem;font-size:1.35rem}.btn-xxl,.btn-group-xxl>.btn{padding:.8rem 1.25rem;font-size:1.5rem}.btn .badge,.btn i+span,.badge i+span{margin-left:4px}.btn.is-circle{border-radius:50%;width:45px;height:45px}.btn.is-round{border-radius:20px}.btn-block{width:100%}.calendar-header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--bs-border-color)}.calendar-title{color:#000;align-self:center;font-size:1rem}.calendar-button-group .btn{line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;outline:none;margin:0;transition:.3s;padding:7px 15px;font-size:12px}.calendar-button-group .btn:focus,.calendar-button-group .btn:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.calendar-button-group .btn:active{color:#3a8ee6;border-color:#3a8ee6;outline:none}.calendar-table{table-layout:fixed;width:100%}.calendar-table thead th{padding:12px 0;color:#606266;font-weight:400;text-align:center}.calendar-table:not(.is-range) td.next,.calendar-table:not(.is-range) td.prev{color:#c0c4cc}.calendar-table tr td:first-child{border-left:1px solid var(--bs-border-color)}.calendar-table tr:first-child td{border-top:1px solid var(--bs-border-color)}.calendar-table td{border-bottom:1px solid var(--bs-border-color);border-right:1px solid var(--bs-border-color);vertical-align:top;transition:background-color .2s ease;cursor:pointer}.calendar-table td.is-today{color:#409eff}.calendar-table td.is-selected{color:#1989fa}.calendar-table td.is-selected{background-color:#f2f8fe}.calendar-table .calendar-day{box-sizing:border-box;padding:8px;height:85px}.calendar-table .calendar-day:hover{cursor:pointer;background-color:#f2f8fe}.calendar-table:not(.is-range) td.next,.calendar-table:not(.is-range) td.prev{color:#c0c4cc}.calendar .table-week .week-header{border-radius:50%;border:1px solid transparent;padding:4px;display:inline-block;min-width:52px}.calendar .table-week .week-header.is-today{border:1px solid #409eff;color:#409eff}.calendar .table-week thead tr:last-child{border-bottom:2px solid #dee2e6}.calendar .table-week tbody tr{text-align:center}.calendar .table-week tbody td{padding:1rem 0;border-right:0;border-left:0;position:relative}.camera .camera-header{border:1px solid #ddd;border-radius:var(--bs-border-radius)}.camera canvas{display:none}.card .card-collapse{flex:1;display:flex;align-items:center;cursor:pointer}.card .card-title{margin:0 0 0 1rem}.card .card-collapse-arrow{transition:transform .3s linear}.card .is-open .card-collapse-arrow{transform:rotate(90deg)}.card-shadow{transition:box-shadow .3s linear;box-shadow:0 0 8px 0 #e8edfa99,0 2px 4px 0 #e8edfa80}.card-shadow:hover{box-shadow:0 1px 7px 0 #0000000d,0 2px 8px 0 #00000012,0 3px 9px 0 #0000000f,0 5px 10px 0 #00000008}.card-header .tag{line-height:21px}.carousel{overflow:hidden}.carousel [data-bs-slide]{outline:none;padding:0;margin:0 .5rem;height:36px;width:36px;cursor:pointer;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.5);border:solid 1px #e9ecef;color:#fff;top:50%;transform:translateY(-50%);text-align:center;font-size:1rem}.carousel:not(.hover) .carousel-control-prev{opacity:0;left:-10px}.carousel:not(.hover) .carousel-control-next{opacity:0;right:-10px}.carousel:not(.hover) .carousel-indicators{opacity:0;bottom:-10px}.carousel .carousel-indicators{opacity:1;transition:all .2s linear}.carousel .carousel-item img{display:block}.carousel-indicators [data-bs-target]{background-color:#606266}.carousel-item img{width:100%}.form-check{padding:0;margin:0;min-height:1rem}.form-check .form-check-input{width:1rem;height:1rem;float:none;margin:3px 0 1px 0;transition:background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-check .form-check-input+.form-check-label{padding:0 .5rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}.form-label+.form-check{padding:7px 0}.form-check-input:active{filter:none}@media(prefers-reduced-motion:reduce){.form-check-input{transition:none}}.form-check-input:focus{border-color:#b5b5c3;box-shadow:none}.form-check-input:checked{background-color:#009ef7;border-color:#009ef7}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#009ef7;border-color:#009ef7;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-check .form-check-label,.form-check .form-check-input{cursor:pointer}.form-check .form-check-input[type=checkbox]{background-size:60% 60%}.form-check.form-check-success .form-check-input:checked{background-color:var(--bs-success)}.form-check.form-check-danger .form-check-input:checked{background-color:var(--bs-danger)}.form-check.form-check-warning .form-check-input:checked{background-color:var(--bs-warning)}.form-check.form-check-info .form-check-input:checked{background-color:var(--bs-info)}.form-check.form-check-primary .form-check-input:checked{background-color:var(--bs-primary)}.form-check.form-check-secondary .form-check-input:checked{background-color:var(--bs-secondary)}.form-check.form-check-dark .form-check-input:checked{background-color:var(--bs-dark)}.form-check.form-check-sm .form-check-input{height:1.25rem;width:1.25rem;margin:0}.form-check.form-check-md{padding:4px 0 3px 0}.form-check.form-check-md .form-check-input{height:1.5rem;width:1.5rem}.form-check.form-check-lg{padding:2px 0 1px 0}.form-check.form-check-lg .form-check-input{height:1.75rem;width:1.75rem}.form-check.form-check-xl{padding:2px 0 1px 0}.form-check.form-check-xl .form-check-input{height:2rem;width:2rem;margin:0}.form-check.form-check-xxl{padding:0}.form-check.form-check-xxl .form-check-input{height:35px;width:35px;margin:0}.checkbox-list{min-height:35px;height:auto;display:flex;flex-flow:row wrap;padding-bottom:0;overflow:hidden;vertical-align:top}.checkbox-list.is-vertical{flex-direction:column}.checkbox-list .checkbox-item{display:inline-flex;width:120px;margin-bottom:.375rem}.checkbox-list .checkbox-item .form-check-label{max-width:104px}.checkbox-list.form-control.no-border{border-color:transparent}.checkbox-list.form-control:not(.is-invalid):focus{box-shadow:none}.checkbox-item .form-check-sm .form-check-input{margin:3px 0 2px 0}.accordion-button:not(.collapsed){box-shadow:inset 0 -1px 0 #00000020}.accordion .accordion-button-primary{color:#fff;background-color:var(--bs-primary);border-color:#0d6efd}.accordion .accordion-button-secondary{color:#fff;background-color:var(--bs-secondary);border-color:#6c757d}.accordion .accordion-button-success{color:#fff;background-color:var(--bs-success);border-color:#198754}.accordion .accordion-button-info{color:#fff;background-color:var(--bs-info);border-color:#0dcaf0}.accordion .accordion-button-warning{color:#fff;background-color:var(--bs-warning);border-color:#ffc107}.accordion .accordion-button-danger{color:#fff;background-color:var(--bs-danger);border-color:#dc3545}.accordion .accordion-button-light{background-color:var(--bs-light);border-color:#f8f9fa}.accordion .accordion-button-dark{color:#fff;background-color:var(--bs-dark);border-color:#212529}.accordion .accordion-button:after{width:.75rem;height:.75rem;background-size:.75rem}.accordion .accordion-button-primary:after,.accordion .accordion-button-secondary:after,.accordion .accordion-button-success:after,.accordion .accordion-button-danger:after .accordion .accordion-button-dark:after{color:#fff}.accordion .accordion-button-light:after,.accordion .accordion-button-warning:after,.accordion .accordion-button-info:after{color:#000}.accordion .accordion-button{border-radius:0}.color-picker .form-control-color{max-width:3rem}.console-body{padding:1rem;background-color:#174482;color:#fff;overflow:auto}.popover-datetime{max-width:unset}.popover-datetime .popover-body{padding:0}.popover-datetime .date-picker{border:none}.datetime-picker-bar{position:relative;color:#adb5bd}.datetime-picker-input{cursor:pointer;padding-left:2rem}.datetime-picker-input[readonly]:not([disabled]){background-color:#fff}.datetime-picker-input-icon{position:absolute;left:0;top:0;line-height:35px;cursor:pointer;padding:0 .75rem}.picker-panel-body-wrapper{display:flex}.picker-panel-sidebar{width:110px;border-right:1px solid #e4e4e4;padding:6px 0;overflow:auto}.picker-panel-sidebar .sidebar-item{line-height:28px;padding:0 12px;cursor:pointer;transition:color .3s linear}.date-picker-time-header{position:relative;border-bottom:1px solid #e4e4e4;font-size:12px;padding:8px 5px 5px;display:table;width:100%}.date-picker-time-header .date-picker-editor-wrap{position:relative;display:table-cell;padding:0 5px}.date-picker-time-header .date-picker-editor-wrap .input-inner{height:2rem;line-height:2rem;padding:0 1rem;cursor:pointer}.date-picker-time-header .date-picker-editor-wrap .input-inner[readonly]{background-color:#fff}.date-picker-editor-wrap .time-panel{position:absolute;z-index:-1;display:none;width:145px;margin-top:.25rem}.date-picker-editor-wrap .time-panel .time-spinner-item{height:28px;line-height:28px}.date-picker-editor-wrap .time-panel-content:after,.date-picker-editor-wrap .time-panel-content:before{margin-top:-32px;height:28px}.date-picker-editor-wrap .time-spinner-arrow.fa-angle-up{top:3px}.date-picker-editor-wrap .time-spinner-arrow.fa-angle-down{bottom:3px}.date-picker-editor-wrap .time-spinner-list-wrapper{height:84px;margin:36px 0}.is-open .date-picker-editor-wrap .time-panel{z-index:10;display:block}.picker-panel{color:#606266;border:1px solid #ced4da;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff;border-radius:var(--bs-border-radius);line-height:30px}.picker-panel-body-wrapper:after,.picker-panel-body:after{content:"";display:table;clear:both}.picker-panel-body{width:320px}.date-picker-header{margin:12px;display:flex;align-items:center}.date-picker .picker-panel-content{width:292px}.picker-panel-content{position:relative;margin:15px}.picker-panel-content table{table-layout:fixed;width:100%;font-size:12px;user-select:none}.picker-panel-content table td{text-align:center}.picker-panel-content table td .cell{display:block;margin:0 auto;cursor:pointer}.picker-panel-content table td.today .cell{color:#409eff;font-weight:700}.picker-panel-content table td.current:not(.disabled) .cell,.picker-panel-content table td.start:not(.next-month):not(.prev-month):not(.disabled) .cell,.picker-panel-content table td.end:not(.next-month):not(.prev-month):not(.disabled) .cell{color:#fff;background-color:#409eff}.picker-panel-content table td.range div{background-color:#f2f6fc}.picker-panel-content table td.range.start div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.picker-panel-content table td.range.start div .cell{margin-left:4px}.picker-panel-content table td.range.end div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.picker-panel-content table td.range.end div .cell{margin-right:4px}.picker-panel-content table td.disabled .cell{cursor:not-allowed;color:#c0c4cc}.date-table th{padding:5px;font-weight:400;border-bottom:1px solid var(--bs-border-color);text-align:center}.date-table td.next-month,.date-table td.prev-month{color:#c0c4cc}.date-table td:not(.prev-month):not(.next-month):hover,.picker-panel-icon-btn:hover,.date-picker-header-label:hover,.sidebar-item:hover{color:#409eff}.date-table td div{margin:4px 0;padding:3px 0}.date-table td .cell{display:block;width:24px;height:24px;margin:0 auto;line-height:24px;border-radius:50%;cursor:pointer}.picker-panel-icon-btn{color:#303133;border:0;background:transparent;cursor:pointer;outline:none}.date-picker-header-label{font-size:16px;font-weight:500;padding:0 5px;text-align:center;cursor:pointer;user-select:none}.pick-panel-arrow-left,.pick-panel-arrow-right{margin:0 6px}.year-table,.month-table{margin-top:29px}.year-table tr,.month-table tr{border-top:1px solid var(--bs-border-color)}.year-table td div{padding:12px 0}.year-table td .cell{width:48px;height:24px;line-height:24px;border-radius:16px}.month-table td div{padding:26px 0}.month-table td .cell{width:60px;border-radius:18px}@media(min-width:576px){.input-group input.form-control{width:1%}}.picker-panel-footer{border-top:1px solid #e4e4e4;padding:4px;background-color:#fff;position:relative;display:flex;border-bottom-left-radius:var(--bs-border-radius);border-bottom-right-radius:var(--bs-border-radius)}.picker-panel-footer .picker-panel-link-btn{padding:7px 15px;font-size:.75rem;border-radius:var(--bs-border-radius);line-height:12px;color:#606266;transition:border-color .3s linear,color .3s linear}.picker-panel-footer .picker-panel-link-btn.is-confirm{border:1px solid #dcdfe6}.picker-panel-footer .picker-panel-link-btn.is-confirm:hover{border-color:#409eff;color:#409eff}.picker-panel-footer .picker-panel-link-btn.is-now{color:#409eff}.time-panel{border:1px solid #ced4da;background-color:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border-radius:var(--bs-border-radius);width:180px;user-select:none}.time-panel-content{font-size:0;position:relative;overflow:hidden}.time-panel-content:before{padding-left:50%;margin-right:12%;margin-left:12%}.time-panel-content.has-seconds:before{padding-left:33.33333%}.time-panel-content:after,.time-panel-content:before{content:"";top:50%;position:absolute;margin-top:-36.6px;height:36.6px;left:0;right:0;border-top:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed}.time-panel-content.has-seconds:after{left:66.66667%;pointer-events:none}.time-panel-content:after{left:50%;margin-left:12%;margin-right:12%}.time-spinner{width:100%;white-space:nowrap}.time-spinner.has-seconds .time-spinner-wrapper{width:33.3%}.time-spinner-wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.time-spinner-wrapper{display:inline-flex;position:relative;align-items:center;justify-content:center}.time-spinner-wrapper.is-arrow .time-spinner-list{transition:transform .3s linear}.time-spinner-arrow{font-size:14px;color:#909399;position:absolute;left:0;width:100%;z-index:1;text-align:center;height:30px;line-height:30px;cursor:pointer}.time-spinner-arrow.fa-angle-up{top:10px}.time-spinner-arrow.fa-angle-down{bottom:10px}.time-spinner-list-wrapper{overflow:hidden;height:110px;margin:40px 0;width:100%}.time-spinner-list{margin:0;list-style:none}.time-spinner-input.input .input-inner,.time-spinner-list{padding:0;text-align:center}.time-spinner-item{height:36.6px;line-height:36.6px;font-size:12px;color:#606266;opacity:.6;cursor:pointer}.time-spinner-item.active:not(.disabled){font-weight:700;font-size:14px;opacity:1}.time-spinner-item.active:not(.disabled),.time-spinner-arrow:hover{color:#409eff}.time-spinner-item.prev,.time-spinner-item.next{opacity:.8;transform:scale(1,.8);line-height:30px}.time-panel-footer{border-top:1px solid #e4e4e4;padding:4px;height:36px;line-height:25px;text-align:right}.time-panel-btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:none;font-size:12px;color:#303133}.time-panel-btn.confirm{font-weight:800;color:#409eff}.datetime-range{background-color:#fff;background-image:none;border-radius:var(--bs-border-radius);border:1px solid #dcdfe6;color:#606266;display:inline-block;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);padding:0 10px;position:relative}.datetime-range:hover{border-color:#c0c4cc}.datetime-range.active{border-color:#409eff}.datetime-range.disabled,.datetime-range.disabled input{background-color:#e9ecef}.datetime-range-bar{display:inline-flex;align-items:center}.datetime-range-bar .datetime-range-input{border:none;outline:none;display:inline-block;margin:0;padding:0;text-align:center;color:#606266;cursor:pointer;width:80px;padding:6px 0}.datetime-range-bar .datetime-range-input-icon{cursor:pointer}.datetime-range-bar .range-separator{padding:0 5px;color:#303133}.range-panel-body{display:flex}.range-panel-body .picker-panel{box-shadow:none;border:none}.range-panel-body .picker-panel:first-child{border-right:1px solid #ced4da;border-top-right-radius:0;border-bottom-right-radius:0}.range-panel-body .date-picker-header-label{cursor:unset}.range-panel-body .date-picker-header-label:hover{color:inherit}.range-panel-footer{padding:.5rem}.popover-datetime-range{max-width:unset}.popover-datetime-range .popover-body{padding:0}.range-clear{border-radius:50%;border:1px solid #9d9d9d;padding:1px;display:none;cursor:pointer;position:absolute;right:10px;top:11px}.datetime-range:hover:not(.disabled) .range-clear{display:flex}.form-inline>*>.datetime-range{display:block}.divider{background-color:transparent;position:relative}.divider .divider-text{position:absolute;background-color:#fff;padding:0 20px;font-weight:500;color:#303133;font-size:14px}.divider.divider-horizontal{display:block;width:100%}.divider.divider-horizontal .divider-text.is-left{left:20px;transform:translateY(-50%)}.divider.divider-horizontal .divider-text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.divider.divider-horizontal .divider-text.is-right{right:20px;transform:translateY(-50%)}.divider .divider-wrap{height:1px;margin:1rem 0;background-color:#dcdfe6}.divider-vertical{width:1px;margin:0 1rem}.divider.divider-vertical .divider-text{padding:20px 0}.divider.divider-vertical .divider-text.is-left{top:20px;transform:translateX(-50%)}.divider.divider-vertical .divider-text.is-center{top:50%;transform:translateX(-50%) translateY(-50%)}.divider.divider-vertical .divider-text.is-right{bottom:20px;transform:translateX(-50%)}.bb-dd-inprogess>*{pointer-events:none}.bb-dd-dropzone{min-height:50px}.bb-dd-spacing{height:10px}.bb-dd-spacing-dragged-over{padding:25px}.bb-dd-dragged-over{background-color:#d3d3d3;opacity:.6;animation:blinker 1s linear infinite}.bb-dd-dragged-over>div{background-color:#d3d3d3;opacity:.6;animation:blinker 1s linear infinite}.bb-dd-dragged-over-denied{background-color:#f00;opacity:.6;animation:blinker 1s linear infinite}.bb-dd-in-transit{opacity:0}.bb-dd-in-transit>div{opacity:0}@keyframes blinker{50%{opacity:0}}.blink_me{animation:blinker 1s linear infinite}.bb-flex .bb-dd-spacing{width:20px;height:auto}.bb-flex .bb-dd-dragged-over{background-color:#d3d3d3;opacity:.6;animation:blinker 1s linear infinite}.bb-flex .bb-dd-dragged-over>div{background-color:#d3d3d3;opacity:.9;animation:blinker 1s linear infinite}.bb-flex .bb-dd-in-transit{background-color:#ff4500}.bb-flex .bb-dd-in-transit>div{background-color:#ff4500}.bb-dd-noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drawer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;margin:0;background-color:rgba(0,0,0,.5);transform:translateX(-100%);z-index:1050}.drawer-container{position:relative;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.drawer{position:absolute;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:auto;transition:transform .3s linear;transform:translateX(-100%)}.drawer.left,.drawer.right{height:100%;top:0;bottom:0}.drawer.top,.drawer.bottom{width:100%;left:0;right:0}.drawer.right{right:0;transform:translateX(100%)}.drawer.top{top:0;transform:translateY(-100%)}.drawer.bottom{bottom:0;transform:translateY(100%)}.is-open .drawer,.is-open.drawer-wrapper,.is-close.drawer-wrapper{transform:translateX(0)}.is-close .drawer{transform:translateX(0)}.is-close .drawer{transform:translateX(-100%)}.is-close .drawer.right{transform:translateX(100%)}.is-close .drawer.top{transform:translateY(-100%)}.is-close .drawer.bottom{transform:translateY(100%)}.dropdown .dropdown-toggle:after,.dropup .dropdown-toggle:after,.dropright .dropdown-toggle:after,.btn-group .dropdown-toggle:not(:empty):after{margin-left:6px}.dropleft .dropdown-toggle:before{margin-right:6px}.dropdown-menu{border-radius:var(--bs-border-radius)}.dropdown-item{cursor:pointer}.widget .dropdown-toggle{color:#fff;padding:10px 16px;position:relative;display:inline-block}.widget .dropdown-toggle:after{content:unset}.widget .dropdown-toggle .badge{position:absolute;top:5px;font-size:9px}.widget .dropdown-menu{overflow:visible;width:235px;margin-left:-94px !important;padding:0;max-height:none;border:none}.widget .dropdown-menu .dropdown-arrow{border-style:solid;border-width:0 9px 9px;position:absolute;left:108px;top:-9px}.widget .dropdown-header{color:#fff;padding:.5rem .625rem;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0}.widget .dropdown-body{overflow:auto;max-height:300px}.widget .dropdown-footer{padding:.5rem .625rem;background-color:#dcdfe6;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius)}.widget .dropdown-item{border-bottom:1px solid #dcdfe6}.widget .dropdown-item:nth-of-type(odd){background-color:#eef0f3}.editor .editor-body{cursor:pointer;min-height:50px;height:auto}.editor .editor-body:focus:before{content:none}.editor .editor-body:empty:before{content:attr(placeholder)}.editor .note-editor{background-color:#fff}.editor .note-editor .note-right{float:right}.editor .note-btn-close{background-image:-webkit-linear-gradient(top,#5bc0de 0%,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0%,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0%,#2aabd2 100%);background-repeat:repeat-x;border-color:#28a4c9;color:#fff}.editor .dropdown-menu{overflow:unset;max-height:unset;max-width:unset}.editor .btn-light{border-color:#00000032}.editor .btn-light:hover{background-color:#e2e6ea;border-color:#dae0e5}.editor .btn-light:not(:disabled):not(.disabled).active,.editor .btn-light:not(:disabled):not(.disabled):active,.editor .show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.empty{text-align:center}.empty>.empty-image{margin-top:1rem;margin-bottom:8px}.empty-telemplate{margin:5px 0 0 0}.icon-list{overflow-y:auto;overflow-x:hidden;position:relative}.fa-icons>section{padding-top:1px}.fa-icons>section:not(:first-child){margin-top:1rem}.fa-target{display:block}.fontawesome-icon-list>div>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;display:block;color:#222;height:32px;border-radius:4px;padding:0 6px}.fontawesome-icon-list>div>a:hover{background-color:#1d9d74;color:#fff;text-decoration:none}.fontawesome-icon-list>div>a .fa{margin-right:10px}.fontawesome-icon-list>div>a:hover .fa{font-size:1rem}.fa-nav{display:none}.fa-nav h2{background:#ff6c60;color:#fff;margin-top:0;padding:10px 15px;font-size:16px;border-radius:4px;font-weight:300}.fa-nav .nav{top:44px;bottom:0;position:absolute;overflow-y:auto;width:100%}.fa-nav .nav a{color:#999797;border-left:4px solid #d3d7dd;padding-left:10px;padding-top:3px;padding-bottom:3px;padding-right:3px;width:100%;margin-top:1px}.fa-nav .nav a:last-child{margin-bottom:5px}.fa-nav .nav a.active{color:#7a7a7a;border-left:4px solid #5bc0de;padding-left:10px}.fa-nav .nav a:hover{color:#999797;border-left:4px solid #d9534f;padding-left:10px}.table-filter{position:absolute;left:0;top:0;width:100%;z-index:5}.table-filter .table-filter-item{min-width:220px;background-color:#fff;border:1px solid rgba(0,0,0,.125);position:absolute;display:none}.table-filter .table-filter-item.show{display:block}.table-filter .card-header{padding:.5rem 1rem}.table-filter .card-arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0;top:calc((.5rem + 1px)*-1);left:calc(50% - .5rem)}.table-filter .card-arrow:before,.table-filter .card-arrow:after{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.table-filter .card-arrow:before{border-bottom-color:#ced4da;top:0;border-width:0 .5rem .5rem .5rem}.table-filter .card-arrow:after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#f7f7f7}.table-filter .card-body{padding:1rem}.table-filter .card-body .is-condition{max-width:10rem}.table-filter .card-body>*:not(:first-child){margin-top:.5rem}.table-filter .card-body .select{display:block}.table-filter .card-footer{padding:.5rem;display:flex;white-space:nowrap}.table-filter .card-footer .btn:not(:first-child){margin-left:.5rem}.table-filter .card-footer .btn{padding:7px 15px;font-size:.875rem;line-height:12px;border:1px solid #dcdfe6;color:#606266;transition:border-color .3s linear,color .3s linear}.table-filter .card-footer .btn:not(.disabled):not(:disabled):hover{border-color:#409eff;color:#409eff}.filter-row{display:flex}.filter-row .btn-ban{display:none;padding-left:0}.filter-row input{min-width:50px}.filter-row.active .btn-ban{display:block}.btn-filter::after{content:none}.layout-gotop{background:rgba(255,255,255,.5);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:4px;transition:background-color .3s linear;color:#606266}.layout-gotop:hover{background-color:#fff;color:#606266}.groupbox{border:1px solid #ddd;padding:1.5rem 1rem 1rem 1rem;border-radius:var(--bs-border-radius);position:relative;margin-top:.5rem}.groupbox .legend{position:absolute;top:-10px;left:30px;background-color:#fff;padding:0 .5rem}.handwritten .hw-body{height:300px;border:1px solid rgba(0,0,0,.125);border-radius:var(--bs-border-radius);overflow:hidden}.handwritten .hw-buttons{margin-top:1rem;text-align:right}#canvas{border:1px double #dedede;border-radius:10px;width:99%;height:300px;position:relative;overflow:hidden}#canvas canvas{display:block}#clearCanvas0{width:calc(50% - 5px);height:40px;line-height:40px;text-align:center;position:absolute;top:300px;left:5px;border:1px solid #dedede;z-index:1}#saveCanvas0{width:calc(50% - 5px);height:40px;line-height:40px;text-align:center;position:absolute;top:300px;right:5px;border:1px solid #dedede;z-index:1}.ipaddress{display:flex;flex-wrap:nowrap;min-width:138px}.ipaddress.disabled{background-color:#efefef;cursor:not-allowed}.ipaddress .ipv4-cell{border:none;max-width:26px}:root{--bb-layout-header-height:50px;--bb-layout-user-height:65px;--bb-layout-footer-height:90px;--bb-layout-side-width:214px;--bb-layout-sidebar-collapse-width:70px}.layout{display:flex;height:100%;width:100%;flex-direction:column}.layout .layout-main{flex:1}.has-sidebar{flex-direction:row;display:flex;flex:1}.layout-side{position:relative}.layout.is-page .layout-side{transform:translateX(-100%);position:fixed;top:0;bottom:0;left:0;right:0;width:auto;transition:transform .3s linear;z-index:1030}.layout.is-page .layout-side.is-collapsed{transform:translateX(0)}.layout.is-page .has-sidebar .layout-side{top:50px}.layout.is-page .layout-right,.layout.is-page .has-sidebar .layout-main{width:100%}.layout.is-page.is-fixed{position:fixed;top:0;bottom:0;left:0;right:0}.layout.is-page .layout-header{background-color:#17a2b8;height:50px;color:#fff;display:flex;align-items:center;padding:0 1rem}.layout.is-page .layout-side{background-color:#343a40;color:#c2c7d0}.layout-header-bar{padding:4px 12px;color:#fff;background-color:#1ab394;border-color:#1ab394;border-radius:var(--bs-border-radius)}.layout-header-bar .fa-bars{transition:transform .3s linear}.layout-header-bar.is-collapsed .fa-bars{transform:rotate(90deg)}.layout.is-page .layout-main{padding:1rem;position:relative;min-height:calc(100vh - var(--bb-layout-footer-height))}.layout.is-page .layout-main.is-collapsed,.layout.is-page .layout-footer.is-collapsed{display:none}.layout.is-page .layout-header{z-index:1035;position:sticky}.layout.is-page .layout-header.is-fixed{top:0}.layout.is-page .layout-header .layout-avatar-right{width:44px;height:44px}.layout.is-page .has-sidebar .layout-side .layout-banner{display:none}.layout.is-page .layout-side .layout-banner{display:flex;align-items:center;padding:0 .625rem;background-color:#367fa9;height:var(--bb-layout-header-height);font-size:1.5rem}.layout-banner-link{display:flex;align-items:center;color:inherit}.layout.is-page .layout-side .layout-banner .layout-logo{width:44px;border-radius:var(--bs-border-radius)}.layout.is-page .layout-side .layout-banner span{padding-left:1rem}.layout.is-page .layout-side .layout-user{border-bottom:1px solid #ddd;padding:.625rem;display:flex;flex-direction:row;align-items:center}.layout.is-page .layout-side .layout-user .layout-avatar{width:44px;height:44px;border-radius:50%}.layout.is-page .layout-side .layout-user span{padding-left:1rem}.layout.is-page .layout-side .layout-menu{overflow-x:hidden;padding:.5rem 0;height:calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-user-height))}.layout.is-page .layout-user-state{width:8px;height:8px;background-color:#28a745;border-radius:50%;margin-left:1rem}.layout.is-page .layout-footer{height:40px;color:#fff;background-color:#5b6e84;display:flex;align-items:center;padding:0 1rem}.layout.is-page .layout-footer.is-fixed{position:sticky;bottom:0}.layout.is-page .has-sidebar .layout-side.is-fixed-header,.layout.is-page .layout-footer.is-fixed{z-index:1020}@media(min-width:768px){.layout.is-page .layout-side{transform:translateX(0);position:relative}.layout.is-page .has-sidebar .layout-side{top:0}.layout.is-page.has-sidebar .layout-side.is-fixed-header{top:0;height:calc(100vh)}.layout.is-page :not(.layout-right) .layout-main,.layout.is-page .layout-right{width:calc(100% - var(--bb-layout-side-width))}.layout.is-page .layout-side{width:var(--bb-layout-side-width);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.layout.is-page .layout-side .menu.is-vertical{width:var(--bb-layout-side-width)}.layout.is-page .layout-side.is-collapsed:not(:hover),.layout.is-page .layout-side:not(:hover) .menu.is-vertical.is-collapsed{width:var(--bb-layout-sidebar-collapse-width)}.layout.is-page .layout-side.is-fixed-header{position:sticky;top:var(--bb-layout-header-height);height:calc(100vh - var(--bb-layout-header-height))}.layout.is-page .layout-side.is-fixed-header.is-fixed-footer{height:calc(100vh - var(--bb-layout-footer-height))}.layout.is-page .layout-side .layout-menu{height:auto}.layout .layout-side,.layout.is-page .layout-side,.layout .menu.is-vertical{transition:width .3s linear}.layout-right{display:flex;flex-flow:column;flex:1}.layout.is-page .layout-footer.is-fixed,.layout.is-page .layout-header.is-fixed,.layout.is-page .layout-side.is-fixed-header{z-index:1025}.layout.is-page .layout-title{display:inline-block;overflow:hidden;white-space:nowrap;flex:1 1 auto;opacity:1;transition:opacity .3s linear;color:#e9ecef}.layout.is-page .is-collapsed .layout-title{opacity:0}.layout .is-collapsed .layout-user-state{display:none}.layout.is-page.has-sidebar .layout-side{min-height:calc(100vh)}.layout.is-page .has-sidebar .layout-side{min-height:calc(100vh - var(--bb-layout-footer-height))}.layout.is-page.has-sidebar .layout-side.is-fixed-header.is-fixed-footer .layout-menu,.layout.is-page .layout-side.is-fixed-header .layout-menu{height:calc(100vh - var(--bb-layout-header-height) - var(--bb-layout-user-height))}.layout.is-page .layout-side.is-fixed-header.is-fixed-footer .layout-menu{height:calc(100vh - var(--bb-layout-footer-height) - var(--bb-layout-user-height))}.layout.is-page .layout-main.is-collapsed{display:block}.layout.is-page .layout-footer.is-collapsed{display:flex}.layout.is-page .layout-menu .menu.is-vertical.is-collapsed .nav-link.active::before{opacity:1;background-color:#409eff}.layout.is-page .layout-side .layout-menu .slimScrollBar{opacity:1 !important;background-color:#c1c1c1 !important}}.light{background-image:radial-gradient(circle,#fff,#aaa,#333);cursor:pointer;width:20px;height:20px;display:inline-block;border-radius:50%}.light+span{display:none}.light-danger{background-image:radial-gradient(circle,#e17777,#892726,#700604)}.light-danger.flash{animation:danger .6s linear infinite}.light-danger:hover{background-image:radial-gradient(circle,#e17777,#b33332,#bf211e)}@keyframes danger{0%{background-image:radial-gradient(circle,#e17777,#892726,#700604)}55%{background-image:radial-gradient(circle,#e17777,#892726,#700604)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-success{background-image:radial-gradient(circle,#5cb85c,#116811,#024702)}.light-success.flash{animation:success .6s linear infinite}.light-success:hover{background-image:radial-gradient(circle,#5cb85c,#0c980c,#087b08)}@keyframes success{0%{background-image:radial-gradient(circle,#5cb85c,#116811,#024702)}55%{background-image:radial-gradient(circle,#5cb85c,#116811,#024702)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-info{background-image:radial-gradient(circle,#5bc0de,#1d7792,#085166)}.light-info.flash{animation:info .6s linear infinite}.light-info:hover{background-image:radial-gradient(circle,#5bc0de,#085166,#085166)}@keyframes info{0%{background-image:radial-gradient(circle,#5bc0de,#1d7792,#085166)}55%{background-image:radial-gradient(circle,#5bc0de,#1d7792,#085166)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-warning{background-image:radial-gradient(circle,#ffc107,#cc9f18,#a28018)}.light-warning.flash{animation:warning .6s linear infinite}.light-warning:hover{background-image:radial-gradient(circle,#ffc107,#a28018,#a28018)}@keyframes warning{0%{background-image:radial-gradient(circle,#ffc107,#cc9f18,#a28018)}55%{background-image:radial-gradient(circle,#ffc107,#cc9f18,#a28018)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-primary{background-image:radial-gradient(circle,#007bff,#0f5fb5,#104f94)}.light-primary.flash{animation:primary .6s linear infinite}.light-primary:hover{background-image:radial-gradient(circle,#007bff,#104f94,#104f94)}@keyframes primary{0%{background-image:radial-gradient(circle,#007bff,#0f5fb5,#104f94)}55%{background-image:radial-gradient(circle,#007bff,#0f5fb5,#104f94)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-secondary{background-image:radial-gradient(circle,#6c757d,#4b5054,#3b3d40)}.light-secondary.flash{animation:secondary .6s linear infinite}.light-secondary:hover{background-image:radial-gradient(circle,#6c757d,#3b3d40,#3b3d40)}@keyframes secondary{0%{background-image:radial-gradient(circle,#6c757d,#4b5054,#3b3d40)}55%{background-image:radial-gradient(circle,#6c757d,#3b3d40,#3b3d40)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.light-dark{background-image:radial-gradient(circle,#6061e2,#3232a0,#17177b)}.light-dark.flash{animation:dark .6s linear infinite}.light-dark:hover{background-image:radial-gradient(circle,#6061e2,#17177b,#17177b)}@keyframes dark{0%{background-image:radial-gradient(circle,#6061e2,#3232a0,#17177b)}55%{background-image:radial-gradient(circle,#6061e2,#3232a0,#17177b)}100%{background-image:radial-gradient(circle,#fff,#aaa,#333)}}.listview{border:1px solid rgba(0,0,0,.125);border-radius:.25rem;width:100%;height:100%;display:flex;flex-flow:column nowrap}.listview .listview-header{padding:1rem;border-bottom-color:inherit;border-bottom-width:1px;border-bottom-style:solid}.listview.is-vertical .listview-body{display:block}.listview .listview-body{padding:1rem 0 0 1rem;position:relative;overflow:auto;display:flex;flex-flow:row wrap;flex:1}.listview .listview-body .listview-item{margin:0 1rem 1rem 0}.listview .listview-body .listview-item:hover .card{cursor:pointer;border:1px solid #409eff}.listview .listview-body .listview-item .card{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.listview .listview-body .listview-item-group{flex-basis:100%;margin:1rem 0;font-weight:bold;position:relative}.listview .listview-body .listview-item-group:after{content:"";position:absolute;top:calc(-50%);left:-1rem;right:0;background-color:rgba(0,0,0,.1);height:calc(200%)}.listview .listview-footer{padding:1rem;border-top-color:inherit;border-top-width:1px;border-top-style:solid}.dropdown-logout .dropdown-menu{padding:0;overflow:hidden;border-color:#3c8dbc}.dropdown-logout .dropdown-menu.show{animation:fade-in2 .2s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in2{0%{margin-top:-50px;visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.dropdown-logout .dropdown-toggle{height:42px;display:block}.dropdown-logout .dropdown-toggle:after{content:none}.dropdown-logout .logout-avatar{width:42px;height:42px}.dropdown-logout .logout-text{color:#fff;font-weight:bold;max-width:110px;margin:0 .625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-logout .dropdown-user{background-color:#3c8dbc;color:#fff}.dropdown-logout .dropdown-user img{width:60px;height:60px;margin-right:1rem}.dropdown-logout .logout-un{margin-top:.25rem}.dropdown-logout .dropdown-item:not(.dropdown-user):focus,.dropdown-logout .dropdown-item:not(.dropdown-user):hover{background-color:transparent}.dropdown-logout .dropdown-item a{color:var(--bs-body-color);margin-bottom:.5rem;display:block;transition:color .3s linear}.dropdown-logout .dropdown-item a:first-child{margin-top:.5rem}.dropdown-logout .dropdown-item a:hover{color:#009ef7}.dropdown-logout .dropdown-item a .fa{margin-right:.5rem}.menu .nav{padding:0 1rem;border-bottom:1px solid #e6e6e6}.menu>.nav>li{position:relative;border-bottom:solid 2px transparent}.menu>.nav>li.active:after{width:100%;left:0}.menu>.nav>li:after{content:"";position:absolute;background-color:#1890ff;left:50%;height:2px;width:0;transition:width .3s linear,left .3s linear}.menu .nav .nav-link,.cascade .dropdown-item{padding:.5rem 1rem;color:rgba(0,0,0,.65);user-select:none;white-space:nowrap;position:relative}.menu .nav .nav-link.active,.menu .nav .nav-link:not(.disabled):hover{color:#1890ff}.menu .nav .dropdown-menu,.cascade .dropdown-menu{overflow:unset;max-height:unset;margin-top:10px}.menu .nav .dropdown-menu .nav-link:not(.disabled):hover,.menu .nav .dropdown-menu .nav-link.active,.menu .submenu .nav-link.active,.menu .submenu .nav-link:not(.disabled):hover,.cascade .dropdown-item:not(.disabled):hover,.cascade .dropdown-item.active,.cascade .nav .nav-link:not(.disabled):hover,.cascade .nav .nav-link.active{background-color:#60aff9;color:#16181b}.menu .nav .sub-menu,.cascade .has-leaf .sub-menu{display:none;background-color:#fff;white-space:nowrap;border:solid 1px #e6e6e6;border-radius:var(--bs-border-radius);padding:.5rem 0;position:absolute;left:100%;top:-9px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.menu .nav .dropdown-menu,.menu .nav .sub-menu,.cascade .sub-menu{width:160px}.menu .nav .nav-link:hover>.sub-menu,.cascade .dropdown-item:hover>.sub-menu{display:block}.menu .nav-item:hover>.nav-link>.sub-menu{left:calc(100% + 20px);top:-15px}.menu .has-leaf>.nav-link-right{transition:transform .3s linear;position:absolute;right:10px;top:10px}.menu .nav .sub-menu .has-leaf>.nav-link-right{right:12px;top:10px}.menu .has-leaf:hover>.nav-link-right{transform:rotate(-90deg)}.menu .text{overflow:hidden;vertical-align:top;display:inline-block;transition:width .3s linear}.menu .nav-link.disabled{color:#ddd}.menu .nav .nav-link .text{margin-left:4px}.menu .nav .dropdown-toggle[aria-expanded="true"]+.dropdown-menu-arrow,.cascade .show .dropdown-menu-arrow{display:block}.menu .nav .dropdown .dropdown-menu-arrow{left:calc(50% - 6px)}.menu .nav-link{display:flex;align-items:center;line-height:21px;color:inherit;transition:background-color .3s linear,color .3s linear}.menu .nav-link>div{white-space:nowrap}.menu .widget>.badge:not(:first-child){margin-left:4px}.menu.is-vertical{padding:0 .5rem;border:none}.menu .submenu{margin:0;padding:0;list-style:none}.menu .submenu li{margin-top:2px}.menu .submenu .nav-link{border-radius:var(--bs-border-radius);padding:.5rem 0 .5rem .25rem}.menu .submenu .nav-link .fa-angle-left{transition:transform .3s linear}.menu .submenu .nav-link[aria-expanded="true"]>.fa-angle-left{transform:rotate(-90deg)}.menu .submenu .nav-link .text,.menu .submenu .nav-link .widget{margin:0 4px}.cascade .dropdown-menu{right:0}.cascade .sub-menu{display:none}@media(min-width:768px){.layout-side.is-collapsed:not(:hover) .menu.is-collapsed .submenu .text{width:0}}.menu.is-bottom{position:absolute;bottom:0;left:0;right:0}.menu.is-bottom .nav{flex-wrap:nowrap;justify-content:space-around;border-bottom:none;border-top:1px solid var(--bs-gray-400)}.menu.is-bottom .nav .dropdown-toggle[aria-expanded="true"]+.dropdown-menu-arrow{display:none}.menu.is-bottom>.nav>li:after,.menu.is-bottom .dropdown-menu-arrow:after{content:none}.message{position:fixed;left:1rem;right:1rem;z-index:1090;pointer-events:none}.message .alert{display:block;min-width:160px;max-width:480px;white-space:normal;opacity:0;top:-20px;bottom:unset;margin:1rem auto 0 auto;transition:opacity .3s linear,top .3s linear,bottom .3s linear;pointer-events:auto}.message .alert.show{opacity:1;bottom:unset;top:20px}.message.is-bottom .alert{top:unset;bottom:-20px}.message.is-bottom .alert.show{top:unset;bottom:20px}.is-draggable .modal-header{cursor:pointer}.modal-header{padding:.5rem 1rem}.modal-header.is-drag{cursor:move}.modal-footer{padding:.25rem 1rem}.modal-footer button:last-child{margin-right:0}.modal-body .modal-footer{margin:1rem -1rem 0 -1rem;padding:.25rem 1rem 0 1rem}.modal-body .modal-footer button{margin-bottom:0}.modal-header .btn-print{padding:3px 8px 4px 8px;margin:0 6px}.bb-printview{background-color:#fff;padding:1rem;min-height:calc(100vh)}.modal-header .btn-maximize{color:#6c757d}@media screen{.bb-printview{display:none}}@media print{body.bb-printview-open{overflow:auto !important}body.bb-printview-open app,body.bb-printview-open .modal,body.bb-printview-open .modal-footer,body.bb-printview-open .modal-backdrop{display:none !important}}@media(min-width:576px){.modal-xxl{max-width:500px}}@media(min-width:992px){.modal-xxl{max-width:800px}}@media(min-width:1200px){.modal-xxl{max-width:1140px}}@media(min-width:1400px){.modal-xxl{max-width:1280px}}@media(min-width:1600px){.modal-xxl{max-width:1440px}}@media(min-width:1900px){.modal-xxl{max-width:1720px}}@media(max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none}}@media(max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none}}@media(max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none}}@media(max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none}}@media(max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none}}.nav-pages{justify-content:space-between;align-items:center;width:100%}.pagination{margin:0;flex:1 1 auto;justify-content:flex-end}.page-link:focus{box-shadow:none}.pagination-items{display:inline-block}.pagination-items .select{width:120px;margin:0 10px}.pagination-items .select .dropdown-menu{min-width:unset;text-align:center}.pagination-items .select .form-select{text-align:center}.page-item:hover .page-link-prev .fa-ellipsis-h:before{content:""}.page-item:hover .page-link-next .fa-ellipsis-h:before{content:""}.page-link{padding:.5rem .35rem;line-height:1}.page-link .fa{width:11px;text-align:center}@media(min-width:375px){.page-link{padding:.5rem .5rem}}@media(min-width:456px){.page-link{padding:.5rem .75rem}}.popover{min-width:240px}.popover-confirm-body{margin:14px 0}.popover-confirm-body .fa+span{margin-left:.25rem}.popover-confirm-buttons{display:flex;justify-content:flex-end;margin-bottom:4px}.popover-confirm-buttons .btn{padding:7px 15px;line-height:12px}.popover-confirm-buttons .btn:last-child{margin-left:.5rem}.bs-popover-auto[data-popper-placement^=bottom].has-header>.popover-arrow::after,.bs-popover-bottom.has-header>.popover-arrow::after{border-bottom-color:#f0f0f0}.qrcode .qrcode-img{width:128px;height:128px}.qrcode .qrcode-buttons{margin-top:1rem}.radio-list{display:flex;flex-wrap:wrap}.radio-list .form-check{width:120px}.radio-list.is-vertical{flex-direction:column;height:auto;line-height:unset}.radio-list.is-vertical .form-check:not(:last-child){margin-bottom:.5rem}.form-inline .radio-list .form-check{display:inline-block}.rate{height:18px;line-height:1;font-size:18px;cursor:pointer}.rate .rate-item{width:18px;height:100%;margin-right:6px}.rate .rate-item:last-child{margin-right:0}.rate .rate-item i{color:#c6d1de;transition:.3s}.rate .rate-item.is-on i{color:#c6d1de}.rate .rate-item.is-on i:before{content:""}.rate:not(.disabled) .rate-item.is-on i{color:#f7ba2a}:root{--bs-row-label-width:120px}@media(min-width:576px){.form-inline .form-label{padding:7px 0;margin-bottom:0;padding-right:10px;width:var(--bs-row-label-width);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top;display:inline-block}.form-inline .form-label+*{width:calc(100% - var(--bs-row-label-width))}.form-inline .form-label+*:not(.input-group):not(.switch){display:inline-block}.form-inline .form-label+.input-group{display:inline-flex}.form-inline .form-label+.switch,.form-inline .form-label+.form-checkbox{padding:7px 0}.form-inline.is-end>div>.form-label{text-align:right}.form-inline.is-center>div>.form-label{text-align:center}}.scroll{height:100%;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,0);scrollbar-width:thin;overflow:auto}.scroll::-webkit-scrollbar{width:6px;height:6px}.scroll::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0,0,0,.2)}.scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.3)}@media(min-width:992px){.scroll{overflow:hidden}.scroll:hover{overflow-y:auto}}.multi-select{width:100%;position:relative}.multi-select .dropdown-menu-toggle{border:solid 1px #ddd;border-radius:var(--bs-border-radius);cursor:pointer;min-height:35px;max-height:70px;overflow:auto}.multi-select .dropdown-menu-toggle.disabled{background-color:#eee}.multi-select .dropdown-menu-toggle .clear{padding:7px .25rem;display:none;color:#adb5bd}.multi-select .dropdown-menu-toggle .clear:hover{background-color:#ddd;border-radius:var(--bs-border-radius)}.multi-select .dropdown-menu-toggle .dropdown{padding:7px .25rem;display:block}.multi-select .dropdown-menu-toggle.selected .clear{display:block}.multi-select .dropdown-menu-toggle.selected .dropdown,.multi-select .dropdown-menu-toggle.disabled .clear{display:none}.multi-select .dropdown-menu-toggle .append{position:absolute;height:100%;width:30px;right:0;top:0;color:#c0c4cc;display:flex;align-items:center;justify-content:center}.multi-select .dropdown-menu-toggle .append .dropdown{transition:all .3s;transform:rotate(180deg)}.multi-select.show .dropdown-menu-toggle .append .dropdown{transform:rotate(0)}.multi-select .dropdown-menu{max-height:300px;overflow:auto}.multi-select .multi-select-items{display:flex;flex-wrap:wrap;padding-top:3px;padding-left:3px;position:relative}.multi-select .multi-select-items span{border:solid 1px #ddd;border-radius:var(--bs-border-radius);padding:2px 6px;background-color:#e9ecef;margin-bottom:3px}.multi-select .multi-select-items .multi-select-item{display:inline-block;max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:3px;border-top-left-radius:0;border-bottom-left-radius:0}.multi-select .multi-select-items .multi-select-item-group{display:inline-flex;position:relative}.multi-select .multi-select-items .multi-select-item-group .multi-select-item{padding-left:9px}.multi-select .multi-select-items .multi-select-close{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-3px;z-index:2;transition:color .3s linear,background-color .3s linear}.multi-select :not(.disabled) .multi-select-items .multi-select-close:hover{color:#333;background-color:#ddd}.multi-select .dropdown-menu{margin-top:10px;padding:.25rem 0;width:100%}.multi-select .dropdown-menu .toolbar{padding:6px 10px;white-space:nowrap}.multi-select .dropdown-menu .toolbar .btn{line-height:12px;padding:7px 15px;border:1px solid #dee2e6;transition:border-color .3s linear,color .3s linear}.multi-select .dropdown-menu .toolbar .btn:hover{border-color:#409eff;color:#409eff}.multi-select .dropdown-menu .toolbar .btn:not(:last-child){margin-right:1rem}.multi-select .dropdown-menu .search{padding:7px 10px;position:relative}.multi-select .dropdown-menu .search .search-text{width:100%;padding-right:30px}.multi-select .dropdown-menu .search .fa-search{position:absolute;left:calc(100% - 34px);top:18px;color:#adb5bd}.multi-select .dropdown-item{display:flex;padding:0 10px;align-items:center;transition:all .3s linear}.multi-select .dropdown-item.active{background-color:#dee2e6;color:inherit}.multi-select .dropdown-item:hover{background-color:#6fd6e6}.multi-select .dropdown-item>span{padding:.375rem .75rem;overflow:hidden;text-overflow:ellipsis}.multi-select .dropdown-item .checkbox-label{display:none}.multi-select.show .dropdown-menu,.multi-select.show .dropdown-menu-arrow{display:block}.multi-select .multi-select-ph{padding:0 1rem;color:#c0c4cc;line-height:35px;position:absolute}.multi-select .dropdown-item .form-label{display:none}.multi-select .dropdown-item .form-check{width:auto}.multi-select .dropdown-item:hover{background-color:#f1faff}.form-select:focus{box-shadow:none}.form-select:hover,.form-select:focus{border-color:#c0c4cc}.form-select.border-primary:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-select.border-info:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,162,184,.5)}.form-select.border-warning:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,193,7,.5)}.form-select.border-danger:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.5)}.form-select.is-valid,.form-select.is-invalid{background-image:none}[data-bs-toggle="lgbSelect"] .dropdown-toggle::after{content:none}[data-bs-toggle="lgbSelect"] .form-select{background-image:none;color:#606266;outline:none;padding-right:calc(1.5em + .75rem);cursor:pointer}[data-bs-toggle="lgbSelect"] .dropdown-menu{margin-top:8px !important;font-size:inherit;cursor:pointer}[data-bs-toggle="lgbSelect"] .dropdown-menu .dropdown-item.disabled{color:#c0c4cc;cursor:not-allowed}[data-bs-toggle="lgbSelect"] .dropdown-menu .dropdown-item.disabled:active{background-color:#f8f9fa}[data-bs-toggle="lgbSelect"] .form-select.is-valid:focus,[data-bs-toggle="lgbSelect"] .was-validated .form-select:valid:focus,.form-select.border-success:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(40,167,69,.5)}[data-bs-toggle="lgbSelect"] .form-select.is-invalid:focus,[data-bs-toggle="lgbSelect"] .was-validated .form-select:invalid:focus,.form-select.border-danger:hover{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(220,53,69,.5)}.select .dropdown-menu{max-height:274px;overflow-x:hidden;width:100%}.dropdown-menu-arrow{width:0;height:0;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.15);position:absolute;left:20px;margin-top:4px;z-index:1001;display:none}.dropdown-menu-arrow:after{content:" ";width:0;height:0;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:1px;left:-6px}.form-select.show+.form-select-append i{transform:rotate(0)}.dropdown-menu[data-popper-placement="bottom-start"].show+.dropdown-menu-arrow,.dropdown-menu[data-bs-popper="none"].show+.dropdown-menu-arrow{display:block}.dropdown-menu[data-bs-popper="none"].show+.dropdown-menu-arrow{margin-top:2px}.dropdown-item.preActive{color:#fff;text-decoration:none;background-color:#498ff7}.disabled .form-select{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.disabled .form-select-append{color:#c0c4cc}.form-select-append{position:absolute;height:100%;width:30px;right:0;top:0;color:#c0c4cc;pointer-events:none;display:flex;align-items:center;justify-content:center}.form-select-append i{transition:all .3s;transform:rotate(180deg)}.select .search{padding:7px 10px;position:relative;border-bottom:1px solid #ddd;padding-bottom:.625rem;margin-bottom:.5rem}.select .search .search-text{width:100%;padding-right:30px}.select .search .fa-search{position:absolute;left:calc(100% - 34px);top:18px;color:#adb5bd}.form-select{width:100%}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{background-position:right -1rem center,center right 1.5rem}.input-group>.select:not(:first-child) .form-select{border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.select:not(:last-child) .form-select{border-top-right-radius:0;border-bottom-right-radius:0}.skeleton{width:100%;flex:1}.skeleton-content{position:relative}.skeleton-row{min-height:32px;background-color:#e9ecef}.skeleton-row:not(:last-child){margin-bottom:.5rem}.skeleton-content.round .skeleton-col,.skeleton-content.round .tree-node{border-radius:var(--bs-border-radius)}.skeleton-content.active .skeleton-col,.skeleton-content.active .skeleton-avatar,.skeleton-content.active .tree-node{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f2f2f2),color-stop(37%,#e6e6e6),color-stop(63%,#f2f2f2));background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;-webkit-animation:skeleton-loading 1.4s ease infinite;animation:skeleton-loading 1.4s ease infinite}@-webkit-keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@media(min-width:576px){.skeleton-content .control-label.skeleton-row{margin-bottom:0}}.skeleton-content .form-control.skeleton-row{flex:1}.skeleton-avatar{width:2rem;height:2rem}.skeleton-content.round .skeleton-avatar{border-radius:4px}.skeleton-content .skeleton-avatar.circle{border-radius:50%}.skeleton-table,.skeleton-buttons{border-radius:var(--bs-border-radius);border:1px solid #dee2e6;overflow:hidden}.skeleton-table .skeleton-content .skeleton-row{background:#fff;display:flex;height:39px;padding:.5rem;margin:0}.skeleton-table .skeleton-content .skeleton-row:nth-of-type(odd):not(:first-of-type){background:#f5f8fabf}.skeleton-table .skeleton-content .skeleton-row:first-of-type{border-bottom:2px solid var(--bs-secondary)}.skeleton-table .skeleton-content .skeleton-row .skeleton-col,.skeleton.tree .tree-item .tree-node{flex:1;background-color:#e9ecef;margin:5px;height:12.5px}.skeleton-table .skeleton-row:first-of-type .skeleton-col{background:#ddd}.skeleton-toolbar{height:35px;display:flex;margin-bottom:.5rem}.skeleton-buttons{display:inline-flex;overflow:hidden}.skeleton-button{height:35px;width:70px;background-color:var(--bs-secondary);border-color:var(--bs-secondary)}.skeleton-button:not(:last-child){border-right:1px solid #ddd}.skeleton .tree-node{background-color:#e9ecef;height:11px;margin:5px 0 5px 5px}.slider{flex:1 1 auto}.slider:after{clear:both}.slider:after,.slider:before{display:table;content:""}.slider-runway{width:100%;height:6px;margin:16px 0;background-color:#e4e7ed;border-radius:3px;position:relative;cursor:pointer}.slider-runway.disabled .slider-bar{background-color:#c0c4cc}.slider-runway.disabled .slider-button.dragging,.slider-runway.disabled .slider-button.hover,.slider-runway.disabled .slider-button:hover{transform:scale(1)}.slider-runway.disabled .slider-button{border-color:#c0c4cc}.slider-bar{height:6px;background-color:#409eff;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.slider-button-wrapper{height:36px;width:36px;position:absolute;top:-15px;transform:translateX(-50%);background-color:transparent;user-select:none;line-height:normal;display:flex;align-items:center;justify-content:center}.slider-button-wrapper:focus{outline:none}.slider-button-wrapper.hover,.slider-button-wrapper:hover{cursor:grab}.slider-button-wrapper.dragging{cursor:grabbing}.slider-button{width:16px;height:16px;border:2px solid #409eff;background-color:#fff;border-radius:50%;transition:.2s;user-select:none;outline:none}.slider-button.dragging,.slider-button.hover,.slider-button:hover{transform:scale(1.3)}.split{display:block;height:100%;width:100%}.split .split-wrapper{display:flex;flex-direction:column;height:100%}.split .split-wrapper.is-horizontal{flex-direction:row}.split.dragging .split-wrapper{cursor:row-resize}.split.dragging .split-wrapper.is-horizontal{cursor:col-resize}.split .split-pane{height:100%;overflow:hidden}.split .split-bar{display:flex;justify-content:center;align-items:center;height:6px;width:100%;background:#f8f8f9;border:1px solid #dcdee2;border-left:none;border-right:none;cursor:row-resize;overflow:unset}.split .split-bar:hover,.split.dragging>.split-wrapper>.split-bar{background-color:#409eff}.split .split-bar:hover .split-trigger-bar,.split.dragging>.split-wrapper>.split-bar .split-trigger-bar{background-color:var(--bs-bg-disabled)}.split .split-trigger{font-size:0;display:inline-block}.split .split-bar .split-trigger-bar{width:1px;height:4px;background:rgba(23,35,61,.25);margin-left:3px;display:inline-block}.split .split-wrapper.is-horizontal>.split-bar{width:6px;height:100%;border:1px solid #dcdee2;border-top:none;border-bottom:none;cursor:col-resize}.split .split-wrapper.is-horizontal>.split-bar .split-trigger-bar{width:4px;height:1px;margin-left:0;margin-top:3px}.steps-header{display:flex}.steps-horizontal{white-space:nowrap}.step{position:relative;flex-shrink:1}.step.is-horizontal{display:inline-block}.step.is-center .step-head,.step.is-center .step-main{text-align:center}.step-head{position:relative;width:100%;line-height:1}.step-head.is-success{color:#67c23a;border-color:#67c23a}.step-head.is-process{color:#303133;border-color:#303133}.step-head.is-wait{color:#c0c4cc;border-color:#c0c4cc}.step-head.is-finish{color:#409eff;border-color:#409eff}.step-head.is-error{color:#f56c6c;border-color:#f56c6c}.step-main{white-space:normal;text-align:left}.step-title{font-size:14px;line-height:38px}.step-title.is-success{color:#67c23a}.step-title.is-finish{color:#409eff}.step-title.is-process{font-weight:700;color:#303133}.step-title.is-wait{color:#c0c4cc}.step-title.is-error{color:#f56c6c}.step-description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.step-description.is-success{color:#67c23a}.step-description.is-finish{color:#409eff}.step-description.is-process{color:#303133}.step-description.is-wait{color:#c0c4cc}.step.is-center .step-description{padding-left:20%;padding-right:20%}.step-line{position:absolute;border-color:inherit;background-color:#c0c4cc}.step.is-horizontal .step-line{height:2px;top:11px;left:0;right:0}.step.is-center .step-line{left:50%;right:-50%}.step-line-inner{display:block;border:1px solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.step:last-of-type .step-line{display:none}.step-icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:#fff;transition:.15s ease-out}.step-icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.step-icon.is-icon{width:40px}.step-icon-inner{display:inline-block;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit;font-style:normal}.step-icon-inner[class*=fa]:not(.is-status){font-size:25px;font-weight:400}.step:last-of-type.is-flex{flex-basis:auto !important;flex-shrink:0;flex-grow:0}.switch{display:inline-flex;align-items:center;height:35px;width:100%}.switch .switch-core{margin:0;display:inline-block;position:relative;border:1px solid #dcdfe6;outline:none;border-radius:10px;box-sizing:border-box;background:#dcdfe6;cursor:pointer;transition:border-color .3s,background-color .3s;vertical-align:middle}.switch .switch-core:after{content:"";position:absolute;top:1px;left:1px;border-radius:50%;transition:all .3s;width:16px;height:16px;background-color:#fff}.switch .switch-core:before{content:attr(data-inner-text);position:absolute;top:1px;left:calc(100% - 17px);transition:all .3s;font-size:80%;color:#606266}.switch.is-checked .switch-core:after{left:100%;margin-left:-17px}.switch.is-checked .switch-core:before{left:5px;color:#fff}.switch .switch-label{margin-left:10px;cursor:pointer}.switch.disabled{opacity:.6}.switch .switch-inner-text{font-size:80%}td :not(.is-incell) .switch{height:auto}.tabs{display:flex}.tabs,.tabs-body,.tabs-body-content{height:100%}.tabs.tabs-top{flex-flow:column}.tabs.tabs-top.tabs-border-card .tabs-header{margin-bottom:0;border-top-left-radius:var(--bs-border-radius);border-top-right-radius:var(--bs-border-radius)}.tabs.tabs-right{flex-flow:row-reverse}.tabs.tabs-left{flex-flow:row}.tabs.tabs-bottom{flex-flow:column-reverse}.tabs.tabs-card.tabs-bottom .tabs-header{border-top:1px solid #e4e7ed;border-bottom:none}.tabs.tabs-border-card.tabs-bottom .tabs-header{margin-top:0}.tabs .tabs-nav-wrap{position:relative;display:flex}.tabs .tabs-nav-wrap:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#e4e7ed}.tabs.tabs-top .tabs-nav-wrap{margin-bottom:-1px}.tabs.tabs-bottom .tabs-nav-wrap{margin-top:-1px}.tabs.tabs-left .tabs-nav-wrap{margin-right:-1px}.tabs.tabs-right .tabs-nav-wrap{margin-left:-1px}.tabs.tabs-top .tabs-nav-wrap,.tabs.tabs-bottom .tabs-nav-wrap{width:100%}.tabs.tabs-top .tabs-nav-wrap.is-scrollable:not(.extend),.tabs.tabs-bottom .tabs-nav-wrap.is-scrollable:not(.extend){padding:0 30px}.tabs.tabs-left .tabs-nav-wrap,.tabs.tabs-right .tabs-nav-wrap{height:100%}.tabs.tabs-left .tabs-nav-wrap:after,.tabs.tabs-right .tabs-nav-wrap:after{left:auto;right:0;width:2px;height:100%}.tabs.tabs-right .tabs-nav-wrap:after{left:0;right:auto}.tabs.tabs-left .tabs-nav-wrap.is-scrollable,.tabs.tabs-right .tabs-nav-wrap.is-scrollable{padding:30px 0}.tabs .tabs-nav-next,.tabs .tabs-nav-prev{position:absolute;cursor:pointer;line-height:40px;height:40px;font-size:16px;color:#909399;width:30px;justify-content:center;align-items:center;display:none}.tabs .tabs-nav-prev{left:0;top:0}.tabs .tabs-nav-next{right:0;top:0}.tabs .tabs-nav-next:hover,.tabs-nav-prev:hover{color:#409eff}.tabs.tabs-left .tabs-nav-prev,.tabs.tabs-right .tabs-nav-prev{top:0;left:calc(50% - 15px);height:30px}.tabs.tabs-left .tabs-nav-prev i:before,.tabs-right .tabs-nav-prev i:before{content:""}.tabs.tabs-left .tabs-nav-next,.tabs.tabs-right .tabs-nav-next{top:auto;bottom:0;left:calc(50% - 15px);height:30px}.tabs.tabs-left .tabs-nav-next i:before,.tabs.tabs-right .tabs-nav-next i:before{content:""}.tabs .tabs-nav-wrap .nav-link-bar{padding:.5rem 1rem;background-color:#fff;border:1px solid #dcdfe6;border-width:0 0 1px 1px;height:39px;cursor:pointer}.tabs .tabs-nav-wrap .nav-link-bar.left{border:1px solid #dcdfe6;border-width:0 1px 1px 0}.tabs .tabs-nav-wrap .nav-link-bar.right{border:1px solid #dcdfe6;border-width:0 0 1px 1px}.tabs .tabs-nav-wrap .dropdown-toggle:after{display:none}.tabs .tabs-nav-wrap .dropdown-item{transition:background-color .3s linear}.tabs .tabs-nav-wrap .dropdown-item:hover{background-color:#409eff}.tabs .tabs-nav-scroll{overflow:hidden;flex:1}.tabs.tabs-card.tabs-top .tabs-nav-scroll{border:solid 1px #ddd;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0;border-bottom:none}.tabs.tabs-card.tabs-bottom .tabs-nav-scroll{border:solid 1px #ddd;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);border-top:none}.tabs.tabs-card.tabs-left .tabs-nav-scroll{border:solid 1px #ddd;border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius);border-right:none}.tabs.tabs-card.tabs-right .tabs-nav-scroll{border:solid 1px #ddd;border-radius:0 var(--bs-border-radius) var(--bs-border-radius) 0;border-left:none}.tabs.tabs-left .tabs-nav-scroll,.tabs.tabs-right .tabs-nav-scroll{height:100%}.tabs.tabs-top .tabs-nav-scroll,.tabs.tabs-bottom .tabs-nav-scroll{width:100%}.tabs .tabs-nav{white-space:nowrap;position:relative;display:flex}.tabs.tabs-left .tabs-nav,.tabs.tabs-right .tabs-nav{flex-flow:column}.tabs.tabs-left .tabs-nav .tabs-active-bar,.tabs.tabs-right .tabs-nav .tabs-active-bar{width:2px;height:40px}.tabs.tabs-left .tabs-item{text-align:right}.tabs.tabs-left .tabs-nav .tabs-active-bar{left:auto;right:0;top:auto;bottom:auto}.tabs.tabs-right .tabs-nav .tabs-active-bar{right:auto;left:0;top:auto;bottom:auto}.tabs .tabs-body{padding:1rem}.tabs.tabs-card .tabs-body{border:1px solid #e4e7ed}.tabs.tabs-card.tabs-top .tabs-body{border-top-width:0;border-radius:0 0 4px 4px}.tabs.tabs-card.tabs-bottom .tabs-body{border-bottom-width:0;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0}.tabs.tabs-card.tabs-left .tabs-body{border-left-width:0;border-radius:0 var(--bs-border-radius) var(--bs-border-radius) 0}.tabs.tabs-card.tabs-right .tabs-body{border-right-width:0;border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius)}.is-scrollable .tabs-nav-prev,.is-scrollable .tabs-nav-next{display:flex}.tabs-active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:#409eff;z-index:1;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tabs-item.active{color:#409eff}.tabs-item{padding:0 20px;height:40px;line-height:40px;display:flex;list-style:none;font-weight:500;color:#303133;cursor:pointer;align-items:center;position:relative;transition:color .3s linear,background-color .3s linear}.tabs-item:hover{color:#409eff}.tabs-item .tabs-item-text{padding:0 .25rem;flex:1 1 auto}.tabs-item.is-closeable .tabs-item-text{margin-right:1rem;margin-left:1rem}.tabs-item:hover .tabs-item-close{display:flex}.tabs-item .tabs-item-close{width:18px;height:18px;display:none;position:absolute;right:1rem;justify-content:center;align-items:center;transition:all .3s linear}.tabs-item .tabs-item-close:hover{background-color:#e4e7ed;border-radius:var(--bs-border-radius)}.tabs-content{overflow:hidden;position:relative}.tabs-card.tabs-top .tabs-header{border-bottom:1px solid #e4e7ed}.tabs-card .tabs-header .tabs-item.active{border-bottom-color:#fff}.tabs-card.tabs.tabs-left .tabs-header{border-right:1px solid #e4e7ed}.tabs-card.tabs.tabs-right .tabs-header{border-left:1px solid #e4e7ed}.tabs-card.tabs-bottom .tabs-header .tabs-item.active{border-top-color:#fff}.tabs-card.tabs-left .tabs-header .tabs-item.active{border-right-color:#fff}.tabs-card.tabs-right .tabs-header .tabs-item.active{border-left-color:#fff}.tabs-card .tabs-header .tabs-item:first-child{border-left:none}.tabs-card .tabs-header .tabs-item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tabs-card .tabs-header .tabs-item{border-bottom:1px solid transparent;border-left:1px solid #e4e7ed;transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tabs-card.tabs-top .tabs-header .tabs-item:last-child,.tabs-card.tabs-bottom .tabs-header .tabs-item:last-child{border-right:1px solid #e4e7ed}.tabs-card.tabs-bottom .tabs-header .tabs-item{border-top:1px solid transparent}.tabs-card.tabs-left .tabs-header .tabs-item{border-right:1px solid transparent;border-left:none;border-bottom:1px solid #e4e7ed}.tabs-card.tabs-right .tabs-header .tabs-item{border-left:1px solid transparent;border-right:none;border-bottom:1px solid #e4e7ed}.tabs-border-card{background:#fff;border:1px solid #dcdfe6;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);border-radius:var(--bs-border-radius)}.tabs-border-card>.tabs-header{background-color:#f5f7fa;margin:0}.tabs-border-card>.tabs-header .tabs-item.active{color:#409eff;background-color:#fff;border-right-color:#dcdfe6;border-left-color:#dcdfe6}.tabs-border-card>.tabs-header .tabs-item{border:1px solid transparent}.tabs-border-card>.tabs-header .tabs-item:not(:hover):not(.active){color:#909399}.tabs-border-card>.tabs-header .tabs-item:not(.active):hover{background-color:#e9ecef}.tabs-border-card.tabs-top .tabs-header{border-bottom:1px solid #e4e7ed}.tabs-border-card.tabs-bottom .tabs-header{border-top:1px solid #e4e7ed}.tabs-border-card.tabs-top .tabs-header .tabs-item{margin-top:-1px}.tabs-border-card.tabs-top .tabs-header .tabs-item:first-child{border-top-left-radius:var(--bs-border-radius)}.tabs-border-card.tabs-left .tabs-header,.tabs-border-card.tabs-right .tabs-header{border-bottom-width:0}.tabs-border-card.tabs-top .tabs-header .tabs-nav-wrap:not(.is-scrollable) .tabs-item,.tabs-border-card.tabs-bottom .tabs-header .tabs-nav-wrap:not(.is-scrollable) .tabs-item{margin-left:-1px}.tabs-border-card.tabs-left .tabs-item.active,.tabs-border-card.tabs-right .tabs-item.active{border-top-color:#dcdfe6;border-bottom-color:#dcdfe6}.tabs-border-card.tabs-left .tabs-item{border-left:none}.tabs-border-card.tabs-right .tabs-item{border-right:none}.tabs-border-card.tabs-left .tabs-item.active{border-right-color:#fff}.tabs-border-card.tabs-right .tabs-item.active{border-left-color:#fff}.tabs-bottom.tabs-border-card>.tabs-header .tabs-item:nth-child(2),.tabs-bottom.tabs-card>.tabs-header .tabs-item:nth-child(2),.tabs-bottom .tabs-left>.tabs-header .tabs-item:nth-child(2),.tabs-bottom .tabs-right>.tabs-header .tabs-item:nth-child(2),.tabs-top.tabs-border-card>.tabs-header .tabs-item:nth-child(2),.tabs-top.tabs-card>.tabs-header .tabs-item:nth-child(2),.tabs-top .tabs-left>.tabs-header .tabs-item:nth-child(2),.tabs-top .tabs-right>.tabs-header .tabs-item:nth-child(2){padding-left:20px}.tabs-bottom.tabs-border-card>.tabs-header .tabs-item:last-child,.tabs-bottom.tabs-card>.tabs-header .tabs-item:last-child,.tabs-bottom .tabs-left>.tabs-header .tabs-item:last-child,.tabs-bottom .tabs-right>.tabs-header .tabs-item:last-child,.tabs-top.tabs-border-card>.tabs-header .tabs-item:last-child,.tabs-top.tabs-card>.tabs-header .tabs-item:last-child,.tabs-top .tabs-left>.tabs-header .tabs-item:last-child,.tabs-top .tabs-right>.tabs-header .tabs-item:last-child{padding-right:20px}.tabs-card>.tabs-header .tabs-nav-wrap:after,.tabs-border-card>.tabs-header .tabs-nav-wrap:after{content:none}.tabs-card .tabs-item.is-closeable .tabs-item-text,.tabs-border-card .tabs-item.is-closeable .tabs-item-text{margin-right:1rem;margin-left:0}.is-page .layout-main>.tabs{margin:-1rem;border:none;border-radius:unset;min-height:calc(100% + 2rem)}.table-container{position:relative}.table-wrapper{border-radius:var(--bs-border-radius);border:1px solid #dee2e6}.table-wrapper thead tr:first-child{border-top:none}.table-wrapper tbody tr:last-child{border-bottom:none}.table-wrapper th:first-child,.table-wrapper td:first-child,.table-wrapper th.fixed-scroll{border-left-width:0}.table-wrapper th:last-child,.table-wrapper td:last-child,.table-wrapper .table-fixed-header th:nth-last-of-type(2){border-right-width:0}.table-wrapper tr:last-child td{border-bottom-width:0}.table-wrapper .table-fixed-body td:last-child{border-right-width:1px}.table-th-checkbox{width:36px}.table-th-checkbox.show-text{width:80px}.table-th-button{width:130px}.table{margin-bottom:0;--bb-table-selected-bg:#9ec6ef}.table thead th,.table tbody td{border-top:none}.table thead th{white-space:nowrap;vertical-align:top}.table thead th.sortable:hover,.table thead th.filterable:hover{background-color:#e9ecef}.table thead th.sortable:hover>.fa{color:#999}.table thead.table-dark th.sortable:hover,.table thead.table-dark th.filterable:hover{background-color:#343a40}.table thead th .table-cell{justify-content:space-between;position:relative}.table thead th .table-cell .table-text{flex:1}.table thead th .table-cell>.fa{content:"";position:absolute;right:-8px;top:-8px;bottom:-8px;width:1.5rem;display:flex;align-items:center;justify-content:center;color:#ddd}.table thead th .table-cell>.fa:hover{background-color:#ddd;color:#606266}.table thead th .table-cell .fa-filter{cursor:pointer}.table thead th .table-cell .fa-filter.active{color:#409eff}.table thead.table-dark th .table-cell>.fa:hover{background-color:#6c757d;color:#fff}.table thead.table-light th .table-cell>.fa{color:#c0c4cc}.table thead.table-light th .table-cell>.fa:hover{color:#495057}.table thead th.sortable .fa-sort-asc,.table thead th.sortable .fa-sort-desc{color:inherit}.table thead th.sortable .table-cell .table-text,.table thead th.filterable .table-cell .table-text{padding-right:1rem}.table thead th.filterable .table-cell .fa-filter{right:-8px}.table thead th.sortable.filterable .table-cell .fa-filter{right:calc(1.5rem - 8px)}.table thead th.sortable.filterable .table-cell .table-text{padding-right:2.5rem;overflow:hidden;text-overflow:ellipsis}.table tfoot{font-weight:bold;border-top:2px solid #dee2e6}.table td,.table th{min-width:0;text-overflow:ellipsis}.table .is-editform .table-cell{overflow:hidden}.table-sm thead th .table-cell>.fa{right:-4px;top:-4px;bottom:-4px}.table-sm thead th.filterable .table-cell .fa-filter{right:-4px}.table-sm thead th.sortable.filterable .table-cell .fa-filter{right:calc(1.5rem - 4px)}.is-clickable tbody tr,.is-clickable .table-row{cursor:pointer}.table-cell{display:flex;align-items:center;word-break:break-all}.table-cell.is-sort{cursor:pointer}.table-cell.is-sort .fa-sort{color:#ddd}.table-cell .btn-group .btn{white-space:nowrap}.table-hover tbody tr.is-detail:hover,.table-hover tbody tr.is-editform,.table-hover tbody tr.is-editform:hover{--bs-table-accent-bg:unset}.table tbody tr.is-master td:first-child{padding-left:0;padding-right:0}.table-toolbar:after{content:"";display:block;clear:both}.table-toolbar .table-toolbar-button{margin-bottom:.5rem}.table-toolbar .table-toolbar-button .table-toolbar-search{border-top-left-radius:4px;border-bottom-left-radius:4px}.table-toolbar .dropdown-menu .dropdown-item span{margin-left:.5rem}.table-toolbar .dropdown-item.hover,.table-toolbar .dropdown-item:hover{color:#fff;background-color:#007bff}.table-pagination.is-top{margin-bottom:.5rem}.table-pagination:not(.is-top){margin-top:.5rem}.btn-gear .dropdown-menu{min-width:initial;padding:0}.btn-gear .dropdown-menu .dropdown-item{padding:6px 12px;display:table-cell;color:#504d4d}.btn-gear .dropdown-menu .dropdown-item:not(:first-child){border-left:solid 1px #aeb2b7}.table-column-right{margin-left:.3125rem}.search-input-tooltip{font-size:.75rem}.search-input-tooltip kbd{display:inline-block;background:#17a2b8;padding:1px 6px}.table-fixed{height:100%}.table-fixed .table{table-layout:fixed}.table-fixed-header{overflow:hidden;border-top-left-radius:var(--bs-border-radius);border-top-right-radius:var(--bs-border-radius)}.table-fixed-body{overflow-x:auto !important;overflow-y:scroll !important}.table-scroll{overflow:auto}.table-scroll .table tbody td .table-cell:not(.is-wrap){white-space:nowrap}.table-cell.is-ellips{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell.is-ellips.is-resizable{position:absolute;left:12px;right:12px}.table-loading,.table-loader,.form-loader{display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:var(--bs-border-radius);padding:2rem;flex:1}.table-loader,.form-loader{display:none;opacity:.8;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#f8f9fa;z-index:4}.table-loader.show,.form-loader.show{display:flex}.table tbody tr.active:not(.is-edit),.table-row.active{background-color:var(--bb-table-selected-bg)}.table-hover>tbody>tr.is-detail:hover,.table-hover>tbody>tr.is-edit.active,.table-excel>tbody>tr:hover{--bs-table-accent-bg:none}.table-row{padding:.75rem}.table-row:not(:last-child){border-bottom:1px solid #dee2e6}.table-row:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.table-row:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.table-row .table-cell:not(:last-child){padding-bottom:.5rem}.table-row .table-cell label:not(.form-checkbox){font-weight:bold;width:30%;min-width:30%;margin-bottom:0;color:#212529;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.table-row .table-cell>span{display:inherit}.table-row.table-footer{display:flex}.table-row.table-footer .table-cell{padding-bottom:0}.table-row.table-footer .table-cell:first-child{font-weight:bold;width:30%;margin-bottom:0;color:#212529;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-fixed-column .table{table-layout:fixed;border-collapse:separate;border-spacing:0}.table-fixed-column .table .fixed,.table-fixed-column .table .fixed-scroll{background-color:#fff}.table-fixed-column .table tr .fixed{position:sticky;z-index:2}.table-fixed-column .table th,.table-fixed-column .table td{border-left-width:0;border-top-width:0}.table-fixed-column .table .table-light .fixed,.table-fixed-column .table .table-light .fixed-scroll,.table-fixed-column .table .table-dark .fixed,.table-fixed-column .table .table-dark .fixed-scroll{background-color:var(--bs-table-bg)}.table-fixed-column .table .fixed{border-right:1px solid #409eff}.table-fixed-column .table .fixed-right{border-right:inherit;border-left:1px solid #409eff}.table-fixed-column .fixed-scroll{position:sticky;right:0;background-color:var(--bs-table-bg)}.table .is-bar{padding:0;justify-content:center}.table .is-bar .fa-caret-right{width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s linear,transform .3s linear}.table .is-bar .fa-caret-right:hover{background-color:#ddd}.table .is-detail{display:none}.table .is-detail.show{display:table-row}.table .table-cell .table-container,.table .table-cell .tabs,.table .table-cell form{flex:1}.table .table-cell .tabs .tabs-body{padding:1rem 0 0 0}.table-resize thead th,.table-resize tbody td{position:relative}.table-resize thead th .col-resizer{width:.25rem;display:block;position:absolute;top:0;right:0;bottom:0;cursor:col-resize}.table-resize .border-resize{border-right:1px solid #409eff}.table .table-cell.is-tree{cursor:pointer}.table-cell.is-incell{margin:-7px -6px}.table-cell.is-incell .switch{padding-left:6px}.table-cell.is-incell .select{width:100%}.table-cell .is-node .is-tree{transition:transform .3s linear}.table-sm .table-cell.is-incell{margin:-.25rem}.table-sm .table-cell.is-incell .form-control{height:calc(1.5em + .75rem - 3px)}.table-sm .table-cell.is-incell .switch{height:30px;padding-left:4px}.table-bordered thead tr:last-child>th{border-bottom-width:2px !important;border-bottom-color:var(--bs-secondary)}.table-striped>tbody>tr.is-master:nth-of-type(odd){--bs-table-accent-bg:#fff}.table-striped>tbody>tr.is-master:nth-of-type(odd).active{--bs-table-accent-bg:var(--bb-table-selected-bg)}.table-striped>tbody>tr.is-master:nth-of-type(4n+1){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-wrapper .empty-text{padding:1rem}form .table .table-cell>.form-label{display:none}form .table .table-cell>textarea{width:100%}.table-search{margin-bottom:.5rem}.table-search .card-header{padding:0}.table-search .card-header .table-search-title{padding:.5rem 1rem;flex:1;cursor:pointer}.table-search .card-header .table-search-buttons{padding:.25rem 1rem}.table-search .card-header .table-search-buttons .btn{padding:.275rem .5rem}.table-search-collapse{flex:1;display:flex;align-items:center;padding:0 1rem}.table-search-collapse .table-search-collapse-arrow{cursor:pointer;transition:.3s transform linear;transform:rotate(0)}.table-search-collapse.is-open .table-search-collapse-arrow{transform:rotate(90deg)}.table-search-collapse .table-search-collapse-title{cursor:pointer;margin-left:.5rem;flex:1}.table-search .collapsed .card-header{border-bottom-color:transparent}.table-search .card-header .input-group,.table-search .collapsed .input-group+.table-search-buttons{display:none}.table-search .card-header .input-group{width:auto;padding:2px}.table-search .card-header .input-group .table-toolbar-search,.table-search .card-header .input-group .btn{height:34px}.table-search .collapsed .input-group{display:flex}.table-excel-toolbar{display:none;position:absolute}.table-excel.table>:not(caption):not(thead)>*>*{padding:0}.table-excel tbody .table-cell>.form-check{padding:6px 8px}.table-excel tbody .table-cell .switch{padding:.375rem .1875rem;justify-content:center}.table-excel .form-control,.table-excel .table-cell .select .form-select{border:none;border-radius:0;padding:.375rem .1875rem}.table-excel .table-cell .select{width:100%}.table-excel .table-cell>.disabled{background-color:var(--bs-bg-disabled);width:100%;padding:.375rem .1875rem}.table-excel .datetime-picker-input{padding-left:2rem}.table-excel .datetime-picker-input-icon{line-height:32px}.table-excel.table tbody tr.active{background-color:transparent}.table-cell.text-center,.table-cell.text-center .switch{justify-content:center}.table-cell.text-center input{text-align:center}.table-cell.text-end,.table-cell.text-end .switch{justify-content:end}.table-cell.text-end input{text-align:right}.table-cell>.progress{flex:1}.table-cell.is-ph{height:12.5px;background-color:#e9ecef;border-radius:var(--bs-border-radius);margin:5px 0}.table-cell .is-dbcell{display:flex;cursor:pointer;position:relative}.table-cell .is-dbcell:hover:before{content:"";position:absolute;bottom:-3px;height:1px;width:100%;background-color:var(--bs-primary)}.table-cell .is-node{width:18px}.table-cell .tag{line-height:22px}.table-cell .is-color{width:28px;height:21px;border-radius:.25rem}.tag{display:inline-flex;padding:0 10px;line-height:30px;font-size:12px;border-radius:var(--bs-border-radius);white-space:nowrap;align-items:center}.tag>i+.tag-text{margin-left:4px}.tag>.btn-close{margin-left:8px;width:4px;height:4px}.timer .time-panel-footer{display:flex;justify-content:space-between}.timer .time-panel-btn{border:1px solid transparent;border-radius:var(--bs-border-radius);transition:border .3s linear;padding:0 .65rem}.timer .time-panel-btn:hover{border-color:#ddd}.timer .time-panel-btn.confirm{color:#28a745}.timer .circle-title{flex-flow:column nowrap;bottom:66px}.timer .timer-body{font-size:3.5rem}.timer .timer-alert{font-size:1rem}.timer .timer-alert i{margin-right:.5rem}.timer .timer-buttons{display:flex;justify-content:space-between}.timer .timer-buttons .btn{border:5px double #949496;border-radius:50%;height:66px;width:66px;font-size:.75rem !important;padding:0}.toast-container{position:fixed;z-index:1090}.toast{overflow:hidden;width:246px;cursor:pointer;display:none;transition:transform .3s linear,opacity .3s linear;transform:translateX(100%);background-color:#fff}.toast.show{transform:translateX(0)}.toast.left{transform:translateX(-100%)}.toast.left.show{transform:translateX(0)}.toast:hover{box-shadow:0 1px .75rem rgba(0,0,0,.15)}.toast .toast-progress{position:absolute;right:0;bottom:0;height:4px;width:0}.toast.left .toast-progress{left:0;right:unset}.toast .btn-close{height:4px;width:4px;margin:0}@media(min-width:375px){.toast{min-width:300px}}@media(min-width:576px){.toast{min-width:320px}}.btn-toggle{position:relative;overflow:hidden;border:1px solid #c0c4cc;min-width:70px;min-height:35px}.btn-toggle.off .toggle-group{left:-100%}.btn-toggle .btn-default,.btn-toggle.btn-default{background-color:#e0e0e0;border-color:#ccc;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-toggle .btn-default:hover{color:#333;background-color:#d4d4d4}.btn-toggle .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none;transition:left .35s}.btn-toggle .toggle-group label{display:flex;align-items:center;justify-content:center}.btn-toggle .toggle-group label,.btn-toggle .toggle-group span{cursor:pointer}.btn-toggle .toggle-group .toggle-on.bg-dark{color:#e4e7ed}.btn-toggle .btn-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-image:linear-gradient(to bottom,#fff 0%,#e0e0e0 100%);border-color:#ccc;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-toggle .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}.btn-toggle .toggle-on.btn{padding-right:24px}.btn-toggle .toggle-on.btn-lg{padding-right:31px}.btn-toggle.off .toggle-off{color:#333}.btn-toggle .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;background-color:#e0e0e0}.btn-toggle .toggle-off.btn{padding-left:24px}.btn-toggle .toggle-off.btn-lg{padding-left:31px}.btn-toggle.btn-lg{min-width:79px;min-height:45px}.toggle-handle.btn-lg{width:40px}.btn-toggle.btn-sm{min-width:50px;min-height:30px}.toggle-on.btn-sm{padding-right:20px}.toggle-off.btn-sm{padding-left:20px}.btn-toggle.btn-xs{min-width:35px;min-height:22px}.toggle-on.btn-xs{padding-right:12px}.toggle-off.btn-xs{padding-left:12px}.tooltip-inner{max-width:768px}.is-invalid .tooltip-inner{background-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,.is-invalid.bs-tooltip-top .tooltip-arrow::before{border-top-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,.is-invalid.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,.is-invalid.bs-tooltip-left .tooltip-arrow::before{border-left-color:#dc3545}.is-invalid.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,.is-invalid.bs-tooltip-right .tooltip-arrow::before{border-right-color:#dc3545}.transfer{font-size:14px}.transfer-panel{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden;background:#fff;display:inline-block;vertical-align:middle;width:200px;max-height:100%;box-sizing:border-box;position:relative}.transfer-panel.is-invalid{border:1px solid #dc3545}.transfer-panel.is-valid{border:1px solid #28a745}.transfer-panel .transfer-panel-header{height:40px;line-height:40px;background:#f5f7fa;margin:0;padding-left:15px;border-bottom:1px solid var(--bs-border-color);color:#000}.transfer-panel-body{height:246px}.transfer-panel-list{margin:0;padding:6px 0;list-style:none;height:246px}.transfer-panel-list.search{height:214px}.transfer-panel-item{height:30px;line-height:30px;padding-left:15px;display:block}.transfer-panel-item .form-check-input{margin:7px 0}.transfer-buttons{display:inline-block;vertical-align:middle;padding:0 30px}.transfer-buttons .btn{white-space:nowrap}.transfer-buttons .btn:not(:first-child){margin-left:10px}.transfer-buttons .disabled,.transfer-buttons .disabled:active,.transfer-buttons .disabled:focus,.transfer-buttons .disabled:hover,.transfer-buttons [disabled]{color:#fff;background-color:#a0cfff;border-color:#a0cfff}.transfer-panel-filter{text-align:center;margin:.5rem 1rem 0 1rem;display:block;width:auto;position:relative}.transfer-panel-filter .input-inner{height:32px;line-height:32px;width:100%;display:inline-block;border-radius:var(--bs-border-radius);padding-right:10px;padding-left:30px;border:1px solid #dcdfe6;transition:border-color .2s cubic-bezier(.645,.045,.355,1);color:#606266}.transfer-panel-filter .input-inner:focus{outline:none;border-color:#409eff}.transfer-panel-filter .input-prefix{height:100%;width:30px;transition:all .3s;position:absolute;left:4px;top:0;display:flex;align-items:center;justify-content:center;color:#c0c4cc}.transfer-panel-filter .input-prefix:not(.disabled):hover i:before,.transfer-panel-filter .input-prefix.is-on i:before{cursor:pointer;content:""}.transfer-panel-filter .input-prefix.disabled:hover i:before{cursor:not-allowed}.transfer-panel-header .form-check .form-check-input{margin:12px 0}.transfer-panel-body .form-check-label{max-width:160px}.tree{position:relative}.tree .tree-root{padding:0;margin:0}.tree .tree-ul{padding:0 0 0 20px;margin:0;display:none}.tree .tree-ul.show{display:block}.tree .tree-item{list-style:none;cursor:pointer;margin:1px 0}.tree .tree-item:before{content:"";position:absolute;left:0;width:100%;height:29px;transition:background-color .3s linear}.tree .tree-item.hover:before{background-color:#66a2e0a1}.tree .tree-item.active:before{background-color:#409effa1}.tree .tree-item .tree-content{position:relative;display:flex;padding:.25rem 0;align-items:center}.tree .tree-item .tree-content .fa-caret-right{width:18px;height:18px;transition:transform .3s linear;display:flex;align-items:center;justify-content:center}.tree .tree-item .tree-content .show .fa-caret-right{transform:rotate(90deg)}.tree .tree-node{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.tree .form-check{margin:0 4px}.tree-icon{width:18px}.upload .upload-body{margin-top:10px}.upload .upload-body.is-list{overflow:auto;max-height:240px}.upload .upload-body.is-list .upload-item{display:flex;align-items:center;padding:3px 5px;border-radius:var(--bs-border-radius);transition:background-color .3s linear;cursor:pointer;position:relative}.upload .upload-body.is-list .upload-item.is-invalid{color:#dc3545}.upload .upload-body.is-list .upload-item:hover{background-color:var(--bs-bg-disabled)}.upload .upload-body.is-list .upload-item:not(:last-child){margin-bottom:2px}.upload .upload-body.is-list .upload-item:hover .fa-trash-o{display:inline-block}.upload .upload-body.is-list .upload-item .fn{flex:1;padding:0 5px;display:flex;overflow:hidden}.upload .upload-body.is-list .upload-item .fn span:first-child{max-width:calc(100% - 4rem);overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;padding-right:.25rem}.upload .upload-body.is-list .upload-item .fa-trash-o,.upload .upload-body.is-list .upload-item:not(.disabled):hover .fa-check-circle-o,.upload .upload-body.is-list .upload-item:hover .fa-times-circle-o,.upload .upload-body.is-avatar .upload-item .upload-item-delete,.upload .upload-body.is-avatar .upload-item.is-invalid .upload-item-spin,.upload .upload-body.is-avatar .upload-item.is-valid .upload-item-spin,.upload .upload-item.is-invalid .fa-check,.upload .upload-item.is-valid .fa-times,.upload .upload-body.is-avatar .upload-item.disabled .upload-item-plus{display:none}.upload .upload-body.is-avatar,.upload .upload-body.is-card{margin:0;display:flex;flex-wrap:wrap}.upload .upload-body.is-avatar .upload-item{padding:0;position:relative;border:1px dashed #d9d9d9;border-radius:6px;margin-right:1rem;margin-bottom:1rem;overflow:hidden;cursor:pointer}.upload .upload-body.is-avatar .upload-item.is-single{margin:0}.upload .upload-body.is-avatar .upload-item.is-invalid{border-color:#dc3545;border-style:solid}.upload .upload-body.is-avatar .upload-item.is-circle{border-radius:50%}.upload .upload-body.is-avatar .upload-item:not(.is-form):hover,.upload .upload-body.is-avatar .upload-item:not(.is-form).is-valid,.upload .upload-body.is-card .upload-item.is-valid,.upload .upload-body.is-card .upload-item:not(.disabled):hover{border-color:#409eff}.upload .upload-body.is-avatar .upload-item.is-valid{border-style:solid}.upload .upload-body.is-avatar .upload-item.is-invalid .avatar{color:#dc3545}.upload .upload-body.is-avatar .upload-item .avatar{width:100%;height:100%;background-color:#fff}.upload .upload-body.is-avatar .upload-item .upload-item-actions,.upload .upload-body.is-card .upload-item .upload-item-actions.btn-browser{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.upload .upload-body.is-avatar .upload-item .upload-item-actions .fa{font-size:1rem}.upload .upload-body.is-avatar .upload-item:hover .upload-item-actions .upload-item-delete{display:block}.upload .upload-body.is-card .upload-item{padding:1rem;box-shadow:0 0 10px 0 rgba(0,0,0,.2);border:1px solid #d9d9d9;border-radius:6px;width:240px;height:280px;position:relative;cursor:pointer;margin-right:1rem;margin-bottom:1rem;overflow:hidden}.upload .upload-body.is-card .upload-item .upload-item-actions{display:flex;justify-content:space-between}.upload .upload-body.is-card .upload-item.is-valid .upload-item-body img,.upload .upload-body .upload-item.is-valid .upload-item-label,.upload .upload-body .upload-item.is-invalid .upload-item-label{display:block}.upload .upload-body.is-card .is-invalid .upload-item-body{border-color:#dc3545}.upload .upload-body.is-card .upload-item-body{border-radius:var(--bs-border-radius);width:168px;height:168px;border:1px solid #d9d9d9;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload .upload-body.is-card .upload-item-body img{width:100%;object-fit:cover;display:none}.upload .upload-body.is-card .upload-item-body .fa{font-size:1.5rem}.upload .upload-body.is-card .upload-item-size{margin:1rem auto;text-align:center;font-size:.625rem;display:flex;justify-content:center}.upload .upload-body.is-card .upload-item-size span{max-width:calc(100% - 4.5rem);overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;padding-right:.25rem}.upload .upload-item .upload-item-label{position:absolute;top:-2px;right:-14px;text-align:center;transform:rotate(45deg);color:#fff;width:46px;height:20px;background-color:#28a745;display:none}.upload .upload-item .upload-item-label .fa-check{transform:rotate(-45deg);font-size:12px}.upload .upload-item.is-invalid .upload-item-label{background-color:#dc3545}.upload .progress{position:absolute;left:0;right:0;bottom:0}.upload .upload-body.is-card .progress{left:1rem;right:1rem;bottom:56px}.upload .upload-item.is-valid .progress,.upload .upload-item.is-invalid .progress{display:none}.upload .upload-body.is-card.is-single .upload-item{margin:0}
\ No newline at end of file
diff --git a/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js b/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js
index fb53b3968..a5c6e3184 100644
--- a/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js
+++ b/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.bundle.min.js
@@ -13,4 +13,4 @@ var QRCode;!function(){function a(a){this.mode=c.MODE_8BIT_BYTE,this.data=a,this
 /*! Summernote v0.8.18 | (c) 2013- Alan Hong and other contributors | MIT license */
 !function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("jquery"));else if("function"==typeof define&&define.amd)define(["jquery"],e);else{var n="object"==typeof exports?e(require("jquery")):e(t.jQuery);for(var o in n)("object"==typeof exports?exports:t)[o]=n[o]}}(self,(function(t){return(()=>{"use strict";var e={9458:e=>{e.exports=t}},n={};function o(t){var i=n[t];if(void 0!==i)return i.exports;var r=n[t]={exports:{}};return e[t](r,r.exports,o),r.exports}o.amdO={},o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};return(()=>{o.r(i);var t=o(9458),e=o.n(t);function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var a=function(){function t(e,n,o,i){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.markup=e,this.children=n,this.options=o,this.callback=i}var n,o,i;return n=t,(o=[{key:"render",value:function(t){var n=e()(this.markup);if(this.options&&this.options.contents&&n.html(this.options.contents),this.options&&this.options.className&&n.addClass(this.options.className),this.options&&this.options.data&&e().each(this.options.data,(function(t,e){n.attr("data-bs-"+t,e)})),this.options&&this.options.click&&n.on("click",this.options.click),this.children){var o=n.find(".note-children-container");this.children.forEach((function(t){t.render(o.length?o:n)}))}return this.callback&&this.callback(n,this.options),this.options&&this.options.callback&&this.options.callback(n),t&&t.append(n),n}}])&&r(n.prototype,o),i&&r(n,i),t}();const s=function(t,e){return function(){var o="object"===n(arguments[1])?arguments[1]:arguments[0],i=Array.isArray(arguments[0])?arguments[0]:[];return o&&o.children&&(i=o.children),new a(t,i,o,e)}};function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var c=s('<div class="note-editor note-frame card"/>'),u=s('<div class="note-toolbar card-header" role="toolbar"/>'),d=s('<div class="note-editing-area"/>'),h=s('<textarea class="note-codable" aria-multiline="true"/>'),f=s('<div class="note-editable card-block" contentEditable="true" role="textbox" aria-multiline="true"/>'),p=s(['<output class="note-status-output" role="status" aria-live="polite"></output>','<div class="note-statusbar" role="status">','<div class="note-resizebar" aria-label="Resize">','<div class="note-icon-bar"></div>','<div class="note-icon-bar"></div>','<div class="note-icon-bar"></div>',"</div>","</div>"].join("")),m=s('<div class="note-editor note-airframe"/>'),v=s(['<div class="note-editable" contentEditable="true" role="textbox" aria-multiline="true"></div>','<output class="note-status-output" role="status" aria-live="polite"></output>'].join("")),g=s('<div class="note-btn-group btn-group">'),b=s('<div class="note-dropdown-menu dropdown-menu" role="list">',(function(t,e){var n=Array.isArray(e.items)?e.items.map((function(t){var n="string"==typeof t?t:t.value||"",o=e.template?e.template(t):t,i="object"===l(t)?t.option:void 0;return'<a class="dropdown-item" href="#" '+('data-value="'+n+'"'+(void 0!==i?' data-option="'+i+'"':""))+' role="listitem" aria-label="'+n+'">'+o+"</a>"})).join(""):e.items;t.html(n).attr({"aria-label":e.title}),e&&e.codeviewKeepButton&&t.addClass("note-codeview-keep")})),y=function(t){return t},k=s('<div class="note-dropdown-menu dropdown-menu note-check" role="list">',(function(t,e){var n=Array.isArray(e.items)?e.items.map((function(t){var n="string"==typeof t?t:t.value||"",o=e.template?e.template(t):t;return'<a class="dropdown-item" href="#" data-value="'+n+'" role="listitem" aria-label="'+t+'">'+S(e.checkClassName)+" "+o+"</a>"})).join(""):e.items;t.html(n).attr({"aria-label":e.title}),e&&e.codeviewKeepButton&&t.addClass("note-codeview-keep")})),w=s('<div class="modal note-modal" aria-hidden="false" tabindex="-1" role="dialog"/>',(function(t,e){e.fade&&t.addClass("fade"),t.attr({"aria-label":e.title}),t.html(['<div class="modal-dialog">','<div class="modal-content">',e.title?'<div class="modal-header"><h4 class="modal-title">'+e.title+'</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" aria-hidden="true"></button></div>':"",'<div class="modal-body">'+e.body+"</div>",e.footer?'<div class="modal-footer">'+e.footer+"</div>":"","</div>","</div>"].join(""))})),C=s(['<div class="note-popover popover in">','<div class="arrow"></div>','<div class="popover-content note-children-container"></div>',"</div>"].join(""),(function(t,e){var n=void 0!==e.direction?e.direction:"bottom";t.addClass(n),e.hideArrow&&t.find(".arrow").hide()})),x=s('<div class="form-check"></div>',(function(t,e){t.html(['<label class="form-check-label"'+(e.id?' for="note-'+e.id+'"':"")+">",'<input type="checkbox" class="form-check-input"'+(e.id?' id="note-'+e.id+'"':""),e.checked?" checked":"",' aria-label="'+(e.text?e.text:"")+'"',' aria-checked="'+(e.checked?"true":"false")+'"/>'," "+(e.text?e.text:"")+"</label>"].join(""))})),S=function(t,e){return t.match(/^</)?t:"<"+(e=e||"i")+' class="'+t+'"></'+e+">"};const T=function(t){return{editor:c,toolbar:u,editingArea:d,codable:h,editable:f,statusbar:p,airEditor:m,airEditable:v,buttonGroup:g,dropdown:b,dropdownButtonContents:y,dropdownCheck:k,dialog:w,popover:C,icon:S,checkbox:x,options:t,palette:function(e,n){return s('<div class="note-color-palette"/>',(function(e,n){for(var o=[],i=0,r=n.colors.length;i<r;i++){for(var a=n.eventName,s=n.colors[i],l=n.colorsName[i],c=[],u=0,d=s.length;u<d;u++){var h=s[u],f=l[u];c.push(['<button type="button" class="note-color-btn"','style="background-color:',h,'" ','data-event="',a,'" ','data-value="',h,'" ','title="',f,'" ','aria-label="',f,'" ','data-toggle="button" tabindex="-1"></button>'].join(""))}o.push('<div class="note-color-row">'+c.join("")+"</div>")}e.html(o.join("")),n.tooltip&&e.find(".note-color-btn").tooltip({container:n.container||t.container,trigger:"hover",placement:"bottom"})}))(e,n)},button:function(n,o){return s('<button type="button" class="note-btn btn btn-light btn-sm" tabindex="-1">',(function(n,o){o&&o.tooltip&&n.attr({title:o.tooltip,"aria-label":o.tooltip}).tooltip({container:o.container||t.container,trigger:"hover",placement:"bottom"}).on("click",(function(t){e()(t.currentTarget).tooltip("hide")})),o&&o.codeviewButton&&n.addClass("note-codeview-keep")}))(n,o)},toggleBtn:function(t,e){t.toggleClass("disabled",!e),t.attr("disabled",!e)},toggleBtnActive:function(t,e){t.toggleClass("active",e)},onDialogShown:function(t,e){t.one("shown.bs.modal",e)},onDialogHidden:function(t,e){t.one("hidden.bs.modal",e)},showDialog:function(t){t.modal("show")},hideDialog:function(t){t.modal("hide")},createLayout:function(e){var n=(t.airMode?m([d([h(),v()])]):"bottom"===t.toolbarPosition?c([d([h(),f()]),u(),p()]):c([u(),d([h(),f()]),p()])).render();return n.insertAfter(e),{note:e,editor:n,toolbar:n.find(".note-toolbar"),editingArea:n.find(".note-editing-area"),editable:n.find(".note-editable"),codable:n.find(".note-codable"),statusbar:n.find(".note-statusbar")}},removeLayout:function(t,e){t.html(e.editable.html()),e.editor.remove(),t.show()}}};e().summernote=e().summernote||{lang:{}},e().extend(e().summernote.lang,{"en-US":{font:{bold:"Bold",italic:"Italic",underline:"Underline",clear:"Remove Font Style",height:"Line Height",name:"Font Family",strikethrough:"Strikethrough",subscript:"Subscript",superscript:"Superscript",size:"Font Size",sizeunit:"Font Size Unit"},image:{image:"Picture",insert:"Insert Image",resizeFull:"Resize full",resizeHalf:"Resize half",resizeQuarter:"Resize quarter",resizeNone:"Original size",floatLeft:"Float Left",floatRight:"Float Right",floatNone:"Remove float",shapeRounded:"Shape: Rounded",shapeCircle:"Shape: Circle",shapeThumbnail:"Shape: Thumbnail",shapeNone:"Shape: None",dragImageHere:"Drag image or text here",dropImage:"Drop image or Text",selectFromFiles:"Select from files",maximumFileSize:"Maximum file size",maximumFileSizeError:"Maximum file size exceeded.",url:"Image URL",remove:"Remove Image",original:"Original"},video:{video:"Video",videoLink:"Video Link",insert:"Insert Video",url:"Video URL",providers:"(YouTube, Google Drive, Vimeo, Vine, Instagram, DailyMotion, Youku, Peertube)"},link:{link:"Link",insert:"Insert Link",unlink:"Unlink",edit:"Edit",textToDisplay:"Text to display",url:"To what URL should this link go?",openInNewWindow:"Open in new window",useProtocol:"Use default protocol"},table:{table:"Table",addRowAbove:"Add row above",addRowBelow:"Add row below",addColLeft:"Add column left",addColRight:"Add column right",delRow:"Delete row",delCol:"Delete column",delTable:"Delete table"},hr:{insert:"Insert Horizontal Rule"},style:{style:"Style",p:"Normal",blockquote:"Quote",pre:"Code",h1:"Header 1",h2:"Header 2",h3:"Header 3",h4:"Header 4",h5:"Header 5",h6:"Header 6"},lists:{unordered:"Unordered list",ordered:"Ordered list"},options:{help:"Help",fullscreen:"Full Screen",codeview:"Code View"},paragraph:{paragraph:"Paragraph",outdent:"Outdent",indent:"Indent",left:"Align left",center:"Align center",right:"Align right",justify:"Justify full"},color:{recent:"Recent Color",more:"More Color",background:"Background Color",foreground:"Text Color",transparent:"Transparent",setTransparent:"Set transparent",reset:"Reset",resetToDefault:"Reset to default",cpSelect:"Select"},shortcut:{shortcuts:"Keyboard shortcuts",close:"Close",textFormatting:"Text formatting",action:"Action",paragraphFormatting:"Paragraph formatting",documentStyle:"Document Style",extraKeys:"Extra keys"},help:{escape:"Escape",insertParagraph:"Insert Paragraph",undo:"Undo the last command",redo:"Redo the last command",tab:"Tab",untab:"Untab",bold:"Set a bold style",italic:"Set a italic style",underline:"Set a underline style",strikethrough:"Set a strikethrough style",removeFormat:"Clean a style",justifyLeft:"Set left align",justifyCenter:"Set center align",justifyRight:"Set right align",justifyFull:"Set full align",insertUnorderedList:"Toggle unordered list",insertOrderedList:"Toggle ordered list",outdent:"Outdent on current paragraph",indent:"Indent on current paragraph",formatPara:"Change current block's format as a paragraph(P tag)",formatH1:"Change current block's format as H1",formatH2:"Change current block's format as H2",formatH3:"Change current block's format as H3",formatH4:"Change current block's format as H4",formatH5:"Change current block's format as H5",formatH6:"Change current block's format as H6",insertHorizontalRule:"Insert horizontal rule","linkDialog.show":"Show Link Dialog"},history:{undo:"Undo",redo:"Redo"},specialChar:{specialChar:"SPECIAL CHARACTERS",select:"Select Special characters"},output:{noSelection:"No Selection Made!"}}});var E="function"==typeof define&&o.amdO,I=["sans-serif","serif","monospace","cursive","fantasy"];function $(t){return-1===e().inArray(t.toLowerCase(),I)?"'".concat(t,"'"):t}var N,P=navigator.userAgent,R=/MSIE|Trident/i.test(P);if(R){var L=/MSIE (\d+[.]\d+)/.exec(P);L&&(N=parseFloat(L[1])),(L=/Trident\/.*rv:([0-9]{1,}[.0-9]{0,})/.exec(P))&&(N=parseFloat(L[1]))}var A=/Edge\/\d+/.test(P),F="ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0,D=R?"DOMCharacterDataModified DOMSubtreeModified DOMNodeInserted":"input";const H={isMac:navigator.appVersion.indexOf("Mac")>-1,isMSIE:R,isEdge:A,isFF:!A&&/firefox/i.test(P),isPhantom:/PhantomJS/i.test(P),isWebkit:!A&&/webkit/i.test(P),isChrome:!A&&/chrome/i.test(P),isSafari:!A&&/safari/i.test(P)&&!/chrome/i.test(P),browserVersion:N,jqueryVersion:parseFloat(e().fn.jquery),isSupportAmd:E,isSupportTouch:F,isFontInstalled:function(t){var e="Comic Sans MS"===t?"Courier New":"Comic Sans MS",n="mmmmmmmmmmwwwww",o=document.createElement("canvas").getContext("2d");o.font="200px '"+e+"'";var i=o.measureText(n).width;return o.font="200px "+$(t)+', "'+e+'"',i!==o.measureText(n).width},isW3CRangeSupport:!!document.createRange,inputEventName:D,genericFontFamilies:I,validFontName:$};var B=0;const z={eq:function(t){return function(e){return t===e}},eq2:function(t,e){return t===e},peq2:function(t){return function(e,n){return e[t]===n[t]}},ok:function(){return!0},fail:function(){return!1},self:function(t){return t},not:function(t){return function(){return!t.apply(t,arguments)}},and:function(t,e){return function(n){return t(n)&&e(n)}},invoke:function(t,e){return function(){return t[e].apply(t,arguments)}},resetUniqueId:function(){B=0},uniqueId:function(t){var e=++B+"";return t?t+e:e},rect2bnd:function(t){var n=e()(document);return{top:t.top+n.scrollTop(),left:t.left+n.scrollLeft(),width:t.right-t.left,height:t.bottom-t.top}},invertObject:function(t){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[t[n]]=n);return e},namespaceToCamel:function(t,e){return(e=e||"")+t.split(".").map((function(t){return t.substring(0,1).toUpperCase()+t.substring(1)})).join("")},debounce:function(t,e,n){var o;return function(){var i=this,r=arguments,a=function(){o=null,n||t.apply(i,r)},s=n&&!o;clearTimeout(o),o=setTimeout(a,e),s&&t.apply(i,r)}},isValidUrl:function(t){return/[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi.test(t)}};function M(t){return t[0]}function O(t){return t[t.length-1]}function U(t){return t.slice(1)}function j(t,e){if(t&&t.length&&e){if(t.indexOf)return-1!==t.indexOf(e);if(t.contains)return t.contains(e)}return!1}const W={head:M,last:O,initial:function(t){return t.slice(0,t.length-1)},tail:U,prev:function(t,e){if(t&&t.length&&e){var n=t.indexOf(e);return-1===n?null:t[n-1]}return null},next:function(t,e){if(t&&t.length&&e){var n=t.indexOf(e);return-1===n?null:t[n+1]}return null},find:function(t,e){for(var n=0,o=t.length;n<o;n++){var i=t[n];if(e(i))return i}},contains:j,all:function(t,e){for(var n=0,o=t.length;n<o;n++)if(!e(t[n]))return!1;return!0},sum:function(t,e){return e=e||z.self,t.reduce((function(t,n){return t+e(n)}),0)},from:function(t){for(var e=[],n=t.length,o=-1;++o<n;)e[o]=t[o];return e},isEmpty:function(t){return!t||!t.length},clusterBy:function(t,e){return t.length?U(t).reduce((function(t,n){var o=O(t);return e(O(o),n)?o[o.length]=n:t[t.length]=[n],t}),[[M(t)]]):[]},compact:function(t){for(var e=[],n=0,o=t.length;n<o;n++)t[n]&&e.push(t[n]);return e},unique:function(t){for(var e=[],n=0,o=t.length;n<o;n++)j(e,t[n])||e.push(t[n]);return e}};var K=String.fromCharCode(160);function q(t){return t&&e()(t).hasClass("note-editable")}function V(t){return t=t.toUpperCase(),function(e){return e&&e.nodeName.toUpperCase()===t}}function _(t){return t&&3===t.nodeType}function G(t){return t&&/^BR|^IMG|^HR|^IFRAME|^BUTTON|^INPUT|^AUDIO|^VIDEO|^EMBED/.test(t.nodeName.toUpperCase())}function Y(t){return!q(t)&&(t&&/^DIV|^P|^LI|^H[1-7]/.test(t.nodeName.toUpperCase()))}var Z=V("PRE"),X=V("LI");var Q=V("TABLE"),J=V("DATA");function tt(t){return!(rt(t)||et(t)||nt(t)||Y(t)||Q(t)||it(t)||J(t))}function et(t){return t&&/^UL|^OL/.test(t.nodeName.toUpperCase())}var nt=V("HR");function ot(t){return t&&/^TD|^TH/.test(t.nodeName.toUpperCase())}var it=V("BLOCKQUOTE");function rt(t){return ot(t)||it(t)||q(t)}var at=V("A");var st=V("BODY");var lt=H.isMSIE&&H.browserVersion<11?"&nbsp;":"<br>";function ct(t){return _(t)?t.nodeValue.length:t?t.childNodes.length:0}function ut(t){var e=ct(t);return 0===e||(!_(t)&&1===e&&t.innerHTML===lt||!(!W.all(t.childNodes,_)||""!==t.innerHTML))}function dt(t){G(t)||ct(t)||(t.innerHTML=lt)}function ht(t,e){for(;t;){if(e(t))return t;if(q(t))break;t=t.parentNode}return null}function ft(t,e){e=e||z.fail;var n=[];return ht(t,(function(t){return q(t)||n.push(t),e(t)})),n}function pt(t,e){e=e||z.fail;for(var n=[];t&&!e(t);)n.push(t),t=t.nextSibling;return n}function mt(t,e){var n=e.nextSibling,o=e.parentNode;return n?o.insertBefore(t,n):o.appendChild(t),t}function vt(t,n){return e().each(n,(function(e,n){t.appendChild(n)})),t}function gt(t){return 0===t.offset}function bt(t){return t.offset===ct(t.node)}function yt(t){return gt(t)||bt(t)}function kt(t,e){for(;t&&t!==e;){if(0!==Ct(t))return!1;t=t.parentNode}return!0}function wt(t,e){if(!e)return!1;for(;t&&t!==e;){if(Ct(t)!==ct(t.parentNode)-1)return!1;t=t.parentNode}return!0}function Ct(t){for(var e=0;t=t.previousSibling;)e+=1;return e}function xt(t){return!!(t&&t.childNodes&&t.childNodes.length)}function St(t,e){var n,o;if(0===t.offset){if(q(t.node))return null;n=t.node.parentNode,o=Ct(t.node)}else xt(t.node)?o=ct(n=t.node.childNodes[t.offset-1]):(n=t.node,o=e?0:t.offset-1);return{node:n,offset:o}}function Tt(t,e){var n,o;if(ct(t.node)===t.offset){if(q(t.node))return null;var i=It(t.node);i?(n=i,o=0):(n=t.node.parentNode,o=Ct(t.node)+1)}else xt(t.node)?(n=t.node.childNodes[t.offset],o=0):(n=t.node,o=e?ct(t.node):t.offset+1);return{node:n,offset:o}}function Et(t,e){var n,o=0;if(ut(t.node))return null===t.node?null:{node:n=t.node.nextSibling,offset:o=0};if(ct(t.node)===t.offset){if(q(t.node))return null;n=t.node.parentNode,o=Ct(t.node)+1,q(n)&&(n=t.node.nextSibling,o=0)}else if(xt(t.node)){if(o=0,ut(n=t.node.childNodes[t.offset]))return ut(t.node.nextSibling)?null:{node:t.node.nextSibling,offset:o}}else if(n=t.node,o=e?ct(t.node):t.offset+1,ut(n))return null;return{node:n,offset:o}}function It(t){if(t.nextSibling&&t.parent===t.nextSibling.parent)return _(t.nextSibling)?t.nextSibling:It(t.nextSibling)}function $t(t,e){return t.node===e.node&&t.offset===e.offset}function Nt(t,e){var n=e&&e.isSkipPaddingBlankHTML,o=e&&e.isNotSplitEdgePoint,i=e&&e.isDiscardEmptySplits;if(i&&(n=!0),yt(t)&&(_(t.node)||o)){if(gt(t))return t.node;if(bt(t))return t.node.nextSibling}if(_(t.node))return t.node.splitText(t.offset);var r=t.node.childNodes[t.offset],a=mt(t.node.cloneNode(!1),t.node);return vt(a,pt(r)),n||(dt(t.node),dt(a)),i&&(ut(t.node)&&Lt(t.node),ut(a))?(Lt(a),t.node.nextSibling):a}function Pt(t,e,n){var o=ft(e.node,z.eq(t));return o.length?1===o.length?Nt(e,n):o.reduce((function(t,o){return t===e.node&&(t=Nt(e,n)),Nt({node:o,offset:t?Ct(t):ct(o)},n)})):null}function Rt(t){return document.createElement(t)}function Lt(t,e){if(t&&t.parentNode){if(t.removeNode)return t.removeNode(e);var n=t.parentNode;if(!e){for(var o=[],i=0,r=t.childNodes.length;i<r;i++)o.push(t.childNodes[i]);for(var a=0,s=o.length;a<s;a++)n.insertBefore(o[a],t)}n.removeChild(t)}}var At=V("TEXTAREA");function Ft(t,e){var n=At(t[0])?t.val():t.html();return e?n.replace(/[\n\r]/g,""):n}const Dt={NBSP_CHAR:K,ZERO_WIDTH_NBSP_CHAR:"\ufeff",blank:lt,emptyPara:"<p>".concat(lt,"</p>"),makePredByNodeName:V,isEditable:q,isControlSizing:function(t){return t&&e()(t).hasClass("note-control-sizing")},isText:_,isElement:function(t){return t&&1===t.nodeType},isVoid:G,isPara:Y,isPurePara:function(t){return Y(t)&&!X(t)},isHeading:function(t){return t&&/^H[1-7]/.test(t.nodeName.toUpperCase())},isInline:tt,isBlock:z.not(tt),isBodyInline:function(t){return tt(t)&&!ht(t,Y)},isBody:st,isParaInline:function(t){return tt(t)&&!!ht(t,Y)},isPre:Z,isList:et,isTable:Q,isData:J,isCell:ot,isBlockquote:it,isBodyContainer:rt,isAnchor:at,isDiv:V("DIV"),isLi:X,isBR:V("BR"),isSpan:V("SPAN"),isB:V("B"),isU:V("U"),isS:V("S"),isI:V("I"),isImg:V("IMG"),isTextarea:At,deepestChildIsEmpty:function(t){do{if(null===t.firstElementChild||""===t.firstElementChild.innerHTML)break}while(t=t.firstElementChild);return ut(t)},isEmpty:ut,isEmptyAnchor:z.and(at,ut),isClosestSibling:function(t,e){return t.nextSibling===e||t.previousSibling===e},withClosestSiblings:function(t,e){e=e||z.ok;var n=[];return t.previousSibling&&e(t.previousSibling)&&n.push(t.previousSibling),n.push(t),t.nextSibling&&e(t.nextSibling)&&n.push(t.nextSibling),n},nodeLength:ct,isLeftEdgePoint:gt,isRightEdgePoint:bt,isEdgePoint:yt,isLeftEdgeOf:kt,isRightEdgeOf:wt,isLeftEdgePointOf:function(t,e){return gt(t)&&kt(t.node,e)},isRightEdgePointOf:function(t,e){return bt(t)&&wt(t.node,e)},prevPoint:St,nextPoint:Tt,nextPointWithEmptyNode:Et,isSamePoint:$t,isVisiblePoint:function(t){if(_(t.node)||!xt(t.node)||ut(t.node))return!0;var e=t.node.childNodes[t.offset-1],n=t.node.childNodes[t.offset];return!((e&&!G(e)||n&&!G(n))&&!Q(n))},prevPointUntil:function(t,e){for(;t;){if(e(t))return t;t=St(t)}return null},nextPointUntil:function(t,e){for(;t;){if(e(t))return t;t=Tt(t)}return null},isCharPoint:function(t){if(!_(t.node))return!1;var e=t.node.nodeValue.charAt(t.offset-1);return e&&" "!==e&&e!==K},isSpacePoint:function(t){if(!_(t.node))return!1;var e=t.node.nodeValue.charAt(t.offset-1);return" "===e||e===K},walkPoint:function(t,e,n,o){for(var i=t;i&&(n(i),!$t(i,e));){i=Et(i,o&&t.node!==i.node&&e.node!==i.node)}},ancestor:ht,singleChildAncestor:function(t,e){for(t=t.parentNode;t&&1===ct(t);){if(e(t))return t;if(q(t))break;t=t.parentNode}return null},listAncestor:ft,lastAncestor:function(t,e){var n=ft(t);return W.last(n.filter(e))},listNext:pt,listPrev:function(t,e){e=e||z.fail;for(var n=[];t&&!e(t);)n.push(t),t=t.previousSibling;return n},listDescendant:function(t,e){var n=[];return e=e||z.ok,function o(i){t!==i&&e(i)&&n.push(i);for(var r=0,a=i.childNodes.length;r<a;r++)o(i.childNodes[r])}(t),n},commonAncestor:function(t,e){for(var n=ft(t),o=e;o;o=o.parentNode)if(n.indexOf(o)>-1)return o;return null},wrap:function(t,n){var o=t.parentNode,i=e()("<"+n+">")[0];return o.insertBefore(i,t),i.appendChild(t),i},insertAfter:mt,appendChildNodes:vt,position:Ct,hasChildren:xt,makeOffsetPath:function(t,e){return ft(e,z.eq(t)).map(Ct).reverse()},fromOffsetPath:function(t,e){for(var n=t,o=0,i=e.length;o<i;o++)n=n.childNodes.length<=e[o]?n.childNodes[n.childNodes.length-1]:n.childNodes[e[o]];return n},splitTree:Pt,splitPoint:function(t,e){var n,o,i=e?Y:rt,r=ft(t.node,i),a=W.last(r)||t.node;i(a)?(n=r[r.length-2],o=a):o=(n=a).parentNode;var s=n&&Pt(n,t,{isSkipPaddingBlankHTML:e,isNotSplitEdgePoint:e});return s||o!==t.node||(s=t.node.childNodes[t.offset]),{rightNode:s,container:o}},create:Rt,createText:function(t){return document.createTextNode(t)},remove:Lt,removeWhile:function(t,e){for(;t&&!q(t)&&e(t);){var n=t.parentNode;Lt(t),t=n}},replace:function(t,e){if(t.nodeName.toUpperCase()===e.toUpperCase())return t;var n=Rt(e);return t.style.cssText&&(n.style.cssText=t.style.cssText),vt(n,W.from(t.childNodes)),mt(n,t),Lt(t),n},html:function(t,e){var n=Ft(t);if(e){n=(n=n.replace(/<(\/?)(\b(?!!)[^>\s]*)(.*?)(\s*\/?>)/g,(function(t,e,n){n=n.toUpperCase();var o=/^DIV|^TD|^TH|^P|^LI|^H[1-7]/.test(n)&&!!e,i=/^BLOCKQUOTE|^TABLE|^TBODY|^TR|^HR|^UL|^OL/.test(n);return t+(o||i?"\n":"")}))).trim()}return n},value:Ft,posFromPlaceholder:function(t){var n=e()(t),o=n.offset(),i=n.outerHeight(!0);return{left:o.left,top:o.top+i}},attachEvents:function(t,e){Object.keys(e).forEach((function(n){t.on(n,e[n])}))},detachEvents:function(t,e){Object.keys(e).forEach((function(n){t.off(n,e[n])}))},isCustomStyleTag:function(t){return t&&!_(t)&&W.contains(t.classList,"note-styletag")}};function Ht(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Bt=function(){function t(n,o){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$note=n,this.memos={},this.modules={},this.layoutInfo={},this.options=e().extend(!0,{},o),e().summernote.ui=e().summernote.ui_template(this.options),this.ui=e().summernote.ui,this.initialize()}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){return this.layoutInfo=this.ui.createLayout(this.$note),this._initialize(),this.$note.hide(),this}},{key:"destroy",value:function(){this._destroy(),this.$note.removeData("summernote"),this.ui.removeLayout(this.$note,this.layoutInfo)}},{key:"reset",value:function(){var t=this.isDisabled();this.code(Dt.emptyPara),this._destroy(),this._initialize(),t&&this.disable()}},{key:"_initialize",value:function(){var t=this;this.options.id=z.uniqueId(e().now()),this.options.container=this.options.container||this.layoutInfo.editor;var n=e().extend({},this.options.buttons);Object.keys(n).forEach((function(e){t.memo("button."+e,n[e])}));var o=e().extend({},this.options.modules,e().summernote.plugins||{});Object.keys(o).forEach((function(e){t.module(e,o[e],!0)})),Object.keys(this.modules).forEach((function(e){t.initializeModule(e)}))}},{key:"_destroy",value:function(){var t=this;Object.keys(this.modules).reverse().forEach((function(e){t.removeModule(e)})),Object.keys(this.memos).forEach((function(e){t.removeMemo(e)})),this.triggerEvent("destroy",this)}},{key:"code",value:function(t){var e=this.invoke("codeview.isActivated");if(void 0===t)return this.invoke("codeview.sync"),e?this.layoutInfo.codable.val():this.layoutInfo.editable.html();e?this.invoke("codeview.sync",t):this.layoutInfo.editable.html(t),this.$note.val(t),this.triggerEvent("change",t,this.layoutInfo.editable)}},{key:"isDisabled",value:function(){return"false"===this.layoutInfo.editable.attr("contenteditable")}},{key:"enable",value:function(){this.layoutInfo.editable.attr("contenteditable",!0),this.invoke("toolbar.activate",!0),this.triggerEvent("disable",!1),this.options.editing=!0}},{key:"disable",value:function(){this.invoke("codeview.isActivated")&&this.invoke("codeview.deactivate"),this.layoutInfo.editable.attr("contenteditable",!1),this.options.editing=!1,this.invoke("toolbar.deactivate",!0),this.triggerEvent("disable",!0)}},{key:"triggerEvent",value:function(){var t=W.head(arguments),e=W.tail(W.from(arguments)),n=this.options.callbacks[z.namespaceToCamel(t,"on")];n&&n.apply(this.$note[0],e),this.$note.trigger("summernote."+t,e)}},{key:"initializeModule",value:function(t){var e=this.modules[t];e.shouldInitialize=e.shouldInitialize||z.ok,e.shouldInitialize()&&(e.initialize&&e.initialize(),e.events&&Dt.attachEvents(this.$note,e.events))}},{key:"module",value:function(t,e,n){if(1===arguments.length)return this.modules[t];this.modules[t]=new e(this),n||this.initializeModule(t)}},{key:"removeModule",value:function(t){var e=this.modules[t];e.shouldInitialize()&&(e.events&&Dt.detachEvents(this.$note,e.events),e.destroy&&e.destroy()),delete this.modules[t]}},{key:"memo",value:function(t,e){if(1===arguments.length)return this.memos[t];this.memos[t]=e}},{key:"removeMemo",value:function(t){this.memos[t]&&this.memos[t].destroy&&this.memos[t].destroy(),delete this.memos[t]}},{key:"createInvokeHandlerAndUpdateState",value:function(t,e){var n=this;return function(o){n.createInvokeHandler(t,e)(o),n.invoke("buttons.updateCurrentStyle")}}},{key:"createInvokeHandler",value:function(t,n){var o=this;return function(i){i.preventDefault();var r=e()(i.target);o.invoke(t,n||r.closest("[data-value]").data("value"),r)}}},{key:"invoke",value:function(){var t=W.head(arguments),e=W.tail(W.from(arguments)),n=t.split("."),o=n.length>1,i=o&&W.head(n),r=o?W.last(n):W.head(n),a=this.modules[i||"editor"];return!i&&this[r]?this[r].apply(this,e):a&&a[r]&&a.shouldInitialize()?a[r].apply(a,e):void 0}}])&&Ht(n.prototype,o),i&&Ht(n,i),t}();function zt(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function Mt(t,e){var n,o,i=t.parentElement(),r=document.body.createTextRange(),a=W.from(i.childNodes);for(n=0;n<a.length;n++)if(!Dt.isText(a[n])){if(r.moveToElementText(a[n]),r.compareEndPoints("StartToStart",t)>=0)break;o=a[n]}if(0!==n&&Dt.isText(a[n-1])){var s=document.body.createTextRange(),l=null;s.moveToElementText(o||i),s.collapse(!o),l=o?o.nextSibling:i.firstChild;var c=t.duplicate();c.setEndPoint("StartToStart",s);for(var u=c.text.replace(/[\r\n]/g,"").length;u>l.nodeValue.length&&l.nextSibling;)u-=l.nodeValue.length,l=l.nextSibling;l.nodeValue;e&&l.nextSibling&&Dt.isText(l.nextSibling)&&u===l.nodeValue.length&&(u-=l.nodeValue.length,l=l.nextSibling),i=l,n=u}return{cont:i,offset:n}}function Ot(t){var e=document.body.createTextRange(),n=function t(e,n){var o,i;if(Dt.isText(e)){var r=Dt.listPrev(e,z.not(Dt.isText)),a=W.last(r).previousSibling;o=a||e.parentNode,n+=W.sum(W.tail(r),Dt.nodeLength),i=!a}else{if(o=e.childNodes[n]||e,Dt.isText(o))return t(o,0);n=0,i=!1}return{node:o,collapseToStart:i,offset:n}}(t.node,t.offset);return e.moveToElementText(n.node),e.collapse(n.collapseToStart),e.moveStart("character",n.offset),e}e().fn.extend({summernote:function(){var t=e().type(W.head(arguments)),n="string"===t,o="object"===t,i=e().extend({},e().summernote.options,o?W.head(arguments):{});i.langInfo=e().extend(!0,{},e().summernote.lang["en-US"],e().summernote.lang[i.lang]),i.icons=e().extend(!0,{},e().summernote.options.icons,i.icons),i.tooltip="auto"===i.tooltip?!H.isSupportTouch:i.tooltip,this.each((function(t,n){var o=e()(n);if(!o.data("summernote")){var r=new Bt(o,i);o.data("summernote",r),o.data("summernote").triggerEvent("init",r.layoutInfo)}}));var r=this.first();if(r.length){var a=r.data("summernote");if(n)return a.invoke.apply(a,W.from(arguments));i.focus&&a.invoke("editor.focus")}return this}});var Ut=function(){function t(e,n,o,i){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.sc=e,this.so=n,this.ec=o,this.eo=i,this.isOnEditable=this.makeIsOn(Dt.isEditable),this.isOnList=this.makeIsOn(Dt.isList),this.isOnAnchor=this.makeIsOn(Dt.isAnchor),this.isOnCell=this.makeIsOn(Dt.isCell),this.isOnData=this.makeIsOn(Dt.isData)}var n,o,i;return n=t,(o=[{key:"nativeRange",value:function(){if(H.isW3CRangeSupport){var t=document.createRange();return t.setStart(this.sc,this.so),t.setEnd(this.ec,this.eo),t}var e=Ot({node:this.sc,offset:this.so});return e.setEndPoint("EndToEnd",Ot({node:this.ec,offset:this.eo})),e}},{key:"getPoints",value:function(){return{sc:this.sc,so:this.so,ec:this.ec,eo:this.eo}}},{key:"getStartPoint",value:function(){return{node:this.sc,offset:this.so}}},{key:"getEndPoint",value:function(){return{node:this.ec,offset:this.eo}}},{key:"select",value:function(){var t=this.nativeRange();if(H.isW3CRangeSupport){var e=document.getSelection();e.rangeCount>0&&e.removeAllRanges(),e.addRange(t)}else t.select();return this}},{key:"scrollIntoView",value:function(t){var n=e()(t).height();return t.scrollTop+n<this.sc.offsetTop&&(t.scrollTop+=Math.abs(t.scrollTop+n-this.sc.offsetTop)),this}},{key:"normalize",value:function(){var e=function(t,e){if(!t)return t;if(Dt.isVisiblePoint(t)&&(!Dt.isEdgePoint(t)||Dt.isRightEdgePoint(t)&&!e||Dt.isLeftEdgePoint(t)&&e||Dt.isRightEdgePoint(t)&&e&&Dt.isVoid(t.node.nextSibling)||Dt.isLeftEdgePoint(t)&&!e&&Dt.isVoid(t.node.previousSibling)||Dt.isBlock(t.node)&&Dt.isEmpty(t.node)))return t;var n=Dt.ancestor(t.node,Dt.isBlock),o=!1;if(!o){var i=Dt.prevPoint(t)||{node:null};o=(Dt.isLeftEdgePointOf(t,n)||Dt.isVoid(i.node))&&!e}var r=!1;if(!r){var a=Dt.nextPoint(t)||{node:null};r=(Dt.isRightEdgePointOf(t,n)||Dt.isVoid(a.node))&&e}if(o||r){if(Dt.isVisiblePoint(t))return t;e=!e}return(e?Dt.nextPointUntil(Dt.nextPoint(t),Dt.isVisiblePoint):Dt.prevPointUntil(Dt.prevPoint(t),Dt.isVisiblePoint))||t},n=e(this.getEndPoint(),!1),o=this.isCollapsed()?n:e(this.getStartPoint(),!0);return new t(o.node,o.offset,n.node,n.offset)}},{key:"nodes",value:function(t,e){t=t||z.ok;var n=e&&e.includeAncestor,o=e&&e.fullyContains,i=this.getStartPoint(),r=this.getEndPoint(),a=[],s=[];return Dt.walkPoint(i,r,(function(e){var i;Dt.isEditable(e.node)||(o?(Dt.isLeftEdgePoint(e)&&s.push(e.node),Dt.isRightEdgePoint(e)&&W.contains(s,e.node)&&(i=e.node)):i=n?Dt.ancestor(e.node,t):e.node,i&&t(i)&&a.push(i))}),!0),W.unique(a)}},{key:"commonAncestor",value:function(){return Dt.commonAncestor(this.sc,this.ec)}},{key:"expand",value:function(e){var n=Dt.ancestor(this.sc,e),o=Dt.ancestor(this.ec,e);if(!n&&!o)return new t(this.sc,this.so,this.ec,this.eo);var i=this.getPoints();return n&&(i.sc=n,i.so=0),o&&(i.ec=o,i.eo=Dt.nodeLength(o)),new t(i.sc,i.so,i.ec,i.eo)}},{key:"collapse",value:function(e){return e?new t(this.sc,this.so,this.sc,this.so):new t(this.ec,this.eo,this.ec,this.eo)}},{key:"splitText",value:function(){var e=this.sc===this.ec,n=this.getPoints();return Dt.isText(this.ec)&&!Dt.isEdgePoint(this.getEndPoint())&&this.ec.splitText(this.eo),Dt.isText(this.sc)&&!Dt.isEdgePoint(this.getStartPoint())&&(n.sc=this.sc.splitText(this.so),n.so=0,e&&(n.ec=n.sc,n.eo=this.eo-this.so)),new t(n.sc,n.so,n.ec,n.eo)}},{key:"deleteContents",value:function(){if(this.isCollapsed())return this;var n=this.splitText(),o=n.nodes(null,{fullyContains:!0}),i=Dt.prevPointUntil(n.getStartPoint(),(function(t){return!W.contains(o,t.node)})),r=[];return e().each(o,(function(t,e){var n=e.parentNode;i.node!==n&&1===Dt.nodeLength(n)&&r.push(n),Dt.remove(e,!1)})),e().each(r,(function(t,e){Dt.remove(e,!1)})),new t(i.node,i.offset,i.node,i.offset).normalize()}},{key:"makeIsOn",value:function(t){return function(){var e=Dt.ancestor(this.sc,t);return!!e&&e===Dt.ancestor(this.ec,t)}}},{key:"isLeftEdgeOf",value:function(t){if(!Dt.isLeftEdgePoint(this.getStartPoint()))return!1;var e=Dt.ancestor(this.sc,t);return e&&Dt.isLeftEdgeOf(this.sc,e)}},{key:"isCollapsed",value:function(){return this.sc===this.ec&&this.so===this.eo}},{key:"wrapBodyInlineWithPara",value:function(){if(Dt.isBodyContainer(this.sc)&&Dt.isEmpty(this.sc))return this.sc.innerHTML=Dt.emptyPara,new t(this.sc.firstChild,0,this.sc.firstChild,0);var e,n=this.normalize();if(Dt.isParaInline(this.sc)||Dt.isPara(this.sc))return n;if(Dt.isInline(n.sc)){var o=Dt.listAncestor(n.sc,z.not(Dt.isInline));e=W.last(o),Dt.isInline(e)||(e=o[o.length-2]||n.sc.childNodes[n.so])}else e=n.sc.childNodes[n.so>0?n.so-1:0];if(e){var i=Dt.listPrev(e,Dt.isParaInline).reverse();if((i=i.concat(Dt.listNext(e.nextSibling,Dt.isParaInline))).length){var r=Dt.wrap(W.head(i),"p");Dt.appendChildNodes(r,W.tail(i))}}return this.normalize()}},{key:"insertNode",value:function(t){var e=this;(Dt.isText(t)||Dt.isInline(t))&&(e=this.wrapBodyInlineWithPara().deleteContents());var n=Dt.splitPoint(e.getStartPoint(),Dt.isInline(t));return n.rightNode?(n.rightNode.parentNode.insertBefore(t,n.rightNode),Dt.isEmpty(n.rightNode)&&Dt.isPara(t)&&n.rightNode.parentNode.removeChild(n.rightNode)):n.container.appendChild(t),t}},{key:"pasteHTML",value:function(t){t=e().trim(t);var n=e()("<div></div>").html(t)[0],o=W.from(n.childNodes),i=this,r=!1;return i.so>=0&&(o=o.reverse(),r=!0),o=o.map((function(t){return i.insertNode(t)})),r&&(o=o.reverse()),o}},{key:"toString",value:function(){var t=this.nativeRange();return H.isW3CRangeSupport?t.toString():t.text}},{key:"getWordRange",value:function(e){var n=this.getEndPoint();if(!Dt.isCharPoint(n))return this;var o=Dt.prevPointUntil(n,(function(t){return!Dt.isCharPoint(t)}));return e&&(n=Dt.nextPointUntil(n,(function(t){return!Dt.isCharPoint(t)}))),new t(o.node,o.offset,n.node,n.offset)}},{key:"getWordsRange",value:function(e){var n=this.getEndPoint(),o=function(t){return!Dt.isCharPoint(t)&&!Dt.isSpacePoint(t)};if(o(n))return this;var i=Dt.prevPointUntil(n,o);return e&&(n=Dt.nextPointUntil(n,o)),new t(i.node,i.offset,n.node,n.offset)}},{key:"getWordsMatchRange",value:function(e){var n=this.getEndPoint(),o=Dt.prevPointUntil(n,(function(o){if(!Dt.isCharPoint(o)&&!Dt.isSpacePoint(o))return!0;var i=new t(o.node,o.offset,n.node,n.offset),r=e.exec(i.toString());return r&&0===r.index})),i=new t(o.node,o.offset,n.node,n.offset),r=i.toString(),a=e.exec(r);return a&&a[0].length===r.length?i:null}},{key:"bookmark",value:function(t){return{s:{path:Dt.makeOffsetPath(t,this.sc),offset:this.so},e:{path:Dt.makeOffsetPath(t,this.ec),offset:this.eo}}}},{key:"paraBookmark",value:function(t){return{s:{path:W.tail(Dt.makeOffsetPath(W.head(t),this.sc)),offset:this.so},e:{path:W.tail(Dt.makeOffsetPath(W.last(t),this.ec)),offset:this.eo}}}},{key:"getClientRects",value:function(){return this.nativeRange().getClientRects()}}])&&zt(n.prototype,o),i&&zt(n,i),t}();const jt={create:function(t,e,n,o){if(4===arguments.length)return new Ut(t,e,n,o);if(2===arguments.length)return new Ut(t,e,n=t,o=e);var i=this.createFromSelection();if(!i&&1===arguments.length){var r=arguments[0];return Dt.isEditable(r)&&(r=r.lastChild),this.createFromBodyElement(r,Dt.emptyPara===arguments[0].innerHTML)}return i},createFromBodyElement:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.createFromNode(t);return n.collapse(e)},createFromSelection:function(){var t,e,n,o;if(H.isW3CRangeSupport){var i=document.getSelection();if(!i||0===i.rangeCount)return null;if(Dt.isBody(i.anchorNode))return null;var r=i.getRangeAt(0);t=r.startContainer,e=r.startOffset,n=r.endContainer,o=r.endOffset}else{var a=document.selection.createRange(),s=a.duplicate();s.collapse(!1);var l=a;l.collapse(!0);var c=Mt(l,!0),u=Mt(s,!1);Dt.isText(c.node)&&Dt.isLeftEdgePoint(c)&&Dt.isTextNode(u.node)&&Dt.isRightEdgePoint(u)&&u.node.nextSibling===c.node&&(c=u),t=c.cont,e=c.offset,n=u.cont,o=u.offset}return new Ut(t,e,n,o)},createFromNode:function(t){var e=t,n=0,o=t,i=Dt.nodeLength(o);return Dt.isVoid(e)&&(n=Dt.listPrev(e).length-1,e=e.parentNode),Dt.isBR(o)?(i=Dt.listPrev(o).length-1,o=o.parentNode):Dt.isVoid(o)&&(i=Dt.listPrev(o).length,o=o.parentNode),this.create(e,n,o,i)},createFromNodeBefore:function(t){return this.createFromNode(t).collapse(!0)},createFromNodeAfter:function(t){return this.createFromNode(t).collapse()},createFromBookmark:function(t,e){var n=Dt.fromOffsetPath(t,e.s.path),o=e.s.offset,i=Dt.fromOffsetPath(t,e.e.path),r=e.e.offset;return new Ut(n,o,i,r)},createFromParaBookmark:function(t,e){var n=t.s.offset,o=t.e.offset,i=Dt.fromOffsetPath(W.head(e),t.s.path),r=Dt.fromOffsetPath(W.last(e),t.e.path);return new Ut(i,n,r,o)}};var Wt={BACKSPACE:8,TAB:9,ENTER:13,ESCAPE:27,SPACE:32,DELETE:46,LEFT:37,UP:38,RIGHT:39,DOWN:40,NUM0:48,NUM1:49,NUM2:50,NUM3:51,NUM4:52,NUM5:53,NUM6:54,NUM7:55,NUM8:56,B:66,E:69,I:73,J:74,K:75,L:76,R:82,S:83,U:85,V:86,Y:89,Z:90,SLASH:191,LEFTBRACKET:219,BACKSLASH:220,RIGHTBRACKET:221,HOME:36,END:35,PAGEUP:33,PAGEDOWN:34};const Kt={isEdit:function(t){return W.contains([Wt.BACKSPACE,Wt.TAB,Wt.ENTER,Wt.SPACE,Wt.DELETE],t)},isMove:function(t){return W.contains([Wt.LEFT,Wt.UP,Wt.RIGHT,Wt.DOWN],t)},isNavigation:function(t){return W.contains([Wt.HOME,Wt.END,Wt.PAGEUP,Wt.PAGEDOWN],t)},nameFromCode:z.invertObject(Wt),code:Wt};function qt(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Vt=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.stack=[],this.stackOffset=-1,this.context=e,this.$editable=e.layoutInfo.editable,this.editable=this.$editable[0]}var e,n,o;return e=t,(n=[{key:"makeSnapshot",value:function(){var t=jt.create(this.editable);return{contents:this.$editable.html(),bookmark:t&&t.isOnEditable()?t.bookmark(this.editable):{s:{path:[],offset:0},e:{path:[],offset:0}}}}},{key:"applySnapshot",value:function(t){null!==t.contents&&this.$editable.html(t.contents),null!==t.bookmark&&jt.createFromBookmark(this.editable,t.bookmark).select()}},{key:"rewind",value:function(){this.$editable.html()!==this.stack[this.stackOffset].contents&&this.recordUndo(),this.stackOffset=0,this.applySnapshot(this.stack[this.stackOffset])}},{key:"commit",value:function(){this.stack=[],this.stackOffset=-1,this.recordUndo()}},{key:"reset",value:function(){this.stack=[],this.stackOffset=-1,this.$editable.html(""),this.recordUndo()}},{key:"undo",value:function(){this.$editable.html()!==this.stack[this.stackOffset].contents&&this.recordUndo(),this.stackOffset>0&&(this.stackOffset--,this.applySnapshot(this.stack[this.stackOffset]))}},{key:"redo",value:function(){this.stack.length-1>this.stackOffset&&(this.stackOffset++,this.applySnapshot(this.stack[this.stackOffset]))}},{key:"recordUndo",value:function(){this.stackOffset++,this.stack.length>this.stackOffset&&(this.stack=this.stack.slice(0,this.stackOffset)),this.stack.push(this.makeSnapshot()),this.stack.length>this.context.options.historyLimit&&(this.stack.shift(),this.stackOffset-=1)}}])&&qt(e.prototype,n),o&&qt(e,o),t}();function _t(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Gt=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var n,o,i;return n=t,(o=[{key:"jQueryCSS",value:function(t,n){var o={};return e().each(n,(function(e,n){o[n]=t.css(n)})),o}},{key:"fromNode",value:function(t){var e=this.jQueryCSS(t,["font-family","font-size","text-align","list-style-type","line-height"])||{},n=t[0].style.fontSize||e["font-size"];return e["font-size"]=parseInt(n,10),e["font-size-unit"]=n.match(/[a-z%]+$/),e}},{key:"stylePara",value:function(t,n){e().each(t.nodes(Dt.isPara,{includeAncestor:!0}),(function(t,o){e()(o).css(n)}))}},{key:"styleNodes",value:function(t,n){t=t.splitText();var o=n&&n.nodeName||"SPAN",i=!(!n||!n.expandClosestSibling),r=!(!n||!n.onlyPartialContains);if(t.isCollapsed())return[t.insertNode(Dt.create(o))];var a=Dt.makePredByNodeName(o),s=t.nodes(Dt.isText,{fullyContains:!0}).map((function(t){return Dt.singleChildAncestor(t,a)||Dt.wrap(t,o)}));if(i){if(r){var l=t.nodes();a=z.and(a,(function(t){return W.contains(l,t)}))}return s.map((function(t){var n=Dt.withClosestSiblings(t,a),o=W.head(n),i=W.tail(n);return e().each(i,(function(t,e){Dt.appendChildNodes(o,e.childNodes),Dt.remove(e)})),W.head(n)}))}return s}},{key:"current",value:function(t){var n=e()(Dt.isElement(t.sc)?t.sc:t.sc.parentNode),o=this.fromNode(n);try{o=e().extend(o,{"font-bold":document.queryCommandState("bold")?"bold":"normal","font-italic":document.queryCommandState("italic")?"italic":"normal","font-underline":document.queryCommandState("underline")?"underline":"normal","font-subscript":document.queryCommandState("subscript")?"subscript":"normal","font-superscript":document.queryCommandState("superscript")?"superscript":"normal","font-strikethrough":document.queryCommandState("strikethrough")?"strikethrough":"normal","font-family":document.queryCommandValue("fontname")||o["font-family"]})}catch(t){}if(t.isOnList()){var i=["circle","disc","disc-leading-zero","square"].indexOf(o["list-style-type"])>-1;o["list-style"]=i?"unordered":"ordered"}else o["list-style"]="none";var r=Dt.ancestor(t.sc,Dt.isPara);if(r&&r.style["line-height"])o["line-height"]=r.style.lineHeight;else{var a=parseInt(o["line-height"],10)/parseInt(o["font-size"],10);o["line-height"]=a.toFixed(1)}return o.anchor=t.isOnAnchor()&&Dt.ancestor(t.sc,Dt.isAnchor),o.ancestors=Dt.listAncestor(t.sc,Dt.isEditable),o.range=t,o}}])&&_t(n.prototype,o),i&&_t(n,i),t}();function Yt(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Zt=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var n,o,i;return n=t,(o=[{key:"insertOrderedList",value:function(t){this.toggleList("OL",t)}},{key:"insertUnorderedList",value:function(t){this.toggleList("UL",t)}},{key:"indent",value:function(t){var n=this,o=jt.create(t).wrapBodyInlineWithPara(),i=o.nodes(Dt.isPara,{includeAncestor:!0}),r=W.clusterBy(i,z.peq2("parentNode"));e().each(r,(function(t,o){var i=W.head(o);if(Dt.isLi(i)){var r=n.findList(i.previousSibling);r?o.map((function(t){return r.appendChild(t)})):(n.wrapList(o,i.parentNode.nodeName),o.map((function(t){return t.parentNode})).map((function(t){return n.appendToPrevious(t)})))}else e().each(o,(function(t,n){e()(n).css("marginLeft",(function(t,e){return(parseInt(e,10)||0)+25}))}))})),o.select()}},{key:"outdent",value:function(t){var n=this,o=jt.create(t).wrapBodyInlineWithPara(),i=o.nodes(Dt.isPara,{includeAncestor:!0}),r=W.clusterBy(i,z.peq2("parentNode"));e().each(r,(function(t,o){var i=W.head(o);Dt.isLi(i)?n.releaseList([o]):e().each(o,(function(t,n){e()(n).css("marginLeft",(function(t,e){return(e=parseInt(e,10)||0)>25?e-25:""}))}))})),o.select()}},{key:"toggleList",value:function(t,n){var o=this,i=jt.create(n).wrapBodyInlineWithPara(),r=i.nodes(Dt.isPara,{includeAncestor:!0}),a=i.paraBookmark(r),s=W.clusterBy(r,z.peq2("parentNode"));if(W.find(r,Dt.isPurePara)){var l=[];e().each(s,(function(e,n){l=l.concat(o.wrapList(n,t))})),r=l}else{var c=i.nodes(Dt.isList,{includeAncestor:!0}).filter((function(n){return!e().nodeName(n,t)}));c.length?e().each(c,(function(e,n){Dt.replace(n,t)})):r=this.releaseList(s,!0)}jt.createFromParaBookmark(a,r).select()}},{key:"wrapList",value:function(t,e){var n=W.head(t),o=W.last(t),i=Dt.isList(n.previousSibling)&&n.previousSibling,r=Dt.isList(o.nextSibling)&&o.nextSibling,a=i||Dt.insertAfter(Dt.create(e||"UL"),o);return t=t.map((function(t){return Dt.isPurePara(t)?Dt.replace(t,"LI"):t})),Dt.appendChildNodes(a,t),r&&(Dt.appendChildNodes(a,W.from(r.childNodes)),Dt.remove(r)),t}},{key:"releaseList",value:function(t,n){var o=this,i=[];return e().each(t,(function(t,r){var a=W.head(r),s=W.last(r),l=n?Dt.lastAncestor(a,Dt.isList):a.parentNode,c=l.parentNode;if("LI"===l.parentNode.nodeName)r.map((function(t){var e=o.findNextSiblings(t);c.nextSibling?c.parentNode.insertBefore(t,c.nextSibling):c.parentNode.appendChild(t),e.length&&(o.wrapList(e,l.nodeName),t.appendChild(e[0].parentNode))})),0===l.children.length&&c.removeChild(l),0===c.childNodes.length&&c.parentNode.removeChild(c);else{var u=l.childNodes.length>1?Dt.splitTree(l,{node:s.parentNode,offset:Dt.position(s)+1},{isSkipPaddingBlankHTML:!0}):null,d=Dt.splitTree(l,{node:a.parentNode,offset:Dt.position(a)},{isSkipPaddingBlankHTML:!0});r=n?Dt.listDescendant(d,Dt.isLi):W.from(d.childNodes).filter(Dt.isLi),!n&&Dt.isList(l.parentNode)||(r=r.map((function(t){return Dt.replace(t,"P")}))),e().each(W.from(r).reverse(),(function(t,e){Dt.insertAfter(e,l)}));var h=W.compact([l,d,u]);e().each(h,(function(t,n){var o=[n].concat(Dt.listDescendant(n,Dt.isList));e().each(o.reverse(),(function(t,e){Dt.nodeLength(e)||Dt.remove(e,!0)}))}))}i=i.concat(r)})),i}},{key:"appendToPrevious",value:function(t){return t.previousSibling?Dt.appendChildNodes(t.previousSibling,[t]):this.wrapList([t],"LI")}},{key:"findList",value:function(t){return t?W.find(t.children,(function(t){return["OL","UL"].indexOf(t.nodeName)>-1})):null}},{key:"findNextSiblings",value:function(t){for(var e=[];t.nextSibling;)e.push(t.nextSibling),t=t.nextSibling;return e}}])&&Yt(n.prototype,o),i&&Yt(n,i),t}();function Xt(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Qt=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.bullet=new Zt,this.options=e.options}var n,o,i;return n=t,(o=[{key:"insertTab",value:function(t,e){var n=Dt.createText(new Array(e+1).join(Dt.NBSP_CHAR));(t=t.deleteContents()).insertNode(n,!0),(t=jt.create(n,e)).select()}},{key:"insertParagraph",value:function(t,n){n=(n=(n=n||jt.create(t)).deleteContents()).wrapBodyInlineWithPara();var o,i=Dt.ancestor(n.sc,Dt.isPara);if(i){if(Dt.isLi(i)&&(Dt.isEmpty(i)||Dt.deepestChildIsEmpty(i)))return void this.bullet.toggleList(i.parentNode.nodeName);var r=null;if(1===this.options.blockquoteBreakingLevel?r=Dt.ancestor(i,Dt.isBlockquote):2===this.options.blockquoteBreakingLevel&&(r=Dt.lastAncestor(i,Dt.isBlockquote)),r){o=e()(Dt.emptyPara)[0],Dt.isRightEdgePoint(n.getStartPoint())&&Dt.isBR(n.sc.nextSibling)&&e()(n.sc.nextSibling).remove();var a=Dt.splitTree(r,n.getStartPoint(),{isDiscardEmptySplits:!0});a?a.parentNode.insertBefore(o,a):Dt.insertAfter(o,r)}else{o=Dt.splitTree(i,n.getStartPoint());var s=Dt.listDescendant(i,Dt.isEmptyAnchor);s=s.concat(Dt.listDescendant(o,Dt.isEmptyAnchor)),e().each(s,(function(t,e){Dt.remove(e)})),(Dt.isHeading(o)||Dt.isPre(o)||Dt.isCustomStyleTag(o))&&Dt.isEmpty(o)&&(o=Dt.replace(o,"p"))}}else{var l=n.sc.childNodes[n.so];o=e()(Dt.emptyPara)[0],l?n.sc.insertBefore(o,l):n.sc.appendChild(o)}jt.create(o,0).normalize().select().scrollIntoView(t)}}])&&Xt(n.prototype,o),i&&Xt(n,i),t}();function Jt(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var te=function t(e,n,o,i){var r={colPos:0,rowPos:0},a=[],s=[];function l(t,e,n,o,i,r,s){var l={baseRow:n,baseCell:o,isRowSpan:i,isColSpan:r,isVirtual:s};a[t]||(a[t]=[]),a[t][e]=l}function c(t,e,n,o){return{baseCell:t.baseCell,action:e,virtualTable:{rowIndex:n,cellIndex:o}}}function u(t,e){if(!a[t])return e;if(!a[t][e])return e;for(var n=e;a[t][n];)if(n++,!a[t][n])return n}function d(t,e){var n=u(t.rowIndex,e.cellIndex),o=e.colSpan>1,i=e.rowSpan>1,a=t.rowIndex===r.rowPos&&e.cellIndex===r.colPos;l(t.rowIndex,n,t,e,i,o,!1);var s=e.attributes.rowSpan?parseInt(e.attributes.rowSpan.value,10):0;if(s>1)for(var c=1;c<s;c++){var d=t.rowIndex+c;h(d,n,e,a),l(d,n,t,e,!0,o,!0)}var f=e.attributes.colSpan?parseInt(e.attributes.colSpan.value,10):0;if(f>1)for(var p=1;p<f;p++){var m=u(t.rowIndex,n+p);h(t.rowIndex,m,e,a),l(t.rowIndex,m,t,e,i,!0,!0)}}function h(t,e,n,o){t===r.rowPos&&r.colPos>=n.cellIndex&&n.cellIndex<=e&&!o&&r.colPos++}function f(e){switch(n){case t.where.Column:if(e.isColSpan)return t.resultAction.SubtractSpanCount;break;case t.where.Row:if(!e.isVirtual&&e.isRowSpan)return t.resultAction.AddCell;if(e.isRowSpan)return t.resultAction.SubtractSpanCount}return t.resultAction.RemoveCell}function p(e){switch(n){case t.where.Column:if(e.isColSpan)return t.resultAction.SumSpanCount;if(e.isRowSpan&&e.isVirtual)return t.resultAction.Ignore;break;case t.where.Row:if(e.isRowSpan)return t.resultAction.SumSpanCount;if(e.isColSpan&&e.isVirtual)return t.resultAction.Ignore}return t.resultAction.AddCell}this.getActionList=function(){for(var e=n===t.where.Row?r.rowPos:-1,i=n===t.where.Column?r.colPos:-1,l=0,u=!0;u;){var d=e>=0?e:l,h=i>=0?i:l,m=a[d];if(!m)return u=!1,s;var v=m[h];if(!v)return u=!1,s;var g=t.resultAction.Ignore;switch(o){case t.requestAction.Add:g=p(v);break;case t.requestAction.Delete:g=f(v)}s.push(c(v,g,d,h)),l++}return s},e&&e.tagName&&("td"===e.tagName.toLowerCase()||"th"===e.tagName.toLowerCase())&&(r.colPos=e.cellIndex,e.parentElement&&e.parentElement.tagName&&"tr"===e.parentElement.tagName.toLowerCase()&&(r.rowPos=e.parentElement.rowIndex)),function(){for(var t=i.rows,e=0;e<t.length;e++)for(var n=t[e].cells,o=0;o<n.length;o++)d(t[e],n[o])}()};te.where={Row:0,Column:1},te.requestAction={Add:0,Delete:1},te.resultAction={Ignore:0,SubtractSpanCount:1,RemoveCell:2,AddCell:3,SumSpanCount:4};var ee=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}var n,o,i;return n=t,(o=[{key:"tab",value:function(t,e){var n=Dt.ancestor(t.commonAncestor(),Dt.isCell),o=Dt.ancestor(n,Dt.isTable),i=Dt.listDescendant(o,Dt.isCell),r=W[e?"prev":"next"](i,n);r&&jt.create(r,0).select()}},{key:"addRow",value:function(t,n){for(var o=Dt.ancestor(t.commonAncestor(),Dt.isCell),i=e()(o).closest("tr"),r=this.recoverAttributes(i),a=e()("<tr"+r+"></tr>"),s=new te(o,te.where.Row,te.requestAction.Add,e()(i).closest("table")[0]).getActionList(),l=0;l<s.length;l++){var c=s[l],u=this.recoverAttributes(c.baseCell);switch(c.action){case te.resultAction.AddCell:a.append("<td"+u+">"+Dt.blank+"</td>");break;case te.resultAction.SumSpanCount:if("top"===n&&(c.baseCell.parent?c.baseCell.closest("tr").rowIndex:0)<=i[0].rowIndex){var d=e()("<div></div>").append(e()("<td"+u+">"+Dt.blank+"</td>").removeAttr("rowspan")).html();a.append(d);break}var h=parseInt(c.baseCell.rowSpan,10);h++,c.baseCell.setAttribute("rowSpan",h)}}if("top"===n)i.before(a);else{if(o.rowSpan>1){var f=i[0].rowIndex+(o.rowSpan-2);return void e()(e()(i).parent().find("tr")[f]).after(e()(a))}i.after(a)}}},{key:"addCol",value:function(t,n){var o=Dt.ancestor(t.commonAncestor(),Dt.isCell),i=e()(o).closest("tr");e()(i).siblings().push(i);for(var r=new te(o,te.where.Column,te.requestAction.Add,e()(i).closest("table")[0]).getActionList(),a=0;a<r.length;a++){var s=r[a],l=this.recoverAttributes(s.baseCell);switch(s.action){case te.resultAction.AddCell:"right"===n?e()(s.baseCell).after("<td"+l+">"+Dt.blank+"</td>"):e()(s.baseCell).before("<td"+l+">"+Dt.blank+"</td>");break;case te.resultAction.SumSpanCount:if("right"===n){var c=parseInt(s.baseCell.colSpan,10);c++,s.baseCell.setAttribute("colSpan",c)}else e()(s.baseCell).before("<td"+l+">"+Dt.blank+"</td>")}}}},{key:"recoverAttributes",value:function(t){var e="";if(!t)return e;for(var n=t.attributes||[],o=0;o<n.length;o++)"id"!==n[o].name.toLowerCase()&&n[o].specified&&(e+=" "+n[o].name+"='"+n[o].value+"'");return e}},{key:"deleteRow",value:function(t){for(var n=Dt.ancestor(t.commonAncestor(),Dt.isCell),o=e()(n).closest("tr"),i=o.children("td, th").index(e()(n)),r=o[0].rowIndex,a=new te(n,te.where.Row,te.requestAction.Delete,e()(o).closest("table")[0]).getActionList(),s=0;s<a.length;s++)if(a[s]){var l=a[s].baseCell,c=a[s].virtualTable,u=l.rowSpan&&l.rowSpan>1,d=u?parseInt(l.rowSpan,10):0;switch(a[s].action){case te.resultAction.Ignore:continue;case te.resultAction.AddCell:var h=o.next("tr")[0];if(!h)continue;var f=o[0].cells[i];u&&(d>2?(d--,h.insertBefore(f,h.cells[i]),h.cells[i].setAttribute("rowSpan",d),h.cells[i].innerHTML=""):2===d&&(h.insertBefore(f,h.cells[i]),h.cells[i].removeAttribute("rowSpan"),h.cells[i].innerHTML=""));continue;case te.resultAction.SubtractSpanCount:u&&(d>2?(d--,l.setAttribute("rowSpan",d),c.rowIndex!==r&&l.cellIndex===i&&(l.innerHTML="")):2===d&&(l.removeAttribute("rowSpan"),c.rowIndex!==r&&l.cellIndex===i&&(l.innerHTML="")));continue;case te.resultAction.RemoveCell:continue}}o.remove()}},{key:"deleteCol",value:function(t){for(var n=Dt.ancestor(t.commonAncestor(),Dt.isCell),o=e()(n).closest("tr"),i=o.children("td, th").index(e()(n)),r=new te(n,te.where.Column,te.requestAction.Delete,e()(o).closest("table")[0]).getActionList(),a=0;a<r.length;a++)if(r[a])switch(r[a].action){case te.resultAction.Ignore:continue;case te.resultAction.SubtractSpanCount:var s=r[a].baseCell;if(s.colSpan&&s.colSpan>1){var l=s.colSpan?parseInt(s.colSpan,10):0;l>2?(l--,s.setAttribute("colSpan",l),s.cellIndex===i&&(s.innerHTML="")):2===l&&(s.removeAttribute("colSpan"),s.cellIndex===i&&(s.innerHTML=""))}continue;case te.resultAction.RemoveCell:Dt.remove(r[a].baseCell,!0);continue}}},{key:"createTable",value:function(t,n,o){for(var i,r=[],a=0;a<t;a++)r.push("<td>"+Dt.blank+"</td>");i=r.join("");for(var s,l=[],c=0;c<n;c++)l.push("<tr>"+i+"</tr>");s=l.join("");var u=e()("<table>"+s+"</table>");return o&&o.tableClassName&&u.addClass(o.tableClassName),u[0]}},{key:"deleteTable",value:function(t){var n=Dt.ancestor(t.commonAncestor(),Dt.isCell);e()(n).closest("table").remove()}}])&&Jt(n.prototype,o),i&&Jt(n,i),t}();function ne(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var oe=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.$note=n.layoutInfo.note,this.$editor=n.layoutInfo.editor,this.$editable=n.layoutInfo.editable,this.options=n.options,this.lang=this.options.langInfo,this.editable=this.$editable[0],this.lastRange=null,this.snapshot=null,this.style=new Gt,this.table=new ee,this.typing=new Qt(n),this.bullet=new Zt,this.history=new Vt(n),this.context.memo("help.escape",this.lang.help.escape),this.context.memo("help.undo",this.lang.help.undo),this.context.memo("help.redo",this.lang.help.redo),this.context.memo("help.tab",this.lang.help.tab),this.context.memo("help.untab",this.lang.help.untab),this.context.memo("help.insertParagraph",this.lang.help.insertParagraph),this.context.memo("help.insertOrderedList",this.lang.help.insertOrderedList),this.context.memo("help.insertUnorderedList",this.lang.help.insertUnorderedList),this.context.memo("help.indent",this.lang.help.indent),this.context.memo("help.outdent",this.lang.help.outdent),this.context.memo("help.formatPara",this.lang.help.formatPara),this.context.memo("help.insertHorizontalRule",this.lang.help.insertHorizontalRule),this.context.memo("help.fontName",this.lang.help.fontName);for(var i=["bold","italic","underline","strikethrough","superscript","subscript","justifyLeft","justifyCenter","justifyRight","justifyFull","formatBlock","removeFormat","backColor"],r=0,a=i.length;r<a;r++)this[i[r]]=function(t){return function(e){o.beforeCommand(),document.execCommand(t,!1,e),o.afterCommand(!0)}}(i[r]),this.context.memo("help."+i[r],this.lang.help[i[r]]);this.fontName=this.wrapCommand((function(t){return o.fontStyling("font-family",H.validFontName(t))})),this.fontSize=this.wrapCommand((function(t){var e=o.currentStyle()["font-size-unit"];return o.fontStyling("font-size",t+e)})),this.fontSizeUnit=this.wrapCommand((function(t){var e=o.currentStyle()["font-size"];return o.fontStyling("font-size",e+t)}));for(var s=1;s<=6;s++)this["formatH"+s]=function(t){return function(){o.formatBlock("H"+t)}}(s),this.context.memo("help.formatH"+s,this.lang.help["formatH"+s]);this.insertParagraph=this.wrapCommand((function(){o.typing.insertParagraph(o.editable)})),this.insertOrderedList=this.wrapCommand((function(){o.bullet.insertOrderedList(o.editable)})),this.insertUnorderedList=this.wrapCommand((function(){o.bullet.insertUnorderedList(o.editable)})),this.indent=this.wrapCommand((function(){o.bullet.indent(o.editable)})),this.outdent=this.wrapCommand((function(){o.bullet.outdent(o.editable)})),this.insertNode=this.wrapCommand((function(t){o.isLimited(e()(t).text().length)||(o.getLastRange().insertNode(t),o.setLastRange(jt.createFromNodeAfter(t).select()))})),this.insertText=this.wrapCommand((function(t){if(!o.isLimited(t.length)){var e=o.getLastRange().insertNode(Dt.createText(t));o.setLastRange(jt.create(e,Dt.nodeLength(e)).select())}})),this.pasteHTML=this.wrapCommand((function(t){if(!o.isLimited(t.length)){t=o.context.invoke("codeview.purify",t);var e=o.getLastRange().pasteHTML(t);o.setLastRange(jt.createFromNodeAfter(W.last(e)).select())}})),this.formatBlock=this.wrapCommand((function(t,e){var n=o.options.callbacks.onApplyCustomStyle;n?n.call(o,e,o.context,o.onFormatBlock):o.onFormatBlock(t,e)})),this.insertHorizontalRule=this.wrapCommand((function(){var t=o.getLastRange().insertNode(Dt.create("HR"));t.nextSibling&&o.setLastRange(jt.create(t.nextSibling,0).normalize().select())})),this.lineHeight=this.wrapCommand((function(t){o.style.stylePara(o.getLastRange(),{lineHeight:t})})),this.createLink=this.wrapCommand((function(t){var n=t.url,i=t.text,r=t.isNewWindow,a=t.checkProtocol,s=t.range||o.getLastRange(),l=i.length-s.toString().length;if(!(l>0&&o.isLimited(l))){var c=s.toString()!==i;"string"==typeof n&&(n=n.trim()),o.options.onCreateLink?n=o.options.onCreateLink(n):a&&(n=/^([A-Za-z][A-Za-z0-9+-.]*\:|#|\/)/.test(n)?n:o.options.defaultProtocol+n);var u=[];if(c){var d=(s=s.deleteContents()).insertNode(e()("<A>"+i+"</A>")[0]);u.push(d)}else u=o.style.styleNodes(s,{nodeName:"A",expandClosestSibling:!0,onlyPartialContains:!0});e().each(u,(function(t,o){e()(o).attr("href",n),r?e()(o).attr("target","_blank"):e()(o).removeAttr("target")})),o.setLastRange(o.createRangeFromList(u).select())}})),this.color=this.wrapCommand((function(t){var e=t.foreColor,n=t.backColor;e&&document.execCommand("foreColor",!1,e),n&&document.execCommand("backColor",!1,n)})),this.foreColor=this.wrapCommand((function(t){document.execCommand("foreColor",!1,t)})),this.insertTable=this.wrapCommand((function(t){var e=t.split("x");o.getLastRange().deleteContents().insertNode(o.table.createTable(e[0],e[1],o.options))})),this.removeMedia=this.wrapCommand((function(){var t=e()(o.restoreTarget()).parent();t.closest("figure").length?t.closest("figure").remove():t=e()(o.restoreTarget()).detach(),o.context.triggerEvent("media.delete",t,o.$editable)})),this.floatMe=this.wrapCommand((function(t){var n=e()(o.restoreTarget());n.toggleClass("note-float-left","left"===t),n.toggleClass("note-float-right","right"===t),n.css("float","none"===t?"":t)})),this.resize=this.wrapCommand((function(t){var n=e()(o.restoreTarget());0===(t=parseFloat(t))?n.css("width",""):n.css({width:100*t+"%",height:""})}))}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){var t=this;this.$editable.on("keydown",(function(e){if(e.keyCode===Kt.code.ENTER&&t.context.triggerEvent("enter",e),t.context.triggerEvent("keydown",e),t.snapshot=t.history.makeSnapshot(),t.hasKeyShortCut=!1,e.isDefaultPrevented()||(t.options.shortcuts?t.hasKeyShortCut=t.handleKeyMap(e):t.preventDefaultEditableShortCuts(e)),t.isLimited(1,e)){var n=t.getLastRange();if(n.eo-n.so==0)return!1}t.setLastRange(),t.options.recordEveryKeystroke&&!1===t.hasKeyShortCut&&t.history.recordUndo()})).on("keyup",(function(e){t.setLastRange(),t.context.triggerEvent("keyup",e)})).on("focus",(function(e){t.setLastRange(),t.context.triggerEvent("focus",e)})).on("blur",(function(e){t.context.triggerEvent("blur",e)})).on("mousedown",(function(e){t.context.triggerEvent("mousedown",e)})).on("mouseup",(function(e){t.setLastRange(),t.history.recordUndo(),t.context.triggerEvent("mouseup",e)})).on("scroll",(function(e){t.context.triggerEvent("scroll",e)})).on("paste",(function(e){t.setLastRange(),t.context.triggerEvent("paste",e)})).on("input",(function(){t.isLimited(0)&&t.snapshot&&t.history.applySnapshot(t.snapshot)})),this.$editable.attr("spellcheck",this.options.spellCheck),this.$editable.attr("autocorrect",this.options.spellCheck),this.options.disableGrammar&&this.$editable.attr("data-gramm",!1),this.$editable.html(Dt.html(this.$note)||Dt.emptyPara),this.$editable.on(H.inputEventName,z.debounce((function(){t.context.triggerEvent("change",t.$editable.html(),t.$editable)}),10)),this.$editable.on("focusin",(function(e){t.context.triggerEvent("focusin",e)})).on("focusout",(function(e){t.context.triggerEvent("focusout",e)})),this.options.airMode?this.options.overrideContextMenu&&this.$editor.on("contextmenu",(function(e){return t.context.triggerEvent("contextmenu",e),!1})):(this.options.width&&this.$editor.outerWidth(this.options.width),this.options.height&&this.$editable.outerHeight(this.options.height),this.options.maxHeight&&this.$editable.css("max-height",this.options.maxHeight),this.options.minHeight&&this.$editable.css("min-height",this.options.minHeight)),this.history.recordUndo(),this.setLastRange()}},{key:"destroy",value:function(){this.$editable.off()}},{key:"handleKeyMap",value:function(t){var e=this.options.keyMap[H.isMac?"mac":"pc"],n=[];t.metaKey&&n.push("CMD"),t.ctrlKey&&!t.altKey&&n.push("CTRL"),t.shiftKey&&n.push("SHIFT");var o=Kt.nameFromCode[t.keyCode];o&&n.push(o);var i=e[n.join("+")];if("TAB"!==o||this.options.tabDisable)if(i){if(!1!==this.context.invoke(i))return t.preventDefault(),!0}else Kt.isEdit(t.keyCode)&&this.afterCommand();else this.afterCommand();return!1}},{key:"preventDefaultEditableShortCuts",value:function(t){(t.ctrlKey||t.metaKey)&&W.contains([66,73,85],t.keyCode)&&t.preventDefault()}},{key:"isLimited",value:function(t,e){return t=t||0,(void 0===e||!(Kt.isMove(e.keyCode)||Kt.isNavigation(e.keyCode)||e.ctrlKey||e.metaKey||W.contains([Kt.code.BACKSPACE,Kt.code.DELETE],e.keyCode)))&&this.options.maxTextLength>0&&this.$editable.text().length+t>this.options.maxTextLength}},{key:"createRange",value:function(){return this.focus(),this.setLastRange(),this.getLastRange()}},{key:"createRangeFromList",value:function(t){var e=jt.createFromNodeBefore(W.head(t)).getStartPoint(),n=jt.createFromNodeAfter(W.last(t)).getEndPoint();return jt.create(e.node,e.offset,n.node,n.offset)}},{key:"setLastRange",value:function(t){t?this.lastRange=t:(this.lastRange=jt.create(this.editable),0===e()(this.lastRange.sc).closest(".note-editable").length&&(this.lastRange=jt.createFromBodyElement(this.editable)))}},{key:"getLastRange",value:function(){return this.lastRange||this.setLastRange(),this.lastRange}},{key:"saveRange",value:function(t){t&&this.getLastRange().collapse().select()}},{key:"restoreRange",value:function(){this.lastRange&&(this.lastRange.select(),this.focus())}},{key:"saveTarget",value:function(t){this.$editable.data("target",t)}},{key:"clearTarget",value:function(){this.$editable.removeData("target")}},{key:"restoreTarget",value:function(){return this.$editable.data("target")}},{key:"currentStyle",value:function(){var t=jt.create();return t&&(t=t.normalize()),t?this.style.current(t):this.style.fromNode(this.$editable)}},{key:"styleFromNode",value:function(t){return this.style.fromNode(t)}},{key:"undo",value:function(){this.context.triggerEvent("before.command",this.$editable.html()),this.history.undo(),this.context.triggerEvent("change",this.$editable.html(),this.$editable)}},{key:"commit",value:function(){this.context.triggerEvent("before.command",this.$editable.html()),this.history.commit(),this.context.triggerEvent("change",this.$editable.html(),this.$editable)}},{key:"redo",value:function(){this.context.triggerEvent("before.command",this.$editable.html()),this.history.redo(),this.context.triggerEvent("change",this.$editable.html(),this.$editable)}},{key:"beforeCommand",value:function(){this.context.triggerEvent("before.command",this.$editable.html()),document.execCommand("styleWithCSS",!1,this.options.styleWithCSS),this.focus()}},{key:"afterCommand",value:function(t){this.normalizeContent(),this.history.recordUndo(),t||this.context.triggerEvent("change",this.$editable.html(),this.$editable)}},{key:"tab",value:function(){var t=this.getLastRange();if(t.isCollapsed()&&t.isOnCell())this.table.tab(t);else{if(0===this.options.tabSize)return!1;this.isLimited(this.options.tabSize)||(this.beforeCommand(),this.typing.insertTab(t,this.options.tabSize),this.afterCommand())}}},{key:"untab",value:function(){var t=this.getLastRange();if(t.isCollapsed()&&t.isOnCell())this.table.tab(t,!0);else if(0===this.options.tabSize)return!1}},{key:"wrapCommand",value:function(t){return function(){this.beforeCommand(),t.apply(this,arguments),this.afterCommand()}}},{key:"insertImage",value:function(t,n){var o,i=this;return(o=t,e().Deferred((function(t){var n=e()("<img>");n.one("load",(function(){n.off("error abort"),t.resolve(n)})).one("error abort",(function(){n.off("load").detach(),t.reject(n)})).css({display:"none"}).appendTo(document.body).attr("src",o)})).promise()).then((function(t){i.beforeCommand(),"function"==typeof n?n(t):("string"==typeof n&&t.attr("data-filename",n),t.css("width",Math.min(i.$editable.width(),t.width()))),t.show(),i.getLastRange().insertNode(t[0]),i.setLastRange(jt.createFromNodeAfter(t[0]).select()),i.afterCommand()})).fail((function(t){i.context.triggerEvent("image.upload.error",t)}))}},{key:"insertImagesAsDataURL",value:function(t){var n=this;e().each(t,(function(t,o){var i=o.name;n.options.maximumImageFileSize&&n.options.maximumImageFileSize<o.size?n.context.triggerEvent("image.upload.error",n.lang.image.maximumFileSizeError):function(t){return e().Deferred((function(n){e().extend(new FileReader,{onload:function(t){var e=t.target.result;n.resolve(e)},onerror:function(t){n.reject(t)}}).readAsDataURL(t)})).promise()}(o).then((function(t){return n.insertImage(t,i)})).fail((function(){n.context.triggerEvent("image.upload.error")}))}))}},{key:"insertImagesOrCallback",value:function(t){this.options.callbacks.onImageUpload?this.context.triggerEvent("image.upload",t):this.insertImagesAsDataURL(t)}},{key:"getSelectedText",value:function(){var t=this.getLastRange();return t.isOnAnchor()&&(t=jt.createFromNode(Dt.ancestor(t.sc,Dt.isAnchor))),t.toString()}},{key:"onFormatBlock",value:function(t,n){if(document.execCommand("FormatBlock",!1,H.isMSIE?"<"+t+">":t),n&&n.length&&(n[0].tagName.toUpperCase()!==t.toUpperCase()&&(n=n.find(t)),n&&n.length)){var o=this.createRange(),i=e()([o.sc,o.ec]).closest(t);i.removeClass();var r=n[0].className||"";r&&i.addClass(r)}}},{key:"formatPara",value:function(){this.formatBlock("P")}},{key:"fontStyling",value:function(t,n){var o=this.getLastRange();if(""!==o){var i=this.style.styleNodes(o);if(this.$editor.find(".note-status-output").html(""),e()(i).css(t,n),o.isCollapsed()){var r=W.head(i);r&&!Dt.nodeLength(r)&&(r.innerHTML=Dt.ZERO_WIDTH_NBSP_CHAR,jt.createFromNode(r.firstChild).select(),this.setLastRange(),this.$editable.data("bogus",r))}else this.setLastRange(this.createRangeFromList(i).select())}else{var a=e().now();this.$editor.find(".note-status-output").html('<div id="note-status-output-'+a+'" class="alert alert-info">'+this.lang.output.noSelection+"</div>"),setTimeout((function(){e()("#note-status-output-"+a).remove()}),5e3)}}},{key:"unlink",value:function(){var t=this.getLastRange();if(t.isOnAnchor()){var e=Dt.ancestor(t.sc,Dt.isAnchor);(t=jt.createFromNode(e)).select(),this.setLastRange(),this.beforeCommand(),document.execCommand("unlink"),this.afterCommand()}}},{key:"getLinkInfo",value:function(){var t=this.getLastRange().expand(Dt.isAnchor),n=e()(W.head(t.nodes(Dt.isAnchor))),o={range:t,text:t.toString(),url:n.length?n.attr("href"):""};return n.length&&(o.isNewWindow="_blank"===n.attr("target")),o}},{key:"addRow",value:function(t){var e=this.getLastRange(this.$editable);e.isCollapsed()&&e.isOnCell()&&(this.beforeCommand(),this.table.addRow(e,t),this.afterCommand())}},{key:"addCol",value:function(t){var e=this.getLastRange(this.$editable);e.isCollapsed()&&e.isOnCell()&&(this.beforeCommand(),this.table.addCol(e,t),this.afterCommand())}},{key:"deleteRow",value:function(){var t=this.getLastRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteRow(t),this.afterCommand())}},{key:"deleteCol",value:function(){var t=this.getLastRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteCol(t),this.afterCommand())}},{key:"deleteTable",value:function(){var t=this.getLastRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteTable(t),this.afterCommand())}},{key:"resizeTo",value:function(t,e,n){var o;if(n){var i=t.y/t.x,r=e.data("ratio");o={width:r>i?t.x:t.y/r,height:r>i?t.x*r:t.y}}else o={width:t.x,height:t.y};e.css(o)}},{key:"hasFocus",value:function(){return this.$editable.is(":focus")}},{key:"focus",value:function(){this.hasFocus()||this.$editable.focus()}},{key:"isEmpty",value:function(){return Dt.isEmpty(this.$editable[0])||Dt.emptyPara===this.$editable.html()}},{key:"empty",value:function(){this.context.invoke("code",Dt.emptyPara)}},{key:"normalizeContent",value:function(){this.$editable[0].normalize()}}])&&ne(n.prototype,o),i&&ne(n,i),t}();function ie(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var re=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=e,this.$editable=e.layoutInfo.editable}var e,n,o;return e=t,(n=[{key:"initialize",value:function(){this.$editable.on("paste",this.pasteByEvent.bind(this))}},{key:"pasteByEvent",value:function(t){var e=this,n=t.originalEvent.clipboardData;if(n&&n.items&&n.items.length){var o=n.items.length>1?n.items[1]:W.head(n.items);"file"===o.kind&&-1!==o.type.indexOf("image/")?(this.context.invoke("editor.insertImagesOrCallback",[o.getAsFile()]),t.preventDefault()):"string"===o.kind&&this.context.invoke("editor.isLimited",n.getData("Text").length)&&t.preventDefault()}else if(window.clipboardData){var i=window.clipboardData.getData("text");this.context.invoke("editor.isLimited",i.length)&&t.preventDefault()}setTimeout((function(){e.context.invoke("editor.afterCommand")}),10)}}])&&ie(e.prototype,n),o&&ie(e,o),t}();function ae(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var se=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.$eventListener=e()(document),this.$editor=n.layoutInfo.editor,this.$editable=n.layoutInfo.editable,this.options=n.options,this.lang=this.options.langInfo,this.documentEventHandlers={},this.$dropzone=e()(['<div class="note-dropzone">','<div class="note-dropzone-message"></div>',"</div>"].join("")).prependTo(this.$editor)}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){this.options.disableDragAndDrop?(this.documentEventHandlers.onDrop=function(t){t.preventDefault()},this.$eventListener=this.$dropzone,this.$eventListener.on("drop",this.documentEventHandlers.onDrop)):this.attachDragAndDropEvent()}},{key:"attachDragAndDropEvent",value:function(){var t=this,n=e()(),o=this.$dropzone.find(".note-dropzone-message");this.documentEventHandlers.onDragenter=function(e){var i=t.context.invoke("codeview.isActivated"),r=t.$editor.width()>0&&t.$editor.height()>0;i||n.length||!r||(t.$editor.addClass("dragover"),t.$dropzone.width(t.$editor.width()),t.$dropzone.height(t.$editor.height()),o.text(t.lang.image.dragImageHere)),n=n.add(e.target)},this.documentEventHandlers.onDragleave=function(o){(n=n.not(o.target)).length&&"BODY"!==o.target.nodeName||(n=e()(),t.$editor.removeClass("dragover"))},this.documentEventHandlers.onDrop=function(){n=e()(),t.$editor.removeClass("dragover")},this.$eventListener.on("dragenter",this.documentEventHandlers.onDragenter).on("dragleave",this.documentEventHandlers.onDragleave).on("drop",this.documentEventHandlers.onDrop),this.$dropzone.on("dragenter",(function(){t.$dropzone.addClass("hover"),o.text(t.lang.image.dropImage)})).on("dragleave",(function(){t.$dropzone.removeClass("hover"),o.text(t.lang.image.dragImageHere)})),this.$dropzone.on("drop",(function(n){var o=n.originalEvent.dataTransfer;n.preventDefault(),o&&o.files&&o.files.length?(t.$editable.focus(),t.context.invoke("editor.insertImagesOrCallback",o.files)):e().each(o.types,(function(n,i){if(!(i.toLowerCase().indexOf("_moz_")>-1)){var r=o.getData(i);i.toLowerCase().indexOf("text")>-1?t.context.invoke("editor.pasteHTML",r):e()(r).each((function(e,n){t.context.invoke("editor.insertNode",n)}))}}))})).on("dragover",!1)}},{key:"destroy",value:function(){var t=this;Object.keys(this.documentEventHandlers).forEach((function(e){t.$eventListener.off(e.substr(2).toLowerCase(),t.documentEventHandlers[e])})),this.documentEventHandlers={}}}])&&ae(n.prototype,o),i&&ae(n,i),t}();function le(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return ce(t,e);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(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ce(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var o=0,i=function(){};return{s:i,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,a=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return a=t.done,t},e:function(t){s=!0,r=t},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw r}}}}function ce(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}function ue(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var de=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=e,this.$editor=e.layoutInfo.editor,this.$editable=e.layoutInfo.editable,this.$codable=e.layoutInfo.codable,this.options=e.options,this.CodeMirrorConstructor=window.CodeMirror,this.options.codemirror.CodeMirrorConstructor&&(this.CodeMirrorConstructor=this.options.codemirror.CodeMirrorConstructor)}var e,n,o;return e=t,(n=[{key:"sync",value:function(t){var e=this.isActivated(),n=this.CodeMirrorConstructor;e&&(t?n?this.$codable.data("cmEditor").getDoc().setValue(t):this.$codable.val(t):n&&this.$codable.data("cmEditor").save())}},{key:"initialize",value:function(){var t=this;this.$codable.on("keyup",(function(e){e.keyCode===Kt.code.ESCAPE&&t.deactivate()}))}},{key:"isActivated",value:function(){return this.$editor.hasClass("codeview")}},{key:"toggle",value:function(){this.isActivated()?this.deactivate():this.activate(),this.context.triggerEvent("codeview.toggled")}},{key:"purify",value:function(t){if(this.options.codeviewFilter&&(t=t.replace(this.options.codeviewFilterRegex,""),this.options.codeviewIframeFilter)){var e=this.options.codeviewIframeWhitelistSrc.concat(this.options.codeviewIframeWhitelistSrcBase);t=t.replace(/(<iframe.*?>.*?(?:<\/iframe>)?)/gi,(function(t){if(/<.+src(?==?('|"|\s)?)[\s\S]+src(?=('|"|\s)?)[^>]*?>/i.test(t))return"";var n,o=le(e);try{for(o.s();!(n=o.n()).done;){var i=n.value;if(new RegExp('src="(https?:)?//'+i.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")+'/(.+)"').test(t))return t}}catch(t){o.e(t)}finally{o.f()}return""}))}return t}},{key:"activate",value:function(){var t=this,e=this.CodeMirrorConstructor;if(this.$codable.val(Dt.html(this.$editable,this.options.prettifyHtml)),this.$codable.height(this.$editable.height()),this.context.invoke("toolbar.updateCodeview",!0),this.context.invoke("airPopover.updateCodeview",!0),this.$editor.addClass("codeview"),this.$codable.focus(),e){var n=e.fromTextArea(this.$codable[0],this.options.codemirror);if(this.options.codemirror.tern){var o=new e.TernServer(this.options.codemirror.tern);n.ternServer=o,n.on("cursorActivity",(function(t){o.updateArgHints(t)}))}n.on("blur",(function(e){t.context.triggerEvent("blur.codeview",n.getValue(),e)})),n.on("change",(function(){t.context.triggerEvent("change.codeview",n.getValue(),n)})),n.setSize(null,this.$editable.outerHeight()),this.$codable.data("cmEditor",n)}else this.$codable.on("blur",(function(e){t.context.triggerEvent("blur.codeview",t.$codable.val(),e)})),this.$codable.on("input",(function(){t.context.triggerEvent("change.codeview",t.$codable.val(),t.$codable)}))}},{key:"deactivate",value:function(){if(this.CodeMirrorConstructor){var t=this.$codable.data("cmEditor");this.$codable.val(t.getValue()),t.toTextArea()}var e=this.purify(Dt.value(this.$codable,this.options.prettifyHtml)||Dt.emptyPara),n=this.$editable.html()!==e;this.$editable.html(e),this.$editable.height(this.options.height?this.$codable.height():"auto"),this.$editor.removeClass("codeview"),n&&this.context.triggerEvent("change",this.$editable.html(),this.$editable),this.$editable.focus(),this.context.invoke("toolbar.updateCodeview",!1),this.context.invoke("airPopover.updateCodeview",!1)}},{key:"destroy",value:function(){this.isActivated()&&this.deactivate()}}])&&ue(e.prototype,n),o&&ue(e,o),t}();function he(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var fe=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$document=e()(document),this.$statusbar=n.layoutInfo.statusbar,this.$editable=n.layoutInfo.editable,this.$codable=n.layoutInfo.codable,this.options=n.options}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){var t=this;this.options.airMode||this.options.disableResizeEditor?this.destroy():this.$statusbar.on("mousedown",(function(e){e.preventDefault(),e.stopPropagation();var n=t.$editable.offset().top-t.$document.scrollTop(),o=t.$codable.offset().top-t.$document.scrollTop(),i=function(e){var i=e.clientY-(n+24),r=e.clientY-(o+24);i=t.options.minheight>0?Math.max(i,t.options.minheight):i,i=t.options.maxHeight>0?Math.min(i,t.options.maxHeight):i,r=t.options.minheight>0?Math.max(r,t.options.minheight):r,r=t.options.maxHeight>0?Math.min(r,t.options.maxHeight):r,t.$editable.height(i),t.$codable.height(r)};t.$document.on("mousemove",i).one("mouseup",(function(){t.$document.off("mousemove",i)}))}))}},{key:"destroy",value:function(){this.$statusbar.off(),this.$statusbar.addClass("locked")}}])&&he(n.prototype,o),i&&he(n,i),t}();function pe(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var me=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.$editor=n.layoutInfo.editor,this.$toolbar=n.layoutInfo.toolbar,this.$editable=n.layoutInfo.editable,this.$codable=n.layoutInfo.codable,this.$window=e()(window),this.$scrollbar=e()("html, body"),this.scrollbarClassName="note-fullscreen-body",this.onResize=function(){o.resizeTo({h:o.$window.height()-o.$toolbar.outerHeight()})}}var n,o,i;return n=t,(o=[{key:"resizeTo",value:function(t){this.$editable.css("height",t.h),this.$codable.css("height",t.h),this.$codable.data("cmeditor")&&this.$codable.data("cmeditor").setsize(null,t.h)}},{key:"toggle",value:function(){this.$editor.toggleClass("fullscreen");var t=this.isFullscreen();this.$scrollbar.toggleClass(this.scrollbarClassName,t),t?(this.$editable.data("orgHeight",this.$editable.css("height")),this.$editable.data("orgMaxHeight",this.$editable.css("maxHeight")),this.$editable.css("maxHeight",""),this.$window.on("resize",this.onResize).trigger("resize")):(this.$window.off("resize",this.onResize),this.resizeTo({h:this.$editable.data("orgHeight")}),this.$editable.css("maxHeight",this.$editable.css("orgMaxHeight"))),this.context.invoke("toolbar.updateFullscreen",t)}},{key:"isFullscreen",value:function(){return this.$editor.hasClass("fullscreen")}},{key:"destroy",value:function(){this.$scrollbar.removeClass(this.scrollbarClassName)}}])&&pe(n.prototype,o),i&&pe(n,i),t}();function ve(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var ge=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.$document=e()(document),this.$editingArea=n.layoutInfo.editingArea,this.options=n.options,this.lang=this.options.langInfo,this.events={"summernote.mousedown":function(t,e){o.update(e.target,e)&&e.preventDefault()},"summernote.keyup summernote.scroll summernote.change summernote.dialog.shown":function(){o.update()},"summernote.disable summernote.blur":function(){o.hide()},"summernote.codeview.toggled":function(){o.update()}}}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){var t=this;this.$handle=e()(['<div class="note-handle">','<div class="note-control-selection">','<div class="note-control-selection-bg"></div>','<div class="note-control-holder note-control-nw"></div>','<div class="note-control-holder note-control-ne"></div>','<div class="note-control-holder note-control-sw"></div>','<div class="',this.options.disableResizeImage?"note-control-holder":"note-control-sizing",' note-control-se"></div>',this.options.disableResizeImage?"":'<div class="note-control-selection-info"></div>',"</div>","</div>"].join("")).prependTo(this.$editingArea),this.$handle.on("mousedown",(function(e){if(Dt.isControlSizing(e.target)){e.preventDefault(),e.stopPropagation();var n=t.$handle.find(".note-control-selection").data("target"),o=n.offset(),i=t.$document.scrollTop(),r=function(e){t.context.invoke("editor.resizeTo",{x:e.clientX-o.left,y:e.clientY-(o.top-i)},n,!e.shiftKey),t.update(n[0],e)};t.$document.on("mousemove",r).one("mouseup",(function(e){e.preventDefault(),t.$document.off("mousemove",r),t.context.invoke("editor.afterCommand")})),n.data("ratio")||n.data("ratio",n.height()/n.width())}})),this.$handle.on("wheel",(function(e){e.preventDefault(),t.update()}))}},{key:"destroy",value:function(){this.$handle.remove()}},{key:"update",value:function(t,n){if(this.context.isDisabled())return!1;var o=Dt.isImg(t),i=this.$handle.find(".note-control-selection");if(this.context.invoke("imagePopover.update",t,n),o){var r=e()(t),a=r.position(),s={left:a.left+parseInt(r.css("marginLeft"),10),top:a.top+parseInt(r.css("marginTop"),10)},l={w:r.outerWidth(!1),h:r.outerHeight(!1)};i.css({display:"block",left:s.left,top:s.top,width:l.w,height:l.h}).data("target",r);var c=new Image;c.src=r.attr("src");var u=l.w+"x"+l.h+" ("+this.lang.image.original+": "+c.width+"x"+c.height+")";i.find(".note-control-selection-info").text(u),this.context.invoke("editor.saveTarget",t)}else this.hide();return o}},{key:"hide",value:function(){this.context.invoke("editor.clearTarget"),this.$handle.children().hide()}}])&&ve(n.prototype,o),i&&ve(n,i),t}();function be(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var ye=/^([A-Za-z][A-Za-z0-9+-.]*\:[\/]{2}|tel:|mailto:[A-Z0-9._%+-]+@|xmpp:[A-Z0-9._%+-]+@)?(www\.)?(.+)$/i,ke=function(){function t(e){var n=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=e,this.options=e.options,this.events={"summernote.keyup":function(t,e){e.isDefaultPrevented()||n.handleKeyup(e)},"summernote.keydown":function(t,e){n.handleKeydown(e)}}}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){this.lastWordRange=null}},{key:"destroy",value:function(){this.lastWordRange=null}},{key:"replace",value:function(){if(this.lastWordRange){var t=this.lastWordRange.toString(),n=t.match(ye);if(n&&(n[1]||n[2])){var o=n[1]?t:"http://"+t,i=this.options.showDomainOnlyForAutolink?t.replace(/^(?:https?:\/\/)?(?:tel?:?)?(?:mailto?:?)?(?:xmpp?:?)?(?:www\.)?/i,"").split("/")[0]:t,r=e()("<a />").html(i).attr("href",o)[0];this.context.options.linkTargetBlank&&e()(r).attr("target","_blank"),this.lastWordRange.insertNode(r),this.lastWordRange=null,this.context.invoke("editor.focus")}}}},{key:"handleKeydown",value:function(t){if(W.contains([Kt.code.ENTER,Kt.code.SPACE],t.keyCode)){var e=this.context.invoke("editor.createRange").getWordRange();this.lastWordRange=e}}},{key:"handleKeyup",value:function(t){W.contains([Kt.code.ENTER,Kt.code.SPACE],t.keyCode)&&this.replace()}}])&&be(n.prototype,o),i&&be(n,i),t}();function we(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Ce=function(){function t(e){var n=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$note=e.layoutInfo.note,this.events={"summernote.change":function(){n.$note.val(e.invoke("code"))}}}var e,n,o;return e=t,(n=[{key:"shouldInitialize",value:function(){return Dt.isTextarea(this.$note[0])}}])&&we(e.prototype,n),o&&we(e,o),t}();function xe(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Se=function(){function t(e){var n=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=e,this.options=e.options.replace||{},this.keys=[Kt.code.ENTER,Kt.code.SPACE,Kt.code.PERIOD,Kt.code.COMMA,Kt.code.SEMICOLON,Kt.code.SLASH],this.previousKeydownCode=null,this.events={"summernote.keyup":function(t,e){e.isDefaultPrevented()||n.handleKeyup(e)},"summernote.keydown":function(t,e){n.handleKeydown(e)}}}var e,n,o;return e=t,(n=[{key:"shouldInitialize",value:function(){return!!this.options.match}},{key:"initialize",value:function(){this.lastWord=null}},{key:"destroy",value:function(){this.lastWord=null}},{key:"replace",value:function(){if(this.lastWord){var t=this,e=this.lastWord.toString();this.options.match(e,(function(e){if(e){var n="";if("string"==typeof e?n=Dt.createText(e):e instanceof jQuery?n=e[0]:e instanceof Node&&(n=e),!n)return;t.lastWord.insertNode(n),t.lastWord=null,t.context.invoke("editor.focus")}}))}}},{key:"handleKeydown",value:function(t){if(this.previousKeydownCode&&W.contains(this.keys,this.previousKeydownCode))this.previousKeydownCode=t.keyCode;else{if(W.contains(this.keys,t.keyCode)){var e=this.context.invoke("editor.createRange").getWordRange();this.lastWord=e}this.previousKeydownCode=t.keyCode}}},{key:"handleKeyup",value:function(t){W.contains(this.keys,t.keyCode)&&this.replace()}}])&&xe(e.prototype,n),o&&xe(e,o),t}();function Te(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Ee=function(){function t(e){var n=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=e,this.$editingArea=e.layoutInfo.editingArea,this.options=e.options,!0===this.options.inheritPlaceholder&&(this.options.placeholder=this.context.$note.attr("placeholder")||this.options.placeholder),this.events={"summernote.init summernote.change":function(){n.update()},"summernote.codeview.toggled":function(){n.update()}}}var n,o,i;return n=t,(o=[{key:"shouldInitialize",value:function(){return!!this.options.placeholder}},{key:"initialize",value:function(){var t=this;this.$placeholder=e()('<div class="note-placeholder">'),this.$placeholder.on("click",(function(){t.context.invoke("focus")})).html(this.options.placeholder).prependTo(this.$editingArea),this.update()}},{key:"destroy",value:function(){this.$placeholder.remove()}},{key:"update",value:function(){var t=!this.context.invoke("codeview.isActivated")&&this.context.invoke("editor.isEmpty");this.$placeholder.toggle(t)}}])&&Te(n.prototype,o),i&&Te(n,i),t}();function Ie(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var $e=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.ui=e().summernote.ui,this.context=n,this.$toolbar=n.layoutInfo.toolbar,this.options=n.options,this.lang=this.options.langInfo,this.invertedKeyMap=z.invertObject(this.options.keyMap[H.isMac?"mac":"pc"])}var n,o,i;return n=t,(o=[{key:"representShortcut",value:function(t){var e=this.invertedKeyMap[t];return this.options.shortcuts&&e?(H.isMac&&(e=e.replace("CMD","⌘").replace("SHIFT","⇧"))," ("+(e=e.replace("BACKSLASH","\\").replace("SLASH","/").replace("LEFTBRACKET","[").replace("RIGHTBRACKET","]"))+")"):""}},{key:"button",value:function(t){return!this.options.tooltip&&t.tooltip&&delete t.tooltip,t.container=this.options.container,this.ui.button(t)}},{key:"initialize",value:function(){this.addToolbarButtons(),this.addImagePopoverButtons(),this.addLinkPopoverButtons(),this.addTablePopoverButtons(),this.fontInstalledMap={}}},{key:"destroy",value:function(){delete this.fontInstalledMap}},{key:"isFontInstalled",value:function(t){return Object.prototype.hasOwnProperty.call(this.fontInstalledMap,t)||(this.fontInstalledMap[t]=H.isFontInstalled(t)||W.contains(this.options.fontNamesIgnoreCheck,t)),this.fontInstalledMap[t]}},{key:"isFontDeservedToAdd",value:function(t){return""!==(t=t.toLowerCase())&&this.isFontInstalled(t)&&-1===H.genericFontFamilies.indexOf(t)}},{key:"colorPalette",value:function(t,n,o,i){var r=this;return this.ui.buttonGroup({className:"note-color "+t,children:[this.button({className:"note-current-color-button",contents:this.ui.icon(this.options.icons.font+" note-recent-color"),tooltip:n,click:function(t){var n=e()(t.currentTarget);o&&i?r.context.invoke("editor.color",{backColor:n.attr("data-backColor"),foreColor:n.attr("data-foreColor")}):o?r.context.invoke("editor.color",{backColor:n.attr("data-backColor")}):i&&r.context.invoke("editor.color",{foreColor:n.attr("data-foreColor")})},callback:function(t){var e=t.find(".note-recent-color");o&&(e.css("background-color",r.options.colorButton.backColor),t.attr("data-backColor",r.options.colorButton.backColor)),i?(e.css("color",r.options.colorButton.foreColor),t.attr("data-foreColor",r.options.colorButton.foreColor)):e.css("color","transparent")}}),this.button({className:"dropdown-toggle",contents:this.ui.dropdownButtonContents("",this.options),data:{toggle:"dropdown"}}),this.ui.dropdown({items:(o?['<div class="note-palette">','<div class="note-palette-title">'+this.lang.color.background+"</div>","<div>",'<button type="button" class="note-color-reset btn btn-light btn-default" data-event="backColor" data-value="transparent">',this.lang.color.transparent,"</button>","</div>",'<div class="note-holder" data-event="backColor">\x3c!-- back colors --\x3e</div>',"<div>",'<button type="button" class="note-color-select btn btn-light btn-default" data-event="openPalette" data-value="backColorPicker-'+this.options.id+'">',this.lang.color.cpSelect,"</button>",'<input type="color" id="backColorPicker-'+this.options.id+'" class="note-btn note-color-select-btn" value="'+this.options.colorButton.backColor+'" data-event="backColorPalette-'+this.options.id+'">',"</div>",'<div class="note-holder-custom" id="backColorPalette-'+this.options.id+'" data-event="backColor"></div>',"</div>"].join(""):"")+(i?['<div class="note-palette">','<div class="note-palette-title">'+this.lang.color.foreground+"</div>","<div>",'<button type="button" class="note-color-reset btn btn-light btn-default" data-event="removeFormat" data-value="foreColor">',this.lang.color.resetToDefault,"</button>","</div>",'<div class="note-holder" data-event="foreColor">\x3c!-- fore colors --\x3e</div>',"<div>",'<button type="button" class="note-color-select btn btn-light btn-default" data-event="openPalette" data-value="foreColorPicker-'+this.options.id+'">',this.lang.color.cpSelect,"</button>",'<input type="color" id="foreColorPicker-'+this.options.id+'" class="note-btn note-color-select-btn" value="'+this.options.colorButton.foreColor+'" data-event="foreColorPalette-'+this.options.id+'">',"</div>",'<div class="note-holder-custom" id="foreColorPalette-'+this.options.id+'" data-event="foreColor"></div>',"</div>"].join(""):""),callback:function(t){t.find(".note-holder").each((function(t,n){var o=e()(n);o.append(r.ui.palette({colors:r.options.colors,colorsName:r.options.colorsName,eventName:o.data("event"),container:r.options.container,tooltip:r.options.tooltip}).render())}));var n=[["#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF"]];t.find(".note-holder-custom").each((function(t,o){var i=e()(o);i.append(r.ui.palette({colors:n,colorsName:n,eventName:i.data("event"),container:r.options.container,tooltip:r.options.tooltip}).render())})),t.find("input[type=color]").each((function(n,o){e()(o).change((function(){var n=t.find("#"+e()(this).data("event")).find(".note-color-btn").first(),o=this.value.toUpperCase();n.css("background-color",o).attr("aria-label",o).attr("data-value",o).attr("data-original-title",o),n.click()}))}))},click:function(n){n.stopPropagation();var o=e()("."+t).find(".note-dropdown-menu"),i=e()(n.target),a=i.data("event"),s=i.attr("data-value");if("openPalette"===a){var l=o.find("#"+s),c=e()(o.find("#"+l.data("event")).find(".note-color-row")[0]),u=c.find(".note-color-btn").last().detach(),d=l.val();u.css("background-color",d).attr("aria-label",d).attr("data-value",d).attr("data-original-title",d),c.prepend(u),l.click()}else{if(W.contains(["backColor","foreColor"],a)){var h="backColor"===a?"background-color":"color",f=i.closest(".note-color").find(".note-recent-color"),p=i.closest(".note-color").find(".note-current-color-button");f.css(h,s),p.attr("data"+a,s)}r.context.invoke("editor."+a,s)}}})]}).render()}},{key:"addToolbarButtons",value:function(){var t=this;this.context.memo("button.style",(function(){return t.ui.buttonGroup([t.button({className:"dropdown-toggle",contents:t.ui.dropdownButtonContents(t.ui.icon(t.options.icons.magic),t.options),data:{toggle:"dropdown"}}),t.ui.dropdown({className:"dropdown-style",items:t.options.styleTags,title:t.lang.style.style,template:function(e){"string"==typeof e&&(e={tag:e,title:Object.prototype.hasOwnProperty.call(t.lang.style,e)?t.lang.style[e]:e});var n=e.tag,o=e.title;return"<"+n+(e.style?' style="'+e.style+'" ':"")+(e.className?' class="'+e.className+'"':"")+">"+o+"</"+n+">"},click:t.context.createInvokeHandler("editor.formatBlock")})]).render()}));for(var n=function(e,n){var o=t.options.styleTags[e];t.context.memo("button.style."+o,(function(){return t.button({className:"note-btn-style-"+o,contents:'<div data-value="'+o+'">'+o.toUpperCase()+"</div>",tooltip:t.lang.style[o],click:t.context.createInvokeHandler("editor.formatBlock")}).render()}))},o=0,i=this.options.styleTags.length;o<i;o++)n(o);this.context.memo("button.bold",(function(){return t.button({className:"note-btn-bold",contents:t.ui.icon(t.options.icons.bold),tooltip:t.lang.font.bold+t.representShortcut("bold"),click:t.context.createInvokeHandlerAndUpdateState("editor.bold")}).render()})),this.context.memo("button.italic",(function(){return t.button({className:"note-btn-italic",contents:t.ui.icon(t.options.icons.italic),tooltip:t.lang.font.italic+t.representShortcut("italic"),click:t.context.createInvokeHandlerAndUpdateState("editor.italic")}).render()})),this.context.memo("button.underline",(function(){return t.button({className:"note-btn-underline",contents:t.ui.icon(t.options.icons.underline),tooltip:t.lang.font.underline+t.representShortcut("underline"),click:t.context.createInvokeHandlerAndUpdateState("editor.underline")}).render()})),this.context.memo("button.clear",(function(){return t.button({contents:t.ui.icon(t.options.icons.eraser),tooltip:t.lang.font.clear+t.representShortcut("removeFormat"),click:t.context.createInvokeHandler("editor.removeFormat")}).render()})),this.context.memo("button.strikethrough",(function(){return t.button({className:"note-btn-strikethrough",contents:t.ui.icon(t.options.icons.strikethrough),tooltip:t.lang.font.strikethrough+t.representShortcut("strikethrough"),click:t.context.createInvokeHandlerAndUpdateState("editor.strikethrough")}).render()})),this.context.memo("button.superscript",(function(){return t.button({className:"note-btn-superscript",contents:t.ui.icon(t.options.icons.superscript),tooltip:t.lang.font.superscript,click:t.context.createInvokeHandlerAndUpdateState("editor.superscript")}).render()})),this.context.memo("button.subscript",(function(){return t.button({className:"note-btn-subscript",contents:t.ui.icon(t.options.icons.subscript),tooltip:t.lang.font.subscript,click:t.context.createInvokeHandlerAndUpdateState("editor.subscript")}).render()})),this.context.memo("button.fontname",(function(){var n=t.context.invoke("editor.currentStyle");return t.options.addDefaultFonts&&e().each(n["font-family"].split(","),(function(e,n){n=n.trim().replace(/['"]+/g,""),t.isFontDeservedToAdd(n)&&-1===t.options.fontNames.indexOf(n)&&t.options.fontNames.push(n)})),t.ui.buttonGroup([t.button({className:"dropdown-toggle",contents:t.ui.dropdownButtonContents('<span class="note-current-fontname"></span>',t.options),data:{toggle:"dropdown"}}),t.ui.dropdownCheck({className:"dropdown-fontname",checkClassName:t.options.icons.menuCheck,items:t.options.fontNames.filter(t.isFontInstalled.bind(t)),title:t.lang.font.name,template:function(t){return'<span style="font-family: '+H.validFontName(t)+'">'+t+"</span>"},click:t.context.createInvokeHandlerAndUpdateState("editor.fontName")})]).render()})),this.context.memo("button.fontsize",(function(){return t.ui.buttonGroup([t.button({className:"dropdown-toggle",contents:t.ui.dropdownButtonContents('<span class="note-current-fontsize"></span>',t.options),data:{toggle:"dropdown"}}),t.ui.dropdownCheck({className:"dropdown-fontsize",checkClassName:t.options.icons.menuCheck,items:t.options.fontSizes,title:t.lang.font.size,click:t.context.createInvokeHandlerAndUpdateState("editor.fontSize")})]).render()})),this.context.memo("button.fontsizeunit",(function(){return t.ui.buttonGroup([t.button({className:"dropdown-toggle",contents:t.ui.dropdownButtonContents('<span class="note-current-fontsizeunit"></span>',t.options),data:{toggle:"dropdown"}}),t.ui.dropdownCheck({className:"dropdown-fontsizeunit",checkClassName:t.options.icons.menuCheck,items:t.options.fontSizeUnits,title:t.lang.font.sizeunit,click:t.context.createInvokeHandlerAndUpdateState("editor.fontSizeUnit")})]).render()})),this.context.memo("button.color",(function(){return t.colorPalette("note-color-all",t.lang.color.recent,!0,!0)})),this.context.memo("button.forecolor",(function(){return t.colorPalette("note-color-fore",t.lang.color.foreground,!1,!0)})),this.context.memo("button.backcolor",(function(){return t.colorPalette("note-color-back",t.lang.color.background,!0,!1)})),this.context.memo("button.ul",(function(){return t.button({contents:t.ui.icon(t.options.icons.unorderedlist),tooltip:t.lang.lists.unordered+t.representShortcut("insertUnorderedList"),click:t.context.createInvokeHandler("editor.insertUnorderedList")}).render()})),this.context.memo("button.ol",(function(){return t.button({contents:t.ui.icon(t.options.icons.orderedlist),tooltip:t.lang.lists.ordered+t.representShortcut("insertOrderedList"),click:t.context.createInvokeHandler("editor.insertOrderedList")}).render()}));var r=this.button({contents:this.ui.icon(this.options.icons.alignLeft),tooltip:this.lang.paragraph.left+this.representShortcut("justifyLeft"),click:this.context.createInvokeHandler("editor.justifyLeft")}),a=this.button({contents:this.ui.icon(this.options.icons.alignCenter),tooltip:this.lang.paragraph.center+this.representShortcut("justifyCenter"),click:this.context.createInvokeHandler("editor.justifyCenter")}),s=this.button({contents:this.ui.icon(this.options.icons.alignRight),tooltip:this.lang.paragraph.right+this.representShortcut("justifyRight"),click:this.context.createInvokeHandler("editor.justifyRight")}),l=this.button({contents:this.ui.icon(this.options.icons.alignJustify),tooltip:this.lang.paragraph.justify+this.representShortcut("justifyFull"),click:this.context.createInvokeHandler("editor.justifyFull")}),c=this.button({contents:this.ui.icon(this.options.icons.outdent),tooltip:this.lang.paragraph.outdent+this.representShortcut("outdent"),click:this.context.createInvokeHandler("editor.outdent")}),u=this.button({contents:this.ui.icon(this.options.icons.indent),tooltip:this.lang.paragraph.indent+this.representShortcut("indent"),click:this.context.createInvokeHandler("editor.indent")});this.context.memo("button.justifyLeft",z.invoke(r,"render")),this.context.memo("button.justifyCenter",z.invoke(a,"render")),this.context.memo("button.justifyRight",z.invoke(s,"render")),this.context.memo("button.justifyFull",z.invoke(l,"render")),this.context.memo("button.outdent",z.invoke(c,"render")),this.context.memo("button.indent",z.invoke(u,"render")),this.context.memo("button.paragraph",(function(){return t.ui.buttonGroup([t.button({className:"dropdown-toggle",contents:t.ui.dropdownButtonContents(t.ui.icon(t.options.icons.alignLeft),t.options),data:{toggle:"dropdown"}}),t.ui.dropdown([t.ui.buttonGroup({className:"note-align",children:[r,a,s,l]}),t.ui.buttonGroup({className:"note-list",children:[c,u]})])]).render()})),this.context.memo("button.height",(function(){return t.ui.buttonGroup([t.button({className:"dropdown-toggle",contents:t.ui.dropdownButtonContents(t.ui.icon(t.options.icons.textHeight),t.options),data:{toggle:"dropdown"}}),t.ui.dropdownCheck({items:t.options.lineHeights,checkClassName:t.options.icons.menuCheck,className:"dropdown-line-height",title:t.lang.font.height,click:t.context.createInvokeHandler("editor.lineHeight")})]).render()})),this.context.memo("button.table",(function(){return t.ui.buttonGroup([t.button({className:"dropdown-toggle",contents:t.ui.dropdownButtonContents(t.ui.icon(t.options.icons.table),t.options),data:{toggle:"dropdown"}}),t.ui.dropdown({title:t.lang.table.table,className:"note-table",items:['<div class="note-dimension-picker">','<div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1"></div>','<div class="note-dimension-picker-highlighted"></div>','<div class="note-dimension-picker-unhighlighted"></div>',"</div>",'<div class="note-dimension-display">1 x 1</div>'].join("")})],{callback:function(e){e.find(".note-dimension-picker-mousecatcher").css({width:t.options.insertTableMaxSize.col+"em",height:t.options.insertTableMaxSize.row+"em"}).mousedown(t.context.createInvokeHandler("editor.insertTable")).on("mousemove",t.tableMoveHandler.bind(t))}}).render()})),this.context.memo("button.link",(function(){return t.button({contents:t.ui.icon(t.options.icons.link),tooltip:t.lang.link.link+t.representShortcut("linkDialog.show"),click:t.context.createInvokeHandler("linkDialog.show")}).render()})),this.context.memo("button.picture",(function(){return t.button({contents:t.ui.icon(t.options.icons.picture),tooltip:t.lang.image.image,click:t.context.createInvokeHandler("imageDialog.show")}).render()})),this.context.memo("button.video",(function(){return t.button({contents:t.ui.icon(t.options.icons.video),tooltip:t.lang.video.video,click:t.context.createInvokeHandler("videoDialog.show")}).render()})),this.context.memo("button.hr",(function(){return t.button({contents:t.ui.icon(t.options.icons.minus),tooltip:t.lang.hr.insert+t.representShortcut("insertHorizontalRule"),click:t.context.createInvokeHandler("editor.insertHorizontalRule")}).render()})),this.context.memo("button.fullscreen",(function(){return t.button({className:"btn-fullscreen note-codeview-keep",contents:t.ui.icon(t.options.icons.arrowsAlt),tooltip:t.lang.options.fullscreen,click:t.context.createInvokeHandler("fullscreen.toggle")}).render()})),this.context.memo("button.codeview",(function(){return t.button({className:"btn-codeview note-codeview-keep",contents:t.ui.icon(t.options.icons.code),tooltip:t.lang.options.codeview,click:t.context.createInvokeHandler("codeview.toggle")}).render()})),this.context.memo("button.redo",(function(){return t.button({contents:t.ui.icon(t.options.icons.redo),tooltip:t.lang.history.redo+t.representShortcut("redo"),click:t.context.createInvokeHandler("editor.redo")}).render()})),this.context.memo("button.undo",(function(){return t.button({contents:t.ui.icon(t.options.icons.undo),tooltip:t.lang.history.undo+t.representShortcut("undo"),click:t.context.createInvokeHandler("editor.undo")}).render()})),this.context.memo("button.help",(function(){return t.button({contents:t.ui.icon(t.options.icons.question),tooltip:t.lang.options.help,click:t.context.createInvokeHandler("helpDialog.show")}).render()}))}},{key:"addImagePopoverButtons",value:function(){var t=this;this.context.memo("button.resizeFull",(function(){return t.button({contents:'<span class="note-fontsize-10">100%</span>',tooltip:t.lang.image.resizeFull,click:t.context.createInvokeHandler("editor.resize","1")}).render()})),this.context.memo("button.resizeHalf",(function(){return t.button({contents:'<span class="note-fontsize-10">50%</span>',tooltip:t.lang.image.resizeHalf,click:t.context.createInvokeHandler("editor.resize","0.5")}).render()})),this.context.memo("button.resizeQuarter",(function(){return t.button({contents:'<span class="note-fontsize-10">25%</span>',tooltip:t.lang.image.resizeQuarter,click:t.context.createInvokeHandler("editor.resize","0.25")}).render()})),this.context.memo("button.resizeNone",(function(){return t.button({contents:t.ui.icon(t.options.icons.rollback),tooltip:t.lang.image.resizeNone,click:t.context.createInvokeHandler("editor.resize","0")}).render()})),this.context.memo("button.floatLeft",(function(){return t.button({contents:t.ui.icon(t.options.icons.floatLeft),tooltip:t.lang.image.floatLeft,click:t.context.createInvokeHandler("editor.floatMe","left")}).render()})),this.context.memo("button.floatRight",(function(){return t.button({contents:t.ui.icon(t.options.icons.floatRight),tooltip:t.lang.image.floatRight,click:t.context.createInvokeHandler("editor.floatMe","right")}).render()})),this.context.memo("button.floatNone",(function(){return t.button({contents:t.ui.icon(t.options.icons.rollback),tooltip:t.lang.image.floatNone,click:t.context.createInvokeHandler("editor.floatMe","none")}).render()})),this.context.memo("button.removeMedia",(function(){return t.button({contents:t.ui.icon(t.options.icons.trash),tooltip:t.lang.image.remove,click:t.context.createInvokeHandler("editor.removeMedia")}).render()}))}},{key:"addLinkPopoverButtons",value:function(){var t=this;this.context.memo("button.linkDialogShow",(function(){return t.button({contents:t.ui.icon(t.options.icons.link),tooltip:t.lang.link.edit,click:t.context.createInvokeHandler("linkDialog.show")}).render()})),this.context.memo("button.unlink",(function(){return t.button({contents:t.ui.icon(t.options.icons.unlink),tooltip:t.lang.link.unlink,click:t.context.createInvokeHandler("editor.unlink")}).render()}))}},{key:"addTablePopoverButtons",value:function(){var t=this;this.context.memo("button.addRowUp",(function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowAbove),tooltip:t.lang.table.addRowAbove,click:t.context.createInvokeHandler("editor.addRow","top")}).render()})),this.context.memo("button.addRowDown",(function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowBelow),tooltip:t.lang.table.addRowBelow,click:t.context.createInvokeHandler("editor.addRow","bottom")}).render()})),this.context.memo("button.addColLeft",(function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colBefore),tooltip:t.lang.table.addColLeft,click:t.context.createInvokeHandler("editor.addCol","left")}).render()})),this.context.memo("button.addColRight",(function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colAfter),tooltip:t.lang.table.addColRight,click:t.context.createInvokeHandler("editor.addCol","right")}).render()})),this.context.memo("button.deleteRow",(function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowRemove),tooltip:t.lang.table.delRow,click:t.context.createInvokeHandler("editor.deleteRow")}).render()})),this.context.memo("button.deleteCol",(function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colRemove),tooltip:t.lang.table.delCol,click:t.context.createInvokeHandler("editor.deleteCol")}).render()})),this.context.memo("button.deleteTable",(function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.trash),tooltip:t.lang.table.delTable,click:t.context.createInvokeHandler("editor.deleteTable")}).render()}))}},{key:"build",value:function(t,e){for(var n=0,o=e.length;n<o;n++){for(var i=e[n],r=Array.isArray(i)?i[0]:i,a=Array.isArray(i)?1===i.length?[i[0]]:i[1]:[i],s=this.ui.buttonGroup({className:"note-"+r}).render(),l=0,c=a.length;l<c;l++){var u=this.context.memo("button."+a[l]);u&&s.append("function"==typeof u?u(this.context):u)}s.appendTo(t)}}},{key:"updateCurrentStyle",value:function(t){var n=t||this.$toolbar,o=this.context.invoke("editor.currentStyle");if(this.updateBtnStates(n,{".note-btn-bold":function(){return"bold"===o["font-bold"]},".note-btn-italic":function(){return"italic"===o["font-italic"]},".note-btn-underline":function(){return"underline"===o["font-underline"]},".note-btn-subscript":function(){return"subscript"===o["font-subscript"]},".note-btn-superscript":function(){return"superscript"===o["font-superscript"]},".note-btn-strikethrough":function(){return"strikethrough"===o["font-strikethrough"]}}),o["font-family"]){var i=o["font-family"].split(",").map((function(t){return t.replace(/[\'\"]/g,"").replace(/\s+$/,"").replace(/^\s+/,"")})),r=W.find(i,this.isFontInstalled.bind(this));n.find(".dropdown-fontname a").each((function(t,n){var o=e()(n),i=o.data("value")+""==r+"";o.toggleClass("checked",i)})),n.find(".note-current-fontname").text(r).css("font-family",r)}if(o["font-size"]){var a=o["font-size"];n.find(".dropdown-fontsize a").each((function(t,n){var o=e()(n),i=o.data("value")+""==a+"";o.toggleClass("checked",i)})),n.find(".note-current-fontsize").text(a);var s=o["font-size-unit"];n.find(".dropdown-fontsizeunit a").each((function(t,n){var o=e()(n),i=o.data("value")+""==s+"";o.toggleClass("checked",i)})),n.find(".note-current-fontsizeunit").text(s)}if(o["line-height"]){var l=o["line-height"];n.find(".dropdown-line-height a").each((function(t,n){var o=e()(n),i=e()(n).data("value")+""==l+"";o.toggleClass("checked",i)})),n.find(".note-current-line-height").text(l)}}},{key:"updateBtnStates",value:function(t,n){var o=this;e().each(n,(function(e,n){o.ui.toggleBtnActive(t.find(e),n())}))}},{key:"tableMoveHandler",value:function(t){var n,o=e()(t.target.parentNode),i=o.next(),r=o.find(".note-dimension-picker-mousecatcher"),a=o.find(".note-dimension-picker-highlighted"),s=o.find(".note-dimension-picker-unhighlighted");if(void 0===t.offsetX){var l=e()(t.target).offset();n={x:t.pageX-l.left,y:t.pageY-l.top}}else n={x:t.offsetX,y:t.offsetY};var c=Math.ceil(n.x/18)||1,u=Math.ceil(n.y/18)||1;a.css({width:c+"em",height:u+"em"}),r.data("value",c+"x"+u),c>3&&c<this.options.insertTableMaxSize.col&&s.css({width:c+1+"em"}),u>3&&u<this.options.insertTableMaxSize.row&&s.css({height:u+1+"em"}),i.html(c+" x "+u)}}])&&Ie(n.prototype,o),i&&Ie(n,i),t}();function Ne(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Pe=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.$window=e()(window),this.$document=e()(document),this.ui=e().summernote.ui,this.$note=n.layoutInfo.note,this.$editor=n.layoutInfo.editor,this.$toolbar=n.layoutInfo.toolbar,this.$editable=n.layoutInfo.editable,this.$statusbar=n.layoutInfo.statusbar,this.options=n.options,this.isFollowing=!1,this.followScroll=this.followScroll.bind(this)}var n,o,i;return n=t,(o=[{key:"shouldInitialize",value:function(){return!this.options.airMode}},{key:"initialize",value:function(){var t=this;this.options.toolbar=this.options.toolbar||[],this.options.toolbar.length?this.context.invoke("buttons.build",this.$toolbar,this.options.toolbar):this.$toolbar.hide(),this.options.toolbarContainer&&this.$toolbar.appendTo(this.options.toolbarContainer),this.changeContainer(!1),this.$note.on("summernote.keyup summernote.mouseup summernote.change",(function(){t.context.invoke("buttons.updateCurrentStyle")})),this.context.invoke("buttons.updateCurrentStyle"),this.options.followingToolbar&&this.$window.on("scroll resize",this.followScroll)}},{key:"destroy",value:function(){this.$toolbar.children().remove(),this.options.followingToolbar&&this.$window.off("scroll resize",this.followScroll)}},{key:"followScroll",value:function(){if(this.$editor.hasClass("fullscreen"))return!1;var t=this.$editor.outerHeight(),n=this.$editor.width(),o=this.$toolbar.height(),i=this.$statusbar.height(),r=0;this.options.otherStaticBar&&(r=e()(this.options.otherStaticBar).outerHeight());var a=this.$document.scrollTop(),s=this.$editor.offset().top,l=s-r,c=s+t-r-o-i;!this.isFollowing&&a>l&&a<c-o?(this.isFollowing=!0,this.$editable.css({marginTop:this.$toolbar.outerHeight()}),this.$toolbar.css({position:"fixed",top:r,width:n,zIndex:1e3})):this.isFollowing&&(a<l||a>c)&&(this.isFollowing=!1,this.$toolbar.css({position:"relative",top:0,width:"100%",zIndex:"auto"}),this.$editable.css({marginTop:""}))}},{key:"changeContainer",value:function(t){t?this.$toolbar.prependTo(this.$editor):this.options.toolbarContainer&&this.$toolbar.appendTo(this.options.toolbarContainer),this.options.followingToolbar&&this.followScroll()}},{key:"updateFullscreen",value:function(t){this.ui.toggleBtnActive(this.$toolbar.find(".btn-fullscreen"),t),this.changeContainer(t)}},{key:"updateCodeview",value:function(t){this.ui.toggleBtnActive(this.$toolbar.find(".btn-codeview"),t),t?this.deactivate():this.activate()}},{key:"activate",value:function(t){var e=this.$toolbar.find("button");t||(e=e.not(".note-codeview-keep")),this.ui.toggleBtn(e,!0)}},{key:"deactivate",value:function(t){var e=this.$toolbar.find("button");t||(e=e.not(".note-codeview-keep")),this.ui.toggleBtn(e,!1)}}])&&Ne(n.prototype,o),i&&Ne(n,i),t}();function Re(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Le=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.$body=e()(document.body),this.$editor=n.layoutInfo.editor,this.options=n.options,this.lang=this.options.langInfo,n.memo("help.linkDialog.show",this.options.langInfo.help["linkDialog.show"])}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){var t=this.options.dialogsInBody?this.$body:this.options.container,n=['<div class="form-group note-form-group">','<label for="note-dialog-link-txt-'.concat(this.options.id,'" class="note-form-label">').concat(this.lang.link.textToDisplay,"</label>"),'<input id="note-dialog-link-txt-'.concat(this.options.id,'" class="note-link-text form-control note-form-control note-input" type="text"/>'),"</div>",'<div class="form-group note-form-group">','<label for="note-dialog-link-url-'.concat(this.options.id,'" class="note-form-label">').concat(this.lang.link.url,"</label>"),'<input id="note-dialog-link-url-'.concat(this.options.id,'" class="note-link-url form-control note-form-control note-input" type="text" value="http://"/>'),"</div>",this.options.disableLinkTarget?"":e()("<div/>").append(this.ui.checkbox({className:"sn-checkbox-open-in-new-window",text:this.lang.link.openInNewWindow,checked:!0}).render()).html(),e()("<div/>").append(this.ui.checkbox({className:"sn-checkbox-use-protocol",text:this.lang.link.useProtocol,checked:!0}).render()).html()].join(""),o='<input type="button" href="#" class="'.concat("btn btn-primary note-btn note-btn-primary note-link-btn",'" value="').concat(this.lang.link.insert,'" disabled>');this.$dialog=this.ui.dialog({className:"link-dialog",title:this.lang.link.insert,fade:this.options.dialogsFade,body:n,footer:o}).render().appendTo(t)}},{key:"destroy",value:function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()}},{key:"bindEnterKey",value:function(t,e){t.on("keypress",(function(t){t.keyCode===Kt.code.ENTER&&(t.preventDefault(),e.trigger("click"))}))}},{key:"toggleLinkBtn",value:function(t,e,n){this.ui.toggleBtn(t,e.val()&&n.val())}},{key:"showLinkDialog",value:function(t){var n=this;return e().Deferred((function(e){var o=n.$dialog.find(".note-link-text"),i=n.$dialog.find(".note-link-url"),r=n.$dialog.find(".note-link-btn"),a=n.$dialog.find(".sn-checkbox-open-in-new-window input[type=checkbox]"),s=n.$dialog.find(".sn-checkbox-use-protocol input[type=checkbox]");n.ui.onDialogShown(n.$dialog,(function(){n.context.triggerEvent("dialog.shown"),!t.url&&z.isValidUrl(t.text)&&(t.url=t.text),o.on("input paste propertychange",(function(){t.text=o.val(),n.toggleLinkBtn(r,o,i)})).val(t.text),i.on("input paste propertychange",(function(){t.text||o.val(i.val()),n.toggleLinkBtn(r,o,i)})).val(t.url),H.isSupportTouch||i.trigger("focus"),n.toggleLinkBtn(r,o,i),n.bindEnterKey(i,r),n.bindEnterKey(o,r);var l=void 0!==t.isNewWindow?t.isNewWindow:n.context.options.linkTargetBlank;a.prop("checked",l);var c=!t.url&&n.context.options.useProtocol;s.prop("checked",c),r.one("click",(function(r){r.preventDefault(),e.resolve({range:t.range,url:i.val(),text:o.val(),isNewWindow:a.is(":checked"),checkProtocol:s.is(":checked")}),n.ui.hideDialog(n.$dialog)}))})),n.ui.onDialogHidden(n.$dialog,(function(){o.off(),i.off(),r.off(),"pending"===e.state()&&e.reject()})),n.ui.showDialog(n.$dialog)})).promise()}},{key:"show",value:function(){var t=this,e=this.context.invoke("editor.getLinkInfo");this.context.invoke("editor.saveRange"),this.showLinkDialog(e).then((function(e){t.context.invoke("editor.restoreRange"),t.context.invoke("editor.createLink",e)})).fail((function(){t.context.invoke("editor.restoreRange")}))}}])&&Re(n.prototype,o),i&&Re(n,i),t}();function Ae(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Fe=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.options=n.options,this.events={"summernote.keyup summernote.mouseup summernote.change summernote.scroll":function(){o.update()},"summernote.disable summernote.dialog.shown":function(){o.hide()},"summernote.blur":function(t,e){e.originalEvent&&e.originalEvent.relatedTarget&&o.$popover[0].contains(e.originalEvent.relatedTarget)||o.hide()}}}var n,o,i;return n=t,(o=[{key:"shouldInitialize",value:function(){return!W.isEmpty(this.options.popover.link)}},{key:"initialize",value:function(){this.$popover=this.ui.popover({className:"note-link-popover",callback:function(t){t.find(".popover-content,.note-popover-content").prepend('<span><a target="_blank"></a>&nbsp;</span>')}}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.link),this.$popover.on("mousedown",(function(t){t.preventDefault()}))}},{key:"destroy",value:function(){this.$popover.remove()}},{key:"update",value:function(){if(this.context.invoke("editor.hasFocus")){var t=this.context.invoke("editor.getLastRange");if(t.isCollapsed()&&t.isOnAnchor()){var n=Dt.ancestor(t.sc,Dt.isAnchor),o=e()(n).attr("href");this.$popover.find("a").attr("href",o).text(o);var i=Dt.posFromPlaceholder(n),r=e()(this.options.container).offset();i.top-=r.top,i.left-=r.left,this.$popover.css({display:"block",left:i.left,top:i.top})}else this.hide()}else this.hide()}},{key:"hide",value:function(){this.$popover.hide()}}])&&Ae(n.prototype,o),i&&Ae(n,i),t}();function De(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var He=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.$body=e()(document.body),this.$editor=n.layoutInfo.editor,this.options=n.options,this.lang=this.options.langInfo}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){var t="";if(this.options.maximumImageFileSize){var e=Math.floor(Math.log(this.options.maximumImageFileSize)/Math.log(1024)),n=1*(this.options.maximumImageFileSize/Math.pow(1024,e)).toFixed(2)+" "+" KMGTP"[e]+"B";t="<small>".concat(this.lang.image.maximumFileSize+" : "+n,"</small>")}var o=this.options.dialogsInBody?this.$body:this.options.container,i=['<div class="form-group note-form-group note-group-select-from-files">','<label for="note-dialog-image-file-'+this.options.id+'" class="note-form-label">'+this.lang.image.selectFromFiles+"</label>",'<input id="note-dialog-image-file-'+this.options.id+'" class="note-image-input form-control-file note-form-control note-input" ',' type="file" name="files" accept="'+this.options.acceptImageFileTypes+'" multiple="multiple"/>',t,"</div>",'<div class="form-group note-group-image-url">','<label for="note-dialog-image-url-'+this.options.id+'" class="note-form-label">'+this.lang.image.url+"</label>",'<input id="note-dialog-image-url-'+this.options.id+'" class="note-image-url form-control note-form-control note-input" type="text"/>',"</div>"].join(""),r='<input type="button" href="#" class="'.concat("btn btn-primary note-btn note-btn-primary note-image-btn",'" value="').concat(this.lang.image.insert,'" disabled>');this.$dialog=this.ui.dialog({title:this.lang.image.insert,fade:this.options.dialogsFade,body:i,footer:r}).render().appendTo(o)}},{key:"destroy",value:function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()}},{key:"bindEnterKey",value:function(t,e){t.on("keypress",(function(t){t.keyCode===Kt.code.ENTER&&(t.preventDefault(),e.trigger("click"))}))}},{key:"show",value:function(){var t=this;this.context.invoke("editor.saveRange"),this.showImageDialog().then((function(e){t.ui.hideDialog(t.$dialog),t.context.invoke("editor.restoreRange"),"string"==typeof e?t.options.callbacks.onImageLinkInsert?t.context.triggerEvent("image.link.insert",e):t.context.invoke("editor.insertImage",e):t.context.invoke("editor.insertImagesOrCallback",e)})).fail((function(){t.context.invoke("editor.restoreRange")}))}},{key:"showImageDialog",value:function(){var t=this;return e().Deferred((function(e){var n=t.$dialog.find(".note-image-input"),o=t.$dialog.find(".note-image-url"),i=t.$dialog.find(".note-image-btn");t.ui.onDialogShown(t.$dialog,(function(){t.context.triggerEvent("dialog.shown"),n.replaceWith(n.clone().on("change",(function(t){e.resolve(t.target.files||t.target.value)})).val("")),o.on("input paste propertychange",(function(){t.ui.toggleBtn(i,o.val())})).val(""),H.isSupportTouch||o.trigger("focus"),i.click((function(t){t.preventDefault(),e.resolve(o.val())})),t.bindEnterKey(o,i)})),t.ui.onDialogHidden(t.$dialog,(function(){n.off(),o.off(),i.off(),"pending"===e.state()&&e.reject()})),t.ui.showDialog(t.$dialog)}))}}])&&De(n.prototype,o),i&&De(n,i),t}();function Be(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var ze=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.editable=n.layoutInfo.editable[0],this.options=n.options,this.events={"summernote.disable summernote.dialog.shown":function(){o.hide()},"summernote.blur":function(t,e){e.originalEvent&&e.originalEvent.relatedTarget&&o.$popover[0].contains(e.originalEvent.relatedTarget)||o.hide()}}}var n,o,i;return n=t,(o=[{key:"shouldInitialize",value:function(){return!W.isEmpty(this.options.popover.image)}},{key:"initialize",value:function(){this.$popover=this.ui.popover({className:"note-image-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.image),this.$popover.on("mousedown",(function(t){t.preventDefault()}))}},{key:"destroy",value:function(){this.$popover.remove()}},{key:"update",value:function(t,n){if(Dt.isImg(t)){var o=e()(t).offset(),i=e()(this.options.container).offset(),r={};this.options.popatmouse?(r.left=n.pageX-20,r.top=n.pageY):r=o,r.top-=i.top,r.left-=i.left,this.$popover.css({display:"block",left:r.left,top:r.top})}else this.hide()}},{key:"hide",value:function(){this.$popover.hide()}}])&&Be(n.prototype,o),i&&Be(n,i),t}();function Me(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Oe=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.options=n.options,this.events={"summernote.mousedown":function(t,e){o.update(e.target)},"summernote.keyup summernote.scroll summernote.change":function(){o.update()},"summernote.disable summernote.dialog.shown":function(){o.hide()},"summernote.blur":function(t,e){e.originalEvent&&e.originalEvent.relatedTarget&&o.$popover[0].contains(e.originalEvent.relatedTarget)||o.hide()}}}var n,o,i;return n=t,(o=[{key:"shouldInitialize",value:function(){return!W.isEmpty(this.options.popover.table)}},{key:"initialize",value:function(){this.$popover=this.ui.popover({className:"note-table-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.table),H.isFF&&document.execCommand("enableInlineTableEditing",!1,!1),this.$popover.on("mousedown",(function(t){t.preventDefault()}))}},{key:"destroy",value:function(){this.$popover.remove()}},{key:"update",value:function(t){if(this.context.isDisabled())return!1;var n=Dt.isCell(t);if(n){var o=Dt.posFromPlaceholder(t),i=e()(this.options.container).offset();o.top-=i.top,o.left-=i.left,this.$popover.css({display:"block",left:o.left,top:o.top})}else this.hide();return n}},{key:"hide",value:function(){this.$popover.hide()}}])&&Me(n.prototype,o),i&&Me(n,i),t}();function Ue(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var je=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.$body=e()(document.body),this.$editor=n.layoutInfo.editor,this.options=n.options,this.lang=this.options.langInfo}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){var t=this.options.dialogsInBody?this.$body:this.options.container,e=['<div class="form-group note-form-group row-fluid">','<label for="note-dialog-video-url-'.concat(this.options.id,'" class="note-form-label">').concat(this.lang.video.url,' <small class="text-muted">').concat(this.lang.video.providers,"</small></label>"),'<input id="note-dialog-video-url-'.concat(this.options.id,'" class="note-video-url form-control note-form-control note-input" type="text"/>'),"</div>"].join(""),n='<input type="button" href="#" class="'.concat("btn btn-primary note-btn note-btn-primary note-video-btn",'" value="').concat(this.lang.video.insert,'" disabled>');this.$dialog=this.ui.dialog({title:this.lang.video.insert,fade:this.options.dialogsFade,body:e,footer:n}).render().appendTo(t)}},{key:"destroy",value:function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()}},{key:"bindEnterKey",value:function(t,e){t.on("keypress",(function(t){t.keyCode===Kt.code.ENTER&&(t.preventDefault(),e.trigger("click"))}))}},{key:"createVideoNode",value:function(t){var n,o=t.match(/\/\/(?:(?:www|m)\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))([\w|-]{11})(?:(?:[\?&]t=)(\S+))?$/),i=t.match(/(?:\.|\/\/)drive\.google\.com\/file\/d\/(.[a-zA-Z0-9_-]*)\/view/),r=t.match(/(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/),a=t.match(/\/\/vine\.co\/v\/([a-zA-Z0-9]+)/),s=t.match(/\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/),l=t.match(/.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/),c=t.match(/\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/),u=t.match(/\/\/(.*)\/videos\/watch\/([^?]*)(?:\?(?:start=(\w*))?(?:&stop=(\w*))?(?:&loop=([10]))?(?:&autoplay=([10]))?(?:&muted=([10]))?)?/),d=t.match(/\/\/v\.qq\.com.*?vid=(.+)/),h=t.match(/\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/),f=t.match(/^.+.(mp4|m4v)$/),p=t.match(/^.+.(ogg|ogv)$/),m=t.match(/^.+.(webm)$/),v=t.match(/(?:www\.|\/\/)facebook\.com\/([^\/]+)\/videos\/([0-9]+)/);if(o&&11===o[1].length){var g=o[1],b=0;if(void 0!==o[2]){var y=o[2].match(/^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/);if(y)for(var k=[3600,60,1],w=0,C=k.length;w<C;w++)b+=void 0!==y[w+1]?k[w]*parseInt(y[w+1],10):0}n=e()("<iframe>").attr("frameborder",0).attr("src","//www.youtube.com/embed/"+g+(b>0?"?start="+b:"")).attr("width","640").attr("height","360")}else if(i&&i[0].length)n=e()("<iframe>").attr("frameborder",0).attr("src","https://drive.google.com/file/d/"+i[1]+"/preview").attr("width","640").attr("height","480");else if(r&&r[0].length)n=e()("<iframe>").attr("frameborder",0).attr("src","https://instagram.com/p/"+r[1]+"/embed/").attr("width","612").attr("height","710").attr("scrolling","no").attr("allowtransparency","true");else if(a&&a[0].length)n=e()("<iframe>").attr("frameborder",0).attr("src",a[0]+"/embed/simple").attr("width","600").attr("height","600").attr("class","vine-embed");else if(s&&s[3].length)n=e()("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("src","//player.vimeo.com/video/"+s[3]).attr("width","640").attr("height","360");else if(l&&l[2].length)n=e()("<iframe>").attr("frameborder",0).attr("src","//www.dailymotion.com/embed/video/"+l[2]).attr("width","640").attr("height","360");else if(c&&c[1].length)n=e()("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","498").attr("width","510").attr("src","//player.youku.com/embed/"+c[1]);else if(u&&u[0].length){var x=0;"undefined"!==u[2]&&(x=u[2]);var S=0;"undefined"!==u[3]&&(S=u[3]);var T=0;"undefined"!==u[4]&&(T=u[4]);var E=0;"undefined"!==u[5]&&(E=u[5]);var I=0;"undefined"!==u[6]&&(I=u[6]),n=e()('<iframe allowfullscreen sandbox="allow-same-origin allow-scripts allow-popups">').attr("frameborder",0).attr("src","//"+u[1]+"/videos/embed/"+u[2]+"?loop="+T+"&autoplay="+E+"&muted="+I+(x>0?"&start="+x:"")+(S>0?"&end="+b:"")).attr("width","560").attr("height","315")}else if(d&&d[1].length||h&&h[2].length){var $=d&&d[1].length?d[1]:h[2];n=e()("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","310").attr("width","500").attr("src","https://v.qq.com/txp/iframe/player.html?vid="+$+"&amp;auto=0")}else if(f||p||m)n=e()("<video controls>").attr("src",t).attr("width","640").attr("height","360");else{if(!v||!v[0].length)return!1;n=e()("<iframe>").attr("frameborder",0).attr("src","https://www.facebook.com/plugins/video.php?href="+encodeURIComponent(v[0])+"&show_text=0&width=560").attr("width","560").attr("height","301").attr("scrolling","no").attr("allowtransparency","true")}return n.addClass("note-video-clip"),n[0]}},{key:"show",value:function(){var t=this,e=this.context.invoke("editor.getSelectedText");this.context.invoke("editor.saveRange"),this.showVideoDialog(e).then((function(e){t.ui.hideDialog(t.$dialog),t.context.invoke("editor.restoreRange");var n=t.createVideoNode(e);n&&t.context.invoke("editor.insertNode",n)})).fail((function(){t.context.invoke("editor.restoreRange")}))}},{key:"showVideoDialog",value:function(){var t=this;return e().Deferred((function(e){var n=t.$dialog.find(".note-video-url"),o=t.$dialog.find(".note-video-btn");t.ui.onDialogShown(t.$dialog,(function(){t.context.triggerEvent("dialog.shown"),n.on("input paste propertychange",(function(){t.ui.toggleBtn(o,n.val())})),H.isSupportTouch||n.trigger("focus"),o.click((function(t){t.preventDefault(),e.resolve(n.val())})),t.bindEnterKey(n,o)})),t.ui.onDialogHidden(t.$dialog,(function(){n.off(),o.off(),"pending"===e.state()&&e.reject()})),t.ui.showDialog(t.$dialog)}))}}])&&Ue(n.prototype,o),i&&Ue(n,i),t}();function We(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Ke=function(){function t(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.$body=e()(document.body),this.$editor=n.layoutInfo.editor,this.options=n.options,this.lang=this.options.langInfo}var n,o,i;return n=t,(o=[{key:"initialize",value:function(){var t=this.options.dialogsInBody?this.$body:this.options.container,e=['<p class="text-center">','<a href="http://summernote.org/" target="_blank" rel="noopener noreferrer">Summernote 0.8.18</a> · ','<a href="https://github.com/summernote/summernote" target="_blank" rel="noopener noreferrer">Project</a> · ','<a href="https://github.com/summernote/summernote/issues" target="_blank" rel="noopener noreferrer">Issues</a>',"</p>"].join("");this.$dialog=this.ui.dialog({title:this.lang.options.help,fade:this.options.dialogsFade,body:this.createShortcutList(),footer:e,callback:function(t){t.find(".modal-body,.note-modal-body").css({"max-height":300,overflow:"scroll"})}}).render().appendTo(t)}},{key:"destroy",value:function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()}},{key:"createShortcutList",value:function(){var t=this,n=this.options.keyMap[H.isMac?"mac":"pc"];return Object.keys(n).map((function(o){var i=n[o],r=e()('<div><div class="help-list-item"></div></div>');return r.append(e()("<label><kbd>"+o+"</kdb></label>").css({width:180,"margin-right":10})).append(e()("<span/>").html(t.context.memo("help."+i)||i)),r.html()})).join("")}},{key:"showHelpDialog",value:function(){var t=this;return e().Deferred((function(e){t.ui.onDialogShown(t.$dialog,(function(){t.context.triggerEvent("dialog.shown"),e.resolve()})),t.ui.showDialog(t.$dialog)})).promise()}},{key:"show",value:function(){var t=this;this.context.invoke("editor.saveRange"),this.showHelpDialog().then((function(){t.context.invoke("editor.restoreRange")}))}}])&&We(n.prototype,o),i&&We(n,i),t}();function qe(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Ve=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.options=n.options,this.hidable=!0,this.onContextmenu=!1,this.pageX=null,this.pageY=null,this.events={"summernote.contextmenu":function(t){o.options.editing&&(t.preventDefault(),t.stopPropagation(),o.onContextmenu=!0,o.update(!0))},"summernote.mousedown":function(t,e){o.pageX=e.pageX,o.pageY=e.pageY},"summernote.keyup summernote.mouseup summernote.scroll":function(t,e){o.options.editing&&!o.onContextmenu&&(o.pageX=e.pageX,o.pageY=e.pageY,o.update()),o.onContextmenu=!1},"summernote.disable summernote.change summernote.dialog.shown summernote.blur":function(){o.hide()},"summernote.focusout":function(){o.$popover.is(":active,:focus")||o.hide()}}}var n,o,i;return n=t,(o=[{key:"shouldInitialize",value:function(){return this.options.airMode&&!W.isEmpty(this.options.popover.air)}},{key:"initialize",value:function(){var t=this;this.$popover=this.ui.popover({className:"note-air-popover"}).render().appendTo(this.options.container);var e=this.$popover.find(".popover-content");this.context.invoke("buttons.build",e,this.options.popover.air),this.$popover.on("mousedown",(function(){t.hidable=!1})),this.$popover.on("mouseup",(function(){t.hidable=!0}))}},{key:"destroy",value:function(){this.$popover.remove()}},{key:"update",value:function(t){var n=this.context.invoke("editor.currentStyle");if(!n.range||n.range.isCollapsed()&&!t)this.hide();else{var o={left:this.pageX,top:this.pageY},i=e()(this.options.container).offset();o.top-=i.top,o.left-=i.left,this.$popover.css({display:"block",left:Math.max(o.left,0)+-5,top:o.top+5}),this.context.invoke("buttons.updateCurrentStyle",this.$popover)}}},{key:"updateCodeview",value:function(t){this.ui.toggleBtnActive(this.$popover.find(".btn-codeview"),t),t&&this.hide()}},{key:"hide",value:function(){this.hidable&&this.$popover.hide()}}])&&qe(n.prototype,o),i&&qe(n,i),t}();function _e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}var Ge=function(){function t(n){var o=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.context=n,this.ui=e().summernote.ui,this.$editable=n.layoutInfo.editable,this.options=n.options,this.hint=this.options.hint||[],this.direction=this.options.hintDirection||"bottom",this.hints=Array.isArray(this.hint)?this.hint:[this.hint],this.events={"summernote.keyup":function(t,e){e.isDefaultPrevented()||o.handleKeyup(e)},"summernote.keydown":function(t,e){o.handleKeydown(e)},"summernote.disable summernote.dialog.shown summernote.blur":function(){o.hide()}}}var n,o,i;return n=t,(o=[{key:"shouldInitialize",value:function(){return this.hints.length>0}},{key:"initialize",value:function(){var t=this;this.lastWordRange=null,this.matchingWord=null,this.$popover=this.ui.popover({className:"note-hint-popover",hideArrow:!0,direction:""}).render().appendTo(this.options.container),this.$popover.hide(),this.$content=this.$popover.find(".popover-content,.note-popover-content"),this.$content.on("click",".note-hint-item",(function(n){t.$content.find(".active").removeClass("active"),e()(n.currentTarget).addClass("active"),t.replace()})),this.$popover.on("mousedown",(function(t){t.preventDefault()}))}},{key:"destroy",value:function(){this.$popover.remove()}},{key:"selectItem",value:function(t){this.$content.find(".active").removeClass("active"),t.addClass("active"),this.$content[0].scrollTop=t[0].offsetTop-this.$content.innerHeight()/2}},{key:"moveDown",value:function(){var t=this.$content.find(".note-hint-item.active"),e=t.next();if(e.length)this.selectItem(e);else{var n=t.parent().next();n.length||(n=this.$content.find(".note-hint-group").first()),this.selectItem(n.find(".note-hint-item").first())}}},{key:"moveUp",value:function(){var t=this.$content.find(".note-hint-item.active"),e=t.prev();if(e.length)this.selectItem(e);else{var n=t.parent().prev();n.length||(n=this.$content.find(".note-hint-group").last()),this.selectItem(n.find(".note-hint-item").last())}}},{key:"replace",value:function(){var t=this.$content.find(".note-hint-item.active");if(t.length){var n=this.nodeFromItem(t);if(null!==this.matchingWord&&0===this.matchingWord.length)this.lastWordRange.so=this.lastWordRange.eo;else if(null!==this.matchingWord&&this.matchingWord.length>0&&!this.lastWordRange.isCollapsed()){var o=this.lastWordRange.eo-this.lastWordRange.so-this.matchingWord.length;o>0&&(this.lastWordRange.so+=o)}if(this.lastWordRange.insertNode(n),"next"===this.options.hintSelect){var i=document.createTextNode("");e()(n).after(i),jt.createFromNodeBefore(i).select()}else jt.createFromNodeAfter(n).select();this.lastWordRange=null,this.hide(),this.context.invoke("editor.focus"),this.context.triggerEvent("change",this.$editable.html(),this.$editable)}}},{key:"nodeFromItem",value:function(t){var e=this.hints[t.data("index")],n=t.data("item"),o=e.content?e.content(n):n;return"string"==typeof o&&(o=Dt.createText(o)),o}},{key:"createItemTemplates",value:function(t,n){var o=this.hints[t];return n.map((function(n){var i=e()('<div class="note-hint-item"/>');return i.append(o.template?o.template(n):n+""),i.data({index:t,item:n}),i}))}},{key:"handleKeydown",value:function(t){this.$popover.is(":visible")&&(t.keyCode===Kt.code.ENTER?(t.preventDefault(),this.replace()):t.keyCode===Kt.code.UP?(t.preventDefault(),this.moveUp()):t.keyCode===Kt.code.DOWN&&(t.preventDefault(),this.moveDown()))}},{key:"searchKeyword",value:function(t,e,n){var o=this.hints[t];if(o&&o.match.test(e)&&o.search){var i=o.match.exec(e);this.matchingWord=i[0],o.search(i[1],n)}else n()}},{key:"createGroup",value:function(t,n){var o=this,i=e()('<div class="note-hint-group note-hint-group-'+t+'"></div>');return this.searchKeyword(t,n,(function(e){(e=e||[]).length&&(i.html(o.createItemTemplates(t,e)),o.show())})),i}},{key:"handleKeyup",value:function(t){var n=this;if(!W.contains([Kt.code.ENTER,Kt.code.UP,Kt.code.DOWN],t.keyCode)){var o,i,r=this.context.invoke("editor.getLastRange");if("words"===this.options.hintMode){if(o=r.getWordsRange(r),i=o.toString(),this.hints.forEach((function(t){if(t.match.test(i))return o=r.getWordsMatchRange(t.match),!1})),!o)return void this.hide();i=o.toString()}else o=r.getWordRange(),i=o.toString();if(this.hints.length&&i){this.$content.empty();var a=z.rect2bnd(W.last(o.getClientRects())),s=e()(this.options.container).offset();a&&(a.top-=s.top,a.left-=s.left,this.$popover.hide(),this.lastWordRange=o,this.hints.forEach((function(t,e){t.match.test(i)&&n.createGroup(e,i).appendTo(n.$content)})),this.$content.find(".note-hint-item:first").addClass("active"),"top"===this.direction?this.$popover.css({left:a.left,top:a.top-this.$popover.outerHeight()-5}):this.$popover.css({left:a.left,top:a.top+a.height+5}))}else this.hide()}}},{key:"show",value:function(){this.$popover.show()}},{key:"hide",value:function(){this.$popover.hide()}}])&&_e(n.prototype,o),i&&_e(n,i),t}();e().summernote=e().extend(e().summernote,{version:"0.8.18",plugins:{},dom:Dt,range:jt,lists:W,options:{langInfo:e().summernote.lang["en-US"],editing:!0,modules:{editor:oe,clipboard:re,dropzone:se,codeview:de,statusbar:fe,fullscreen:me,handle:ge,hintPopover:Ge,autoLink:ke,autoSync:Ce,autoReplace:Se,placeholder:Ee,buttons:$e,toolbar:Pe,linkDialog:Le,linkPopover:Fe,imageDialog:He,imagePopover:ze,tablePopover:Oe,videoDialog:je,helpDialog:Ke,airPopover:Ve},buttons:{},lang:"en-US",followingToolbar:!1,toolbarPosition:"top",otherStaticBar:"",codeviewKeepButton:!1,toolbar:[["style",["style"]],["font",["bold","underline","clear"]],["fontname",["fontname"]],["color",["color"]],["para",["ul","ol","paragraph"]],["table",["table"]],["insert",["link","picture","video"]],["view",["fullscreen","codeview","help"]]],popatmouse:!0,popover:{image:[["resize",["resizeFull","resizeHalf","resizeQuarter","resizeNone"]],["float",["floatLeft","floatRight","floatNone"]],["remove",["removeMedia"]]],link:[["link",["linkDialogShow","unlink"]]],table:[["add",["addRowDown","addRowUp","addColLeft","addColRight"]],["delete",["deleteRow","deleteCol","deleteTable"]]],air:[["color",["color"]],["font",["bold","underline","clear"]],["para",["ul","paragraph"]],["table",["table"]],["insert",["link","picture"]],["view",["fullscreen","codeview"]]]},airMode:!1,overrideContextMenu:!1,width:null,height:null,linkTargetBlank:!0,useProtocol:!0,defaultProtocol:"http://",focus:!1,tabDisabled:!1,tabSize:4,styleWithCSS:!1,shortcuts:!0,textareaAutoSync:!0,tooltip:"auto",container:null,maxTextLength:0,blockquoteBreakingLevel:2,spellCheck:!0,disableGrammar:!1,placeholder:null,inheritPlaceholder:!1,recordEveryKeystroke:!1,historyLimit:200,showDomainOnlyForAutolink:!1,hintMode:"word",hintSelect:"after",hintDirection:"bottom",styleTags:["p","blockquote","pre","h1","h2","h3","h4","h5","h6"],fontNames:["Arial","Arial Black","Comic Sans MS","Courier New","Helvetica Neue","Helvetica","Impact","Lucida Grande","Tahoma","Times New Roman","Verdana"],fontNamesIgnoreCheck:[],addDefaultFonts:!0,fontSizes:["8","9","10","11","12","14","18","24","36"],fontSizeUnits:["px","pt"],colors:[["#000000","#424242","#636363","#9C9C94","#CEC6CE","#EFEFEF","#F7F7F7","#FFFFFF"],["#FF0000","#FF9C00","#FFFF00","#00FF00","#00FFFF","#0000FF","#9C00FF","#FF00FF"],["#F7C6CE","#FFE7CE","#FFEFC6","#D6EFD6","#CEDEE7","#CEE7F7","#D6D6E7","#E7D6DE"],["#E79C9C","#FFC69C","#FFE79C","#B5D6A5","#A5C6CE","#9CC6EF","#B5A5D6","#D6A5BD"],["#E76363","#F7AD6B","#FFD663","#94BD7B","#73A5AD","#6BADDE","#8C7BC6","#C67BA5"],["#CE0000","#E79439","#EFC631","#6BA54A","#4A7B8C","#3984C6","#634AA5","#A54A7B"],["#9C0000","#B56308","#BD9400","#397B21","#104A5A","#085294","#311873","#731842"],["#630000","#7B3900","#846300","#295218","#083139","#003163","#21104A","#4A1031"]],colorsName:[["Black","Tundora","Dove Gray","Star Dust","Pale Slate","Gallery","Alabaster","White"],["Red","Orange Peel","Yellow","Green","Cyan","Blue","Electric Violet","Magenta"],["Azalea","Karry","Egg White","Zanah","Botticelli","Tropical Blue","Mischka","Twilight"],["Tonys Pink","Peach Orange","Cream Brulee","Sprout","Casper","Perano","Cold Purple","Careys Pink"],["Mandy","Rajah","Dandelion","Olivine","Gulf Stream","Viking","Blue Marguerite","Puce"],["Guardsman Red","Fire Bush","Golden Dream","Chelsea Cucumber","Smalt Blue","Boston Blue","Butterfly Bush","Cadillac"],["Sangria","Mai Tai","Buddha Gold","Forest Green","Eden","Venice Blue","Meteorite","Claret"],["Rosewood","Cinnamon","Olive","Parsley","Tiber","Midnight Blue","Valentino","Loulou"]],colorButton:{foreColor:"#000000",backColor:"#FFFF00"},lineHeights:["1.0","1.2","1.4","1.5","1.6","1.8","2.0","3.0"],tableClassName:"table table-bordered",insertTableMaxSize:{col:10,row:10},dialogsInBody:!1,dialogsFade:!1,maximumImageFileSize:null,acceptImageFileTypes:"image/*",callbacks:{onBeforeCommand:null,onBlur:null,onBlurCodeview:null,onChange:null,onChangeCodeview:null,onDialogShown:null,onEnter:null,onFocus:null,onImageLinkInsert:null,onImageUpload:null,onImageUploadError:null,onInit:null,onKeydown:null,onKeyup:null,onMousedown:null,onMouseup:null,onPaste:null,onScroll:null},codemirror:{mode:"text/html",htmlMode:!0,lineNumbers:!0},codeviewFilter:!0,codeviewFilterRegex:/<\/*(?:applet|b(?:ase|gsound|link)|embed|frame(?:set)?|ilayer|l(?:ayer|ink)|meta|object|s(?:cript|tyle)|t(?:itle|extarea)|xml)[^>]*?>/gi,codeviewIframeFilter:!0,codeviewIframeWhitelistSrc:[],codeviewIframeWhitelistSrcBase:["www.youtube.com","www.youtube-nocookie.com","www.facebook.com","vine.co","instagram.com","player.vimeo.com","www.dailymotion.com","player.youku.com","jumpingbean.tv","v.qq.com"],keyMap:{pc:{ESC:"escape",ENTER:"insertParagraph","CTRL+Z":"undo","CTRL+Y":"redo",TAB:"tab","SHIFT+TAB":"untab","CTRL+B":"bold","CTRL+I":"italic","CTRL+U":"underline","CTRL+SHIFT+S":"strikethrough","CTRL+BACKSLASH":"removeFormat","CTRL+SHIFT+L":"justifyLeft","CTRL+SHIFT+E":"justifyCenter","CTRL+SHIFT+R":"justifyRight","CTRL+SHIFT+J":"justifyFull","CTRL+SHIFT+NUM7":"insertUnorderedList","CTRL+SHIFT+NUM8":"insertOrderedList","CTRL+LEFTBRACKET":"outdent","CTRL+RIGHTBRACKET":"indent","CTRL+NUM0":"formatPara","CTRL+NUM1":"formatH1","CTRL+NUM2":"formatH2","CTRL+NUM3":"formatH3","CTRL+NUM4":"formatH4","CTRL+NUM5":"formatH5","CTRL+NUM6":"formatH6","CTRL+ENTER":"insertHorizontalRule","CTRL+K":"linkDialog.show"},mac:{ESC:"escape",ENTER:"insertParagraph","CMD+Z":"undo","CMD+SHIFT+Z":"redo",TAB:"tab","SHIFT+TAB":"untab","CMD+B":"bold","CMD+I":"italic","CMD+U":"underline","CMD+SHIFT+S":"strikethrough","CMD+BACKSLASH":"removeFormat","CMD+SHIFT+L":"justifyLeft","CMD+SHIFT+E":"justifyCenter","CMD+SHIFT+R":"justifyRight","CMD+SHIFT+J":"justifyFull","CMD+SHIFT+NUM7":"insertUnorderedList","CMD+SHIFT+NUM8":"insertOrderedList","CMD+LEFTBRACKET":"outdent","CMD+RIGHTBRACKET":"indent","CMD+NUM0":"formatPara","CMD+NUM1":"formatH1","CMD+NUM2":"formatH2","CMD+NUM3":"formatH3","CMD+NUM4":"formatH4","CMD+NUM5":"formatH5","CMD+NUM6":"formatH6","CMD+ENTER":"insertHorizontalRule","CMD+K":"linkDialog.show"}},icons:{align:"note-icon-align",alignCenter:"note-icon-align-center",alignJustify:"note-icon-align-justify",alignLeft:"note-icon-align-left",alignRight:"note-icon-align-right",rowBelow:"note-icon-row-below",colBefore:"note-icon-col-before",colAfter:"note-icon-col-after",rowAbove:"note-icon-row-above",rowRemove:"note-icon-row-remove",colRemove:"note-icon-col-remove",indent:"note-icon-align-indent",outdent:"note-icon-align-outdent",arrowsAlt:"note-icon-arrows-alt",bold:"note-icon-bold",caret:"note-icon-caret",circle:"note-icon-circle",close:"note-icon-close",code:"note-icon-code",eraser:"note-icon-eraser",floatLeft:"note-icon-float-left",floatRight:"note-icon-float-right",font:"note-icon-font",frame:"note-icon-frame",italic:"note-icon-italic",link:"note-icon-link",unlink:"note-icon-chain-broken",magic:"note-icon-magic",menuCheck:"note-icon-menu-check",minus:"note-icon-minus",orderedlist:"note-icon-orderedlist",pencil:"note-icon-pencil",picture:"note-icon-picture",question:"note-icon-question",redo:"note-icon-redo",rollback:"note-icon-rollback",square:"note-icon-square",strikethrough:"note-icon-strikethrough",subscript:"note-icon-subscript",superscript:"note-icon-superscript",table:"note-icon-table",textHeight:"note-icon-text-height",trash:"note-icon-trash",underline:"note-icon-underline",undo:"note-icon-undo",unorderedlist:"note-icon-unorderedlist",video:"note-icon-video"}}}),e().summernote=e().extend(e().summernote,{ui_template:T,interface:"bs5"}),e().summernote.options.styleTags=["p",{title:"Blockquote",tag:"blockquote",className:"blockquote",value:"blockquote"},"pre","h1","h2","h3","h4","h5","h6"]})(),i})()}));
 
-(function(n,t){typeof define=="function"&&(define.amd||define.cmd)?define(function(){return t(n)}):typeof exports=="object"?module.exports=t(n):n.Browser=t(n)})(typeof self!="undefined"?self:this,function(n){var r=n||{},t=typeof n.navigator!="undefined"?n.navigator:{},i=function(n,i){var r=t.mimeTypes;for(var u in r)if(r[u][n]==i)return!0;return!1};return function(n){var u=n||t.userAgent||{},f=this,e={Trident:u.indexOf("Trident")>-1||u.indexOf("NET CLR")>-1,Presto:u.indexOf("Presto")>-1,WebKit:u.indexOf("AppleWebKit")>-1,Gecko:u.indexOf("Gecko/")>-1,KHTML:u.indexOf("KHTML/")>-1,Safari:u.indexOf("Safari")>-1,Chrome:u.indexOf("Chrome")>-1||u.indexOf("CriOS")>-1,IE:u.indexOf("MSIE")>-1||u.indexOf("Trident")>-1,Edge:u.indexOf("Edge")>-1||u.indexOf("Edg/")>-1,Firefox:u.indexOf("Firefox")>-1||u.indexOf("FxiOS")>-1,"Firefox Focus":u.indexOf("Focus")>-1,Chromium:u.indexOf("Chromium")>-1,Opera:u.indexOf("Opera")>-1||u.indexOf("OPR")>-1,Vivaldi:u.indexOf("Vivaldi")>-1,Yandex:u.indexOf("YaBrowser")>-1,Arora:u.indexOf("Arora")>-1,Lunascape:u.indexOf("Lunascape")>-1,QupZilla:u.indexOf("QupZilla")>-1,"Coc Coc":u.indexOf("coc_coc_browser")>-1,Kindle:u.indexOf("Kindle")>-1||u.indexOf("Silk/")>-1,Iceweasel:u.indexOf("Iceweasel")>-1,Konqueror:u.indexOf("Konqueror")>-1,Iceape:u.indexOf("Iceape")>-1,SeaMonkey:u.indexOf("SeaMonkey")>-1,Epiphany:u.indexOf("Epiphany")>-1,"360":u.indexOf("QihooBrowser")>-1||u.indexOf("QHBrowser")>-1,"360EE":u.indexOf("360EE")>-1,"360SE":u.indexOf("360SE")>-1,UC:u.indexOf("UCBrowser")>-1||u.indexOf(" UBrowser")>-1||u.indexOf("UCWEB")>-1,QQBrowser:u.indexOf("QQBrowser")>-1,QQ:u.indexOf("QQ/")>-1,Baidu:u.indexOf("Baidu")>-1||u.indexOf("BIDUBrowser")>-1||u.indexOf("baidubrowser")>-1||u.indexOf("baiduboxapp")>-1||u.indexOf("BaiduHD")>-1,Maxthon:u.indexOf("Maxthon")>-1,Sogou:u.indexOf("MetaSr")>-1||u.indexOf("Sogou")>-1,Liebao:u.indexOf("LBBROWSER")>-1||u.indexOf("LieBaoFast")>-1,"2345Explorer":u.indexOf("2345Explorer")>-1||u.indexOf("Mb2345Browser")>-1||u.indexOf("2345chrome")>-1,"115Browser":u.indexOf("115Browser")>-1,TheWorld:u.indexOf("TheWorld")>-1,XiaoMi:u.indexOf("MiuiBrowser")>-1,Quark:u.indexOf("Quark")>-1,Qiyu:u.indexOf("Qiyu")>-1,Wechat:u.indexOf("MicroMessenger")>-1,WechatWork:u.indexOf("wxwork/")>-1,Taobao:u.indexOf("AliApp(TB")>-1,Alipay:u.indexOf("AliApp(AP")>-1,Weibo:u.indexOf("Weibo")>-1,Douban:u.indexOf("com.douban.frodo")>-1,Suning:u.indexOf("SNEBUY-APP")>-1,iQiYi:u.indexOf("IqiyiApp")>-1,DingTalk:u.indexOf("DingTalk")>-1,Huawei:u.indexOf("HuaweiBrowser")>-1||u.indexOf("HUAWEI/")>-1||u.indexOf("HONOR")>-1,Vivo:u.indexOf("VivoBrowser")>-1,Windows:u.indexOf("Windows")>-1,Linux:u.indexOf("Linux")>-1||u.indexOf("X11")>-1,"Mac OS":u.indexOf("Macintosh")>-1,Android:u.indexOf("Android")>-1||u.indexOf("Adr")>-1,HarmonyOS:u.indexOf("HarmonyOS")>-1,Ubuntu:u.indexOf("Ubuntu")>-1,FreeBSD:u.indexOf("FreeBSD")>-1,Debian:u.indexOf("Debian")>-1,"Windows Phone":u.indexOf("IEMobile")>-1||u.indexOf("Windows Phone")>-1,BlackBerry:u.indexOf("BlackBerry")>-1||u.indexOf("RIM")>-1,MeeGo:u.indexOf("MeeGo")>-1,Symbian:u.indexOf("Symbian")>-1,iOS:u.indexOf("like Mac OS X")>-1,"Chrome OS":u.indexOf("CrOS")>-1,WebOS:u.indexOf("hpwOS")>-1,Mobile:u.indexOf("Mobi")>-1||u.indexOf("iPh")>-1||u.indexOf("480")>-1,Tablet:u.indexOf("Tablet")>-1||u.indexOf("Pad")>-1||u.indexOf("Nexus 7")>-1},o=!1,s,h,c,l,v,y,a;r.chrome&&(s=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),r.chrome.adblock2345||r.chrome.common2345?e["2345Explorer"]=!0:i("type","application/360softmgrplugin")||i("type","application/mozilla-npqihooquicklogin")?o=!0:s>36&&r.showModalDialog?o=!0:s>45&&(o=i("type","application/vnd.chromium.remoting-viewer"),!o&&s>=69&&(o=i("type","application/hwepass2001.installepass2001")||i("type","application/asx"))));e.Mobile?e.Mobile=!(u.indexOf("iPad")>-1):o&&(i("type","application/gameplugin")?e["360SE"]=!0:t&&typeof t.connection!="undefined"&&typeof t.connection.saveData=="undefined"?e["360SE"]=!0:e["360EE"]=!0);e.Baidu&&e.Opera?e.Baidu=!1:e.iOS&&(e.Safari=!0);h={engine:["WebKit","Trident","Gecko","Presto","KHTML"],browser:["Safari","Chrome","Edge","IE","Firefox","Firefox Focus","Chromium","Opera","Vivaldi","Yandex","Arora","Lunascape","QupZilla","Coc Coc","Kindle","Iceweasel","Konqueror","Iceape","SeaMonkey","Epiphany","XiaoMi","Vivo","360","360SE","360EE","UC","QQBrowser","QQ","Huawei","Baidu","Maxthon","Sogou","Liebao","2345Explorer","115Browser","TheWorld","Quark","Qiyu","Wechat","WechatWork","Taobao","Alipay","Weibo","Douban","Suning","iQiYi","DingTalk"],os:["Windows","Linux","Mac OS","Android","HarmonyOS","Ubuntu","FreeBSD","Debian","iOS","Windows Phone","BlackBerry","MeeGo","Symbian","Chrome OS","WebOS"],device:["Mobile","Tablet"]};f.device="PC";f.language=function(){var i=t.browserLanguage||t.language,n=i.split("-");return n[1]&&(n[1]=n[1].toUpperCase()),n.join("_")}();for(c in h)for(l=0;l<h[c].length;l++)v=h[c][l],e[v]&&(f[c]=v);y={Windows:function(){var n=u.replace(/^Mozilla\/\d.0 \(Windows NT ([\d.]+)[;)].*$/,"$1");return{"10":"10","6.4":"10","6.3":"8.1","6.2":"8","6.1":"7","6.0":"Vista","5.2":"XP","5.1":"XP","5.0":"2000"}[n]||n},Android:function(){return u.replace(/^.*Android ([\d.]+);.*$/,"$1")},HarmonyOS:function(){var n=u.replace(/^Mozilla.*Android ([\d.]+)[;)].*$/,"$1");return{"10":"2"}[n]||""},iOS:function(){return u.replace(/^.*OS ([\d_]+) like.*$/,"$1").replace(/_/g,".")},Debian:function(){return u.replace(/^.*Debian\/([\d.]+).*$/,"$1")},"Windows Phone":function(){return u.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/,"$2")},"Mac OS":function(){return u.replace(/^.*Mac OS X ([\d_]+).*$/,"$1").replace(/_/g,".")},WebOS:function(){return u.replace(/^.*hpwOS\/([\d.]+);.*$/,"$1")}};f.osVersion="";y[f.os]&&(f.osVersion=y[f.os](),f.osVersion==u&&(f.osVersion=""));a={Safari:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Chrome:function(){return u.replace(/^.*Chrome\/([\d.]+).*$/,"$1").replace(/^.*CriOS\/([\d.]+).*$/,"$1")},IE:function(){return u.replace(/^.*MSIE ([\d.]+).*$/,"$1").replace(/^.*rv:([\d.]+).*$/,"$1")},Edge:function(){return u.replace(/^.*Edge\/([\d.]+).*$/,"$1").replace(/^.*Edg\/([\d.]+).*$/,"$1")},Firefox:function(){return u.replace(/^.*Firefox\/([\d.]+).*$/,"$1").replace(/^.*FxiOS\/([\d.]+).*$/,"$1")},"Firefox Focus":function(){return u.replace(/^.*Focus\/([\d.]+).*$/,"$1")},Chromium:function(){return u.replace(/^.*Chromium\/([\d.]+).*$/,"$1")},Opera:function(){return u.replace(/^.*Opera\/([\d.]+).*$/,"$1").replace(/^.*OPR\/([\d.]+).*$/,"$1")},Vivaldi:function(){return u.replace(/^.*Vivaldi\/([\d.]+).*$/,"$1")},Yandex:function(){return u.replace(/^.*YaBrowser\/([\d.]+).*$/,"$1")},Arora:function(){return u.replace(/^.*Arora\/([\d.]+).*$/,"$1")},Lunascape:function(){return u.replace(/^.*Lunascape[\/\s]([\d.]+).*$/,"$1")},QupZilla:function(){return u.replace(/^.*QupZilla[\/\s]([\d.]+).*$/,"$1")},"Coc Coc":function(){return u.replace(/^.*coc_coc_browser\/([\d.]+).*$/,"$1")},Kindle:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Iceweasel:function(){return u.replace(/^.*Iceweasel\/([\d.]+).*$/,"$1")},Konqueror:function(){return u.replace(/^.*Konqueror\/([\d.]+).*$/,"$1")},Iceape:function(){return u.replace(/^.*Iceape\/([\d.]+).*$/,"$1")},SeaMonkey:function(){return u.replace(/^.*SeaMonkey\/([\d.]+).*$/,"$1")},Epiphany:function(){return u.replace(/^.*Epiphany\/([\d.]+).*$/,"$1")},"360":function(){return u.replace(/^.*QihooBrowser\/([\d.]+).*$/,"$1")},"360SE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"10.0","55":"9.1","45":"8.1","42":"8.0","31":"7.0","21":"6.3"}[n]||""},"360EE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"9.5","55":"9.0","50":"8.7","30":"7.5"}[n]||""},Maxthon:function(){return u.replace(/^.*Maxthon\/([\d.]+).*$/,"$1")},QQBrowser:function(){return u.replace(/^.*QQBrowser\/([\d.]+).*$/,"$1")},QQ:function(){return u.replace(/^.*QQ\/([\d.]+).*$/,"$1")},Baidu:function(){return u.replace(/^.*BIDUBrowser[\s\/]([\d.]+).*$/,"$1").replace(/^.*baiduboxapp\/([\d.]+).*$/,"$1")},UC:function(){return u.replace(/^.*UC?Browser\/([\d.]+).*$/,"$1")},Sogou:function(){return u.replace(/^.*SE ([\d.X]+).*$/,"$1").replace(/^.*SogouMobileBrowser\/([\d.]+).*$/,"$1")},Liebao:function(){var n="",t,i;return u.indexOf("LieBaoFast")>-1&&(n=u.replace(/^.*LieBaoFast\/([\d.]+).*$/,"$1")),t={"57":"6.5","49":"6.0","46":"5.9","42":"5.3","39":"5.2","34":"5.0","29":"4.5","21":"4.0"},i=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),n||t[i]||""},"2345Explorer":function(){var n=navigator.userAgent.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"69":"10.0","55":"9.9"}[n]||u.replace(/^.*2345Explorer\/([\d.]+).*$/,"$1").replace(/^.*Mb2345Browser\/([\d.]+).*$/,"$1")},"115Browser":function(){return u.replace(/^.*115Browser\/([\d.]+).*$/,"$1")},TheWorld:function(){return u.replace(/^.*TheWorld ([\d.]+).*$/,"$1")},XiaoMi:function(){return u.replace(/^.*MiuiBrowser\/([\d.]+).*$/,"$1")},Vivo:function(){return u.replace(/^.*VivoBrowser\/([\d.]+).*$/,"$1")},Quark:function(){return u.replace(/^.*Quark\/([\d.]+).*$/,"$1")},Qiyu:function(){return u.replace(/^.*Qiyu\/([\d.]+).*$/,"$1")},Wechat:function(){return u.replace(/^.*MicroMessenger\/([\d.]+).*$/,"$1")},WechatWork:function(){return u.replace(/^.*wxwork\/([\d.]+).*$/,"$1")},Taobao:function(){return u.replace(/^.*AliApp\(TB\/([\d.]+).*$/,"$1")},Alipay:function(){return u.replace(/^.*AliApp\(AP\/([\d.]+).*$/,"$1")},Weibo:function(){return u.replace(/^.*weibo__([\d.]+).*$/,"$1")},Douban:function(){return u.replace(/^.*com.douban.frodo\/([\d.]+).*$/,"$1")},Suning:function(){return u.replace(/^.*SNEBUY-APP([\d.]+).*$/,"$1")},iQiYi:function(){return u.replace(/^.*IqiyiVersion\/([\d.]+).*$/,"$1")},DingTalk:function(){return u.replace(/^.*DingTalk\/([\d.]+).*$/,"$1")},Huawei:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1").replace(/^.*HuaweiBrowser\/([\d.]+).*$/,"$1")}};f.version="";a[f.browser]&&(f.version=a[f.browser](),f.version==u&&(f.version=""));f.browser=="Chrome"&&u.match(/\S+Browser/)&&(f.browser=u.match(/\S+Browser/)[0],f.version=u.replace(/^.*Browser\/([\d.]+).*$/,"$1"));f.browser=="Firefox"&&(window.clientInformation||!window.u2f)&&(f.browser+=" Nightly");f.browser=="Edge"?f.engine=f.version>"75"?"Blink":"EdgeHTML":e.Chrome&&f.engine=="WebKit"&&parseInt(a.Chrome())>27?f.engine="Blink":f.browser=="Opera"&&parseInt(f.version)>12?f.engine="Blink":f.browser=="Yandex"&&(f.engine="Blink")}}),function(n){function r(t){return this.each(function(){var u=n(this),r=u.data(i.DATA_KEY),f=typeof t=="object"&&t;r?r.update(f):u.data(i.DATA_KEY,r=new i(this,f))})}var i=function(t,i){this.$element=n(t);this.options=n.extend({},i);this.init()},t;i.VERSION="5.1.0";i.Author="argo@163.com";i.DATA_KEY="lgb.SliderCaptcha";t=i.prototype;t.init=function(){this.initDOM();this.initImg();this.bindEvents()};t.initDOM=function(){var u=this.$element.find("canvas:first")[0].getContext("2d"),t=this.$element.find("canvas:last")[0],f=t.getContext("2d"),e=this.$element.find(".captcha-load"),i=this.$element.find(".captcha-footer"),o=i.find(".captcha-bar-bg"),s=this.$element.find(".captcha-bar"),r=this.$element.find(".captcha-bar-text"),h=this.$element.find(".captcha-refresh"),c=r.attr("data-text");n.extend(this,{canvas:u,block:t,bar:f,$load:e,$footer:i,$barLeft:o,$slider:s,$barText:r,$refresh:h,barText:c})};t.initImg=function(){var i=function(n,t){var i=this.options.sideLength,f=this.options.diameter,e=Math.PI,r=this.options.offsetX,u=this.options.offsetY;n.beginPath();n.moveTo(r,u);n.arc(r+i/2,u-f+2,f,.72*e,2.26*e);n.lineTo(r+i,u);n.arc(r+i+f-2,u+i/2,f,1.21*e,2.78*e);n.lineTo(r+i,u+i);n.lineTo(r,u+i);n.arc(r+f-2,u+i/2,f+.4,2.76*e,1.24*e,!0);n.lineTo(r,u);n.lineWidth=2;n.fillStyle="rgba(255, 255, 255, 0.7)";n.strokeStyle="rgba(255, 255, 255, 0.7)";n.stroke();n[t]();n.globalCompositeOperation="destination-over"},t=new Image,n;t.src=this.options.imageUrl;n=this;t.onload=function(){i.call(n,n.canvas,"fill");i.call(n,n.bar,"clip");n.canvas.drawImage(t,0,0,n.options.width,n.options.height);n.bar.drawImage(t,0,0,n.options.width,n.options.height);var r=n.options.offsetY-n.options.diameter*2-1,u=n.bar.getImageData(n.options.offsetX-3,r,n.options.barWidth,n.options.barWidth);n.block.width=n.options.barWidth;n.bar.putImageData(u,0,r)};t.onerror=function(){n.$load.text($load.attr("data-failed")).addClass("text-danger")}};t.bindEvents=function(){var n=this,t=0,i=0,r=[];this.$slider.drag(function(r){n.$barText.addClass("d-none");t=r.clientX||r.touches[0].clientX;i=r.clientY||r.touches[0].clientY},function(u){var o=u.clientX||u.touches[0].clientX,s=u.clientY||u.touches[0].clientY,f=o-t,h=s-i,e;if(f<0||f+40>n.options.width)return!1;n.$slider.css({left:f-1+"px"});e=(n.options.width-60)/(n.options.width-40)*f;n.block.style.left=e+"px";n.$footer.addClass("is-move");n.$barLeft.css({width:f+4+"px"});r.push(Math.round(h))},function(i){var f=i.clientX||i.changedTouches[0].clientX,u;n.$footer.removeClass("is-move");u=Math.ceil((n.options.width-60)/(n.options.width-40)*(f-t)+3);n.verify(u,r)});this.$refresh.on("click",function(){n.options.barText=n.$barText.attr("data-text")})};t.verify=function(n,t){var r=this.options.remoteObj.obj,u=this.options.remoteObj.method,i=this;r.invokeMethodAsync(u,n,t).then(function(n){n?(i.$footer.addClass("is-valid"),i.options.barText=i.$barText.attr("data-text")):(i.$footer.addClass("is-invalid"),setTimeout(function(){i.$refresh.trigger("click");i.options.barText=i.$barText.attr("data-try")},1e3))})};t.update=function(t){n.extend(this.options,t);this.resetCanvas();this.initImg();this.resetBar()};t.resetCanvas=function(){this.canvas.clearRect(0,0,this.options.width,this.options.height);this.bar.clearRect(0,0,this.options.width,this.options.height);this.block.width=this.options.width;this.block.style.left=0;this.$load.text(this.$load.attr("data-load")).removeClass("text-danger")};t.resetBar=function(){this.$footer.removeClass("is-invalid is-valid");this.$barText.text(this.options.barText).removeClass("d-none");this.$slider.css({left:"0px"});this.$barLeft.css({width:"0px"})};n.fn.sliderCaptcha=r;n.fn.sliderCaptcha.Constructor=i;n.extend({captcha:function(t,i,r,u){u.remoteObj={obj:i,method:r};n(t).sliderCaptcha(u)}})}(jQuery),function(n){n.isFunction(Date.prototype.format)||(Date.prototype.format=function(n){var i={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours()%12==0?12:this.getHours()%12,"H+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()},t;/(y+)/.test(n)&&(n=n.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));/(E+)/.test(n)&&(n=n.replace(RegExp.$1,(RegExp.$1.length>1?RegExp.$1.length>2?"星期":"周":"")+{0:"日",1:"一",2:"二",3:"三",4:"四",5:"五",6:"六"}[this.getDay()]));for(t in i)new RegExp("("+t+")").test(n)&&(n=n.replace(RegExp.$1,RegExp.$1.length===1?i[t]:("00"+i[t]).substr((""+i[t]).length)));return n});n.browser={versions:function(){var n=navigator.userAgent;return{trident:n.indexOf("Trident")>-1,presto:n.indexOf("Presto")>-1,webKit:n.indexOf("AppleWebKit")>-1,gecko:n.indexOf("Gecko")>-1&&n.indexOf("KHTML")===-1,mobile:!!n.match(/AppleWebKit.*Mobile.*/),ios:!!n.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:n.indexOf("Android")>-1||n.indexOf("Linux")>-1,iPhone:n.indexOf("iPhone")>-1,iPod:n.indexOf("iPod")>-1,iPad:n.indexOf("iPad")>-1,mac:n.indexOf("Macintosh")>-1,webApp:n.indexOf("Safari")===-1}}(),language:(navigator.browserLanguage||navigator.language).toLowerCase()};Array.prototype.indexOf=function(n){for(var t=0;t<this.length;t++)if(this[t]==n)return t;return-1};Array.prototype.remove=function(n){var t=this.indexOf(n);t>-1&&this.splice(t,1)};n.extend({format:function(t,i){return i===undefined||i===null?null:(arguments.length>2&&i.constructor!==Array&&(i=n.makeArray(arguments).slice(1)),i.constructor!==Array&&(i=[i]),n.each(i,function(n,i){t=t.replace(new RegExp("\\{"+n+"\\}","g"),function(){return i})}),t)},getUID:function(n){n||(n="b");do n+=~~(Math.random()*1e6);while(document.getElementById(n));return n},webClient:function(t,i,r){var u={},f=new Browser;u.Browser=f.browser+" "+f.version;u.Os=f.os+" "+f.osVersion;u.Device=f.device;u.Language=f.language;u.Engine=f.engine;u.UserAgent=navigator.userAgent;n.ajax({type:"GET",url:i,success:function(n){t.invokeMethodAsync(r,n.Id,n.Ip,u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)},error:function(){console.error("Please add UseBootstrapBlazor middleware");t.invokeMethodAsync(r,"","",u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)}})}});n.fn.extend({drag:function(t,i,r){var u=n(this),o=function(i){i.stopPropagation();document.addEventListener("mousemove",f);document.addEventListener("touchmove",f);document.addEventListener("mouseup",e);document.addEventListener("touchend",e);n.isFunction(t)&&t.call(u,i)},f=function(t){n.isFunction(i)&&i.call(u,t)},e=function(t){n.isFunction(r)&&r.call(u,t);window.setTimeout(function(){document.removeEventListener("mousemove",f);document.removeEventListener("touchmove",f);document.removeEventListener("mouseup",e);document.removeEventListener("touchend",e)},100)};u.on("mousedown",o);u.on("touchstart",o)}})}(jQuery),function(n){function i(i){return this.each(function(){var r=n(this),u=r.data(t.DATA_KEY),f=typeof i=="object"&&i;u||r.data(t.DATA_KEY,u=new t(this,f))})}var t=function(t,i){this.$element=n(t);var u=this._getColSpan(this.$element),f=this.$element.data("type"),r=parseInt(this.$element.data("items"));isNaN(r)&&(r=12);this.options=n.extend({rowType:f,itemsPerRow:r,colSpan:u},i);this.layout()};t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.grid";n.extend(t.prototype,{layout:function(){this._layout_column(null);this.$element.removeClass("d-none")},_layout_column:function(t){var e=this.$element,o=this.options.rowType,s=this.options.itemsPerRow,f=!1,i=null,r=this,u=n('<div class="row g-3"><\/div>');o==="inline"&&u.addClass("form-inline");e.children().each(function(e,o){var s=n(o),c=s.data("toggle")==="row",h=r._getColSpan(s);c?n("<div><\/div>").addClass(r._calc(h)).appendTo(u).append(s):(f=s.prop("tagName")==="LABEL",f?(i===null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s)):(f=!1,i==null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s),t==null?i.appendTo(u):i.appendTo(t),i=null))});t==null&&e.append(u)},_layout_parent_row:function(){var t=this.$element.data("target"),i=n('[data-uid="'+t+'"]'),r=n('<div class="row"><\/div>').appendTo(i);this._layout_column(r)},_calc:function(n){var t=this.options.itemsPerRow,i;return n>0&&(t=t*n),i="col-12",t!==12&&(i="col-12 col-sm-"+t),i},_getColSpan:function(n){var t=parseInt(n.data("colspan"));return isNaN(t)&&(t=0),t}});n.fn.grid=i;n.fn.grid.Constructor=t}(jQuery),function(n){function r(i){return this.each(function(){var u=n(this),r=u.data(t.DATA_KEY),f=typeof i=="object"&&i;r||u.data(t.DATA_KEY,r=new t(this,f));typeof i=="string"&&/active/.test(i)&&r[i].apply(r)})}var t=function(t,i){this.$element=n(t);this.$header=this.$element.find(".tabs-header");this.$wrap=this.$header.find(".tabs-nav-wrap");this.$scroll=this.$wrap.find(".tabs-nav-scroll");this.$tab=this.$scroll.find(".tabs-nav");this.options=n.extend({},i);this.init()},i;t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.Tab";i=t.prototype;i.init=function(){var t=this;n(window).on("resize",function(){t.resize()});this.active()};i.fixSize=function(){var n=this.$element.height(),t=this.$element.width();this.$element.css({height:n+"px",width:t+"px"})};i.resize=function(){var n,t,i,r,u;this.vertical=this.$element.hasClass("tabs-left")||this.$element.hasClass("tabs-right");this.horizontal=this.$element.hasClass("tabs-top")||this.$element.hasClass("tabs-bottom");n=this.$tab.find(".tabs-item:last");n.length>0&&(this.vertical?(this.$wrap.css({height:this.$element.height()+"px"}),t=this.$tab.height(),i=n.position().top+n.outerHeight(),i<t?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")):(this.$wrap.removeAttr("style"),r=this.$tab.width(),u=n.position().left+n.outerWidth(),u<r?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")))};i.active=function(){var r,n,f,o,c,l;if(this.resize(),r=this.$element.find(".tabs-active-bar"),n=this.$element.find(".tabs-item.active"),n.length!==0)if(this.vertical){var u=n.position().top,a=u+n.outerHeight(),t=this.$scroll.scrollTop(),v=this.$scroll.outerHeight(),s=a-t-v;s>0?this.$scroll.scrollTop(t+s):(f=u-t,f<0&&this.$scroll.scrollTop(t+f));r.css({width:"2px",transform:"translateY("+u+"px)"})}else{var e=n.position().left,y=e+n.outerWidth(),i=this.$scroll.scrollLeft(),p=this.$scroll.width(),h=y-i-p;h>0?this.$scroll.scrollLeft(i+h):(o=e-i,o<0&&this.$scroll.scrollLeft(i+o));c=n.width();l=e+parseInt(n.css("paddingLeft"));r.css({width:c+"px",transform:"translateX("+l+"px)"})}};n.fn.lgbTab=r;n.fn.lgbTab.Constructor=t}(jQuery),function(n){n.extend({bb_ajax:function(t,i,r){r=JSON.stringify(r);var u=null;return(n.ajax({url:t,data:r,method:i,contentType:"application/json",dataType:"json","async":!1,success:function(n){u=n},error:function(){return null}}),u==null)?null:JSON.stringify(u)},bb_ajax_goto:function(n){window.location.href=n}})}(jQuery),function(n){n.extend({bb_anchor:function(t){var i=n(t);i.on("click",function(t){var f,u,r,e,o;t.preventDefault();f=n(i.data("target"));u=i.data("container");u||(u=window);r=f.offset().top;e=f.css("marginTop").replace("px","");e&&(r=r-parseInt(e));o=i.data("offset");o&&(r=r-parseInt(o));n(u).scrollTop(r)})}})}(jQuery),function(n){n(function(){n(document).on("click",".anchor-link",function(){var t=n(this),i=t.attr("id"),r,u,f;i&&(r=t.attr("data-title"),u=window.location.origin+window.location.pathname+"#"+i,n.bb_copyText(u),t.tooltip({title:r}),t.tooltip("show"),f=window.setTimeout(function(){window.clearTimeout(f);t.tooltip("dispose")},1e3))})})}(jQuery),function(n){n.extend({bb_autoScrollItem:function(t,i){var s=n(t),r=s.find(".dropdown-list"),e=parseInt(r.css("max-height").replace("px",""))/2,u=r.children("li:first").outerHeight(),h=u*i,f=Math.floor(e/u),o;r.children().removeClass("active");o=r.children().length;i<o&&r.children()[i].classList.add("active");h>e?r.scrollTop(u*(i>f?i-f:i)):i<=f&&r.scrollTop(0)},bb_setDebounce:function(t,i){var f=n(t),u;let r;u=["ArrowUp","ArrowDown","Escape","Enter"];f.on("keyup",function(n){u.indexOf(n.key)<1&&r?(clearTimeout(r),n.stopPropagation(),r=setTimeout(function(){r=null;n.target.dispatchEvent(n.originalEvent)},i)):r=setTimeout(function(){},i)})}})}(jQuery),function(n){n.extend({bb_auto_redirect:function(t,i,r){var u={},f=1,e=window.setInterval(function(){n(document).off("mousemove").one("mousemove",function(n){(u.screenX!==n.screenX||u.screenY!==n.screenY)&&(u.screenX=n.screenX,u.screenY=n.screenY,f=1)});n(document).off("keydown").one("keydown",function(){f=1})},1e3),o=window.setInterval(function(){f++>i&&(window.clearInterval(o),window.clearInterval(e),t.invokeMethodAsync(r))},1e3)}})}(jQuery),function(n){n.extend({bb_vibrate:function(){if("vibrate"in window.navigator){window.navigator.vibrate([200,100,200]);var n=window.setTimeout(function(){window.clearTimeout(n);window.navigator.vibrate([])},1e3)}},bb_barcode:function(t,i,r,u){var f=n(t),e=new ZXing.BrowserMultiFormatReader;if(r==="dispose"){e.reset();return}f.attr("data-scan")==="Camera"&&e.getVideoInputDevices().then(n=>{i.invokeMethodAsync("InitDevices",n).then(()=>{if(u&&n.length>0){var t=f.find('button[data-method="scan"]'),i=f.attr("data-scan");i==="Camera"&&t.trigger("click")}})});f.on("click","button[data-method]",function(){var r=n(this).attr("data-method"),o,s,u,t;if(r==="scan")i.invokeMethodAsync("Start"),o=f.find(".dropdown-item.active").attr("data-val"),s=f.find("video").attr("id"),e.decodeFromVideoDevice(o,s,(t,r)=>{if(t){n.bb_vibrate();console.log(t.text);i.invokeMethodAsync("GetResult",t.text);var u=f.attr("data-autostop")==="true";u&&e.reset()}!r||r instanceof ZXing.NotFoundException||(console.error(r),i.invokeMethodAsync("GetError",r))});else if(r==="scanImage"){e=new ZXing.BrowserMultiFormatReader;f.find(":file").remove();u=n(".scanner-image");t=n('<input type="file" hidden accept="image/*">');f.append(t);t.on("change",function(){if(this.files.length!==0){var t=new FileReader;t.onloadend=function(t){u.attr("src",t.target.result);e.decodeFromImage(u[0]).then(t=>{t&&(n.bb_vibrate(),console.log(t.text),i.invokeMethodAsync("GetResult",t.text))}).catch(n=>{n&&(console.log(n),i.invokeMethodAsync("GetError",n.message))})};t.readAsDataURL(this.files[0])}});t.trigger("click")}else r==="close"&&(e.reset(),i.invokeMethodAsync("Stop"))})}})}(jQuery),function(n){n.extend({bb_camera:function(t,i,r,u,f,e){var o=n(t),h=function(n,t){n.pause();n.srcObject=null;t.stop()},c,s;if(r==="stop"){c=o.find("video")[0];s=o.data("bb_video_track");s&&h(c,s);return}navigator.mediaDevices.enumerateDevices().then(function(t){var l=t.filter(function(n){return n.kind==="videoinput"}),r,s,a,c;i.invokeMethodAsync("InitDevices",l).then(()=>{u&&l.length>0&&o.find('button[data-method="play"]').trigger("click")});r=o.find("video")[0];s=o.find("canvas")[0];s.width=f;s.height=e;a=s.getContext("2d");o.on("click","button[data-method]",async function(){var l=n(this).attr("data-method"),t,v,u;if(l==="play"){var w=n(this).attr("data-camera"),y=o.find(".dropdown-item.active").attr("data-val"),p={video:{facingMode:w,width:f,height:e},audio:!1};y!==""&&(p.video.deviceId={exact:y});navigator.mediaDevices.getUserMedia(p).then(n=>{r.srcObject=n,r.play(),c=n.getTracks()[0],o.data("bb_video_track",c),i.invokeMethodAsync("Start")}).catch(n=>{console.log(n),i.invokeMethodAsync("GetError",n.message)})}else if(l==="stop")h(r,c),i.invokeMethodAsync("Stop");else if(l==="capture"){for(a.drawImage(r,0,0,f,e),t=s.toDataURL(),v=30720;t.length>v;)u=t.substr(0,v),console.log(u),await i.invokeMethodAsync("Capture",u),t=t.substr(u.length);t.length>0&&await i.invokeMethodAsync("Capture",t);await i.invokeMethodAsync("Capture","__BB__%END%__BB__")}})})}})}(jQuery),function(n){n.extend({bb_card_collapse:function(t){var i=n(t);i.on("click",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&t.parent().toggleClass("collapsed"),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed")}))})}})}(jQuery),function(n){n.extend({bb_carousel:function(t){var r=n(t).carousel(),i=null;r.hover(function(){var t,r,u;i!=null&&window.clearTimeout(i);t=n(this);r=t.find("[data-bs-slide]");r.removeClass("d-none");u=window.setTimeout(function(){window.clearTimeout(u);t.addClass("hover")},10)},function(){var t=n(this),r=t.find("[data-bs-slide]");t.removeClass("hover");i=window.setTimeout(function(){window.clearTimeout(i);r.addClass("d-none")},300)})}})}(jQuery),function(n){n.extend({bb_copyText:function(n){if(navigator.clipboard)navigator.clipboard.writeText(n);else{if(typeof ele!="string")return!1;var t=document.createElement("input");t.setAttribute("type","text");t.setAttribute("value",n);document.body.appendChild(t);t.select();document.execCommand("copy");document.body.removeChild(t)}}})}(jQuery),function(n){n.extend({bb_collapse:function(t){var i=n(t),r=null;i.hasClass("is-accordion")&&(r="["+t.getAttributeNames().pop()+"]");n.each(i.children(".accordion-item"),function(){var u=n(this),i=u.children(".accordion-collapse"),t=i.attr("id"),f;t||(t=n.getUID(),i.attr("id",t),r!=null&&i.attr("data-bs-parent",r),f=u.find('[data-bs-toggle="collapse"]'),f.attr("data-bs-target","#"+t).attr("aria-controls",t))});i.find(".tree .tree-item > .fa").on("click",function(){var t=n(this).parent();t.find('[data-bs-toggle="collapse"]').trigger("click")});if(i.parent().hasClass("menu"))i.on("click",".nav-link:not(.collapse)",function(){var r=n(this),t;for(i.find(".active").removeClass("active"),r.addClass("active"),t=r.closest(".accordion");t.length>0;)t.children(".accordion-header").find(".nav-link").addClass("active"),t=t.parent().closest(".accordion")})}})}(jQuery),function(n){n.extend({bb_console:function(t){var u=n(t),i=u.find('[data-scroll="auto"]'),r;i.length>0&&(r=i.find(".console-window"),i.scrollTop(r.height()))}})}(jQuery),function(n){n.extend({bb_timePicker:function(t){var i=n(t);return i.find(".time-spinner-item").height()},bb_timecell:function(t,i,r,u){var f=n(t);f.find(".time-spinner-list").on("mousewheel wheel",function(n){var t=n.originalEvent.wheelDeltaY||-n.originalEvent.deltaY;return t>0?i.invokeMethodAsync(r):i.invokeMethodAsync(u),!1})}})}(jQuery),function(n){n.extend({bb_form_load:function(t,i){var r=n(t);i==="show"?r.addClass("show"):r.removeClass("show")}})}(jQuery),function(n){n.extend({bb_download_wasm:function(n,t,i){var u=BINDING.conv_string(n),e=BINDING.conv_string(t),o=Blazor.platform.toUint8Array(i),s=new File([o],u,{type:e}),f=URL.createObjectURL(s),r=document.createElement("a");document.body.appendChild(r);r.href=f;r.download=u;r.target="_self";r.click();URL.revokeObjectURL(f)},bb_download:function(t,i,r){var f=n.bb_create_url(t,i,r),u=document.createElement("a");document.body.appendChild(u);u.href=f;u.download=t;u.target="_self";u.click();URL.revokeObjectURL(f)},bb_create_url_wasm:function(n,t,i){var r=BINDING.conv_string(n),u=BINDING.conv_string(t),f=Blazor.platform.toUint8Array(i),e=new File([f],r,{type:u});return URL.createObjectURL(e)},bb_create_url:function(t,i,r){typeof r=="string"&&(r=n.base64DecToArr(r));var u=r,f=new File([u],t,{type:i});return URL.createObjectURL(f)},b64ToUint6:function(n){return n>64&&n<91?n-65:n>96&&n<123?n-71:n>47&&n<58?n+4:n===43?62:n===47?63:0},base64DecToArr:function(t,i){for(var h=t.replace(/[^A-Za-z0-9\+\/]/g,""),u=h.length,c=i?Math.ceil((u*3+1>>2)/i)*i:u*3+1>>2,l=new Uint8Array(c),f,e,o=0,s=0,r=0;r<u;r++)if(e=r&3,o|=n.b64ToUint6(h.charCodeAt(r))<<18-6*e,e===3||u-r==1){for(f=0;f<3&&s<c;f++,s++)l[s]=o>>>(16>>>f&24)&255;o=0}return l}})}(jQuery),function(n){n.extend({bb_drawer:function(t,i){var r=n(t),u;i?(r.addClass("is-open"),n("body").addClass("overflow-hidden")):r.hasClass("is-open")&&(r.removeClass("is-open").addClass("is-close"),u=window.setTimeout(function(){window.clearTimeout(u);r.removeClass("is-close");n("body").removeClass("overflow-hidden")},350))}})}(jQuery),function(n){n.extend({bb_html5edit:function(t,i){if(n.isFunction(n.fn.summernote)){var r=n(t),u=typeof i=="object"&&i;return/destroy|hide/.test(i)?r.toggleClass("open").summernote(i):typeof i=="string"?r.hasClass("open")?r.summernote(i):r.html():(u=n.extend({focus:!0,lang:"zh-CN",height:80,dialogsInBody:!0},u),r.on("click",u,function(t,i){var u=n(this).tooltip("hide"),r=n.extend({placeholder:u.attr("placeholder")},t.data,i||{});r.obj.invokeMethodAsync("GetToolBar").then(t=>{var i=u.toggleClass("open").summernote(n.extend({callbacks:{onChange:function(n){r.obj.invokeMethodAsync(r.method,n)}},toolbar:t},r)).next().find(".note-toolbar").on("click","button[data-method]",{note:u,op:r},function(t){var r=n(this),i,u;switch(r.attr("data-method")){case"submit":r.tooltip("dispose");i=t.data.note.toggleClass("open");u=i.summernote("code");i.summernote("destroy");t.data.op.obj.invokeMethodAsync(t.data.op.method,u)}}),f=n('<div class="note-btn-group btn-group note-view note-right"><button type="button" class="note-btn btn btn-sm note-btn-close" tabindex="-1" data-method="submit" title="完成" data-bs-placement="bottom"><i class="fa fa-check"><\/i><\/button><\/div>').appendTo(i).find("button").tooltip({container:"body"});n("body").find('.note-group-select-from-files [accept="image/*"]').attr("accept","image/bmp,image/png,image/jpg,image/jpeg,image/gif")})}).tooltip({title:"点击展开编辑"}),u.value&&r.html(u.value),r.hasClass("open")&&r.trigger("click",{focus:!1}),this)}},bb_editor:function(t,i,r,u,f,e,o){var s=function(){var r=t.getElementsByClassName("editor-body"),u;i==="code"?n(r).hasClass("open")?n(r).summernote("code",o):n(r).html(o):(u={obj:i,method:f,height:e},o&&(u.value=o),n.bb_html5edit(r,u))};r!==""?i.invokeMethodAsync(r).then(t=>{for(var r in t)(function(t,r){r!=null&&(pluginObj={},pluginObj[r]=function(f){var e=n.summernote.ui;f.memo("button."+r,function(){var n=e.button({contents:'<i class="'+t.iconClass+'"><\/i>',container:"body",tooltip:t.tooltip,click:function(){i.invokeMethodAsync(u,r).then(n=>{f.invoke("editor.pasteHTML",n)})}});return this.$button=n.render(),this.$button})},n.extend(n.summernote.plugins,pluginObj))})(t[r],t[r].buttonName);s()}):s()}})}(jQuery),function(n){n.extend({bb_iconList:function(t){var i=n(t);n("body").scrollspy({offset:150,target:".fa-nav"});i.on("click",".nav-link",function(t){t.preventDefault();t.stopPropagation();var f=n(this).attr("href"),r=n(f),e=window,i=r.offset().top,u=r.css("marginTop").replace("px","");u&&(i=i-parseInt(u));n(e).scrollTop(i)})}})}(jQuery),function(n){n.extend({bb_filter:function(t,i,r){n(t).data("bb_filter",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var i=n(t.target),r=i.closest(".popover-datetime"),u,f,e;r.length==1&&(u=r.attr("id"),f=n('[aria-describedby="'+u+'"]'),f.closest(".datetime-picker").hasClass("is-filter"))||(e=i.closest(".table-filter-item"),e.length==0&&n(".table-filter-item.show").each(function(){var t=n(this).data("bb_filter");t.obj.invokeMethodAsync(t.method)}))});n(document).on("keyup",function(t){var i,r;t.key==="Enter"?(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("ConfirmByKey"))):t.key==="Escape"&&(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("EscByKey")))})})}(jQuery),function(n){n.extend({bb_toggleFullscreen:function(t,i){var r=t;r&&r!==""||(r=i?document.getElementById(i):document.documentElement);n.bb_IsFullscreen()?(n.bb_ExitFullscreen(),r.classList.remove("fs-open")):(n.bb_Fullscreen(r),r.classList.add("fs-open"))},bb_Fullscreen:function(n){n.requestFullscreen()||n.webkitRequestFullscreen||n.mozRequestFullScreen||n.msRequestFullscreen},bb_ExitFullscreen:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},bb_IsFullscreen:function(){return document.fullscreen||document.webkitIsFullScreen||document.webkitFullScreen||document.mozFullScreen||document.msFullScreent}})}(jQuery),function(n){Number.prototype.toRadians=function(){return this*Math.PI/180};n.extend({bb_geo_distance:function(n,t,i,r){var u=(i-n).toRadians(),f=(r-t).toRadians();n=n.toRadians();i=i.toRadians();var e=Math.sin(u/2)*Math.sin(u/2)+Math.cos(n)*Math.cos(i)*Math.sin(f/2)*Math.sin(f/2),o=2*Math.atan2(Math.sqrt(e),Math.sqrt(1-e));return 6371*o},bb_geo_updateLocaltion:function(t,i=0,r=0,u,f){var e=t.coords.latitude,o=t.coords.longitude,a=t.coords.accuracy,s=t.coords.altitude,h=t.coords.altitudeAccuracy,c=t.coords.heading,l=t.coords.speed,v=t.timestamp;return a>=500&&console.warn("Need more accurate values to calculate distance."),u!=null&&f!=null&&(i=n.bb_geo_distance(e,o,u,f),r+=i),u=e,f=o,s==null&&(s=0),h==null&&(h=0),c==null&&(c=0),l==null&&(l=0),{latitude:e,longitude:o,accuracy:a,altitude:s,altitudeAccuracy:h,heading:c,speed:l,timestamp:v,currentDistance:i,totalDistance:r,lastLat:u,lastLong:f}},bb_geo_handleLocationError:function(n){switch(n.code){case 0:console.error("There was an error while retrieving your location: "+n.message);break;case 1:console.error("The user prevented this page from retrieving a location.");break;case 2:console.error("The browser was unable to determine your location: "+n.message);break;case 3:console.error("The browser timed out before retrieving the location.")}},bb_geo_getCurrnetPosition:function(t,i){var r=!1;return navigator.geolocation?(r=!0,navigator.geolocation.getCurrentPosition(r=>{var u=n.bb_geo_updateLocaltion(r);t.invokeMethodAsync(i,u)},n.bb_geo_handleLocationError)):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_watchPosition:function(t,i){var r=0,u=0,f=0,e,o;return navigator.geolocation?r=navigator.geolocation.watchPosition(r=>{var s=n.bb_geo_updateLocaltion(r,u,f,e,o);u=s.currentDistance;f=s.totalDistance;e=s.lastLat;o=s.lastLong;t.invokeMethodAsync(i,s)},n.bb_geo_handleLocationError,{maximumAge:2e4}):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_clearWatchLocation:function(n){var t=!1;return navigator.geolocation&&(t=!0,navigator.geolocation.clearWatch(n)),t}})}(jQuery),function(n){n.extend({bb_gotop:function(t,i){var r=n(t),u=r.tooltip();r.on("click",function(t){t.preventDefault();n(i||window).scrollTop(0);u.tooltip("hide")})}})}(jQuery),function(n){n.extend({bb_handwritten:function(n,t,i,r){function u(n){var i,f,e;this.linewidth=1;this.color="#000000";this.background="#fff";for(i in n)this[i]=n[i];this.canvas=document.createElement("canvas");this.el.appendChild(this.canvas);this.cxt=this.canvas.getContext("2d");this.canvas.clientTop=this.el.clientWidth;this.canvas.width=this.el.clientWidth;this.canvas.height=this.el.clientHeight;this.cxt.fillStyle=this.background;this.cxt.fillRect(2,2,this.canvas.width,this.canvas.height);this.cxt.fillStyle=this.background;this.cxt.strokeStyle=this.color;this.cxt.lineWidth=this.linewidth;this.cxt.lineCap="round";var t="ontouchend"in window,s=this,u=!1,o=function(n){u=!0;this.cxt.beginPath();var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.moveTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.moveTo(n.pageX+2-i,n.pageY+2-r)};t?this.canvas.addEventListener("touchstart",o.bind(this),!1):this.canvas.addEventListener("mousedown",o.bind(this),!1);f=function(n){if(u){var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.lineTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.lineTo(n.pageX+2-i,n.pageY+2-r);this.cxt.stroke()}};t?this.canvas.addEventListener("touchmove",f.bind(this),!1):this.canvas.addEventListener("mousedown",f.bind(this),!1);e=function(){u=!1;this.cxt.closePath()};t?this.canvas.addEventListener("touchend",e.bind(this),!1):this.canvas.addEventListener("mousedown",e.bind(this),!1);this.clearEl.addEventListener("click",function(){this.cxt.clearRect(2,2,this.canvas.width,this.canvas.height)}.bind(this),!1);this.saveEl.addEventListener("click",function(){var n=this.canvas.toDataURL();return this.obj.invokeMethodAsync(r,n)}.bind(this),!1)}document.body.addEventListener("touchmove",function(n){n.preventDefault()},{passive:!1});new u({el:n.getElementsByClassName("hw-body")[0],clearEl:n.getElementsByClassName("btn-secondary")[0],saveEl:n.getElementsByClassName("btn-primary")[0],obj:t})}})}(jQuery),function(n){n.extend({bb_input:function(t,i,r,u,f,e){var o=n(t);o.on("keyup",function(n){r&&n.key==="Enter"?i.invokeMethodAsync(u):f&&n.key==="Escape"&&i.invokeMethodAsync(e,o.val())})},bb_input_selectAll_focus:function(t){var i=n(t);i.on("focus",function(){n(this).select()})},bb_input_selectAll_enter:function(t){var i=n(t);i.on("keyup",function(t){t.key==="Enter"&&n(this).select()})},bb_input_selectAll:function(t){n(t).select()}})}(jQuery),function(n){var u=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},f=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},e=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},r=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.extend({bb_ipv4_input:function(f){var e=n(f);f.prevValues=[];e.find(".ipv4-cell").focus(function(){n(this).select();e.toggleClass("selected",!0)});e.find(".ipv4-cell").focusout(function(){e.toggleClass("selected",!1)});e.find(".ipv4-cell").each(function(e,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?u.call(f,e):i.keyCode==37||i.keyCode==39?i.keyCode==37&&r.call(o)===0?(t.call(f,e-1),i.preventDefault()):i.keyCode==39&&r.call(o)===n(o).val().length&&(t.call(f,e+1),i.preventDefault()):i.keyCode==9||i.keyCode==8||i.keyCode==46||i.preventDefault()});n(o).keyup(function(r){var u,s,o;(r.keyCode>=48&&r.keyCode<=57||r.keyCode>=96&&r.keyCode<=105)&&(u=n(this).val(),s=Number(u),s>255?i.call(f,e):u.length>1&&u[0]==="0"?i.call(f,e):u.length===3&&t.call(f,e+1));r.key==="Backspace"&&n(this).val()===""&&(n(this).val("0"),o=e-1,o>-1?t.call(f,o):t.call(f,0));r.key==="."&&t.call(f,e+1);r.key==="ArrowRight"&&t.call(f,e+1);r.key==="ArrowLeft"&&t.call(f,e-1)})})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_showLabelTooltip:function(t,i,r){var f=n(t),u=bootstrap.Tooltip.getInstance(t);u&&u.dispose();i==="init"&&f.tooltip({title:r})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_layout:function(t,i){if(i==="dispose"){n(window).off("resize");return}var r=function(){var r=n(window).width();t.invokeMethodAsync(i,r)};n(".layout-header").find('[data-bs-toggle="tooltip"]').tooltip();r();n(window).on("resize",function(){r()})}})}(jQuery),function(n){n.extend({bb_side_menu_expand:function(t,i){if(i)n(t).find(".collapse").collapse("show");else{n(t).find(".collapse").collapse("hide");var r=window.setTimeout(function(){window.clearTimeout(r);n.bb_auto_expand(n(t))},400)}},bb_auto_expand:function(t){var u=t.find(".nav-link.expand").map(function(t,i){return n(i).removeClass("expand")}).toArray(),i=t.find(".active"),r;do r=i.parentsUntil(".submenu.collapse").parent(),r.length===1&&r.not(".show")?(i=r.prev(),i.length!==0&&u.push(i)):i=null;while(i!=null&&i.length>0);while(u.length>0)i=u.shift(),i[0].click()},bb_init_side_menu:function(t){var i=t.hasClass("accordion"),r=t.children(".submenu"),u;r.find(".submenu").each(function(){var t=n(this),r,f,e,u;t.addClass("collapse").removeClass("d-none");i?(r=t.parentsUntil(".submenu"),r.prop("nodeName")==="LI"&&(f=r.parent().attr("id"),t.attr("data-bs-parent","#"+f))):t.removeAttr("data-bs-parent");e=t.attr("id");u=t.prev();u.attr("data-bs-toggle","collapse");u.attr("href","#"+e)});i&&(u=r.find(".collapse"),u.each(function(t,r){var u=n(r),f;bootstrap.Collapse.getInstance(r)&&u.collapse("dispose");f="";i&&(f=u.attr("data-bs-parent"));u.collapse({parent:f,toggle:!1})}))},bb_side_menu:function(t){var i=n(t);n.bb_init_side_menu(i);n.bb_auto_expand(i)}});n(function(){n(document).on("click",'.menu a[href="#"]',function(){return!1})})}(jQuery),function(n){n.extend({bb_message:function(t,i,r){window.Messages||(window.Messages=[]);Messages.push(t);var u=n(t),e=u.attr("data-autohide")!=="false",o=parseInt(u.attr("data-delay")),f=null,s=window.setTimeout(function(){window.clearTimeout(s);e&&(f=window.setTimeout(function(){window.clearTimeout(f);u.close()},o));u.addClass("show")},50);u.close=function(){f!=null&&window.clearTimeout(f);u.removeClass("show");var n=window.setTimeout(function(){window.clearTimeout(n);Messages.remove(t);Messages.length===0&&i.invokeMethodAsync(r)},500)};u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();u.close()})}})}(jQuery),function(n){n.extend({bb_modal_dialog:function(t,i,r){var u=n(t);u.data("bb_dotnet_invoker",{obj:i,method:r});var o=0,s=0,e=0,h=0,f={top:0,left:0};u.hasClass("is-draggable")&&(u.find(".btn-maximize").click(function(){var t,i;$button=n(this);t=$button.attr("aria-label");t==="maximize"?u.css({marginLeft:"auto",width:u.width()}):i=window.setInterval(function(){u.attr("style")?u.removeAttr("style"):window.clearInterval(i)},100)}),u.css({marginLeft:"auto"}),u.find(".modal-header").drag(function(n){o=n.clientX||n.touches[0].clientX;s=n.clientY||n.touches[0].clientY;e=u.width();h=u.height();f.top=parseInt(u.css("marginTop").replace("px",""));f.left=parseInt(u.css("marginLeft").replace("px",""));u.css({marginLeft:f.left,marginTop:f.top});u.css("width",e);this.addClass("is-drag")},function(t){var i=t.clientX||t.changedTouches[0].clientX,r=t.clientY||t.changedTouches[0].clientY;newValX=f.left+Math.ceil(i-o);newValY=f.top+Math.ceil(r-s);newValX<=0&&(newValX=0);newValY<=0&&(newValY=0);newValX+e<n(window).width()&&u.css({marginLeft:newValX});newValY+h<n(window).height()&&u.css({marginTop:newValY})},function(){this.removeClass("is-drag")}))},bb_modal:function(t,i){var r=n(t),f,u;if(i==="dispose")r.remove();else if(i==="init"){r.closest(".swal").length===0&&n("body").append(r);r.on("shown.bs.modal",function(){var t=r.attr("data-bs-keyboard")==="true";if(t===!0)n(document).one("keyup",function(n){if(n.key==="Escape"){var i=r.find(".modal-dialog"),t=i.data("bb_dotnet_invoker");t!=null&&t.obj.invokeMethodAsync(t.method)}})})}else i!=="hide"&&i!=="dispose"&&(f=r.attr("data-bs-keyboard")==="true",u=bootstrap.Modal.getInstance(t),u!=null&&(u._config.keyboard=f)),r.modal(i)}})}(jQuery),function(n){n.extend({bb_notify_checkPermission:function(n,t,i){(window.Notification||navigator.mozNotification)&&window.FileReader&&window.history.pushState?Notification.permission==="granted"?n!==null&&t!==""&&n.invokeMethodAsync(t,!0):i&&(Notification.permission!=="denied"||Notification.permission==="default")&&Notification.requestPermission(function(i){var r=i==="granted";n!==null&&t!==""&&n.invokeMethodAsync(t,r)}):(console.warn("Your browser does not support all features of this API"),n!==null&&t!==""&&n.invokeMethodAsync(t,!1))},bb_notify_display:function(t,i,r){var f=!1,e,u,o;return n.bb_notify_checkPermission(null,null,!0),r.title!==null&&(e=r.onClick,u={},r.message!==null&&(u.body=r.message.substr(0,250)),r.icon!==null&&(u.icon=r.icon),r.silent!==null&&(u.silent=r.silent),r.sound!==null&&(u.sound=r.sound),o=new Notification(r.title.substr(0,100),u),t!==null&&e!==null&&(o.onclick=function(n){n.preventDefault();t.invokeMethodAsync(e)}),f=!0),t!==null&&i!==null&&t.invokeMethodAsync(i,f),f}})}(jQuery),function(n){n.extend({bb_confirm:function(t){var f=n('[data-bs-target="'+t+'"]'),r="is-show",i=document.getElementById(t),u=bootstrap.Popover.getOrCreateInstance(i,{toggle:"confirm",html:!0,sanitize:!1,content:f.find(".popover-body").html()});i.classList.contains(r)===!1?(u.show(),i.classList.add(r)):(u.hide(),i.classList.remove(r))},bb_confirm_submit:function(t){var r=n("#"+t),i=n('<button type="submit" hidden />');i.appendTo(r.parent());i.trigger("click");i.remove()},bb_popover:function(t,i,r,u,f,e,o){var s=document.getElementById(t),h=bootstrap.Popover.getInstance(s),c;h&&h.dispose();i!=="dispose"&&(c={html:e,sanitize:!1,title:r,content:u,placement:f,trigger:o},h=new bootstrap.Popover(s,c),i!==""&&n(s).popover(i))},bb_datetimePicker:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-picker-input");if(i)u.popover(i);else{u.popover({toggle:"datetime-picker",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".date-picker").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".date-picker"),r.append(u.addClass("d-none")))});r.find(".datetime-picker-input-icon").on("click",function(t){if(!n(this).hasClass("disabled")){t.stopImmediatePropagation();var i=n(this).parents(".datetime-picker-bar").find(".datetime-picker-input");i.trigger("click")}});r.find(".date-table .cell").on("click",function(t){n(t.target).parent().parent().hasClass("disabled")&&(t.preventDefault(),t.stopImmediatePropagation())})}},bb_datetimeRange:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-range-bar");if(i)u.popover(i);else{u.popover({toggle:"datetime-range",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".datetime-range-body").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".datetime-range-body"),r.append(u.addClass("d-none")))});r.find(".is-clear").on("click",function(){u.popover("hide")})}}});n(function(){var r,t,i;n.fn.popover.Constructor.prototype.isWithContent=function(){var n=this._config.toggle;return["","confirm","datetime-picker","datetime-range"].indexOf(n)||this.getTitle()||this._getContent()};r=n.fn.popover.Constructor.prototype.getTipElement;n.fn.popover.Constructor.prototype.getTipElement=function(){var i=this._config.toggle,u=r.call(this),t=n(u).addClass("shadow");return t.find(".popover-header").length>0&&t.addClass("has-header"),i==="datetime-picker"&&t.addClass("popover-datetime"),i==="datetime-range"&&t.addClass("popover-datetime-range"),u};t=function(t){var i=null,r=t.parents(".popover"),u;return r.length>0&&(u=r.attr("id"),i=n('[aria-describedby="'+u+'"]')),i};i=function(n){n.popover("dispose");n.removeClass("is-show")};n(document).on("click",function(r){var e=!0,u=n(r.target),o=t(u),f;o!=null&&(e=!1);e&&(f=u,f.data("bs-toggle")!=="confirm"&&(f=f.parents('[data-bs-toggle="confirm"][aria-describedby^="popover"]')),n('[data-bs-toggle="confirm"][aria-describedby^="popover"]').each(function(t,r){if(f[0]!==r){var u=n(r);i(u)}}));u.parents(".popover-datetime.show").length===0&&n(".popover-datetime.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.attr("aria-describedby")!==t&&i.popover("hide"))});u.parents(".popover-datetime-range.show").length===0&&n(".popover-datetime-range.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.parents(".datetime-range-bar").attr("aria-describedby")!==t&&i.popover("hide"))})});n(document).on("click",".popover-confirm-buttons .btn",function(r){var u,f,e;r.stopPropagation();u=t(n(this));u.length>0&&(i(u),f=u.attr("id"),$ele=n('[data-bs-target="'+f+'"]'),e=this.getAttribute("data-dismiss")==="confirm"?$ele.find(".popover-confirm-buttons .btn:first"):$ele.find(".popover-confirm-buttons .btn:last"),e.trigger("click"))})})}(jQuery),function(n){n.extend({bb_printview:function(t){var r=n(t).parent(),f=r.hasClass("modal-header"),e=r.hasClass("modal-footer"),i=null;if(f?i=r.next():e&&(i=r.parentsUntil(".modal-content").parent().find(".modal-body")),i!=null&&i.length>0){var o=i.html(),u=n("body").addClass("bb-printview-open"),s=n("<div><\/div>").addClass("bb-printview").html(o).appendTo(u);window.print();u.removeClass("bb-printview-open");s.remove()}else window.print()}})}(jQuery),function(n){n.extend({bb_qrcode:function(t,i,r,u){var e=n(t),f=e.find(".qrcode-img");f.html("");r==="generate"&&(qrcode=new QRCode(f[0],{text:u,width:128,height:128,colorDark:"#000000",colorLight:"#ffffff",correctLevel:QRCode.CorrectLevel.H}),i.invokeMethodAsync("Generated"))}})}(jQuery),function(n){n.extend({bb_rate:function(t,i,r){var u=n(t),f;u.val=parseInt(u.attr("aria-valuenow"));f=function(){var t=u.find(".rate-item");t.each(function(t){t>u.val?n(this).removeClass("is-on"):n(this).addClass("is-on")})};u.on("mouseenter",".rate-item",function(){if(!u.hasClass("disabled")){var t=u.find(".rate-item"),i=t.toArray().indexOf(this);t.each(function(t){t>i?n(this).removeClass("is-on"):n(this).addClass("is-on")})}});u.on("mouseleave",function(){u.hasClass("disabled")||f()});u.on("click",".rate-item",function(){if(!u.hasClass("disabled")){var n=u.find(".rate-item");u.val=n.toArray().indexOf(this);u.attr("aria-valuenow",u.val+1);i.invokeMethodAsync(r,u.val+1)}})}})}(jQuery),function(n){n.extend({bb_row:function(t){var i=n(t);i.grid()}})}(jQuery),function(n){n.extend({bb_multi_select:function(t,i,r){n(t).data("bb_multi_select",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var r=n(t.target),i=r.closest(".multi-select");n(".multi-select.show").each(function(){if(i.length===0||this!=i[0]){var t=n(this).data("bb_multi_select");t.obj.invokeMethodAsync(t.method)}})})})}(jQuery),function(n){n.extend({bb_select:function(t,i,r){var u=n(t),e=u.find("input.search-text"),f=function(n){var i=n.find(".dropdown-menu"),t=i.children(".preActive");if(t.length===0&&(t=i.children(".active"),t.addClass("preActive")),t.length===1){var u=i.innerHeight(),f=t.outerHeight(),e=t.index()+1,r=11+f*e-u;r>=0?i.scrollTop(r):i.scrollTop(0)}};u.on("show.bs.dropdown",function(n){u.find(".form-select").prop("disabled")&&n.preventDefault()});u.on("shown.bs.dropdown",function(){e.length>0&&e.focus();f(n(this))});u.on("keyup",function(t){var u=n(this),o,e,s,h,c;u.find(".dropdown-toggle").hasClass("show")&&(o=u.find(".dropdown-menu.show > .dropdown-item").not(".disabled, .search"),e=o.filter(function(t,i){return n(i).hasClass("preActive")}),o.length>1&&(t.key==="ArrowUp"?(e.removeClass("preActive"),s=e.prev().not(".disabled, .search"),s.length===0&&(s=o.last()),s.addClass("preActive"),f(u)):t.key==="ArrowDown"&&(e.removeClass("preActive"),h=e.next().not(".disabled, .search"),h.length===0&&(h=o.first()),h.addClass("preActive"),f(u))),t.key==="Enter"&&(u.find(".show").removeClass("show"),c=e.index(),u.find(".search").length>0&&c--,i.invokeMethodAsync(r,c)))});u.on("click",".dropdown-item.disabled",function(n){n.stopImmediatePropagation()})}})}(jQuery),function(n){n.extend({bb_slider:function(t,i,r){var f=n(t),s=f.find(".disabled").length>0;if(!s){var e=0,o=0,u=0,h=f.innerWidth();f.find(".slider-button-wrapper").drag(function(n){e=n.clientX||n.touches[0].clientX;o=parseInt(f.attr("aria-valuetext"));f.find(".slider-button-wrapper, .slider-button").addClass("dragging")},function(n){var t=n.clientX||n.changedTouches[0].clientX;u=Math.ceil((t-e)*100/h)+o;u<=0&&(u=0);u>=100&&(u=100);f.find(".slider-bar").css({width:u.toString()+"%"});f.find(".slider-button-wrapper").css({left:u.toString()+"%"});f.attr("aria-valuetext",u.toString());i.invokeMethodAsync(r,u)},function(){f.find(".slider-button-wrapper, .slider-button").removeClass("dragging");i.invokeMethodAsync(r,u)})}}})}(jQuery),function(n){n.extend({bb_split:function(t){var i=n(t),f=i.innerWidth(),e=i.innerHeight(),u=0,r=0,o=0,s=0,h=!i.children().hasClass("is-horizontal");i.children().children(".split-bar").drag(function(n){f=i.innerWidth();e=i.innerHeight();h?(s=n.clientY||n.touches[0].clientY,u=i.children().children(".split-left").innerHeight()*100/e):(o=n.clientX||n.touches[0].clientX,u=i.children().children(".split-left").innerWidth()*100/f);i.toggleClass("dragging")},function(n){var t,c;h?(t=n.clientY||n.changedTouches[0].clientY,r=Math.ceil((t-s)*100/e)+u):(c=n.clientX||n.changedTouches[0].clientX,r=Math.ceil((c-o)*100/f)+u);r<=0&&(r=0);r>=100&&(r=100);i.children().children(".split-left").css({"flex-basis":r.toString()+"%"});i.children().children(".split-right").css({"flex-basis":(100-r).toString()+"%"});i.attr("data-split",r)},function(){i.toggleClass("dragging")})}})}(jQuery),function(n){n.extend({bb_tab:function(t){var i=n(t),r=window.setInterval(function(){i.is(":visible")&&(window.clearInterval(r),i.lgbTab("active"))},200)}})}(jQuery),function(n){n.extend({bb_table_search:function(t,i,r,u){n(t).data("bb_table_search",{obj:i,searchMethod:r,clearSearchMethod:u})},bb_table_row_hover:function(t){var i=t.find(".table-excel-toolbar"),r=t.find("tbody > tr").each(function(t,r){n(r).hover(function(){var t=n(this).position().top;i.css({top:t+"px",display:"block"})},function(){i.css({top:top+"px",display:"none"})})})},bb_table_resize:function(t){var f=t.find(".col-resizer");if(f.length>0){var e=function(t){var u=n(this),i=u.closest("th");t?i.addClass("border-resize"):i.removeClass("border-resize");var r=i.index(),f=i.closest(".table-resize").find("tbody"),e=f.find("tr").each(function(){var i=n(this.children[r]);t?i.addClass("border-resize"):i.removeClass("border-resize")});return r},i=0,r=0,u=0,o=0;f.each(function(){n(this).drag(function(f){u=e.call(this,!0);var s=t.find("table colgroup col")[u].width;i=s?parseInt(s):n(this).closest("th").width();r=n(this).closest("table").width();o=f.clientX},function(f){t.find("table colgroup").each(function(t,e){var c=n(e).find("col")[u],h=f.clientX-o,s;c.width=i+h;s=n(e).closest("table");s.parent().hasClass("table-fixed-header")?s.width(r+h):s.width(r+h-6)})},function(){e.call(this,!1)})})}},bb_table_load:function(t,i){var u=n(t),r=u.find(".table-loader");i==="show"?r.addClass("show"):r.removeClass("show")},bb_table_filter_calc:function(t){var c=t.find(".table-toolbar"),l=0,h,e,u;c.length>0&&(l=c.outerHeight());var o=n(this),a=o.position(),v=o.attr("data-field"),f=t.find('.table-filter-item[data-field="'+v+'"]'),i=o.closest("th"),y=i.closest("thead"),p=y.outerHeight()-i.outerHeight(),s=i.outerWidth()+i.position().left-f.outerWidth()/2,r=0,w=i.hasClass("fixed");i.hasClass("sortable")&&(r=24);i.hasClass("filterable")&&(r=r+12);h=0;w||(h=i.closest("table").parent().scrollLeft());e=i.offset().left+i.outerWidth()-r+f.outerWidth()/2-n(window).width();r=r+h;e>0&&(s=s-e-16,$arrow=f.find(".card-arrow"),$arrow.css({left:"calc(50% - 0.5rem + "+(e+16)+"px)"}));u=t.find(".table-search").outerHeight();u===undefined?u=0:u+=8;f.css({top:a.top+l+p+u+50,left:s-r})},bb_table_filter:function(t){t.on("click",".filterable .fa-filter",function(){n.bb_table_filter_calc.call(this,t)})},bb_table_getCaretPosition:function(n){var t=-1,i=n.selectionStart,r=n.selectionEnd;return i==r&&(i==n.value.length?t=1:i==0&&(t=0)),t},bb_table_excel_keybord:function(t){var f=t.find(".table-excel").length>0;if(f){var i={TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESCAPE:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40},e=function(n){var t=window.setTimeout(function(){window.clearTimeout(t);n.focus();n.select()},10)},r=function(t,i){var r=!1,f=t[i],u=n(f).find("input.form-control:not([readonly]");return u.length>0&&(e(u),r=!0),r},u=function(n,t){var o=n.closest("td"),e=o.closest("tr"),u=e.children("td"),f=u.index(o);if(t==i.LEFT_ARROW){while(f-->0)if(r(u,f))break}else if(t==i.RIGHT_ARROW){while(f++<u.length)if(r(u,f))break}else if(t==i.UP_ARROW){for(u=e.prev().children("td");f<u.length;)if(r(u,f))break}else if(t==i.DOWN_ARROW)for(u=e.next().children("td");f<u.length;)if(r(u,f))break};t.on("keydown",function(t){var r=n(t.target);switch(t.keyCode){case i.UP_ARROW:case i.LEFT_ARROW:n.bb_table_getCaretPosition(t.target)==0&&u(r,t.keyCode);break;case i.DOWN_ARROW:case i.RIGHT_ARROW:n.bb_table_getCaretPosition(t.target)==1&&u(r,t.keyCode)}})}},bb_table_width:function(t,i){var r=n(t);return i?r.outerWidth(!0):n(window).outerWidth(!0)},bb_table_tooltip:function(t){var i=n(t);i.find(".is-tips").tooltip({container:"body",title:function(){return n(this).text()}})},bb_table_fixedbody:function(t,i,r){var u,f,s,e,h,o;i||(i=t.find(".table-fixed-body"));r||(r=t.find(".table-fixed-header"));u=t.find(".table-search:first").outerHeight();u||(u=0);f=t.find(".table-pagination:first").outerHeight();f||(f=0);s=t.find(".table-toolbar:first").outerHeight();e=f+s+u;e>0&&(u>0&&(h=i.parent().css("height"),t.find(".table-search-collapse").each(function(){n(this).data("fixed-height",h)})),i.parent().css({height:"calc(100% - "+e+"px)"}));o=r.outerHeight();o>0&&i.css({height:"calc(100% - "+o+"px)"})},bb_table:function(t,i,r,u){var f=n(t),l=f.find(".table-fixed").length>0,a,h,c,e,o,v,s;if(l){a=f.find(".table-fixed-header");h=f.find(".table-fixed-body");h.on("scroll",function(){var n=h.scrollLeft();a.scrollLeft(n)});if(c=f.find(".fixed-scroll"),c.length===1){for(e=c.prev();e.length===1;)if(e.hasClass("fixed-right")&&!e.hasClass("modified"))o=e.css("right"),o=o.replace("px",""),n.browser.versions.mobile&&(o=parseFloat(o)-6+"px"),e.css({right:o}).addClass("modified"),e=e.prev();else break;n.browser.versions.mobile&&c.remove()}n.bb_table_fixedbody(f,h,a);f.find(".col-resizer:last").remove()}v=f.find(".table-cell.is-sort .table-text");s=u;v.each(function(){var i=n(this).parent().find(".fa:last"),t;i.length>0&&(t=s.unset,i.hasClass("fa-sort-asc")?t=s.sortAsc:i.hasClass("fa-sort-desc")&&(t=s.sortDesc),n(this).tooltip({container:"body",title:t}))});v.on("click",function(){var i=n(this),u=i.parent().find(".fa:last"),t="sortAsc",r,f;u.hasClass("fa-sort-asc")?t="sortDesc":u.hasClass("fa-sort-desc")&&(t="unset");r=n("#"+i.attr("aria-describedby"));r.length>0&&(f=r.find(".tooltip-inner"),f.html(s[t]),i.attr("data-original-title",s[t]))});f.children(".table-scroll").scroll(function(){f.find(".table-filter-item.show").each(function(){var t=n(this).attr("data-field"),i=f.find('.fa-filter[data-field="'+t+'"]')[0];n.bb_table_filter_calc.call(i,f)})});n.bb_table_row_hover(f);n.bb_table_tooltip(t);n.bb_table_filter(f);n.bb_table_resize(f);n.bb_table_excel_keybord(f);f.on("click",".table-search-collapse",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&(l&&f.find(".table-fixed-body").parent().css({height:i.data("fixed-height")}),t.parent().toggleClass("collapsed")),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed");l&&n.bb_table_fixedbody(f)}))})}});n(function(){n(document).on("keyup",function(t){var r,i;t.key==="Enter"?(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.searchMethod)):t.key==="Escape"&&(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.clearSearchMethod))});n(document).on("click",function(t){var i=n(t.target),u=i.closest(".dropdown-menu.show"),r;u.length>0||(r=i.closest(".btn-col"),r.length>0)||n(".table-toolbar > .btn-group > .btn-col > .dropdown-toggle.show").each(function(t,i){n(i).trigger("click")})})})}(jQuery),function(n){n.extend({bb_setTitle:function(n){document.title=n}})}(jQuery),function(n){n.extend({bb_toast_close:function(t){var i=n(t);i.find(".btn-close").trigger("click")},bb_toast:function(t,i,r){var f,o;window.Toasts===undefined&&(window.Toasts=[]);Toasts.push(t);var u=n(t),s=u.attr("data-bs-autohide")!=="false",e=parseInt(u.attr("data-bs-delay"));u.addClass("d-block");f=null;o=window.setTimeout(function(){window.clearTimeout(o);s&&(u.find(".toast-progress").css({width:"100%",transition:"width "+e/1e3+"s linear"}),f=window.setTimeout(function(){window.clearTimeout(f);u.find(".btn-close").trigger("click")},e));u.addClass("show")},50);u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();f!=null&&window.clearTimeout(f);u.removeClass("show");var t=window.setTimeout(function(){window.clearTimeout(t);u.removeClass("d-block");Toasts.remove(u[0]);Toasts.length===0&&i.invokeMethodAsync(r)},500)})}})}(jQuery),function(n){n.extend({bb_tooltip:function(t,i,r,u,f,e){var s=document.getElementById(t),h,l,c,o;s!==null&&(h=bootstrap.Tooltip.getInstance(s),h&&h.dispose(),i!=="dispose"&&(l={html:f,sanitize:!f,title:r,placement:u,trigger:e},h=new bootstrap.Tooltip(s,l),c=n(s),i==="enable"?(o=c.parents("form").find(".is-invalid:first"),o.prop("nodeName")==="INPUT"?o.prop("readonly")?o.trigger("focus"):o.focus():o.prop("nodeName")==="DIV"&&o.trigger("focus")):i!==""&&c.tooltip(i)))}});n(function(){n(document).on("inserted.bs.tooltip",".is-invalid",function(){n("#"+n(this).attr("aria-describedby")).addClass("is-invalid")})})}(jQuery),function(n){n.extend({bb_transition:function(t,i,r){n(t).on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd",function(){i.invokeMethodAsync(r)})}})}(jQuery),function(n){n.extend({bb_tree:function(t){var i=n(t);i.find(".tree-content").hover(function(){n(this).parent().addClass("hover")},function(){n(this).parent().removeClass("hover")});i.on("click",".tree-node",function(){var i=n(this),r=i.prev(),t=r.find('[type="radio"]');t.attr("disabeld")!=="disabled"&&t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_upload:function(t){var i=n(t);i.on("click",".btn-browser",function(){var r=n(this),t=i.find(":file");t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_form:function(t){var i=n("#"+t);i.find("[aria-describedby]").each(function(t,i){var u=bootstrap.Tooltip.getInstance(i),r;u&&(r=n(i),r.tooltip("dispose"))})}})}(jQuery);
\ No newline at end of file
+(function(n,t){typeof define=="function"&&(define.amd||define.cmd)?define(function(){return t(n)}):typeof exports=="object"?module.exports=t(n):n.Browser=t(n)})(typeof self!="undefined"?self:this,function(n){var r=n||{},t=typeof n.navigator!="undefined"?n.navigator:{},i=function(n,i){var r=t.mimeTypes;for(var u in r)if(r[u][n]==i)return!0;return!1};return function(n){var u=n||t.userAgent||{},f=this,e={Trident:u.indexOf("Trident")>-1||u.indexOf("NET CLR")>-1,Presto:u.indexOf("Presto")>-1,WebKit:u.indexOf("AppleWebKit")>-1,Gecko:u.indexOf("Gecko/")>-1,KHTML:u.indexOf("KHTML/")>-1,Safari:u.indexOf("Safari")>-1,Chrome:u.indexOf("Chrome")>-1||u.indexOf("CriOS")>-1,IE:u.indexOf("MSIE")>-1||u.indexOf("Trident")>-1,Edge:u.indexOf("Edge")>-1||u.indexOf("Edg/")>-1,Firefox:u.indexOf("Firefox")>-1||u.indexOf("FxiOS")>-1,"Firefox Focus":u.indexOf("Focus")>-1,Chromium:u.indexOf("Chromium")>-1,Opera:u.indexOf("Opera")>-1||u.indexOf("OPR")>-1,Vivaldi:u.indexOf("Vivaldi")>-1,Yandex:u.indexOf("YaBrowser")>-1,Arora:u.indexOf("Arora")>-1,Lunascape:u.indexOf("Lunascape")>-1,QupZilla:u.indexOf("QupZilla")>-1,"Coc Coc":u.indexOf("coc_coc_browser")>-1,Kindle:u.indexOf("Kindle")>-1||u.indexOf("Silk/")>-1,Iceweasel:u.indexOf("Iceweasel")>-1,Konqueror:u.indexOf("Konqueror")>-1,Iceape:u.indexOf("Iceape")>-1,SeaMonkey:u.indexOf("SeaMonkey")>-1,Epiphany:u.indexOf("Epiphany")>-1,"360":u.indexOf("QihooBrowser")>-1||u.indexOf("QHBrowser")>-1,"360EE":u.indexOf("360EE")>-1,"360SE":u.indexOf("360SE")>-1,UC:u.indexOf("UCBrowser")>-1||u.indexOf(" UBrowser")>-1||u.indexOf("UCWEB")>-1,QQBrowser:u.indexOf("QQBrowser")>-1,QQ:u.indexOf("QQ/")>-1,Baidu:u.indexOf("Baidu")>-1||u.indexOf("BIDUBrowser")>-1||u.indexOf("baidubrowser")>-1||u.indexOf("baiduboxapp")>-1||u.indexOf("BaiduHD")>-1,Maxthon:u.indexOf("Maxthon")>-1,Sogou:u.indexOf("MetaSr")>-1||u.indexOf("Sogou")>-1,Liebao:u.indexOf("LBBROWSER")>-1||u.indexOf("LieBaoFast")>-1,"2345Explorer":u.indexOf("2345Explorer")>-1||u.indexOf("Mb2345Browser")>-1||u.indexOf("2345chrome")>-1,"115Browser":u.indexOf("115Browser")>-1,TheWorld:u.indexOf("TheWorld")>-1,XiaoMi:u.indexOf("MiuiBrowser")>-1,Quark:u.indexOf("Quark")>-1,Qiyu:u.indexOf("Qiyu")>-1,Wechat:u.indexOf("MicroMessenger")>-1,WechatWork:u.indexOf("wxwork/")>-1,Taobao:u.indexOf("AliApp(TB")>-1,Alipay:u.indexOf("AliApp(AP")>-1,Weibo:u.indexOf("Weibo")>-1,Douban:u.indexOf("com.douban.frodo")>-1,Suning:u.indexOf("SNEBUY-APP")>-1,iQiYi:u.indexOf("IqiyiApp")>-1,DingTalk:u.indexOf("DingTalk")>-1,Huawei:u.indexOf("HuaweiBrowser")>-1||u.indexOf("HUAWEI/")>-1||u.indexOf("HONOR")>-1,Vivo:u.indexOf("VivoBrowser")>-1,Windows:u.indexOf("Windows")>-1,Linux:u.indexOf("Linux")>-1||u.indexOf("X11")>-1,"Mac OS":u.indexOf("Macintosh")>-1,Android:u.indexOf("Android")>-1||u.indexOf("Adr")>-1,HarmonyOS:u.indexOf("HarmonyOS")>-1,Ubuntu:u.indexOf("Ubuntu")>-1,FreeBSD:u.indexOf("FreeBSD")>-1,Debian:u.indexOf("Debian")>-1,"Windows Phone":u.indexOf("IEMobile")>-1||u.indexOf("Windows Phone")>-1,BlackBerry:u.indexOf("BlackBerry")>-1||u.indexOf("RIM")>-1,MeeGo:u.indexOf("MeeGo")>-1,Symbian:u.indexOf("Symbian")>-1,iOS:u.indexOf("like Mac OS X")>-1,"Chrome OS":u.indexOf("CrOS")>-1,WebOS:u.indexOf("hpwOS")>-1,Mobile:u.indexOf("Mobi")>-1||u.indexOf("iPh")>-1||u.indexOf("480")>-1,Tablet:u.indexOf("Tablet")>-1||u.indexOf("Pad")>-1||u.indexOf("Nexus 7")>-1},o=!1,s,h,c,l,v,y,a;r.chrome&&(s=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),r.chrome.adblock2345||r.chrome.common2345?e["2345Explorer"]=!0:i("type","application/360softmgrplugin")||i("type","application/mozilla-npqihooquicklogin")?o=!0:s>36&&r.showModalDialog?o=!0:s>45&&(o=i("type","application/vnd.chromium.remoting-viewer"),!o&&s>=69&&(o=i("type","application/hwepass2001.installepass2001")||i("type","application/asx"))));e.Mobile?e.Mobile=!(u.indexOf("iPad")>-1):o&&(i("type","application/gameplugin")?e["360SE"]=!0:t&&typeof t.connection!="undefined"&&typeof t.connection.saveData=="undefined"?e["360SE"]=!0:e["360EE"]=!0);e.Baidu&&e.Opera?e.Baidu=!1:e.iOS&&(e.Safari=!0);h={engine:["WebKit","Trident","Gecko","Presto","KHTML"],browser:["Safari","Chrome","Edge","IE","Firefox","Firefox Focus","Chromium","Opera","Vivaldi","Yandex","Arora","Lunascape","QupZilla","Coc Coc","Kindle","Iceweasel","Konqueror","Iceape","SeaMonkey","Epiphany","XiaoMi","Vivo","360","360SE","360EE","UC","QQBrowser","QQ","Huawei","Baidu","Maxthon","Sogou","Liebao","2345Explorer","115Browser","TheWorld","Quark","Qiyu","Wechat","WechatWork","Taobao","Alipay","Weibo","Douban","Suning","iQiYi","DingTalk"],os:["Windows","Linux","Mac OS","Android","HarmonyOS","Ubuntu","FreeBSD","Debian","iOS","Windows Phone","BlackBerry","MeeGo","Symbian","Chrome OS","WebOS"],device:["Mobile","Tablet"]};f.device="PC";f.language=function(){var i=t.browserLanguage||t.language,n=i.split("-");return n[1]&&(n[1]=n[1].toUpperCase()),n.join("_")}();for(c in h)for(l=0;l<h[c].length;l++)v=h[c][l],e[v]&&(f[c]=v);y={Windows:function(){var n=u.replace(/^Mozilla\/\d.0 \(Windows NT ([\d.]+)[;)].*$/,"$1");return{"10":"10","6.4":"10","6.3":"8.1","6.2":"8","6.1":"7","6.0":"Vista","5.2":"XP","5.1":"XP","5.0":"2000"}[n]||n},Android:function(){return u.replace(/^.*Android ([\d.]+);.*$/,"$1")},HarmonyOS:function(){var n=u.replace(/^Mozilla.*Android ([\d.]+)[;)].*$/,"$1");return{"10":"2"}[n]||""},iOS:function(){return u.replace(/^.*OS ([\d_]+) like.*$/,"$1").replace(/_/g,".")},Debian:function(){return u.replace(/^.*Debian\/([\d.]+).*$/,"$1")},"Windows Phone":function(){return u.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/,"$2")},"Mac OS":function(){return u.replace(/^.*Mac OS X ([\d_]+).*$/,"$1").replace(/_/g,".")},WebOS:function(){return u.replace(/^.*hpwOS\/([\d.]+);.*$/,"$1")}};f.osVersion="";y[f.os]&&(f.osVersion=y[f.os](),f.osVersion==u&&(f.osVersion=""));a={Safari:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Chrome:function(){return u.replace(/^.*Chrome\/([\d.]+).*$/,"$1").replace(/^.*CriOS\/([\d.]+).*$/,"$1")},IE:function(){return u.replace(/^.*MSIE ([\d.]+).*$/,"$1").replace(/^.*rv:([\d.]+).*$/,"$1")},Edge:function(){return u.replace(/^.*Edge\/([\d.]+).*$/,"$1").replace(/^.*Edg\/([\d.]+).*$/,"$1")},Firefox:function(){return u.replace(/^.*Firefox\/([\d.]+).*$/,"$1").replace(/^.*FxiOS\/([\d.]+).*$/,"$1")},"Firefox Focus":function(){return u.replace(/^.*Focus\/([\d.]+).*$/,"$1")},Chromium:function(){return u.replace(/^.*Chromium\/([\d.]+).*$/,"$1")},Opera:function(){return u.replace(/^.*Opera\/([\d.]+).*$/,"$1").replace(/^.*OPR\/([\d.]+).*$/,"$1")},Vivaldi:function(){return u.replace(/^.*Vivaldi\/([\d.]+).*$/,"$1")},Yandex:function(){return u.replace(/^.*YaBrowser\/([\d.]+).*$/,"$1")},Arora:function(){return u.replace(/^.*Arora\/([\d.]+).*$/,"$1")},Lunascape:function(){return u.replace(/^.*Lunascape[\/\s]([\d.]+).*$/,"$1")},QupZilla:function(){return u.replace(/^.*QupZilla[\/\s]([\d.]+).*$/,"$1")},"Coc Coc":function(){return u.replace(/^.*coc_coc_browser\/([\d.]+).*$/,"$1")},Kindle:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Iceweasel:function(){return u.replace(/^.*Iceweasel\/([\d.]+).*$/,"$1")},Konqueror:function(){return u.replace(/^.*Konqueror\/([\d.]+).*$/,"$1")},Iceape:function(){return u.replace(/^.*Iceape\/([\d.]+).*$/,"$1")},SeaMonkey:function(){return u.replace(/^.*SeaMonkey\/([\d.]+).*$/,"$1")},Epiphany:function(){return u.replace(/^.*Epiphany\/([\d.]+).*$/,"$1")},"360":function(){return u.replace(/^.*QihooBrowser\/([\d.]+).*$/,"$1")},"360SE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"10.0","55":"9.1","45":"8.1","42":"8.0","31":"7.0","21":"6.3"}[n]||""},"360EE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"9.5","55":"9.0","50":"8.7","30":"7.5"}[n]||""},Maxthon:function(){return u.replace(/^.*Maxthon\/([\d.]+).*$/,"$1")},QQBrowser:function(){return u.replace(/^.*QQBrowser\/([\d.]+).*$/,"$1")},QQ:function(){return u.replace(/^.*QQ\/([\d.]+).*$/,"$1")},Baidu:function(){return u.replace(/^.*BIDUBrowser[\s\/]([\d.]+).*$/,"$1").replace(/^.*baiduboxapp\/([\d.]+).*$/,"$1")},UC:function(){return u.replace(/^.*UC?Browser\/([\d.]+).*$/,"$1")},Sogou:function(){return u.replace(/^.*SE ([\d.X]+).*$/,"$1").replace(/^.*SogouMobileBrowser\/([\d.]+).*$/,"$1")},Liebao:function(){var n="",t,i;return u.indexOf("LieBaoFast")>-1&&(n=u.replace(/^.*LieBaoFast\/([\d.]+).*$/,"$1")),t={"57":"6.5","49":"6.0","46":"5.9","42":"5.3","39":"5.2","34":"5.0","29":"4.5","21":"4.0"},i=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),n||t[i]||""},"2345Explorer":function(){var n=navigator.userAgent.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"69":"10.0","55":"9.9"}[n]||u.replace(/^.*2345Explorer\/([\d.]+).*$/,"$1").replace(/^.*Mb2345Browser\/([\d.]+).*$/,"$1")},"115Browser":function(){return u.replace(/^.*115Browser\/([\d.]+).*$/,"$1")},TheWorld:function(){return u.replace(/^.*TheWorld ([\d.]+).*$/,"$1")},XiaoMi:function(){return u.replace(/^.*MiuiBrowser\/([\d.]+).*$/,"$1")},Vivo:function(){return u.replace(/^.*VivoBrowser\/([\d.]+).*$/,"$1")},Quark:function(){return u.replace(/^.*Quark\/([\d.]+).*$/,"$1")},Qiyu:function(){return u.replace(/^.*Qiyu\/([\d.]+).*$/,"$1")},Wechat:function(){return u.replace(/^.*MicroMessenger\/([\d.]+).*$/,"$1")},WechatWork:function(){return u.replace(/^.*wxwork\/([\d.]+).*$/,"$1")},Taobao:function(){return u.replace(/^.*AliApp\(TB\/([\d.]+).*$/,"$1")},Alipay:function(){return u.replace(/^.*AliApp\(AP\/([\d.]+).*$/,"$1")},Weibo:function(){return u.replace(/^.*weibo__([\d.]+).*$/,"$1")},Douban:function(){return u.replace(/^.*com.douban.frodo\/([\d.]+).*$/,"$1")},Suning:function(){return u.replace(/^.*SNEBUY-APP([\d.]+).*$/,"$1")},iQiYi:function(){return u.replace(/^.*IqiyiVersion\/([\d.]+).*$/,"$1")},DingTalk:function(){return u.replace(/^.*DingTalk\/([\d.]+).*$/,"$1")},Huawei:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1").replace(/^.*HuaweiBrowser\/([\d.]+).*$/,"$1")}};f.version="";a[f.browser]&&(f.version=a[f.browser](),f.version==u&&(f.version=""));f.browser=="Chrome"&&u.match(/\S+Browser/)&&(f.browser=u.match(/\S+Browser/)[0],f.version=u.replace(/^.*Browser\/([\d.]+).*$/,"$1"));f.browser=="Firefox"&&(window.clientInformation||!window.u2f)&&(f.browser+=" Nightly");f.browser=="Edge"?f.engine=f.version>"75"?"Blink":"EdgeHTML":e.Chrome&&f.engine=="WebKit"&&parseInt(a.Chrome())>27?f.engine="Blink":f.browser=="Opera"&&parseInt(f.version)>12?f.engine="Blink":f.browser=="Yandex"&&(f.engine="Blink")}}),function(n){function r(t){return this.each(function(){var u=n(this),r=u.data(i.DATA_KEY),f=typeof t=="object"&&t;r?r.update(f):u.data(i.DATA_KEY,r=new i(this,f))})}var i=function(t,i){this.$element=n(t);this.options=n.extend({},i);this.init()},t;i.VERSION="5.1.0";i.Author="argo@163.com";i.DATA_KEY="lgb.SliderCaptcha";t=i.prototype;t.init=function(){this.initDOM();this.initImg();this.bindEvents()};t.initDOM=function(){var u=this.$element.find("canvas:first")[0].getContext("2d"),t=this.$element.find("canvas:last")[0],f=t.getContext("2d"),e=this.$element.find(".captcha-load"),i=this.$element.find(".captcha-footer"),o=i.find(".captcha-bar-bg"),s=this.$element.find(".captcha-bar"),r=this.$element.find(".captcha-bar-text"),h=this.$element.find(".captcha-refresh"),c=r.attr("data-text");n.extend(this,{canvas:u,block:t,bar:f,$load:e,$footer:i,$barLeft:o,$slider:s,$barText:r,$refresh:h,barText:c})};t.initImg=function(){var i=function(n,t){var i=this.options.sideLength,f=this.options.diameter,e=Math.PI,r=this.options.offsetX,u=this.options.offsetY;n.beginPath();n.moveTo(r,u);n.arc(r+i/2,u-f+2,f,.72*e,2.26*e);n.lineTo(r+i,u);n.arc(r+i+f-2,u+i/2,f,1.21*e,2.78*e);n.lineTo(r+i,u+i);n.lineTo(r,u+i);n.arc(r+f-2,u+i/2,f+.4,2.76*e,1.24*e,!0);n.lineTo(r,u);n.lineWidth=2;n.fillStyle="rgba(255, 255, 255, 0.7)";n.strokeStyle="rgba(255, 255, 255, 0.7)";n.stroke();n[t]();n.globalCompositeOperation="destination-over"},t=new Image,n;t.src=this.options.imageUrl;n=this;t.onload=function(){i.call(n,n.canvas,"fill");i.call(n,n.bar,"clip");n.canvas.drawImage(t,0,0,n.options.width,n.options.height);n.bar.drawImage(t,0,0,n.options.width,n.options.height);var r=n.options.offsetY-n.options.diameter*2-1,u=n.bar.getImageData(n.options.offsetX-3,r,n.options.barWidth,n.options.barWidth);n.block.width=n.options.barWidth;n.bar.putImageData(u,0,r)};t.onerror=function(){n.$load.text($load.attr("data-failed")).addClass("text-danger")}};t.bindEvents=function(){var n=this,t=0,i=0,r=[];this.$slider.drag(function(r){n.$barText.addClass("d-none");t=r.clientX||r.touches[0].clientX;i=r.clientY||r.touches[0].clientY},function(u){var o=u.clientX||u.touches[0].clientX,s=u.clientY||u.touches[0].clientY,f=o-t,h=s-i,e;if(f<0||f+40>n.options.width)return!1;n.$slider.css({left:f-1+"px"});e=(n.options.width-60)/(n.options.width-40)*f;n.block.style.left=e+"px";n.$footer.addClass("is-move");n.$barLeft.css({width:f+4+"px"});r.push(Math.round(h))},function(i){var f=i.clientX||i.changedTouches[0].clientX,u;n.$footer.removeClass("is-move");u=Math.ceil((n.options.width-60)/(n.options.width-40)*(f-t)+3);n.verify(u,r)});this.$refresh.on("click",function(){n.options.barText=n.$barText.attr("data-text")})};t.verify=function(n,t){var r=this.options.remoteObj.obj,u=this.options.remoteObj.method,i=this;r.invokeMethodAsync(u,n,t).then(function(n){n?(i.$footer.addClass("is-valid"),i.options.barText=i.$barText.attr("data-text")):(i.$footer.addClass("is-invalid"),setTimeout(function(){i.$refresh.trigger("click");i.options.barText=i.$barText.attr("data-try")},1e3))})};t.update=function(t){n.extend(this.options,t);this.resetCanvas();this.initImg();this.resetBar()};t.resetCanvas=function(){this.canvas.clearRect(0,0,this.options.width,this.options.height);this.bar.clearRect(0,0,this.options.width,this.options.height);this.block.width=this.options.width;this.block.style.left=0;this.$load.text(this.$load.attr("data-load")).removeClass("text-danger")};t.resetBar=function(){this.$footer.removeClass("is-invalid is-valid");this.$barText.text(this.options.barText).removeClass("d-none");this.$slider.css({left:"0px"});this.$barLeft.css({width:"0px"})};n.fn.sliderCaptcha=r;n.fn.sliderCaptcha.Constructor=i;n.extend({captcha:function(t,i,r,u){u.remoteObj={obj:i,method:r};n(t).sliderCaptcha(u)}})}(jQuery),function(n){n.isFunction(Date.prototype.format)||(Date.prototype.format=function(n){var i={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours()%12==0?12:this.getHours()%12,"H+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()},t;/(y+)/.test(n)&&(n=n.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));/(E+)/.test(n)&&(n=n.replace(RegExp.$1,(RegExp.$1.length>1?RegExp.$1.length>2?"星期":"周":"")+{0:"日",1:"一",2:"二",3:"三",4:"四",5:"五",6:"六"}[this.getDay()]));for(t in i)new RegExp("("+t+")").test(n)&&(n=n.replace(RegExp.$1,RegExp.$1.length===1?i[t]:("00"+i[t]).substr((""+i[t]).length)));return n});n.browser={versions:function(){var n=navigator.userAgent;return{trident:n.indexOf("Trident")>-1,presto:n.indexOf("Presto")>-1,webKit:n.indexOf("AppleWebKit")>-1,gecko:n.indexOf("Gecko")>-1&&n.indexOf("KHTML")===-1,mobile:!!n.match(/AppleWebKit.*Mobile.*/),ios:!!n.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:n.indexOf("Android")>-1||n.indexOf("Linux")>-1,iPhone:n.indexOf("iPhone")>-1,iPod:n.indexOf("iPod")>-1,iPad:n.indexOf("iPad")>-1,mac:n.indexOf("Macintosh")>-1,webApp:n.indexOf("Safari")===-1}}(),language:(navigator.browserLanguage||navigator.language).toLowerCase()};Array.prototype.indexOf=function(n){for(var t=0;t<this.length;t++)if(this[t]==n)return t;return-1};Array.prototype.remove=function(n){var t=this.indexOf(n);t>-1&&this.splice(t,1)};n.extend({format:function(t,i){return i===undefined||i===null?null:(arguments.length>2&&i.constructor!==Array&&(i=n.makeArray(arguments).slice(1)),i.constructor!==Array&&(i=[i]),n.each(i,function(n,i){t=t.replace(new RegExp("\\{"+n+"\\}","g"),function(){return i})}),t)},getUID:function(n){n||(n="b");do n+=~~(Math.random()*1e6);while(document.getElementById(n));return n},webClient:function(t,i,r){var u={},f=new Browser;u.Browser=f.browser+" "+f.version;u.Os=f.os+" "+f.osVersion;u.Device=f.device;u.Language=f.language;u.Engine=f.engine;u.UserAgent=navigator.userAgent;n.ajax({type:"GET",url:i,success:function(n){t.invokeMethodAsync(r,n.Id,n.Ip,u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)},error:function(){console.error("Please add UseBootstrapBlazor middleware");t.invokeMethodAsync(r,"","",u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)}})}});n.fn.extend({drag:function(t,i,r){var u=n(this),o=function(i){i.stopPropagation();document.addEventListener("mousemove",f);document.addEventListener("touchmove",f);document.addEventListener("mouseup",e);document.addEventListener("touchend",e);n.isFunction(t)&&t.call(u,i)},f=function(t){n.isFunction(i)&&i.call(u,t)},e=function(t){n.isFunction(r)&&r.call(u,t);window.setTimeout(function(){document.removeEventListener("mousemove",f);document.removeEventListener("touchmove",f);document.removeEventListener("mouseup",e);document.removeEventListener("touchend",e)},100)};u.on("mousedown",o);u.on("touchstart",o)}})}(jQuery),function(n){function i(i){return this.each(function(){var r=n(this),u=r.data(t.DATA_KEY),f=typeof i=="object"&&i;u||r.data(t.DATA_KEY,u=new t(this,f))})}var t=function(t,i){this.$element=n(t);var u=this._getColSpan(this.$element),f=this.$element.data("type"),r=parseInt(this.$element.data("items"));isNaN(r)&&(r=12);this.options=n.extend({rowType:f,itemsPerRow:r,colSpan:u},i);this.layout()};t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.grid";n.extend(t.prototype,{layout:function(){this._layout_column(null);this.$element.removeClass("d-none")},_layout_column:function(t){var e=this.$element,o=this.options.rowType,s=this.options.itemsPerRow,f=!1,i=null,r=this,u=n('<div class="row g-3"><\/div>');o==="inline"&&u.addClass("form-inline");e.children().each(function(e,o){var s=n(o),c=s.data("toggle")==="row",h=r._getColSpan(s);c?n("<div><\/div>").addClass(r._calc(h)).appendTo(u).append(s):(f=s.prop("tagName")==="LABEL",f?(i===null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s)):(f=!1,i==null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s),t==null?i.appendTo(u):i.appendTo(t),i=null))});t==null&&e.append(u)},_layout_parent_row:function(){var t=this.$element.data("target"),i=n('[data-uid="'+t+'"]'),r=n('<div class="row"><\/div>').appendTo(i);this._layout_column(r)},_calc:function(n){var t=this.options.itemsPerRow,i;return n>0&&(t=t*n),i="col-12",t!==12&&(i="col-12 col-sm-"+t),i},_getColSpan:function(n){var t=parseInt(n.data("colspan"));return isNaN(t)&&(t=0),t}});n.fn.grid=i;n.fn.grid.Constructor=t}(jQuery),function(n){function r(i){return this.each(function(){var u=n(this),r=u.data(t.DATA_KEY),f=typeof i=="object"&&i;r||u.data(t.DATA_KEY,r=new t(this,f));typeof i=="string"&&/active/.test(i)&&r[i].apply(r)})}var t=function(t,i){this.$element=n(t);this.$header=this.$element.find(".tabs-header");this.$wrap=this.$header.find(".tabs-nav-wrap");this.$scroll=this.$wrap.find(".tabs-nav-scroll");this.$tab=this.$scroll.find(".tabs-nav");this.options=n.extend({},i);this.init()},i;t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.Tab";i=t.prototype;i.init=function(){var t=this;n(window).on("resize",function(){t.resize()});this.active()};i.fixSize=function(){var n=this.$element.height(),t=this.$element.width();this.$element.css({height:n+"px",width:t+"px"})};i.resize=function(){var n,t,i,r,u;this.vertical=this.$element.hasClass("tabs-left")||this.$element.hasClass("tabs-right");this.horizontal=this.$element.hasClass("tabs-top")||this.$element.hasClass("tabs-bottom");n=this.$tab.find(".tabs-item:last");n.length>0&&(this.vertical?(this.$wrap.css({height:this.$element.height()+"px"}),t=this.$tab.height(),i=n.position().top+n.outerHeight(),i<t?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")):(this.$wrap.removeAttr("style"),r=this.$tab.width(),u=n.position().left+n.outerWidth(),u<r?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")))};i.active=function(){var r,n,f,o,c,l;if(this.resize(),r=this.$element.find(".tabs-active-bar"),n=this.$element.find(".tabs-item.active"),n.length!==0)if(this.vertical){var u=n.position().top,a=u+n.outerHeight(),t=this.$scroll.scrollTop(),v=this.$scroll.outerHeight(),s=a-t-v;s>0?this.$scroll.scrollTop(t+s):(f=u-t,f<0&&this.$scroll.scrollTop(t+f));r.css({width:"2px",transform:"translateY("+u+"px)"})}else{var e=n.position().left,y=e+n.outerWidth(),i=this.$scroll.scrollLeft(),p=this.$scroll.width(),h=y-i-p;h>0?this.$scroll.scrollLeft(i+h):(o=e-i,o<0&&this.$scroll.scrollLeft(i+o));c=n.width();l=e+parseInt(n.css("paddingLeft"));r.css({width:c+"px",transform:"translateX("+l+"px)"})}};n.fn.lgbTab=r;n.fn.lgbTab.Constructor=t}(jQuery),function(n){n.extend({bb_ajax:function(t,i,r){r=JSON.stringify(r);var u=null;return(n.ajax({url:t,data:r,method:i,contentType:"application/json",dataType:"json","async":!1,success:function(n){u=n},error:function(){return null}}),u==null)?null:JSON.stringify(u)},bb_ajax_goto:function(n){window.location.href=n}})}(jQuery),function(n){n.extend({bb_anchor:function(t){var i=n(t);i.on("click",function(t){var f,u,r,e,o;t.preventDefault();f=n(i.data("target"));u=i.data("container");u||(u=window);r=f.offset().top;e=f.css("marginTop").replace("px","");e&&(r=r-parseInt(e));o=i.data("offset");o&&(r=r-parseInt(o));n(u).scrollTop(r)})}})}(jQuery),function(n){n(function(){n(document).on("click",".anchor-link",function(){var t=n(this),i=t.attr("id"),r,u,f;i&&(r=t.attr("data-title"),u=window.location.origin+window.location.pathname+"#"+i,n.bb_copyText(u),t.tooltip({title:r}),t.tooltip("show"),f=window.setTimeout(function(){window.clearTimeout(f);t.tooltip("dispose")},1e3))})})}(jQuery),function(n){n.extend({bb_autoScrollItem:function(t,i){var s=n(t),r=s.find(".dropdown-list"),e=parseInt(r.css("max-height").replace("px",""))/2,u=r.children("li:first").outerHeight(),h=u*i,f=Math.floor(e/u),o;r.children().removeClass("active");o=r.children().length;i<o&&r.children()[i].classList.add("active");h>e?r.scrollTop(u*(i>f?i-f:i)):i<=f&&r.scrollTop(0)},bb_setDebounce:function(t,i){var f=n(t),u;let r;u=["ArrowUp","ArrowDown","Escape","Enter"];f.on("keyup",function(n){u.indexOf(n.key)<1&&r?(clearTimeout(r),n.stopPropagation(),r=setTimeout(function(){r=null;n.target.dispatchEvent(n.originalEvent)},i)):r=setTimeout(function(){},i)})}})}(jQuery),function(n){n.extend({bb_auto_redirect:function(t,i,r){var u={},f=1,e=window.setInterval(function(){n(document).off("mousemove").one("mousemove",function(n){(u.screenX!==n.screenX||u.screenY!==n.screenY)&&(u.screenX=n.screenX,u.screenY=n.screenY,f=1)});n(document).off("keydown").one("keydown",function(){f=1})},1e3),o=window.setInterval(function(){f++>i&&(window.clearInterval(o),window.clearInterval(e),t.invokeMethodAsync(r))},1e3)}})}(jQuery),function(n){n.extend({bb_vibrate:function(){if("vibrate"in window.navigator){window.navigator.vibrate([200,100,200]);var n=window.setTimeout(function(){window.clearTimeout(n);window.navigator.vibrate([])},1e3)}},bb_barcode:function(t,i,r,u){var f=n(t),e=new ZXing.BrowserMultiFormatReader;if(r==="dispose"){e.reset();return}f.attr("data-scan")==="Camera"&&e.getVideoInputDevices().then(n=>{i.invokeMethodAsync("InitDevices",n).then(()=>{if(u&&n.length>0){var t=f.find('button[data-method="scan"]'),i=f.attr("data-scan");i==="Camera"&&t.trigger("click")}})});f.on("click","button[data-method]",function(){var r=n(this).attr("data-method"),o,s,u,t;if(r==="scan")i.invokeMethodAsync("Start"),o=f.find(".dropdown-item.active").attr("data-val"),s=f.find("video").attr("id"),e.decodeFromVideoDevice(o,s,(t,r)=>{if(t){n.bb_vibrate();console.log(t.text);i.invokeMethodAsync("GetResult",t.text);var u=f.attr("data-autostop")==="true";u&&e.reset()}!r||r instanceof ZXing.NotFoundException||(console.error(r),i.invokeMethodAsync("GetError",r))});else if(r==="scanImage"){e=new ZXing.BrowserMultiFormatReader;f.find(":file").remove();u=n(".scanner-image");t=n('<input type="file" hidden accept="image/*">');f.append(t);t.on("change",function(){if(this.files.length!==0){var t=new FileReader;t.onloadend=function(t){u.attr("src",t.target.result);e.decodeFromImage(u[0]).then(t=>{t&&(n.bb_vibrate(),console.log(t.text),i.invokeMethodAsync("GetResult",t.text))}).catch(n=>{n&&(console.log(n),i.invokeMethodAsync("GetError",n.message))})};t.readAsDataURL(this.files[0])}});t.trigger("click")}else r==="close"&&(e.reset(),i.invokeMethodAsync("Stop"))})}})}(jQuery),function(n){n.extend({bb_camera:function(t,i,r,u,f,e){var o=n(t),h=function(n,t){n.pause();n.srcObject=null;t.stop()},c,s;if(r==="stop"){c=o.find("video")[0];s=o.data("bb_video_track");s&&h(c,s);return}navigator.mediaDevices.enumerateDevices().then(function(t){var l=t.filter(function(n){return n.kind==="videoinput"}),r,s,a,c;i.invokeMethodAsync("InitDevices",l).then(()=>{u&&l.length>0&&o.find('button[data-method="play"]').trigger("click")});r=o.find("video")[0];s=o.find("canvas")[0];s.width=f;s.height=e;a=s.getContext("2d");o.on("click","button[data-method]",async function(){var l=n(this).attr("data-method"),t,v,u;if(l==="play"){var w=n(this).attr("data-camera"),y=o.find(".dropdown-item.active").attr("data-val"),p={video:{facingMode:w,width:f,height:e},audio:!1};y!==""&&(p.video.deviceId={exact:y});navigator.mediaDevices.getUserMedia(p).then(n=>{r.srcObject=n,r.play(),c=n.getTracks()[0],o.data("bb_video_track",c),i.invokeMethodAsync("Start")}).catch(n=>{console.log(n),i.invokeMethodAsync("GetError",n.message)})}else if(l==="stop")h(r,c),i.invokeMethodAsync("Stop");else if(l==="capture"){for(a.drawImage(r,0,0,f,e),t=s.toDataURL(),v=30720;t.length>v;)u=t.substr(0,v),console.log(u),await i.invokeMethodAsync("Capture",u),t=t.substr(u.length);t.length>0&&await i.invokeMethodAsync("Capture",t);await i.invokeMethodAsync("Capture","__BB__%END%__BB__")}})})}})}(jQuery),function(n){n.extend({bb_card_collapse:function(t){var i=n(t);i.on("click",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&t.parent().toggleClass("collapsed"),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed")}))})}})}(jQuery),function(n){n.extend({bb_carousel:function(t){var r=n(t).carousel(),i=null;r.hover(function(){var t,r,u;i!=null&&window.clearTimeout(i);t=n(this);r=t.find("[data-bs-slide]");r.removeClass("d-none");u=window.setTimeout(function(){window.clearTimeout(u);t.addClass("hover")},10)},function(){var t=n(this),r=t.find("[data-bs-slide]");t.removeClass("hover");i=window.setTimeout(function(){window.clearTimeout(i);r.addClass("d-none")},300)})}})}(jQuery),function(n){n.extend({bb_copyText:function(n){if(navigator.clipboard)navigator.clipboard.writeText(n);else{if(typeof ele!="string")return!1;var t=document.createElement("input");t.setAttribute("type","text");t.setAttribute("value",n);document.body.appendChild(t);t.select();document.execCommand("copy");document.body.removeChild(t)}}})}(jQuery),function(n){n.extend({bb_collapse:function(t){var i=n(t),r=null;i.hasClass("is-accordion")&&(r="["+t.getAttributeNames().pop()+"]");n.each(i.children(".accordion-item"),function(){var u=n(this),i=u.children(".accordion-collapse"),t=i.attr("id"),f;t||(t=n.getUID(),i.attr("id",t),r!=null&&i.attr("data-bs-parent",r),f=u.find('[data-bs-toggle="collapse"]'),f.attr("data-bs-target","#"+t).attr("aria-controls",t))});i.find(".tree .tree-item > .fa").on("click",function(){var t=n(this).parent();t.find('[data-bs-toggle="collapse"]').trigger("click")});if(i.parent().hasClass("menu"))i.on("click",".nav-link:not(.collapse)",function(){var r=n(this),t;for(i.find(".active").removeClass("active"),r.addClass("active"),t=r.closest(".accordion");t.length>0;)t.children(".accordion-header").find(".nav-link").addClass("active"),t=t.parent().closest(".accordion")})}})}(jQuery),function(n){n.extend({bb_console:function(t){var u=n(t),i=u.find('[data-scroll="auto"]'),r;i.length>0&&(r=i.find(".console-window"),i.scrollTop(r.height()))}})}(jQuery),function(n){n.extend({bb_timePicker:function(t){var i=n(t);return i.find(".time-spinner-item").height()},bb_timecell:function(t,i,r,u){var f=n(t);f.find(".time-spinner-list").on("mousewheel wheel",function(n){var t=n.originalEvent.wheelDeltaY||-n.originalEvent.deltaY;return t>0?i.invokeMethodAsync(r):i.invokeMethodAsync(u),!1})}})}(jQuery),function(n){n.extend({bb_form_load:function(t,i){var r=n(t);i==="show"?r.addClass("show"):r.removeClass("show")}})}(jQuery),function(n){n.extend({bb_download_wasm:function(n,t,i){var u=BINDING.conv_string(n),e=BINDING.conv_string(t),o=Blazor.platform.toUint8Array(i),s=new File([o],u,{type:e}),f=URL.createObjectURL(s),r=document.createElement("a");document.body.appendChild(r);r.href=f;r.download=u;r.target="_self";r.click();URL.revokeObjectURL(f)},bb_download:function(t,i,r){var f=n.bb_create_url(t,i,r),u=document.createElement("a");document.body.appendChild(u);u.href=f;u.download=t;u.target="_self";u.click();URL.revokeObjectURL(f)},bb_create_url_wasm:function(n,t,i){var r=BINDING.conv_string(n),u=BINDING.conv_string(t),f=Blazor.platform.toUint8Array(i),e=new File([f],r,{type:u});return URL.createObjectURL(e)},bb_create_url:function(t,i,r){typeof r=="string"&&(r=n.base64DecToArr(r));var u=r,f=new File([u],t,{type:i});return URL.createObjectURL(f)},b64ToUint6:function(n){return n>64&&n<91?n-65:n>96&&n<123?n-71:n>47&&n<58?n+4:n===43?62:n===47?63:0},base64DecToArr:function(t,i){for(var h=t.replace(/[^A-Za-z0-9\+\/]/g,""),u=h.length,c=i?Math.ceil((u*3+1>>2)/i)*i:u*3+1>>2,l=new Uint8Array(c),f,e,o=0,s=0,r=0;r<u;r++)if(e=r&3,o|=n.b64ToUint6(h.charCodeAt(r))<<18-6*e,e===3||u-r==1){for(f=0;f<3&&s<c;f++,s++)l[s]=o>>>(16>>>f&24)&255;o=0}return l}})}(jQuery),function(n){n.extend({bb_drawer:function(t,i){var r=n(t),u;i?(r.addClass("is-open"),n("body").addClass("overflow-hidden")):r.hasClass("is-open")&&(r.removeClass("is-open").addClass("is-close"),u=window.setTimeout(function(){window.clearTimeout(u);r.removeClass("is-close");n("body").removeClass("overflow-hidden")},350))}})}(jQuery),function(n){n.extend({bb_html5edit:function(t,i){if(n.isFunction(n.fn.summernote)){var r=n(t),u=typeof i=="object"&&i;return/destroy|hide/.test(i)?r.toggleClass("open").summernote(i):typeof i=="string"?r.hasClass("open")?r.summernote(i):r.html():(u=n.extend({focus:!0,lang:"zh-CN",height:80,dialogsInBody:!0},u),r.on("click",u,function(t,i){var u=n(this).tooltip("hide"),r=n.extend({placeholder:u.attr("placeholder")},t.data,i||{});r.obj.invokeMethodAsync("GetToolBar").then(t=>{var i=u.toggleClass("open").summernote(n.extend({callbacks:{onChange:function(n){r.obj.invokeMethodAsync(r.method,n)}},toolbar:t},r)).next().find(".note-toolbar").on("click","button[data-method]",{note:u,op:r},function(t){var r=n(this),i,u;switch(r.attr("data-method")){case"submit":r.tooltip("dispose");i=t.data.note.toggleClass("open");u=i.summernote("code");i.summernote("destroy");t.data.op.obj.invokeMethodAsync(t.data.op.method,u)}}),f=n('<div class="note-btn-group btn-group note-view note-right"><button type="button" class="note-btn btn btn-sm note-btn-close" tabindex="-1" data-method="submit" title="完成" data-bs-placement="bottom"><i class="fa fa-check"><\/i><\/button><\/div>').appendTo(i).find("button").tooltip({container:"body"});n("body").find('.note-group-select-from-files [accept="image/*"]').attr("accept","image/bmp,image/png,image/jpg,image/jpeg,image/gif")})}).tooltip({title:"点击展开编辑"}),u.value&&r.html(u.value),r.hasClass("open")&&r.trigger("click",{focus:!1}),this)}},bb_editor:function(t,i,r,u,f,e,o){var s=function(){var r=t.getElementsByClassName("editor-body"),u;i==="code"?n(r).hasClass("open")?n(r).summernote("code",o):n(r).html(o):(u={obj:i,method:f,height:e},o&&(u.value=o),n.bb_html5edit(r,u))};r!==""?i.invokeMethodAsync(r).then(t=>{for(var r in t)(function(t,r){r!=null&&(pluginObj={},pluginObj[r]=function(f){var e=n.summernote.ui;f.memo("button."+r,function(){var n=e.button({contents:'<i class="'+t.iconClass+'"><\/i>',container:"body",tooltip:t.tooltip,click:function(){i.invokeMethodAsync(u,r).then(n=>{f.invoke("editor.pasteHTML",n)})}});return this.$button=n.render(),this.$button})},n.extend(n.summernote.plugins,pluginObj))})(t[r],t[r].buttonName);s()}):s()}})}(jQuery),function(n){n.extend({bb_iconList:function(t,i,r){var u=n(t);n("body").scrollspy({offset:150,target:".fa-nav"});u.on("click",".nav-link",function(t){t.preventDefault();t.stopPropagation();var f=n(this).attr("href"),r=n(f),e=window,i=r.offset().top,u=r.css("marginTop").replace("px","");u&&(i=i-parseInt(u));n(e).scrollTop(i)});u.on("click",".icon-item",function(t){t.preventDefault();t.stopPropagation();var e=n(this),o=n(this).find("i"),f=o.attr("class"),s=u.hasClass("is-dialog");s?i.invokeMethodAsync(r,f):n.bb_copyIcon(e,f)})},bb_iconDialog:function(t){var i=n(t);i.on("click","button",function(){var t=n(this),i=t.prev().text();n.bb_copyIcon(t,i)})},bb_copyIcon:function(t,i){n.bb_copyText(i);t.tooltip({title:"Copied!"});t.tooltip("show");var r=window.setTimeout(function(){window.clearTimeout(r);t.tooltip("dispose")},1e3)}})}(jQuery),function(n){n.extend({bb_filter:function(t,i,r){n(t).data("bb_filter",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var i=n(t.target),r=i.closest(".popover-datetime"),u,f,e;r.length==1&&(u=r.attr("id"),f=n('[aria-describedby="'+u+'"]'),f.closest(".datetime-picker").hasClass("is-filter"))||(e=i.closest(".table-filter-item"),e.length==0&&n(".table-filter-item.show").each(function(){var t=n(this).data("bb_filter");t.obj.invokeMethodAsync(t.method)}))});n(document).on("keyup",function(t){var i,r;t.key==="Enter"?(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("ConfirmByKey"))):t.key==="Escape"&&(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("EscByKey")))})})}(jQuery),function(n){n.extend({bb_toggleFullscreen:function(t,i){var r=t;r&&r!==""||(r=i?document.getElementById(i):document.documentElement);n.bb_IsFullscreen()?(n.bb_ExitFullscreen(),r.classList.remove("fs-open")):(n.bb_Fullscreen(r),r.classList.add("fs-open"))},bb_Fullscreen:function(n){n.requestFullscreen()||n.webkitRequestFullscreen||n.mozRequestFullScreen||n.msRequestFullscreen},bb_ExitFullscreen:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},bb_IsFullscreen:function(){return document.fullscreen||document.webkitIsFullScreen||document.webkitFullScreen||document.mozFullScreen||document.msFullScreent}})}(jQuery),function(n){Number.prototype.toRadians=function(){return this*Math.PI/180};n.extend({bb_geo_distance:function(n,t,i,r){var u=(i-n).toRadians(),f=(r-t).toRadians();n=n.toRadians();i=i.toRadians();var e=Math.sin(u/2)*Math.sin(u/2)+Math.cos(n)*Math.cos(i)*Math.sin(f/2)*Math.sin(f/2),o=2*Math.atan2(Math.sqrt(e),Math.sqrt(1-e));return 6371*o},bb_geo_updateLocaltion:function(t,i=0,r=0,u,f){var e=t.coords.latitude,o=t.coords.longitude,a=t.coords.accuracy,s=t.coords.altitude,h=t.coords.altitudeAccuracy,c=t.coords.heading,l=t.coords.speed,v=t.timestamp;return a>=500&&console.warn("Need more accurate values to calculate distance."),u!=null&&f!=null&&(i=n.bb_geo_distance(e,o,u,f),r+=i),u=e,f=o,s==null&&(s=0),h==null&&(h=0),c==null&&(c=0),l==null&&(l=0),{latitude:e,longitude:o,accuracy:a,altitude:s,altitudeAccuracy:h,heading:c,speed:l,timestamp:v,currentDistance:i,totalDistance:r,lastLat:u,lastLong:f}},bb_geo_handleLocationError:function(n){switch(n.code){case 0:console.error("There was an error while retrieving your location: "+n.message);break;case 1:console.error("The user prevented this page from retrieving a location.");break;case 2:console.error("The browser was unable to determine your location: "+n.message);break;case 3:console.error("The browser timed out before retrieving the location.")}},bb_geo_getCurrnetPosition:function(t,i){var r=!1;return navigator.geolocation?(r=!0,navigator.geolocation.getCurrentPosition(r=>{var u=n.bb_geo_updateLocaltion(r);t.invokeMethodAsync(i,u)},n.bb_geo_handleLocationError)):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_watchPosition:function(t,i){var r=0,u=0,f=0,e,o;return navigator.geolocation?r=navigator.geolocation.watchPosition(r=>{var s=n.bb_geo_updateLocaltion(r,u,f,e,o);u=s.currentDistance;f=s.totalDistance;e=s.lastLat;o=s.lastLong;t.invokeMethodAsync(i,s)},n.bb_geo_handleLocationError,{maximumAge:2e4}):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_clearWatchLocation:function(n){var t=!1;return navigator.geolocation&&(t=!0,navigator.geolocation.clearWatch(n)),t}})}(jQuery),function(n){n.extend({bb_gotop:function(t,i){var r=n(t),u=r.tooltip();r.on("click",function(t){t.preventDefault();n(i||window).scrollTop(0);u.tooltip("hide")})}})}(jQuery),function(n){n.extend({bb_handwritten:function(n,t,i,r){function u(n){var i,f,e;this.linewidth=1;this.color="#000000";this.background="#fff";for(i in n)this[i]=n[i];this.canvas=document.createElement("canvas");this.el.appendChild(this.canvas);this.cxt=this.canvas.getContext("2d");this.canvas.clientTop=this.el.clientWidth;this.canvas.width=this.el.clientWidth;this.canvas.height=this.el.clientHeight;this.cxt.fillStyle=this.background;this.cxt.fillRect(2,2,this.canvas.width,this.canvas.height);this.cxt.fillStyle=this.background;this.cxt.strokeStyle=this.color;this.cxt.lineWidth=this.linewidth;this.cxt.lineCap="round";var t="ontouchend"in window,s=this,u=!1,o=function(n){u=!0;this.cxt.beginPath();var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.moveTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.moveTo(n.pageX+2-i,n.pageY+2-r)};t?this.canvas.addEventListener("touchstart",o.bind(this),!1):this.canvas.addEventListener("mousedown",o.bind(this),!1);f=function(n){if(u){var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.lineTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.lineTo(n.pageX+2-i,n.pageY+2-r);this.cxt.stroke()}};t?this.canvas.addEventListener("touchmove",f.bind(this),!1):this.canvas.addEventListener("mousedown",f.bind(this),!1);e=function(){u=!1;this.cxt.closePath()};t?this.canvas.addEventListener("touchend",e.bind(this),!1):this.canvas.addEventListener("mousedown",e.bind(this),!1);this.clearEl.addEventListener("click",function(){this.cxt.clearRect(2,2,this.canvas.width,this.canvas.height)}.bind(this),!1);this.saveEl.addEventListener("click",function(){var n=this.canvas.toDataURL();return this.obj.invokeMethodAsync(r,n)}.bind(this),!1)}document.body.addEventListener("touchmove",function(n){n.preventDefault()},{passive:!1});new u({el:n.getElementsByClassName("hw-body")[0],clearEl:n.getElementsByClassName("btn-secondary")[0],saveEl:n.getElementsByClassName("btn-primary")[0],obj:t})}})}(jQuery),function(n){n.extend({bb_input:function(t,i,r,u,f,e){var o=n(t);o.on("keyup",function(n){r&&n.key==="Enter"?i.invokeMethodAsync(u):f&&n.key==="Escape"&&i.invokeMethodAsync(e,o.val())})},bb_input_selectAll_focus:function(t){var i=n(t);i.on("focus",function(){n(this).select()})},bb_input_selectAll_enter:function(t){var i=n(t);i.on("keyup",function(t){t.key==="Enter"&&n(this).select()})},bb_input_selectAll:function(t){n(t).select()}})}(jQuery),function(n){var u=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},f=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},e=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},r=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.extend({bb_ipv4_input:function(f){var e=n(f);f.prevValues=[];e.find(".ipv4-cell").focus(function(){n(this).select();e.toggleClass("selected",!0)});e.find(".ipv4-cell").focusout(function(){e.toggleClass("selected",!1)});e.find(".ipv4-cell").each(function(e,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?u.call(f,e):i.keyCode==37||i.keyCode==39?i.keyCode==37&&r.call(o)===0?(t.call(f,e-1),i.preventDefault()):i.keyCode==39&&r.call(o)===n(o).val().length&&(t.call(f,e+1),i.preventDefault()):i.keyCode==9||i.keyCode==8||i.keyCode==46||i.preventDefault()});n(o).keyup(function(r){var u,s,o;(r.keyCode>=48&&r.keyCode<=57||r.keyCode>=96&&r.keyCode<=105)&&(u=n(this).val(),s=Number(u),s>255?i.call(f,e):u.length>1&&u[0]==="0"?i.call(f,e):u.length===3&&t.call(f,e+1));r.key==="Backspace"&&n(this).val()===""&&(n(this).val("0"),o=e-1,o>-1?t.call(f,o):t.call(f,0));r.key==="."&&t.call(f,e+1);r.key==="ArrowRight"&&t.call(f,e+1);r.key==="ArrowLeft"&&t.call(f,e-1)})})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_showLabelTooltip:function(t,i,r){var f=n(t),u=bootstrap.Tooltip.getInstance(t);u&&u.dispose();i==="init"&&f.tooltip({title:r})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_layout:function(t,i){if(i==="dispose"){n(window).off("resize");return}var r=function(){var r=n(window).width();t.invokeMethodAsync(i,r)};n(".layout-header").find('[data-bs-toggle="tooltip"]').tooltip();r();n(window).on("resize",function(){r()})}})}(jQuery),function(n){n.extend({bb_side_menu_expand:function(t,i){if(i)n(t).find(".collapse").collapse("show");else{n(t).find(".collapse").collapse("hide");var r=window.setTimeout(function(){window.clearTimeout(r);n.bb_auto_expand(n(t))},400)}},bb_auto_expand:function(t){var u=t.find(".nav-link.expand").map(function(t,i){return n(i).removeClass("expand")}).toArray(),i=t.find(".active"),r;do r=i.parentsUntil(".submenu.collapse").parent(),r.length===1&&r.not(".show")?(i=r.prev(),i.length!==0&&u.push(i)):i=null;while(i!=null&&i.length>0);while(u.length>0)i=u.shift(),i[0].click()},bb_init_side_menu:function(t){var i=t.hasClass("accordion"),r=t.children(".submenu"),u;r.find(".submenu").each(function(){var t=n(this),r,f,e,u;t.addClass("collapse").removeClass("d-none");i?(r=t.parentsUntil(".submenu"),r.prop("nodeName")==="LI"&&(f=r.parent().attr("id"),t.attr("data-bs-parent","#"+f))):t.removeAttr("data-bs-parent");e=t.attr("id");u=t.prev();u.attr("data-bs-toggle","collapse");u.attr("href","#"+e)});i&&(u=r.find(".collapse"),u.each(function(t,r){var u=n(r),f;bootstrap.Collapse.getInstance(r)&&u.collapse("dispose");f="";i&&(f=u.attr("data-bs-parent"));u.collapse({parent:f,toggle:!1})}))},bb_side_menu:function(t){var i=n(t);n.bb_init_side_menu(i);n.bb_auto_expand(i)}});n(function(){n(document).on("click",'.menu a[href="#"]',function(){return!1})})}(jQuery),function(n){n.extend({bb_message:function(t,i,r){window.Messages||(window.Messages=[]);Messages.push(t);var u=n(t),e=u.attr("data-autohide")!=="false",o=parseInt(u.attr("data-delay")),f=null,s=window.setTimeout(function(){window.clearTimeout(s);e&&(f=window.setTimeout(function(){window.clearTimeout(f);u.close()},o));u.addClass("show")},50);u.close=function(){f!=null&&window.clearTimeout(f);u.removeClass("show");var n=window.setTimeout(function(){window.clearTimeout(n);Messages.remove(t);Messages.length===0&&i.invokeMethodAsync(r)},500)};u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();u.close()})}})}(jQuery),function(n){n.extend({bb_modal_dialog:function(t,i,r){var u=n(t);u.data("bb_dotnet_invoker",{obj:i,method:r});var o=0,s=0,e=0,h=0,f={top:0,left:0};u.hasClass("is-draggable")&&(u.find(".btn-maximize").click(function(){var t,i;$button=n(this);t=$button.attr("aria-label");t==="maximize"?u.css({marginLeft:"auto",width:u.width()}):i=window.setInterval(function(){u.attr("style")?u.removeAttr("style"):window.clearInterval(i)},100)}),u.css({marginLeft:"auto"}),u.find(".modal-header").drag(function(n){o=n.clientX||n.touches[0].clientX;s=n.clientY||n.touches[0].clientY;e=u.width();h=u.height();f.top=parseInt(u.css("marginTop").replace("px",""));f.left=parseInt(u.css("marginLeft").replace("px",""));u.css({marginLeft:f.left,marginTop:f.top});u.css("width",e);this.addClass("is-drag")},function(t){var i=t.clientX||t.changedTouches[0].clientX,r=t.clientY||t.changedTouches[0].clientY;newValX=f.left+Math.ceil(i-o);newValY=f.top+Math.ceil(r-s);newValX<=0&&(newValX=0);newValY<=0&&(newValY=0);newValX+e<n(window).width()&&u.css({marginLeft:newValX});newValY+h<n(window).height()&&u.css({marginTop:newValY})},function(){this.removeClass("is-drag")}))},bb_modal:function(t,i){var r=n(t),f,u;if(i==="dispose")r.remove();else if(i==="init"){r.closest(".swal").length===0&&n("body").append(r);r.on("shown.bs.modal",function(){var t=r.attr("data-bs-keyboard")==="true";if(t===!0)n(document).one("keyup",function(n){if(n.key==="Escape"){var i=r.find(".modal-dialog"),t=i.data("bb_dotnet_invoker");t!=null&&t.obj.invokeMethodAsync(t.method)}})})}else i!=="hide"&&i!=="dispose"&&(f=r.attr("data-bs-keyboard")==="true",u=bootstrap.Modal.getInstance(t),u!=null&&(u._config.keyboard=f)),r.modal(i)}})}(jQuery),function(n){n.extend({bb_notify_checkPermission:function(n,t,i){(window.Notification||navigator.mozNotification)&&window.FileReader&&window.history.pushState?Notification.permission==="granted"?n!==null&&t!==""&&n.invokeMethodAsync(t,!0):i&&(Notification.permission!=="denied"||Notification.permission==="default")&&Notification.requestPermission(function(i){var r=i==="granted";n!==null&&t!==""&&n.invokeMethodAsync(t,r)}):(console.warn("Your browser does not support all features of this API"),n!==null&&t!==""&&n.invokeMethodAsync(t,!1))},bb_notify_display:function(t,i,r){var f=!1,e,u,o;return n.bb_notify_checkPermission(null,null,!0),r.title!==null&&(e=r.onClick,u={},r.message!==null&&(u.body=r.message.substr(0,250)),r.icon!==null&&(u.icon=r.icon),r.silent!==null&&(u.silent=r.silent),r.sound!==null&&(u.sound=r.sound),o=new Notification(r.title.substr(0,100),u),t!==null&&e!==null&&(o.onclick=function(n){n.preventDefault();t.invokeMethodAsync(e)}),f=!0),t!==null&&i!==null&&t.invokeMethodAsync(i,f),f}})}(jQuery),function(n){n.extend({bb_confirm:function(t){var f=n('[data-bs-target="'+t+'"]'),r="is-show",i=document.getElementById(t),u=bootstrap.Popover.getOrCreateInstance(i,{toggle:"confirm",html:!0,sanitize:!1,content:f.find(".popover-body").html()});i.classList.contains(r)===!1?(u.show(),i.classList.add(r)):(u.hide(),i.classList.remove(r))},bb_confirm_submit:function(t){var r=n("#"+t),i=n('<button type="submit" hidden />');i.appendTo(r.parent());i.trigger("click");i.remove()},bb_popover:function(t,i,r,u,f,e,o){var s=document.getElementById(t),h=bootstrap.Popover.getInstance(s),c;h&&h.dispose();i!=="dispose"&&(c={html:e,sanitize:!1,title:r,content:u,placement:f,trigger:o},h=new bootstrap.Popover(s,c),i!==""&&n(s).popover(i))},bb_datetimePicker:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-picker-input");if(i)u.popover(i);else{u.popover({toggle:"datetime-picker",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".date-picker").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".date-picker"),r.append(u.addClass("d-none")))});r.find(".datetime-picker-input-icon").on("click",function(t){if(!n(this).hasClass("disabled")){t.stopImmediatePropagation();var i=n(this).parents(".datetime-picker-bar").find(".datetime-picker-input");i.trigger("click")}});r.find(".date-table .cell").on("click",function(t){n(t.target).parent().parent().hasClass("disabled")&&(t.preventDefault(),t.stopImmediatePropagation())})}},bb_datetimeRange:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-range-bar");if(i)u.popover(i);else{u.popover({toggle:"datetime-range",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".datetime-range-body").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".datetime-range-body"),r.append(u.addClass("d-none")))});r.find(".is-clear").on("click",function(){u.popover("hide")})}}});n(function(){var r,t,i;n.fn.popover.Constructor.prototype.isWithContent=function(){var n=this._config.toggle;return["","confirm","datetime-picker","datetime-range"].indexOf(n)||this.getTitle()||this._getContent()};r=n.fn.popover.Constructor.prototype.getTipElement;n.fn.popover.Constructor.prototype.getTipElement=function(){var i=this._config.toggle,u=r.call(this),t=n(u).addClass("shadow");return t.find(".popover-header").length>0&&t.addClass("has-header"),i==="datetime-picker"&&t.addClass("popover-datetime"),i==="datetime-range"&&t.addClass("popover-datetime-range"),u};t=function(t){var i=null,r=t.parents(".popover"),u;return r.length>0&&(u=r.attr("id"),i=n('[aria-describedby="'+u+'"]')),i};i=function(n){n.popover("dispose");n.removeClass("is-show")};n(document).on("click",function(r){var e=!0,u=n(r.target),o=t(u),f;o!=null&&(e=!1);e&&(f=u,f.data("bs-toggle")!=="confirm"&&(f=f.parents('[data-bs-toggle="confirm"][aria-describedby^="popover"]')),n('[data-bs-toggle="confirm"][aria-describedby^="popover"]').each(function(t,r){if(f[0]!==r){var u=n(r);i(u)}}));u.parents(".popover-datetime.show").length===0&&n(".popover-datetime.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.attr("aria-describedby")!==t&&i.popover("hide"))});u.parents(".popover-datetime-range.show").length===0&&n(".popover-datetime-range.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.parents(".datetime-range-bar").attr("aria-describedby")!==t&&i.popover("hide"))})});n(document).on("click",".popover-confirm-buttons .btn",function(r){var u,f,e;r.stopPropagation();u=t(n(this));u.length>0&&(i(u),f=u.attr("id"),$ele=n('[data-bs-target="'+f+'"]'),e=this.getAttribute("data-dismiss")==="confirm"?$ele.find(".popover-confirm-buttons .btn:first"):$ele.find(".popover-confirm-buttons .btn:last"),e.trigger("click"))})})}(jQuery),function(n){n.extend({bb_printview:function(t){var r=n(t).parent(),f=r.hasClass("modal-header"),e=r.hasClass("modal-footer"),i=null;if(f?i=r.next():e&&(i=r.parentsUntil(".modal-content").parent().find(".modal-body")),i!=null&&i.length>0){var o=i.html(),u=n("body").addClass("bb-printview-open"),s=n("<div><\/div>").addClass("bb-printview").html(o).appendTo(u);window.print();u.removeClass("bb-printview-open");s.remove()}else window.print()}})}(jQuery),function(n){n.extend({bb_qrcode:function(t,i,r,u){var e=n(t),f=e.find(".qrcode-img");f.html("");r==="generate"&&(qrcode=new QRCode(f[0],{text:u,width:128,height:128,colorDark:"#000000",colorLight:"#ffffff",correctLevel:QRCode.CorrectLevel.H}),i.invokeMethodAsync("Generated"))}})}(jQuery),function(n){n.extend({bb_rate:function(t,i,r){var u=n(t),f;u.val=parseInt(u.attr("aria-valuenow"));f=function(){var t=u.find(".rate-item");t.each(function(t){t>u.val?n(this).removeClass("is-on"):n(this).addClass("is-on")})};u.on("mouseenter",".rate-item",function(){if(!u.hasClass("disabled")){var t=u.find(".rate-item"),i=t.toArray().indexOf(this);t.each(function(t){t>i?n(this).removeClass("is-on"):n(this).addClass("is-on")})}});u.on("mouseleave",function(){u.hasClass("disabled")||f()});u.on("click",".rate-item",function(){if(!u.hasClass("disabled")){var n=u.find(".rate-item");u.val=n.toArray().indexOf(this);u.attr("aria-valuenow",u.val+1);i.invokeMethodAsync(r,u.val+1)}})}})}(jQuery),function(n){n.extend({bb_row:function(t){var i=n(t);i.grid()}})}(jQuery),function(n){n.extend({bb_multi_select:function(t,i,r){n(t).data("bb_multi_select",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var r=n(t.target),i=r.closest(".multi-select");n(".multi-select.show").each(function(){if(i.length===0||this!=i[0]){var t=n(this).data("bb_multi_select");t.obj.invokeMethodAsync(t.method)}})})})}(jQuery),function(n){n.extend({bb_select:function(t,i,r){var u=n(t),e=u.find("input.search-text"),f=function(n){var i=n.find(".dropdown-menu"),t=i.children(".preActive");if(t.length===0&&(t=i.children(".active"),t.addClass("preActive")),t.length===1){var u=i.innerHeight(),f=t.outerHeight(),e=t.index()+1,r=11+f*e-u;r>=0?i.scrollTop(r):i.scrollTop(0)}};u.on("show.bs.dropdown",function(n){u.find(".form-select").prop("disabled")&&n.preventDefault()});u.on("shown.bs.dropdown",function(){e.length>0&&e.focus();f(n(this))});u.on("keyup",function(t){var u=n(this),o,e,s,h,c;u.find(".dropdown-toggle").hasClass("show")&&(o=u.find(".dropdown-menu.show > .dropdown-item").not(".disabled, .search"),e=o.filter(function(t,i){return n(i).hasClass("preActive")}),o.length>1&&(t.key==="ArrowUp"?(e.removeClass("preActive"),s=e.prev().not(".disabled, .search"),s.length===0&&(s=o.last()),s.addClass("preActive"),f(u)):t.key==="ArrowDown"&&(e.removeClass("preActive"),h=e.next().not(".disabled, .search"),h.length===0&&(h=o.first()),h.addClass("preActive"),f(u))),t.key==="Enter"&&(u.find(".show").removeClass("show"),c=e.index(),u.find(".search").length>0&&c--,i.invokeMethodAsync(r,c)))});u.on("click",".dropdown-item.disabled",function(n){n.stopImmediatePropagation()})}})}(jQuery),function(n){n.extend({bb_slider:function(t,i,r){var f=n(t),s=f.find(".disabled").length>0;if(!s){var e=0,o=0,u=0,h=f.innerWidth();f.find(".slider-button-wrapper").drag(function(n){e=n.clientX||n.touches[0].clientX;o=parseInt(f.attr("aria-valuetext"));f.find(".slider-button-wrapper, .slider-button").addClass("dragging")},function(n){var t=n.clientX||n.changedTouches[0].clientX;u=Math.ceil((t-e)*100/h)+o;u<=0&&(u=0);u>=100&&(u=100);f.find(".slider-bar").css({width:u.toString()+"%"});f.find(".slider-button-wrapper").css({left:u.toString()+"%"});f.attr("aria-valuetext",u.toString());i.invokeMethodAsync(r,u)},function(){f.find(".slider-button-wrapper, .slider-button").removeClass("dragging");i.invokeMethodAsync(r,u)})}}})}(jQuery),function(n){n.extend({bb_split:function(t){var i=n(t),f=i.innerWidth(),e=i.innerHeight(),u=0,r=0,o=0,s=0,h=!i.children().hasClass("is-horizontal");i.children().children(".split-bar").drag(function(n){f=i.innerWidth();e=i.innerHeight();h?(s=n.clientY||n.touches[0].clientY,u=i.children().children(".split-left").innerHeight()*100/e):(o=n.clientX||n.touches[0].clientX,u=i.children().children(".split-left").innerWidth()*100/f);i.toggleClass("dragging")},function(n){var t,c;h?(t=n.clientY||n.changedTouches[0].clientY,r=Math.ceil((t-s)*100/e)+u):(c=n.clientX||n.changedTouches[0].clientX,r=Math.ceil((c-o)*100/f)+u);r<=0&&(r=0);r>=100&&(r=100);i.children().children(".split-left").css({"flex-basis":r.toString()+"%"});i.children().children(".split-right").css({"flex-basis":(100-r).toString()+"%"});i.attr("data-split",r)},function(){i.toggleClass("dragging")})}})}(jQuery),function(n){n.extend({bb_tab:function(t){var i=n(t),r=window.setInterval(function(){i.is(":visible")&&(window.clearInterval(r),i.lgbTab("active"))},200)}})}(jQuery),function(n){n.extend({bb_table_search:function(t,i,r,u){n(t).data("bb_table_search",{obj:i,searchMethod:r,clearSearchMethod:u})},bb_table_row_hover:function(t){var i=t.find(".table-excel-toolbar"),r=t.find("tbody > tr").each(function(t,r){n(r).hover(function(){var t=n(this).position().top;i.css({top:t+"px",display:"block"})},function(){i.css({top:top+"px",display:"none"})})})},bb_table_resize:function(t){var f=t.find(".col-resizer");if(f.length>0){var e=function(t){var u=n(this),i=u.closest("th");t?i.addClass("border-resize"):i.removeClass("border-resize");var r=i.index(),f=i.closest(".table-resize").find("tbody"),e=f.find("tr").each(function(){var i=n(this.children[r]);t?i.addClass("border-resize"):i.removeClass("border-resize")});return r},i=0,r=0,u=0,o=0;f.each(function(){n(this).drag(function(f){u=e.call(this,!0);var s=t.find("table colgroup col")[u].width;i=s?parseInt(s):n(this).closest("th").width();r=n(this).closest("table").width();o=f.clientX},function(f){t.find("table colgroup").each(function(t,e){var c=n(e).find("col")[u],h=f.clientX-o,s;c.width=i+h;s=n(e).closest("table");s.parent().hasClass("table-fixed-header")?s.width(r+h):s.width(r+h-6)})},function(){e.call(this,!1)})})}},bb_table_load:function(t,i){var u=n(t),r=u.find(".table-loader");i==="show"?r.addClass("show"):r.removeClass("show")},bb_table_filter_calc:function(t){var c=t.find(".table-toolbar"),l=0,h,e,u;c.length>0&&(l=c.outerHeight());var o=n(this),a=o.position(),v=o.attr("data-field"),f=t.find('.table-filter-item[data-field="'+v+'"]'),i=o.closest("th"),y=i.closest("thead"),p=y.outerHeight()-i.outerHeight(),s=i.outerWidth()+i.position().left-f.outerWidth()/2,r=0,w=i.hasClass("fixed");i.hasClass("sortable")&&(r=24);i.hasClass("filterable")&&(r=r+12);h=0;w||(h=i.closest("table").parent().scrollLeft());e=i.offset().left+i.outerWidth()-r+f.outerWidth()/2-n(window).width();r=r+h;e>0&&(s=s-e-16,$arrow=f.find(".card-arrow"),$arrow.css({left:"calc(50% - 0.5rem + "+(e+16)+"px)"}));u=t.find(".table-search").outerHeight();u===undefined?u=0:u+=8;f.css({top:a.top+l+p+u+50,left:s-r})},bb_table_filter:function(t){t.on("click",".filterable .fa-filter",function(){n.bb_table_filter_calc.call(this,t)})},bb_table_getCaretPosition:function(n){var t=-1,i=n.selectionStart,r=n.selectionEnd;return i==r&&(i==n.value.length?t=1:i==0&&(t=0)),t},bb_table_excel_keybord:function(t){var f=t.find(".table-excel").length>0;if(f){var i={TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESCAPE:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40},e=function(n){var t=window.setTimeout(function(){window.clearTimeout(t);n.focus();n.select()},10)},r=function(t,i){var r=!1,f=t[i],u=n(f).find("input.form-control:not([readonly]");return u.length>0&&(e(u),r=!0),r},u=function(n,t){var o=n.closest("td"),e=o.closest("tr"),u=e.children("td"),f=u.index(o);if(t==i.LEFT_ARROW){while(f-->0)if(r(u,f))break}else if(t==i.RIGHT_ARROW){while(f++<u.length)if(r(u,f))break}else if(t==i.UP_ARROW){for(u=e.prev().children("td");f<u.length;)if(r(u,f))break}else if(t==i.DOWN_ARROW)for(u=e.next().children("td");f<u.length;)if(r(u,f))break};t.on("keydown",function(t){var r=n(t.target);switch(t.keyCode){case i.UP_ARROW:case i.LEFT_ARROW:n.bb_table_getCaretPosition(t.target)==0&&u(r,t.keyCode);break;case i.DOWN_ARROW:case i.RIGHT_ARROW:n.bb_table_getCaretPosition(t.target)==1&&u(r,t.keyCode)}})}},bb_table_width:function(t,i){var r=n(t);return i?r.outerWidth(!0):n(window).outerWidth(!0)},bb_table_tooltip:function(t){var i=n(t);i.find(".is-tips").tooltip({container:"body",title:function(){return n(this).text()}})},bb_table_fixedbody:function(t,i,r){var u,f,s,e,h,o;i||(i=t.find(".table-fixed-body"));r||(r=t.find(".table-fixed-header"));u=t.find(".table-search:first").outerHeight();u||(u=0);f=t.find(".table-pagination:first").outerHeight();f||(f=0);s=t.find(".table-toolbar:first").outerHeight();e=f+s+u;e>0&&(u>0&&(h=i.parent().css("height"),t.find(".table-search-collapse").each(function(){n(this).data("fixed-height",h)})),i.parent().css({height:"calc(100% - "+e+"px)"}));o=r.outerHeight();o>0&&i.css({height:"calc(100% - "+o+"px)"})},bb_table:function(t,i,r,u){var f=n(t),l=f.find(".table-fixed").length>0,a,h,c,e,o,v,s;if(l){a=f.find(".table-fixed-header");h=f.find(".table-fixed-body");h.on("scroll",function(){var n=h.scrollLeft();a.scrollLeft(n)});if(c=f.find(".fixed-scroll"),c.length===1){for(e=c.prev();e.length===1;)if(e.hasClass("fixed-right")&&!e.hasClass("modified"))o=e.css("right"),o=o.replace("px",""),n.browser.versions.mobile&&(o=parseFloat(o)-6+"px"),e.css({right:o}).addClass("modified"),e=e.prev();else break;n.browser.versions.mobile&&c.remove()}n.bb_table_fixedbody(f,h,a);f.find(".col-resizer:last").remove()}v=f.find(".table-cell.is-sort .table-text");s=u;v.each(function(){var i=n(this).parent().find(".fa:last"),t;i.length>0&&(t=s.unset,i.hasClass("fa-sort-asc")?t=s.sortAsc:i.hasClass("fa-sort-desc")&&(t=s.sortDesc),n(this).tooltip({container:"body",title:t}))});v.on("click",function(){var i=n(this),u=i.parent().find(".fa:last"),t="sortAsc",r,f;u.hasClass("fa-sort-asc")?t="sortDesc":u.hasClass("fa-sort-desc")&&(t="unset");r=n("#"+i.attr("aria-describedby"));r.length>0&&(f=r.find(".tooltip-inner"),f.html(s[t]),i.attr("data-original-title",s[t]))});f.children(".table-scroll").scroll(function(){f.find(".table-filter-item.show").each(function(){var t=n(this).attr("data-field"),i=f.find('.fa-filter[data-field="'+t+'"]')[0];n.bb_table_filter_calc.call(i,f)})});n.bb_table_row_hover(f);n.bb_table_tooltip(t);n.bb_table_filter(f);n.bb_table_resize(f);n.bb_table_excel_keybord(f);f.on("click",".table-search-collapse",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&(l&&f.find(".table-fixed-body").parent().css({height:i.data("fixed-height")}),t.parent().toggleClass("collapsed")),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed");l&&n.bb_table_fixedbody(f)}))})}});n(function(){n(document).on("keyup",function(t){var r,i;t.key==="Enter"?(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.searchMethod)):t.key==="Escape"&&(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.clearSearchMethod))});n(document).on("click",function(t){var i=n(t.target),u=i.closest(".dropdown-menu.show"),r;u.length>0||(r=i.closest(".btn-col"),r.length>0)||n(".table-toolbar > .btn-group > .btn-col > .dropdown-toggle.show").each(function(t,i){n(i).trigger("click")})})})}(jQuery),function(n){n.extend({bb_setTitle:function(n){document.title=n}})}(jQuery),function(n){n.extend({bb_toast_close:function(t){var i=n(t);i.find(".btn-close").trigger("click")},bb_toast:function(t,i,r){var f,o;window.Toasts===undefined&&(window.Toasts=[]);Toasts.push(t);var u=n(t),s=u.attr("data-bs-autohide")!=="false",e=parseInt(u.attr("data-bs-delay"));u.addClass("d-block");f=null;o=window.setTimeout(function(){window.clearTimeout(o);s&&(u.find(".toast-progress").css({width:"100%",transition:"width "+e/1e3+"s linear"}),f=window.setTimeout(function(){window.clearTimeout(f);u.find(".btn-close").trigger("click")},e));u.addClass("show")},50);u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();f!=null&&window.clearTimeout(f);u.removeClass("show");var t=window.setTimeout(function(){window.clearTimeout(t);u.removeClass("d-block");Toasts.remove(u[0]);Toasts.length===0&&i.invokeMethodAsync(r)},500)})}})}(jQuery),function(n){n.extend({bb_tooltip:function(t,i,r,u,f,e){var s=document.getElementById(t),h,l,c,o;s!==null&&(h=bootstrap.Tooltip.getInstance(s),h&&h.dispose(),i!=="dispose"&&(l={html:f,sanitize:!f,title:r,placement:u,trigger:e},h=new bootstrap.Tooltip(s,l),c=n(s),i==="enable"?(o=c.parents("form").find(".is-invalid:first"),o.prop("nodeName")==="INPUT"?o.prop("readonly")?o.trigger("focus"):o.focus():o.prop("nodeName")==="DIV"&&o.trigger("focus")):i!==""&&c.tooltip(i)))}});n(function(){n(document).on("inserted.bs.tooltip",".is-invalid",function(){n("#"+n(this).attr("aria-describedby")).addClass("is-invalid")})})}(jQuery),function(n){n.extend({bb_transition:function(t,i,r){n(t).on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd",function(){i.invokeMethodAsync(r)})}})}(jQuery),function(n){n.extend({bb_tree:function(t){var i=n(t);i.find(".tree-content").hover(function(){n(this).parent().addClass("hover")},function(){n(this).parent().removeClass("hover")});i.on("click",".tree-node",function(){var i=n(this),r=i.prev(),t=r.find('[type="radio"]');t.attr("disabeld")!=="disabled"&&t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_upload:function(t){var i=n(t);i.on("click",".btn-browser",function(){var r=n(this),t=i.find(":file");t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_form:function(t){var i=n("#"+t);i.find("[aria-describedby]").each(function(t,i){var u=bootstrap.Tooltip.getInstance(i),r;u&&(r=n(i),r.tooltip("dispose"))})}})}(jQuery);
\ No newline at end of file
diff --git a/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.min.js b/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.min.js
index 5db033afc..ef720048f 100644
--- a/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.min.js
+++ b/src/BootstrapBlazor/wwwroot/js/bootstrap.blazor.min.js
@@ -1 +1 @@
-(function(n,t){typeof define=="function"&&(define.amd||define.cmd)?define(function(){return t(n)}):typeof exports=="object"?module.exports=t(n):n.Browser=t(n)})(typeof self!="undefined"?self:this,function(n){var r=n||{},t=typeof n.navigator!="undefined"?n.navigator:{},i=function(n,i){var r=t.mimeTypes;for(var u in r)if(r[u][n]==i)return!0;return!1};return function(n){var u=n||t.userAgent||{},f=this,e={Trident:u.indexOf("Trident")>-1||u.indexOf("NET CLR")>-1,Presto:u.indexOf("Presto")>-1,WebKit:u.indexOf("AppleWebKit")>-1,Gecko:u.indexOf("Gecko/")>-1,KHTML:u.indexOf("KHTML/")>-1,Safari:u.indexOf("Safari")>-1,Chrome:u.indexOf("Chrome")>-1||u.indexOf("CriOS")>-1,IE:u.indexOf("MSIE")>-1||u.indexOf("Trident")>-1,Edge:u.indexOf("Edge")>-1||u.indexOf("Edg/")>-1,Firefox:u.indexOf("Firefox")>-1||u.indexOf("FxiOS")>-1,"Firefox Focus":u.indexOf("Focus")>-1,Chromium:u.indexOf("Chromium")>-1,Opera:u.indexOf("Opera")>-1||u.indexOf("OPR")>-1,Vivaldi:u.indexOf("Vivaldi")>-1,Yandex:u.indexOf("YaBrowser")>-1,Arora:u.indexOf("Arora")>-1,Lunascape:u.indexOf("Lunascape")>-1,QupZilla:u.indexOf("QupZilla")>-1,"Coc Coc":u.indexOf("coc_coc_browser")>-1,Kindle:u.indexOf("Kindle")>-1||u.indexOf("Silk/")>-1,Iceweasel:u.indexOf("Iceweasel")>-1,Konqueror:u.indexOf("Konqueror")>-1,Iceape:u.indexOf("Iceape")>-1,SeaMonkey:u.indexOf("SeaMonkey")>-1,Epiphany:u.indexOf("Epiphany")>-1,"360":u.indexOf("QihooBrowser")>-1||u.indexOf("QHBrowser")>-1,"360EE":u.indexOf("360EE")>-1,"360SE":u.indexOf("360SE")>-1,UC:u.indexOf("UCBrowser")>-1||u.indexOf(" UBrowser")>-1||u.indexOf("UCWEB")>-1,QQBrowser:u.indexOf("QQBrowser")>-1,QQ:u.indexOf("QQ/")>-1,Baidu:u.indexOf("Baidu")>-1||u.indexOf("BIDUBrowser")>-1||u.indexOf("baidubrowser")>-1||u.indexOf("baiduboxapp")>-1||u.indexOf("BaiduHD")>-1,Maxthon:u.indexOf("Maxthon")>-1,Sogou:u.indexOf("MetaSr")>-1||u.indexOf("Sogou")>-1,Liebao:u.indexOf("LBBROWSER")>-1||u.indexOf("LieBaoFast")>-1,"2345Explorer":u.indexOf("2345Explorer")>-1||u.indexOf("Mb2345Browser")>-1||u.indexOf("2345chrome")>-1,"115Browser":u.indexOf("115Browser")>-1,TheWorld:u.indexOf("TheWorld")>-1,XiaoMi:u.indexOf("MiuiBrowser")>-1,Quark:u.indexOf("Quark")>-1,Qiyu:u.indexOf("Qiyu")>-1,Wechat:u.indexOf("MicroMessenger")>-1,WechatWork:u.indexOf("wxwork/")>-1,Taobao:u.indexOf("AliApp(TB")>-1,Alipay:u.indexOf("AliApp(AP")>-1,Weibo:u.indexOf("Weibo")>-1,Douban:u.indexOf("com.douban.frodo")>-1,Suning:u.indexOf("SNEBUY-APP")>-1,iQiYi:u.indexOf("IqiyiApp")>-1,DingTalk:u.indexOf("DingTalk")>-1,Huawei:u.indexOf("HuaweiBrowser")>-1||u.indexOf("HUAWEI/")>-1||u.indexOf("HONOR")>-1,Vivo:u.indexOf("VivoBrowser")>-1,Windows:u.indexOf("Windows")>-1,Linux:u.indexOf("Linux")>-1||u.indexOf("X11")>-1,"Mac OS":u.indexOf("Macintosh")>-1,Android:u.indexOf("Android")>-1||u.indexOf("Adr")>-1,HarmonyOS:u.indexOf("HarmonyOS")>-1,Ubuntu:u.indexOf("Ubuntu")>-1,FreeBSD:u.indexOf("FreeBSD")>-1,Debian:u.indexOf("Debian")>-1,"Windows Phone":u.indexOf("IEMobile")>-1||u.indexOf("Windows Phone")>-1,BlackBerry:u.indexOf("BlackBerry")>-1||u.indexOf("RIM")>-1,MeeGo:u.indexOf("MeeGo")>-1,Symbian:u.indexOf("Symbian")>-1,iOS:u.indexOf("like Mac OS X")>-1,"Chrome OS":u.indexOf("CrOS")>-1,WebOS:u.indexOf("hpwOS")>-1,Mobile:u.indexOf("Mobi")>-1||u.indexOf("iPh")>-1||u.indexOf("480")>-1,Tablet:u.indexOf("Tablet")>-1||u.indexOf("Pad")>-1||u.indexOf("Nexus 7")>-1},o=!1,s,h,c,l,v,y,a;r.chrome&&(s=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),r.chrome.adblock2345||r.chrome.common2345?e["2345Explorer"]=!0:i("type","application/360softmgrplugin")||i("type","application/mozilla-npqihooquicklogin")?o=!0:s>36&&r.showModalDialog?o=!0:s>45&&(o=i("type","application/vnd.chromium.remoting-viewer"),!o&&s>=69&&(o=i("type","application/hwepass2001.installepass2001")||i("type","application/asx"))));e.Mobile?e.Mobile=!(u.indexOf("iPad")>-1):o&&(i("type","application/gameplugin")?e["360SE"]=!0:t&&typeof t.connection!="undefined"&&typeof t.connection.saveData=="undefined"?e["360SE"]=!0:e["360EE"]=!0);e.Baidu&&e.Opera?e.Baidu=!1:e.iOS&&(e.Safari=!0);h={engine:["WebKit","Trident","Gecko","Presto","KHTML"],browser:["Safari","Chrome","Edge","IE","Firefox","Firefox Focus","Chromium","Opera","Vivaldi","Yandex","Arora","Lunascape","QupZilla","Coc Coc","Kindle","Iceweasel","Konqueror","Iceape","SeaMonkey","Epiphany","XiaoMi","Vivo","360","360SE","360EE","UC","QQBrowser","QQ","Huawei","Baidu","Maxthon","Sogou","Liebao","2345Explorer","115Browser","TheWorld","Quark","Qiyu","Wechat","WechatWork","Taobao","Alipay","Weibo","Douban","Suning","iQiYi","DingTalk"],os:["Windows","Linux","Mac OS","Android","HarmonyOS","Ubuntu","FreeBSD","Debian","iOS","Windows Phone","BlackBerry","MeeGo","Symbian","Chrome OS","WebOS"],device:["Mobile","Tablet"]};f.device="PC";f.language=function(){var i=t.browserLanguage||t.language,n=i.split("-");return n[1]&&(n[1]=n[1].toUpperCase()),n.join("_")}();for(c in h)for(l=0;l<h[c].length;l++)v=h[c][l],e[v]&&(f[c]=v);y={Windows:function(){var n=u.replace(/^Mozilla\/\d.0 \(Windows NT ([\d.]+)[;)].*$/,"$1");return{"10":"10","6.4":"10","6.3":"8.1","6.2":"8","6.1":"7","6.0":"Vista","5.2":"XP","5.1":"XP","5.0":"2000"}[n]||n},Android:function(){return u.replace(/^.*Android ([\d.]+);.*$/,"$1")},HarmonyOS:function(){var n=u.replace(/^Mozilla.*Android ([\d.]+)[;)].*$/,"$1");return{"10":"2"}[n]||""},iOS:function(){return u.replace(/^.*OS ([\d_]+) like.*$/,"$1").replace(/_/g,".")},Debian:function(){return u.replace(/^.*Debian\/([\d.]+).*$/,"$1")},"Windows Phone":function(){return u.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/,"$2")},"Mac OS":function(){return u.replace(/^.*Mac OS X ([\d_]+).*$/,"$1").replace(/_/g,".")},WebOS:function(){return u.replace(/^.*hpwOS\/([\d.]+);.*$/,"$1")}};f.osVersion="";y[f.os]&&(f.osVersion=y[f.os](),f.osVersion==u&&(f.osVersion=""));a={Safari:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Chrome:function(){return u.replace(/^.*Chrome\/([\d.]+).*$/,"$1").replace(/^.*CriOS\/([\d.]+).*$/,"$1")},IE:function(){return u.replace(/^.*MSIE ([\d.]+).*$/,"$1").replace(/^.*rv:([\d.]+).*$/,"$1")},Edge:function(){return u.replace(/^.*Edge\/([\d.]+).*$/,"$1").replace(/^.*Edg\/([\d.]+).*$/,"$1")},Firefox:function(){return u.replace(/^.*Firefox\/([\d.]+).*$/,"$1").replace(/^.*FxiOS\/([\d.]+).*$/,"$1")},"Firefox Focus":function(){return u.replace(/^.*Focus\/([\d.]+).*$/,"$1")},Chromium:function(){return u.replace(/^.*Chromium\/([\d.]+).*$/,"$1")},Opera:function(){return u.replace(/^.*Opera\/([\d.]+).*$/,"$1").replace(/^.*OPR\/([\d.]+).*$/,"$1")},Vivaldi:function(){return u.replace(/^.*Vivaldi\/([\d.]+).*$/,"$1")},Yandex:function(){return u.replace(/^.*YaBrowser\/([\d.]+).*$/,"$1")},Arora:function(){return u.replace(/^.*Arora\/([\d.]+).*$/,"$1")},Lunascape:function(){return u.replace(/^.*Lunascape[\/\s]([\d.]+).*$/,"$1")},QupZilla:function(){return u.replace(/^.*QupZilla[\/\s]([\d.]+).*$/,"$1")},"Coc Coc":function(){return u.replace(/^.*coc_coc_browser\/([\d.]+).*$/,"$1")},Kindle:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Iceweasel:function(){return u.replace(/^.*Iceweasel\/([\d.]+).*$/,"$1")},Konqueror:function(){return u.replace(/^.*Konqueror\/([\d.]+).*$/,"$1")},Iceape:function(){return u.replace(/^.*Iceape\/([\d.]+).*$/,"$1")},SeaMonkey:function(){return u.replace(/^.*SeaMonkey\/([\d.]+).*$/,"$1")},Epiphany:function(){return u.replace(/^.*Epiphany\/([\d.]+).*$/,"$1")},"360":function(){return u.replace(/^.*QihooBrowser\/([\d.]+).*$/,"$1")},"360SE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"10.0","55":"9.1","45":"8.1","42":"8.0","31":"7.0","21":"6.3"}[n]||""},"360EE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"9.5","55":"9.0","50":"8.7","30":"7.5"}[n]||""},Maxthon:function(){return u.replace(/^.*Maxthon\/([\d.]+).*$/,"$1")},QQBrowser:function(){return u.replace(/^.*QQBrowser\/([\d.]+).*$/,"$1")},QQ:function(){return u.replace(/^.*QQ\/([\d.]+).*$/,"$1")},Baidu:function(){return u.replace(/^.*BIDUBrowser[\s\/]([\d.]+).*$/,"$1").replace(/^.*baiduboxapp\/([\d.]+).*$/,"$1")},UC:function(){return u.replace(/^.*UC?Browser\/([\d.]+).*$/,"$1")},Sogou:function(){return u.replace(/^.*SE ([\d.X]+).*$/,"$1").replace(/^.*SogouMobileBrowser\/([\d.]+).*$/,"$1")},Liebao:function(){var n="",t,i;return u.indexOf("LieBaoFast")>-1&&(n=u.replace(/^.*LieBaoFast\/([\d.]+).*$/,"$1")),t={"57":"6.5","49":"6.0","46":"5.9","42":"5.3","39":"5.2","34":"5.0","29":"4.5","21":"4.0"},i=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),n||t[i]||""},"2345Explorer":function(){var n=navigator.userAgent.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"69":"10.0","55":"9.9"}[n]||u.replace(/^.*2345Explorer\/([\d.]+).*$/,"$1").replace(/^.*Mb2345Browser\/([\d.]+).*$/,"$1")},"115Browser":function(){return u.replace(/^.*115Browser\/([\d.]+).*$/,"$1")},TheWorld:function(){return u.replace(/^.*TheWorld ([\d.]+).*$/,"$1")},XiaoMi:function(){return u.replace(/^.*MiuiBrowser\/([\d.]+).*$/,"$1")},Vivo:function(){return u.replace(/^.*VivoBrowser\/([\d.]+).*$/,"$1")},Quark:function(){return u.replace(/^.*Quark\/([\d.]+).*$/,"$1")},Qiyu:function(){return u.replace(/^.*Qiyu\/([\d.]+).*$/,"$1")},Wechat:function(){return u.replace(/^.*MicroMessenger\/([\d.]+).*$/,"$1")},WechatWork:function(){return u.replace(/^.*wxwork\/([\d.]+).*$/,"$1")},Taobao:function(){return u.replace(/^.*AliApp\(TB\/([\d.]+).*$/,"$1")},Alipay:function(){return u.replace(/^.*AliApp\(AP\/([\d.]+).*$/,"$1")},Weibo:function(){return u.replace(/^.*weibo__([\d.]+).*$/,"$1")},Douban:function(){return u.replace(/^.*com.douban.frodo\/([\d.]+).*$/,"$1")},Suning:function(){return u.replace(/^.*SNEBUY-APP([\d.]+).*$/,"$1")},iQiYi:function(){return u.replace(/^.*IqiyiVersion\/([\d.]+).*$/,"$1")},DingTalk:function(){return u.replace(/^.*DingTalk\/([\d.]+).*$/,"$1")},Huawei:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1").replace(/^.*HuaweiBrowser\/([\d.]+).*$/,"$1")}};f.version="";a[f.browser]&&(f.version=a[f.browser](),f.version==u&&(f.version=""));f.browser=="Chrome"&&u.match(/\S+Browser/)&&(f.browser=u.match(/\S+Browser/)[0],f.version=u.replace(/^.*Browser\/([\d.]+).*$/,"$1"));f.browser=="Firefox"&&(window.clientInformation||!window.u2f)&&(f.browser+=" Nightly");f.browser=="Edge"?f.engine=f.version>"75"?"Blink":"EdgeHTML":e.Chrome&&f.engine=="WebKit"&&parseInt(a.Chrome())>27?f.engine="Blink":f.browser=="Opera"&&parseInt(f.version)>12?f.engine="Blink":f.browser=="Yandex"&&(f.engine="Blink")}}),function(n){function r(t){return this.each(function(){var u=n(this),r=u.data(i.DATA_KEY),f=typeof t=="object"&&t;r?r.update(f):u.data(i.DATA_KEY,r=new i(this,f))})}var i=function(t,i){this.$element=n(t);this.options=n.extend({},i);this.init()},t;i.VERSION="5.1.0";i.Author="argo@163.com";i.DATA_KEY="lgb.SliderCaptcha";t=i.prototype;t.init=function(){this.initDOM();this.initImg();this.bindEvents()};t.initDOM=function(){var u=this.$element.find("canvas:first")[0].getContext("2d"),t=this.$element.find("canvas:last")[0],f=t.getContext("2d"),e=this.$element.find(".captcha-load"),i=this.$element.find(".captcha-footer"),o=i.find(".captcha-bar-bg"),s=this.$element.find(".captcha-bar"),r=this.$element.find(".captcha-bar-text"),h=this.$element.find(".captcha-refresh"),c=r.attr("data-text");n.extend(this,{canvas:u,block:t,bar:f,$load:e,$footer:i,$barLeft:o,$slider:s,$barText:r,$refresh:h,barText:c})};t.initImg=function(){var i=function(n,t){var i=this.options.sideLength,f=this.options.diameter,e=Math.PI,r=this.options.offsetX,u=this.options.offsetY;n.beginPath();n.moveTo(r,u);n.arc(r+i/2,u-f+2,f,.72*e,2.26*e);n.lineTo(r+i,u);n.arc(r+i+f-2,u+i/2,f,1.21*e,2.78*e);n.lineTo(r+i,u+i);n.lineTo(r,u+i);n.arc(r+f-2,u+i/2,f+.4,2.76*e,1.24*e,!0);n.lineTo(r,u);n.lineWidth=2;n.fillStyle="rgba(255, 255, 255, 0.7)";n.strokeStyle="rgba(255, 255, 255, 0.7)";n.stroke();n[t]();n.globalCompositeOperation="destination-over"},t=new Image,n;t.src=this.options.imageUrl;n=this;t.onload=function(){i.call(n,n.canvas,"fill");i.call(n,n.bar,"clip");n.canvas.drawImage(t,0,0,n.options.width,n.options.height);n.bar.drawImage(t,0,0,n.options.width,n.options.height);var r=n.options.offsetY-n.options.diameter*2-1,u=n.bar.getImageData(n.options.offsetX-3,r,n.options.barWidth,n.options.barWidth);n.block.width=n.options.barWidth;n.bar.putImageData(u,0,r)};t.onerror=function(){n.$load.text($load.attr("data-failed")).addClass("text-danger")}};t.bindEvents=function(){var n=this,t=0,i=0,r=[];this.$slider.drag(function(r){n.$barText.addClass("d-none");t=r.clientX||r.touches[0].clientX;i=r.clientY||r.touches[0].clientY},function(u){var o=u.clientX||u.touches[0].clientX,s=u.clientY||u.touches[0].clientY,f=o-t,h=s-i,e;if(f<0||f+40>n.options.width)return!1;n.$slider.css({left:f-1+"px"});e=(n.options.width-60)/(n.options.width-40)*f;n.block.style.left=e+"px";n.$footer.addClass("is-move");n.$barLeft.css({width:f+4+"px"});r.push(Math.round(h))},function(i){var f=i.clientX||i.changedTouches[0].clientX,u;n.$footer.removeClass("is-move");u=Math.ceil((n.options.width-60)/(n.options.width-40)*(f-t)+3);n.verify(u,r)});this.$refresh.on("click",function(){n.options.barText=n.$barText.attr("data-text")})};t.verify=function(n,t){var r=this.options.remoteObj.obj,u=this.options.remoteObj.method,i=this;r.invokeMethodAsync(u,n,t).then(function(n){n?(i.$footer.addClass("is-valid"),i.options.barText=i.$barText.attr("data-text")):(i.$footer.addClass("is-invalid"),setTimeout(function(){i.$refresh.trigger("click");i.options.barText=i.$barText.attr("data-try")},1e3))})};t.update=function(t){n.extend(this.options,t);this.resetCanvas();this.initImg();this.resetBar()};t.resetCanvas=function(){this.canvas.clearRect(0,0,this.options.width,this.options.height);this.bar.clearRect(0,0,this.options.width,this.options.height);this.block.width=this.options.width;this.block.style.left=0;this.$load.text(this.$load.attr("data-load")).removeClass("text-danger")};t.resetBar=function(){this.$footer.removeClass("is-invalid is-valid");this.$barText.text(this.options.barText).removeClass("d-none");this.$slider.css({left:"0px"});this.$barLeft.css({width:"0px"})};n.fn.sliderCaptcha=r;n.fn.sliderCaptcha.Constructor=i;n.extend({captcha:function(t,i,r,u){u.remoteObj={obj:i,method:r};n(t).sliderCaptcha(u)}})}(jQuery),function(n){n.isFunction(Date.prototype.format)||(Date.prototype.format=function(n){var i={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours()%12==0?12:this.getHours()%12,"H+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()},t;/(y+)/.test(n)&&(n=n.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));/(E+)/.test(n)&&(n=n.replace(RegExp.$1,(RegExp.$1.length>1?RegExp.$1.length>2?"星期":"周":"")+{0:"日",1:"一",2:"二",3:"三",4:"四",5:"五",6:"六"}[this.getDay()]));for(t in i)new RegExp("("+t+")").test(n)&&(n=n.replace(RegExp.$1,RegExp.$1.length===1?i[t]:("00"+i[t]).substr((""+i[t]).length)));return n});n.browser={versions:function(){var n=navigator.userAgent;return{trident:n.indexOf("Trident")>-1,presto:n.indexOf("Presto")>-1,webKit:n.indexOf("AppleWebKit")>-1,gecko:n.indexOf("Gecko")>-1&&n.indexOf("KHTML")===-1,mobile:!!n.match(/AppleWebKit.*Mobile.*/),ios:!!n.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:n.indexOf("Android")>-1||n.indexOf("Linux")>-1,iPhone:n.indexOf("iPhone")>-1,iPod:n.indexOf("iPod")>-1,iPad:n.indexOf("iPad")>-1,mac:n.indexOf("Macintosh")>-1,webApp:n.indexOf("Safari")===-1}}(),language:(navigator.browserLanguage||navigator.language).toLowerCase()};Array.prototype.indexOf=function(n){for(var t=0;t<this.length;t++)if(this[t]==n)return t;return-1};Array.prototype.remove=function(n){var t=this.indexOf(n);t>-1&&this.splice(t,1)};n.extend({format:function(t,i){return i===undefined||i===null?null:(arguments.length>2&&i.constructor!==Array&&(i=n.makeArray(arguments).slice(1)),i.constructor!==Array&&(i=[i]),n.each(i,function(n,i){t=t.replace(new RegExp("\\{"+n+"\\}","g"),function(){return i})}),t)},getUID:function(n){n||(n="b");do n+=~~(Math.random()*1e6);while(document.getElementById(n));return n},webClient:function(t,i,r){var u={},f=new Browser;u.Browser=f.browser+" "+f.version;u.Os=f.os+" "+f.osVersion;u.Device=f.device;u.Language=f.language;u.Engine=f.engine;u.UserAgent=navigator.userAgent;n.ajax({type:"GET",url:i,success:function(n){t.invokeMethodAsync(r,n.Id,n.Ip,u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)},error:function(){console.error("Please add UseBootstrapBlazor middleware");t.invokeMethodAsync(r,"","",u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)}})}});n.fn.extend({drag:function(t,i,r){var u=n(this),o=function(i){i.stopPropagation();document.addEventListener("mousemove",f);document.addEventListener("touchmove",f);document.addEventListener("mouseup",e);document.addEventListener("touchend",e);n.isFunction(t)&&t.call(u,i)},f=function(t){n.isFunction(i)&&i.call(u,t)},e=function(t){n.isFunction(r)&&r.call(u,t);window.setTimeout(function(){document.removeEventListener("mousemove",f);document.removeEventListener("touchmove",f);document.removeEventListener("mouseup",e);document.removeEventListener("touchend",e)},100)};u.on("mousedown",o);u.on("touchstart",o)}})}(jQuery),function(n){function i(i){return this.each(function(){var r=n(this),u=r.data(t.DATA_KEY),f=typeof i=="object"&&i;u||r.data(t.DATA_KEY,u=new t(this,f))})}var t=function(t,i){this.$element=n(t);var u=this._getColSpan(this.$element),f=this.$element.data("type"),r=parseInt(this.$element.data("items"));isNaN(r)&&(r=12);this.options=n.extend({rowType:f,itemsPerRow:r,colSpan:u},i);this.layout()};t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.grid";n.extend(t.prototype,{layout:function(){this._layout_column(null);this.$element.removeClass("d-none")},_layout_column:function(t){var e=this.$element,o=this.options.rowType,s=this.options.itemsPerRow,f=!1,i=null,r=this,u=n('<div class="row g-3"><\/div>');o==="inline"&&u.addClass("form-inline");e.children().each(function(e,o){var s=n(o),c=s.data("toggle")==="row",h=r._getColSpan(s);c?n("<div><\/div>").addClass(r._calc(h)).appendTo(u).append(s):(f=s.prop("tagName")==="LABEL",f?(i===null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s)):(f=!1,i==null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s),t==null?i.appendTo(u):i.appendTo(t),i=null))});t==null&&e.append(u)},_layout_parent_row:function(){var t=this.$element.data("target"),i=n('[data-uid="'+t+'"]'),r=n('<div class="row"><\/div>').appendTo(i);this._layout_column(r)},_calc:function(n){var t=this.options.itemsPerRow,i;return n>0&&(t=t*n),i="col-12",t!==12&&(i="col-12 col-sm-"+t),i},_getColSpan:function(n){var t=parseInt(n.data("colspan"));return isNaN(t)&&(t=0),t}});n.fn.grid=i;n.fn.grid.Constructor=t}(jQuery),function(n){function r(i){return this.each(function(){var u=n(this),r=u.data(t.DATA_KEY),f=typeof i=="object"&&i;r||u.data(t.DATA_KEY,r=new t(this,f));typeof i=="string"&&/active/.test(i)&&r[i].apply(r)})}var t=function(t,i){this.$element=n(t);this.$header=this.$element.find(".tabs-header");this.$wrap=this.$header.find(".tabs-nav-wrap");this.$scroll=this.$wrap.find(".tabs-nav-scroll");this.$tab=this.$scroll.find(".tabs-nav");this.options=n.extend({},i);this.init()},i;t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.Tab";i=t.prototype;i.init=function(){var t=this;n(window).on("resize",function(){t.resize()});this.active()};i.fixSize=function(){var n=this.$element.height(),t=this.$element.width();this.$element.css({height:n+"px",width:t+"px"})};i.resize=function(){var n,t,i,r,u;this.vertical=this.$element.hasClass("tabs-left")||this.$element.hasClass("tabs-right");this.horizontal=this.$element.hasClass("tabs-top")||this.$element.hasClass("tabs-bottom");n=this.$tab.find(".tabs-item:last");n.length>0&&(this.vertical?(this.$wrap.css({height:this.$element.height()+"px"}),t=this.$tab.height(),i=n.position().top+n.outerHeight(),i<t?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")):(this.$wrap.removeAttr("style"),r=this.$tab.width(),u=n.position().left+n.outerWidth(),u<r?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")))};i.active=function(){var r,n,f,o,c,l;if(this.resize(),r=this.$element.find(".tabs-active-bar"),n=this.$element.find(".tabs-item.active"),n.length!==0)if(this.vertical){var u=n.position().top,a=u+n.outerHeight(),t=this.$scroll.scrollTop(),v=this.$scroll.outerHeight(),s=a-t-v;s>0?this.$scroll.scrollTop(t+s):(f=u-t,f<0&&this.$scroll.scrollTop(t+f));r.css({width:"2px",transform:"translateY("+u+"px)"})}else{var e=n.position().left,y=e+n.outerWidth(),i=this.$scroll.scrollLeft(),p=this.$scroll.width(),h=y-i-p;h>0?this.$scroll.scrollLeft(i+h):(o=e-i,o<0&&this.$scroll.scrollLeft(i+o));c=n.width();l=e+parseInt(n.css("paddingLeft"));r.css({width:c+"px",transform:"translateX("+l+"px)"})}};n.fn.lgbTab=r;n.fn.lgbTab.Constructor=t}(jQuery),function(n){n.extend({bb_ajax:function(t,i,r){r=JSON.stringify(r);var u=null;return(n.ajax({url:t,data:r,method:i,contentType:"application/json",dataType:"json","async":!1,success:function(n){u=n},error:function(){return null}}),u==null)?null:JSON.stringify(u)},bb_ajax_goto:function(n){window.location.href=n}})}(jQuery),function(n){n.extend({bb_anchor:function(t){var i=n(t);i.on("click",function(t){var f,u,r,e,o;t.preventDefault();f=n(i.data("target"));u=i.data("container");u||(u=window);r=f.offset().top;e=f.css("marginTop").replace("px","");e&&(r=r-parseInt(e));o=i.data("offset");o&&(r=r-parseInt(o));n(u).scrollTop(r)})}})}(jQuery),function(n){n(function(){n(document).on("click",".anchor-link",function(){var t=n(this),i=t.attr("id"),r,u,f;i&&(r=t.attr("data-title"),u=window.location.origin+window.location.pathname+"#"+i,n.bb_copyText(u),t.tooltip({title:r}),t.tooltip("show"),f=window.setTimeout(function(){window.clearTimeout(f);t.tooltip("dispose")},1e3))})})}(jQuery),function(n){n.extend({bb_autoScrollItem:function(t,i){var s=n(t),r=s.find(".dropdown-list"),e=parseInt(r.css("max-height").replace("px",""))/2,u=r.children("li:first").outerHeight(),h=u*i,f=Math.floor(e/u),o;r.children().removeClass("active");o=r.children().length;i<o&&r.children()[i].classList.add("active");h>e?r.scrollTop(u*(i>f?i-f:i)):i<=f&&r.scrollTop(0)},bb_setDebounce:function(t,i){var f=n(t),u;let r;u=["ArrowUp","ArrowDown","Escape","Enter"];f.on("keyup",function(n){u.indexOf(n.key)<1&&r?(clearTimeout(r),n.stopPropagation(),r=setTimeout(function(){r=null;n.target.dispatchEvent(n.originalEvent)},i)):r=setTimeout(function(){},i)})}})}(jQuery),function(n){n.extend({bb_auto_redirect:function(t,i,r){var u={},f=1,e=window.setInterval(function(){n(document).off("mousemove").one("mousemove",function(n){(u.screenX!==n.screenX||u.screenY!==n.screenY)&&(u.screenX=n.screenX,u.screenY=n.screenY,f=1)});n(document).off("keydown").one("keydown",function(){f=1})},1e3),o=window.setInterval(function(){f++>i&&(window.clearInterval(o),window.clearInterval(e),t.invokeMethodAsync(r))},1e3)}})}(jQuery),function(n){n.extend({bb_vibrate:function(){if("vibrate"in window.navigator){window.navigator.vibrate([200,100,200]);var n=window.setTimeout(function(){window.clearTimeout(n);window.navigator.vibrate([])},1e3)}},bb_barcode:function(t,i,r,u){var f=n(t),e=new ZXing.BrowserMultiFormatReader;if(r==="dispose"){e.reset();return}f.attr("data-scan")==="Camera"&&e.getVideoInputDevices().then(n=>{i.invokeMethodAsync("InitDevices",n).then(()=>{if(u&&n.length>0){var t=f.find('button[data-method="scan"]'),i=f.attr("data-scan");i==="Camera"&&t.trigger("click")}})});f.on("click","button[data-method]",function(){var r=n(this).attr("data-method"),o,s,u,t;if(r==="scan")i.invokeMethodAsync("Start"),o=f.find(".dropdown-item.active").attr("data-val"),s=f.find("video").attr("id"),e.decodeFromVideoDevice(o,s,(t,r)=>{if(t){n.bb_vibrate();console.log(t.text);i.invokeMethodAsync("GetResult",t.text);var u=f.attr("data-autostop")==="true";u&&e.reset()}!r||r instanceof ZXing.NotFoundException||(console.error(r),i.invokeMethodAsync("GetError",r))});else if(r==="scanImage"){e=new ZXing.BrowserMultiFormatReader;f.find(":file").remove();u=n(".scanner-image");t=n('<input type="file" hidden accept="image/*">');f.append(t);t.on("change",function(){if(this.files.length!==0){var t=new FileReader;t.onloadend=function(t){u.attr("src",t.target.result);e.decodeFromImage(u[0]).then(t=>{t&&(n.bb_vibrate(),console.log(t.text),i.invokeMethodAsync("GetResult",t.text))}).catch(n=>{n&&(console.log(n),i.invokeMethodAsync("GetError",n.message))})};t.readAsDataURL(this.files[0])}});t.trigger("click")}else r==="close"&&(e.reset(),i.invokeMethodAsync("Stop"))})}})}(jQuery),function(n){n.extend({bb_camera:function(t,i,r,u,f,e){var o=n(t),h=function(n,t){n.pause();n.srcObject=null;t.stop()},c,s;if(r==="stop"){c=o.find("video")[0];s=o.data("bb_video_track");s&&h(c,s);return}navigator.mediaDevices.enumerateDevices().then(function(t){var l=t.filter(function(n){return n.kind==="videoinput"}),r,s,a,c;i.invokeMethodAsync("InitDevices",l).then(()=>{u&&l.length>0&&o.find('button[data-method="play"]').trigger("click")});r=o.find("video")[0];s=o.find("canvas")[0];s.width=f;s.height=e;a=s.getContext("2d");o.on("click","button[data-method]",async function(){var l=n(this).attr("data-method"),t,v,u;if(l==="play"){var w=n(this).attr("data-camera"),y=o.find(".dropdown-item.active").attr("data-val"),p={video:{facingMode:w,width:f,height:e},audio:!1};y!==""&&(p.video.deviceId={exact:y});navigator.mediaDevices.getUserMedia(p).then(n=>{r.srcObject=n,r.play(),c=n.getTracks()[0],o.data("bb_video_track",c),i.invokeMethodAsync("Start")}).catch(n=>{console.log(n),i.invokeMethodAsync("GetError",n.message)})}else if(l==="stop")h(r,c),i.invokeMethodAsync("Stop");else if(l==="capture"){for(a.drawImage(r,0,0,f,e),t=s.toDataURL(),v=30720;t.length>v;)u=t.substr(0,v),console.log(u),await i.invokeMethodAsync("Capture",u),t=t.substr(u.length);t.length>0&&await i.invokeMethodAsync("Capture",t);await i.invokeMethodAsync("Capture","__BB__%END%__BB__")}})})}})}(jQuery),function(n){n.extend({bb_card_collapse:function(t){var i=n(t);i.on("click",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&t.parent().toggleClass("collapsed"),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed")}))})}})}(jQuery),function(n){n.extend({bb_carousel:function(t){var r=n(t).carousel(),i=null;r.hover(function(){var t,r,u;i!=null&&window.clearTimeout(i);t=n(this);r=t.find("[data-bs-slide]");r.removeClass("d-none");u=window.setTimeout(function(){window.clearTimeout(u);t.addClass("hover")},10)},function(){var t=n(this),r=t.find("[data-bs-slide]");t.removeClass("hover");i=window.setTimeout(function(){window.clearTimeout(i);r.addClass("d-none")},300)})}})}(jQuery),function(n){n.extend({bb_copyText:function(n){if(navigator.clipboard)navigator.clipboard.writeText(n);else{if(typeof ele!="string")return!1;var t=document.createElement("input");t.setAttribute("type","text");t.setAttribute("value",n);document.body.appendChild(t);t.select();document.execCommand("copy");document.body.removeChild(t)}}})}(jQuery),function(n){n.extend({bb_collapse:function(t){var i=n(t),r=null;i.hasClass("is-accordion")&&(r="["+t.getAttributeNames().pop()+"]");n.each(i.children(".accordion-item"),function(){var u=n(this),i=u.children(".accordion-collapse"),t=i.attr("id"),f;t||(t=n.getUID(),i.attr("id",t),r!=null&&i.attr("data-bs-parent",r),f=u.find('[data-bs-toggle="collapse"]'),f.attr("data-bs-target","#"+t).attr("aria-controls",t))});i.find(".tree .tree-item > .fa").on("click",function(){var t=n(this).parent();t.find('[data-bs-toggle="collapse"]').trigger("click")});if(i.parent().hasClass("menu"))i.on("click",".nav-link:not(.collapse)",function(){var r=n(this),t;for(i.find(".active").removeClass("active"),r.addClass("active"),t=r.closest(".accordion");t.length>0;)t.children(".accordion-header").find(".nav-link").addClass("active"),t=t.parent().closest(".accordion")})}})}(jQuery),function(n){n.extend({bb_console:function(t){var u=n(t),i=u.find('[data-scroll="auto"]'),r;i.length>0&&(r=i.find(".console-window"),i.scrollTop(r.height()))}})}(jQuery),function(n){n.extend({bb_timePicker:function(t){var i=n(t);return i.find(".time-spinner-item").height()},bb_timecell:function(t,i,r,u){var f=n(t);f.find(".time-spinner-list").on("mousewheel wheel",function(n){var t=n.originalEvent.wheelDeltaY||-n.originalEvent.deltaY;return t>0?i.invokeMethodAsync(r):i.invokeMethodAsync(u),!1})}})}(jQuery),function(n){n.extend({bb_form_load:function(t,i){var r=n(t);i==="show"?r.addClass("show"):r.removeClass("show")}})}(jQuery),function(n){n.extend({bb_download_wasm:function(n,t,i){var u=BINDING.conv_string(n),e=BINDING.conv_string(t),o=Blazor.platform.toUint8Array(i),s=new File([o],u,{type:e}),f=URL.createObjectURL(s),r=document.createElement("a");document.body.appendChild(r);r.href=f;r.download=u;r.target="_self";r.click();URL.revokeObjectURL(f)},bb_download:function(t,i,r){var f=n.bb_create_url(t,i,r),u=document.createElement("a");document.body.appendChild(u);u.href=f;u.download=t;u.target="_self";u.click();URL.revokeObjectURL(f)},bb_create_url_wasm:function(n,t,i){var r=BINDING.conv_string(n),u=BINDING.conv_string(t),f=Blazor.platform.toUint8Array(i),e=new File([f],r,{type:u});return URL.createObjectURL(e)},bb_create_url:function(t,i,r){typeof r=="string"&&(r=n.base64DecToArr(r));var u=r,f=new File([u],t,{type:i});return URL.createObjectURL(f)},b64ToUint6:function(n){return n>64&&n<91?n-65:n>96&&n<123?n-71:n>47&&n<58?n+4:n===43?62:n===47?63:0},base64DecToArr:function(t,i){for(var h=t.replace(/[^A-Za-z0-9\+\/]/g,""),u=h.length,c=i?Math.ceil((u*3+1>>2)/i)*i:u*3+1>>2,l=new Uint8Array(c),f,e,o=0,s=0,r=0;r<u;r++)if(e=r&3,o|=n.b64ToUint6(h.charCodeAt(r))<<18-6*e,e===3||u-r==1){for(f=0;f<3&&s<c;f++,s++)l[s]=o>>>(16>>>f&24)&255;o=0}return l}})}(jQuery),function(n){n.extend({bb_drawer:function(t,i){var r=n(t),u;i?(r.addClass("is-open"),n("body").addClass("overflow-hidden")):r.hasClass("is-open")&&(r.removeClass("is-open").addClass("is-close"),u=window.setTimeout(function(){window.clearTimeout(u);r.removeClass("is-close");n("body").removeClass("overflow-hidden")},350))}})}(jQuery),function(n){n.extend({bb_html5edit:function(t,i){if(n.isFunction(n.fn.summernote)){var r=n(t),u=typeof i=="object"&&i;return/destroy|hide/.test(i)?r.toggleClass("open").summernote(i):typeof i=="string"?r.hasClass("open")?r.summernote(i):r.html():(u=n.extend({focus:!0,lang:"zh-CN",height:80,dialogsInBody:!0},u),r.on("click",u,function(t,i){var u=n(this).tooltip("hide"),r=n.extend({placeholder:u.attr("placeholder")},t.data,i||{});r.obj.invokeMethodAsync("GetToolBar").then(t=>{var i=u.toggleClass("open").summernote(n.extend({callbacks:{onChange:function(n){r.obj.invokeMethodAsync(r.method,n)}},toolbar:t},r)).next().find(".note-toolbar").on("click","button[data-method]",{note:u,op:r},function(t){var r=n(this),i,u;switch(r.attr("data-method")){case"submit":r.tooltip("dispose");i=t.data.note.toggleClass("open");u=i.summernote("code");i.summernote("destroy");t.data.op.obj.invokeMethodAsync(t.data.op.method,u)}}),f=n('<div class="note-btn-group btn-group note-view note-right"><button type="button" class="note-btn btn btn-sm note-btn-close" tabindex="-1" data-method="submit" title="完成" data-bs-placement="bottom"><i class="fa fa-check"><\/i><\/button><\/div>').appendTo(i).find("button").tooltip({container:"body"});n("body").find('.note-group-select-from-files [accept="image/*"]').attr("accept","image/bmp,image/png,image/jpg,image/jpeg,image/gif")})}).tooltip({title:"点击展开编辑"}),u.value&&r.html(u.value),r.hasClass("open")&&r.trigger("click",{focus:!1}),this)}},bb_editor:function(t,i,r,u,f,e,o){var s=function(){var r=t.getElementsByClassName("editor-body"),u;i==="code"?n(r).hasClass("open")?n(r).summernote("code",o):n(r).html(o):(u={obj:i,method:f,height:e},o&&(u.value=o),n.bb_html5edit(r,u))};r!==""?i.invokeMethodAsync(r).then(t=>{for(var r in t)(function(t,r){r!=null&&(pluginObj={},pluginObj[r]=function(f){var e=n.summernote.ui;f.memo("button."+r,function(){var n=e.button({contents:'<i class="'+t.iconClass+'"><\/i>',container:"body",tooltip:t.tooltip,click:function(){i.invokeMethodAsync(u,r).then(n=>{f.invoke("editor.pasteHTML",n)})}});return this.$button=n.render(),this.$button})},n.extend(n.summernote.plugins,pluginObj))})(t[r],t[r].buttonName);s()}):s()}})}(jQuery),function(n){n.extend({bb_iconList:function(t){var i=n(t);n("body").scrollspy({offset:150,target:".fa-nav"});i.on("click",".nav-link",function(t){t.preventDefault();t.stopPropagation();var f=n(this).attr("href"),r=n(f),e=window,i=r.offset().top,u=r.css("marginTop").replace("px","");u&&(i=i-parseInt(u));n(e).scrollTop(i)})}})}(jQuery),function(n){n.extend({bb_filter:function(t,i,r){n(t).data("bb_filter",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var i=n(t.target),r=i.closest(".popover-datetime"),u,f,e;r.length==1&&(u=r.attr("id"),f=n('[aria-describedby="'+u+'"]'),f.closest(".datetime-picker").hasClass("is-filter"))||(e=i.closest(".table-filter-item"),e.length==0&&n(".table-filter-item.show").each(function(){var t=n(this).data("bb_filter");t.obj.invokeMethodAsync(t.method)}))});n(document).on("keyup",function(t){var i,r;t.key==="Enter"?(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("ConfirmByKey"))):t.key==="Escape"&&(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("EscByKey")))})})}(jQuery),function(n){n.extend({bb_toggleFullscreen:function(t,i){var r=t;r&&r!==""||(r=i?document.getElementById(i):document.documentElement);n.bb_IsFullscreen()?(n.bb_ExitFullscreen(),r.classList.remove("fs-open")):(n.bb_Fullscreen(r),r.classList.add("fs-open"))},bb_Fullscreen:function(n){n.requestFullscreen()||n.webkitRequestFullscreen||n.mozRequestFullScreen||n.msRequestFullscreen},bb_ExitFullscreen:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},bb_IsFullscreen:function(){return document.fullscreen||document.webkitIsFullScreen||document.webkitFullScreen||document.mozFullScreen||document.msFullScreent}})}(jQuery),function(n){Number.prototype.toRadians=function(){return this*Math.PI/180};n.extend({bb_geo_distance:function(n,t,i,r){var u=(i-n).toRadians(),f=(r-t).toRadians();n=n.toRadians();i=i.toRadians();var e=Math.sin(u/2)*Math.sin(u/2)+Math.cos(n)*Math.cos(i)*Math.sin(f/2)*Math.sin(f/2),o=2*Math.atan2(Math.sqrt(e),Math.sqrt(1-e));return 6371*o},bb_geo_updateLocaltion:function(t,i=0,r=0,u,f){var e=t.coords.latitude,o=t.coords.longitude,a=t.coords.accuracy,s=t.coords.altitude,h=t.coords.altitudeAccuracy,c=t.coords.heading,l=t.coords.speed,v=t.timestamp;return a>=500&&console.warn("Need more accurate values to calculate distance."),u!=null&&f!=null&&(i=n.bb_geo_distance(e,o,u,f),r+=i),u=e,f=o,s==null&&(s=0),h==null&&(h=0),c==null&&(c=0),l==null&&(l=0),{latitude:e,longitude:o,accuracy:a,altitude:s,altitudeAccuracy:h,heading:c,speed:l,timestamp:v,currentDistance:i,totalDistance:r,lastLat:u,lastLong:f}},bb_geo_handleLocationError:function(n){switch(n.code){case 0:console.error("There was an error while retrieving your location: "+n.message);break;case 1:console.error("The user prevented this page from retrieving a location.");break;case 2:console.error("The browser was unable to determine your location: "+n.message);break;case 3:console.error("The browser timed out before retrieving the location.")}},bb_geo_getCurrnetPosition:function(t,i){var r=!1;return navigator.geolocation?(r=!0,navigator.geolocation.getCurrentPosition(r=>{var u=n.bb_geo_updateLocaltion(r);t.invokeMethodAsync(i,u)},n.bb_geo_handleLocationError)):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_watchPosition:function(t,i){var r=0,u=0,f=0,e,o;return navigator.geolocation?r=navigator.geolocation.watchPosition(r=>{var s=n.bb_geo_updateLocaltion(r,u,f,e,o);u=s.currentDistance;f=s.totalDistance;e=s.lastLat;o=s.lastLong;t.invokeMethodAsync(i,s)},n.bb_geo_handleLocationError,{maximumAge:2e4}):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_clearWatchLocation:function(n){var t=!1;return navigator.geolocation&&(t=!0,navigator.geolocation.clearWatch(n)),t}})}(jQuery),function(n){n.extend({bb_gotop:function(t,i){var r=n(t),u=r.tooltip();r.on("click",function(t){t.preventDefault();n(i||window).scrollTop(0);u.tooltip("hide")})}})}(jQuery),function(n){n.extend({bb_handwritten:function(n,t,i,r){function u(n){var i,f,e;this.linewidth=1;this.color="#000000";this.background="#fff";for(i in n)this[i]=n[i];this.canvas=document.createElement("canvas");this.el.appendChild(this.canvas);this.cxt=this.canvas.getContext("2d");this.canvas.clientTop=this.el.clientWidth;this.canvas.width=this.el.clientWidth;this.canvas.height=this.el.clientHeight;this.cxt.fillStyle=this.background;this.cxt.fillRect(2,2,this.canvas.width,this.canvas.height);this.cxt.fillStyle=this.background;this.cxt.strokeStyle=this.color;this.cxt.lineWidth=this.linewidth;this.cxt.lineCap="round";var t="ontouchend"in window,s=this,u=!1,o=function(n){u=!0;this.cxt.beginPath();var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.moveTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.moveTo(n.pageX+2-i,n.pageY+2-r)};t?this.canvas.addEventListener("touchstart",o.bind(this),!1):this.canvas.addEventListener("mousedown",o.bind(this),!1);f=function(n){if(u){var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.lineTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.lineTo(n.pageX+2-i,n.pageY+2-r);this.cxt.stroke()}};t?this.canvas.addEventListener("touchmove",f.bind(this),!1):this.canvas.addEventListener("mousedown",f.bind(this),!1);e=function(){u=!1;this.cxt.closePath()};t?this.canvas.addEventListener("touchend",e.bind(this),!1):this.canvas.addEventListener("mousedown",e.bind(this),!1);this.clearEl.addEventListener("click",function(){this.cxt.clearRect(2,2,this.canvas.width,this.canvas.height)}.bind(this),!1);this.saveEl.addEventListener("click",function(){var n=this.canvas.toDataURL();return this.obj.invokeMethodAsync(r,n)}.bind(this),!1)}document.body.addEventListener("touchmove",function(n){n.preventDefault()},{passive:!1});new u({el:n.getElementsByClassName("hw-body")[0],clearEl:n.getElementsByClassName("btn-secondary")[0],saveEl:n.getElementsByClassName("btn-primary")[0],obj:t})}})}(jQuery),function(n){n.extend({bb_input:function(t,i,r,u,f,e){var o=n(t);o.on("keyup",function(n){r&&n.key==="Enter"?i.invokeMethodAsync(u):f&&n.key==="Escape"&&i.invokeMethodAsync(e,o.val())})},bb_input_selectAll_focus:function(t){var i=n(t);i.on("focus",function(){n(this).select()})},bb_input_selectAll_enter:function(t){var i=n(t);i.on("keyup",function(t){t.key==="Enter"&&n(this).select()})},bb_input_selectAll:function(t){n(t).select()}})}(jQuery),function(n){var u=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},f=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},e=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},r=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.extend({bb_ipv4_input:function(f){var e=n(f);f.prevValues=[];e.find(".ipv4-cell").focus(function(){n(this).select();e.toggleClass("selected",!0)});e.find(".ipv4-cell").focusout(function(){e.toggleClass("selected",!1)});e.find(".ipv4-cell").each(function(e,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?u.call(f,e):i.keyCode==37||i.keyCode==39?i.keyCode==37&&r.call(o)===0?(t.call(f,e-1),i.preventDefault()):i.keyCode==39&&r.call(o)===n(o).val().length&&(t.call(f,e+1),i.preventDefault()):i.keyCode==9||i.keyCode==8||i.keyCode==46||i.preventDefault()});n(o).keyup(function(r){var u,s,o;(r.keyCode>=48&&r.keyCode<=57||r.keyCode>=96&&r.keyCode<=105)&&(u=n(this).val(),s=Number(u),s>255?i.call(f,e):u.length>1&&u[0]==="0"?i.call(f,e):u.length===3&&t.call(f,e+1));r.key==="Backspace"&&n(this).val()===""&&(n(this).val("0"),o=e-1,o>-1?t.call(f,o):t.call(f,0));r.key==="."&&t.call(f,e+1);r.key==="ArrowRight"&&t.call(f,e+1);r.key==="ArrowLeft"&&t.call(f,e-1)})})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_showLabelTooltip:function(t,i,r){var f=n(t),u=bootstrap.Tooltip.getInstance(t);u&&u.dispose();i==="init"&&f.tooltip({title:r})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_layout:function(t,i){if(i==="dispose"){n(window).off("resize");return}var r=function(){var r=n(window).width();t.invokeMethodAsync(i,r)};n(".layout-header").find('[data-bs-toggle="tooltip"]').tooltip();r();n(window).on("resize",function(){r()})}})}(jQuery),function(n){n.extend({bb_side_menu_expand:function(t,i){if(i)n(t).find(".collapse").collapse("show");else{n(t).find(".collapse").collapse("hide");var r=window.setTimeout(function(){window.clearTimeout(r);n.bb_auto_expand(n(t))},400)}},bb_auto_expand:function(t){var u=t.find(".nav-link.expand").map(function(t,i){return n(i).removeClass("expand")}).toArray(),i=t.find(".active"),r;do r=i.parentsUntil(".submenu.collapse").parent(),r.length===1&&r.not(".show")?(i=r.prev(),i.length!==0&&u.push(i)):i=null;while(i!=null&&i.length>0);while(u.length>0)i=u.shift(),i[0].click()},bb_init_side_menu:function(t){var i=t.hasClass("accordion"),r=t.children(".submenu"),u;r.find(".submenu").each(function(){var t=n(this),r,f,e,u;t.addClass("collapse").removeClass("d-none");i?(r=t.parentsUntil(".submenu"),r.prop("nodeName")==="LI"&&(f=r.parent().attr("id"),t.attr("data-bs-parent","#"+f))):t.removeAttr("data-bs-parent");e=t.attr("id");u=t.prev();u.attr("data-bs-toggle","collapse");u.attr("href","#"+e)});i&&(u=r.find(".collapse"),u.each(function(t,r){var u=n(r),f;bootstrap.Collapse.getInstance(r)&&u.collapse("dispose");f="";i&&(f=u.attr("data-bs-parent"));u.collapse({parent:f,toggle:!1})}))},bb_side_menu:function(t){var i=n(t);n.bb_init_side_menu(i);n.bb_auto_expand(i)}});n(function(){n(document).on("click",'.menu a[href="#"]',function(){return!1})})}(jQuery),function(n){n.extend({bb_message:function(t,i,r){window.Messages||(window.Messages=[]);Messages.push(t);var u=n(t),e=u.attr("data-autohide")!=="false",o=parseInt(u.attr("data-delay")),f=null,s=window.setTimeout(function(){window.clearTimeout(s);e&&(f=window.setTimeout(function(){window.clearTimeout(f);u.close()},o));u.addClass("show")},50);u.close=function(){f!=null&&window.clearTimeout(f);u.removeClass("show");var n=window.setTimeout(function(){window.clearTimeout(n);Messages.remove(t);Messages.length===0&&i.invokeMethodAsync(r)},500)};u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();u.close()})}})}(jQuery),function(n){n.extend({bb_modal_dialog:function(t,i,r){var u=n(t);u.data("bb_dotnet_invoker",{obj:i,method:r});var o=0,s=0,e=0,h=0,f={top:0,left:0};u.hasClass("is-draggable")&&(u.find(".btn-maximize").click(function(){var t,i;$button=n(this);t=$button.attr("aria-label");t==="maximize"?u.css({marginLeft:"auto",width:u.width()}):i=window.setInterval(function(){u.attr("style")?u.removeAttr("style"):window.clearInterval(i)},100)}),u.css({marginLeft:"auto"}),u.find(".modal-header").drag(function(n){o=n.clientX||n.touches[0].clientX;s=n.clientY||n.touches[0].clientY;e=u.width();h=u.height();f.top=parseInt(u.css("marginTop").replace("px",""));f.left=parseInt(u.css("marginLeft").replace("px",""));u.css({marginLeft:f.left,marginTop:f.top});u.css("width",e);this.addClass("is-drag")},function(t){var i=t.clientX||t.changedTouches[0].clientX,r=t.clientY||t.changedTouches[0].clientY;newValX=f.left+Math.ceil(i-o);newValY=f.top+Math.ceil(r-s);newValX<=0&&(newValX=0);newValY<=0&&(newValY=0);newValX+e<n(window).width()&&u.css({marginLeft:newValX});newValY+h<n(window).height()&&u.css({marginTop:newValY})},function(){this.removeClass("is-drag")}))},bb_modal:function(t,i){var r=n(t),f,u;if(i==="dispose")r.remove();else if(i==="init"){r.closest(".swal").length===0&&n("body").append(r);r.on("shown.bs.modal",function(){var t=r.attr("data-bs-keyboard")==="true";if(t===!0)n(document).one("keyup",function(n){if(n.key==="Escape"){var i=r.find(".modal-dialog"),t=i.data("bb_dotnet_invoker");t!=null&&t.obj.invokeMethodAsync(t.method)}})})}else i!=="hide"&&i!=="dispose"&&(f=r.attr("data-bs-keyboard")==="true",u=bootstrap.Modal.getInstance(t),u!=null&&(u._config.keyboard=f)),r.modal(i)}})}(jQuery),function(n){n.extend({bb_notify_checkPermission:function(n,t,i){(window.Notification||navigator.mozNotification)&&window.FileReader&&window.history.pushState?Notification.permission==="granted"?n!==null&&t!==""&&n.invokeMethodAsync(t,!0):i&&(Notification.permission!=="denied"||Notification.permission==="default")&&Notification.requestPermission(function(i){var r=i==="granted";n!==null&&t!==""&&n.invokeMethodAsync(t,r)}):(console.warn("Your browser does not support all features of this API"),n!==null&&t!==""&&n.invokeMethodAsync(t,!1))},bb_notify_display:function(t,i,r){var f=!1,e,u,o;return n.bb_notify_checkPermission(null,null,!0),r.title!==null&&(e=r.onClick,u={},r.message!==null&&(u.body=r.message.substr(0,250)),r.icon!==null&&(u.icon=r.icon),r.silent!==null&&(u.silent=r.silent),r.sound!==null&&(u.sound=r.sound),o=new Notification(r.title.substr(0,100),u),t!==null&&e!==null&&(o.onclick=function(n){n.preventDefault();t.invokeMethodAsync(e)}),f=!0),t!==null&&i!==null&&t.invokeMethodAsync(i,f),f}})}(jQuery),function(n){n.extend({bb_confirm:function(t){var f=n('[data-bs-target="'+t+'"]'),r="is-show",i=document.getElementById(t),u=bootstrap.Popover.getOrCreateInstance(i,{toggle:"confirm",html:!0,sanitize:!1,content:f.find(".popover-body").html()});i.classList.contains(r)===!1?(u.show(),i.classList.add(r)):(u.hide(),i.classList.remove(r))},bb_confirm_submit:function(t){var r=n("#"+t),i=n('<button type="submit" hidden />');i.appendTo(r.parent());i.trigger("click");i.remove()},bb_popover:function(t,i,r,u,f,e,o){var s=document.getElementById(t),h=bootstrap.Popover.getInstance(s),c;h&&h.dispose();i!=="dispose"&&(c={html:e,sanitize:!1,title:r,content:u,placement:f,trigger:o},h=new bootstrap.Popover(s,c),i!==""&&n(s).popover(i))},bb_datetimePicker:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-picker-input");if(i)u.popover(i);else{u.popover({toggle:"datetime-picker",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".date-picker").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".date-picker"),r.append(u.addClass("d-none")))});r.find(".datetime-picker-input-icon").on("click",function(t){if(!n(this).hasClass("disabled")){t.stopImmediatePropagation();var i=n(this).parents(".datetime-picker-bar").find(".datetime-picker-input");i.trigger("click")}});r.find(".date-table .cell").on("click",function(t){n(t.target).parent().parent().hasClass("disabled")&&(t.preventDefault(),t.stopImmediatePropagation())})}},bb_datetimeRange:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-range-bar");if(i)u.popover(i);else{u.popover({toggle:"datetime-range",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".datetime-range-body").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".datetime-range-body"),r.append(u.addClass("d-none")))});r.find(".is-clear").on("click",function(){u.popover("hide")})}}});n(function(){var r,t,i;n.fn.popover.Constructor.prototype.isWithContent=function(){var n=this._config.toggle;return["","confirm","datetime-picker","datetime-range"].indexOf(n)||this.getTitle()||this._getContent()};r=n.fn.popover.Constructor.prototype.getTipElement;n.fn.popover.Constructor.prototype.getTipElement=function(){var i=this._config.toggle,u=r.call(this),t=n(u).addClass("shadow");return t.find(".popover-header").length>0&&t.addClass("has-header"),i==="datetime-picker"&&t.addClass("popover-datetime"),i==="datetime-range"&&t.addClass("popover-datetime-range"),u};t=function(t){var i=null,r=t.parents(".popover"),u;return r.length>0&&(u=r.attr("id"),i=n('[aria-describedby="'+u+'"]')),i};i=function(n){n.popover("dispose");n.removeClass("is-show")};n(document).on("click",function(r){var e=!0,u=n(r.target),o=t(u),f;o!=null&&(e=!1);e&&(f=u,f.data("bs-toggle")!=="confirm"&&(f=f.parents('[data-bs-toggle="confirm"][aria-describedby^="popover"]')),n('[data-bs-toggle="confirm"][aria-describedby^="popover"]').each(function(t,r){if(f[0]!==r){var u=n(r);i(u)}}));u.parents(".popover-datetime.show").length===0&&n(".popover-datetime.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.attr("aria-describedby")!==t&&i.popover("hide"))});u.parents(".popover-datetime-range.show").length===0&&n(".popover-datetime-range.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.parents(".datetime-range-bar").attr("aria-describedby")!==t&&i.popover("hide"))})});n(document).on("click",".popover-confirm-buttons .btn",function(r){var u,f,e;r.stopPropagation();u=t(n(this));u.length>0&&(i(u),f=u.attr("id"),$ele=n('[data-bs-target="'+f+'"]'),e=this.getAttribute("data-dismiss")==="confirm"?$ele.find(".popover-confirm-buttons .btn:first"):$ele.find(".popover-confirm-buttons .btn:last"),e.trigger("click"))})})}(jQuery),function(n){n.extend({bb_printview:function(t){var r=n(t).parent(),f=r.hasClass("modal-header"),e=r.hasClass("modal-footer"),i=null;if(f?i=r.next():e&&(i=r.parentsUntil(".modal-content").parent().find(".modal-body")),i!=null&&i.length>0){var o=i.html(),u=n("body").addClass("bb-printview-open"),s=n("<div><\/div>").addClass("bb-printview").html(o).appendTo(u);window.print();u.removeClass("bb-printview-open");s.remove()}else window.print()}})}(jQuery),function(n){n.extend({bb_qrcode:function(t,i,r,u){var e=n(t),f=e.find(".qrcode-img");f.html("");r==="generate"&&(qrcode=new QRCode(f[0],{text:u,width:128,height:128,colorDark:"#000000",colorLight:"#ffffff",correctLevel:QRCode.CorrectLevel.H}),i.invokeMethodAsync("Generated"))}})}(jQuery),function(n){n.extend({bb_rate:function(t,i,r){var u=n(t),f;u.val=parseInt(u.attr("aria-valuenow"));f=function(){var t=u.find(".rate-item");t.each(function(t){t>u.val?n(this).removeClass("is-on"):n(this).addClass("is-on")})};u.on("mouseenter",".rate-item",function(){if(!u.hasClass("disabled")){var t=u.find(".rate-item"),i=t.toArray().indexOf(this);t.each(function(t){t>i?n(this).removeClass("is-on"):n(this).addClass("is-on")})}});u.on("mouseleave",function(){u.hasClass("disabled")||f()});u.on("click",".rate-item",function(){if(!u.hasClass("disabled")){var n=u.find(".rate-item");u.val=n.toArray().indexOf(this);u.attr("aria-valuenow",u.val+1);i.invokeMethodAsync(r,u.val+1)}})}})}(jQuery),function(n){n.extend({bb_row:function(t){var i=n(t);i.grid()}})}(jQuery),function(n){n.extend({bb_multi_select:function(t,i,r){n(t).data("bb_multi_select",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var r=n(t.target),i=r.closest(".multi-select");n(".multi-select.show").each(function(){if(i.length===0||this!=i[0]){var t=n(this).data("bb_multi_select");t.obj.invokeMethodAsync(t.method)}})})})}(jQuery),function(n){n.extend({bb_select:function(t,i,r){var u=n(t),e=u.find("input.search-text"),f=function(n){var i=n.find(".dropdown-menu"),t=i.children(".preActive");if(t.length===0&&(t=i.children(".active"),t.addClass("preActive")),t.length===1){var u=i.innerHeight(),f=t.outerHeight(),e=t.index()+1,r=11+f*e-u;r>=0?i.scrollTop(r):i.scrollTop(0)}};u.on("show.bs.dropdown",function(n){u.find(".form-select").prop("disabled")&&n.preventDefault()});u.on("shown.bs.dropdown",function(){e.length>0&&e.focus();f(n(this))});u.on("keyup",function(t){var u=n(this),o,e,s,h,c;u.find(".dropdown-toggle").hasClass("show")&&(o=u.find(".dropdown-menu.show > .dropdown-item").not(".disabled, .search"),e=o.filter(function(t,i){return n(i).hasClass("preActive")}),o.length>1&&(t.key==="ArrowUp"?(e.removeClass("preActive"),s=e.prev().not(".disabled, .search"),s.length===0&&(s=o.last()),s.addClass("preActive"),f(u)):t.key==="ArrowDown"&&(e.removeClass("preActive"),h=e.next().not(".disabled, .search"),h.length===0&&(h=o.first()),h.addClass("preActive"),f(u))),t.key==="Enter"&&(u.find(".show").removeClass("show"),c=e.index(),u.find(".search").length>0&&c--,i.invokeMethodAsync(r,c)))});u.on("click",".dropdown-item.disabled",function(n){n.stopImmediatePropagation()})}})}(jQuery),function(n){n.extend({bb_slider:function(t,i,r){var f=n(t),s=f.find(".disabled").length>0;if(!s){var e=0,o=0,u=0,h=f.innerWidth();f.find(".slider-button-wrapper").drag(function(n){e=n.clientX||n.touches[0].clientX;o=parseInt(f.attr("aria-valuetext"));f.find(".slider-button-wrapper, .slider-button").addClass("dragging")},function(n){var t=n.clientX||n.changedTouches[0].clientX;u=Math.ceil((t-e)*100/h)+o;u<=0&&(u=0);u>=100&&(u=100);f.find(".slider-bar").css({width:u.toString()+"%"});f.find(".slider-button-wrapper").css({left:u.toString()+"%"});f.attr("aria-valuetext",u.toString());i.invokeMethodAsync(r,u)},function(){f.find(".slider-button-wrapper, .slider-button").removeClass("dragging");i.invokeMethodAsync(r,u)})}}})}(jQuery),function(n){n.extend({bb_split:function(t){var i=n(t),f=i.innerWidth(),e=i.innerHeight(),u=0,r=0,o=0,s=0,h=!i.children().hasClass("is-horizontal");i.children().children(".split-bar").drag(function(n){f=i.innerWidth();e=i.innerHeight();h?(s=n.clientY||n.touches[0].clientY,u=i.children().children(".split-left").innerHeight()*100/e):(o=n.clientX||n.touches[0].clientX,u=i.children().children(".split-left").innerWidth()*100/f);i.toggleClass("dragging")},function(n){var t,c;h?(t=n.clientY||n.changedTouches[0].clientY,r=Math.ceil((t-s)*100/e)+u):(c=n.clientX||n.changedTouches[0].clientX,r=Math.ceil((c-o)*100/f)+u);r<=0&&(r=0);r>=100&&(r=100);i.children().children(".split-left").css({"flex-basis":r.toString()+"%"});i.children().children(".split-right").css({"flex-basis":(100-r).toString()+"%"});i.attr("data-split",r)},function(){i.toggleClass("dragging")})}})}(jQuery),function(n){n.extend({bb_tab:function(t){var i=n(t),r=window.setInterval(function(){i.is(":visible")&&(window.clearInterval(r),i.lgbTab("active"))},200)}})}(jQuery),function(n){n.extend({bb_table_search:function(t,i,r,u){n(t).data("bb_table_search",{obj:i,searchMethod:r,clearSearchMethod:u})},bb_table_row_hover:function(t){var i=t.find(".table-excel-toolbar"),r=t.find("tbody > tr").each(function(t,r){n(r).hover(function(){var t=n(this).position().top;i.css({top:t+"px",display:"block"})},function(){i.css({top:top+"px",display:"none"})})})},bb_table_resize:function(t){var f=t.find(".col-resizer");if(f.length>0){var e=function(t){var u=n(this),i=u.closest("th");t?i.addClass("border-resize"):i.removeClass("border-resize");var r=i.index(),f=i.closest(".table-resize").find("tbody"),e=f.find("tr").each(function(){var i=n(this.children[r]);t?i.addClass("border-resize"):i.removeClass("border-resize")});return r},i=0,r=0,u=0,o=0;f.each(function(){n(this).drag(function(f){u=e.call(this,!0);var s=t.find("table colgroup col")[u].width;i=s?parseInt(s):n(this).closest("th").width();r=n(this).closest("table").width();o=f.clientX},function(f){t.find("table colgroup").each(function(t,e){var c=n(e).find("col")[u],h=f.clientX-o,s;c.width=i+h;s=n(e).closest("table");s.parent().hasClass("table-fixed-header")?s.width(r+h):s.width(r+h-6)})},function(){e.call(this,!1)})})}},bb_table_load:function(t,i){var u=n(t),r=u.find(".table-loader");i==="show"?r.addClass("show"):r.removeClass("show")},bb_table_filter_calc:function(t){var c=t.find(".table-toolbar"),l=0,h,e,u;c.length>0&&(l=c.outerHeight());var o=n(this),a=o.position(),v=o.attr("data-field"),f=t.find('.table-filter-item[data-field="'+v+'"]'),i=o.closest("th"),y=i.closest("thead"),p=y.outerHeight()-i.outerHeight(),s=i.outerWidth()+i.position().left-f.outerWidth()/2,r=0,w=i.hasClass("fixed");i.hasClass("sortable")&&(r=24);i.hasClass("filterable")&&(r=r+12);h=0;w||(h=i.closest("table").parent().scrollLeft());e=i.offset().left+i.outerWidth()-r+f.outerWidth()/2-n(window).width();r=r+h;e>0&&(s=s-e-16,$arrow=f.find(".card-arrow"),$arrow.css({left:"calc(50% - 0.5rem + "+(e+16)+"px)"}));u=t.find(".table-search").outerHeight();u===undefined?u=0:u+=8;f.css({top:a.top+l+p+u+50,left:s-r})},bb_table_filter:function(t){t.on("click",".filterable .fa-filter",function(){n.bb_table_filter_calc.call(this,t)})},bb_table_getCaretPosition:function(n){var t=-1,i=n.selectionStart,r=n.selectionEnd;return i==r&&(i==n.value.length?t=1:i==0&&(t=0)),t},bb_table_excel_keybord:function(t){var f=t.find(".table-excel").length>0;if(f){var i={TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESCAPE:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40},e=function(n){var t=window.setTimeout(function(){window.clearTimeout(t);n.focus();n.select()},10)},r=function(t,i){var r=!1,f=t[i],u=n(f).find("input.form-control:not([readonly]");return u.length>0&&(e(u),r=!0),r},u=function(n,t){var o=n.closest("td"),e=o.closest("tr"),u=e.children("td"),f=u.index(o);if(t==i.LEFT_ARROW){while(f-->0)if(r(u,f))break}else if(t==i.RIGHT_ARROW){while(f++<u.length)if(r(u,f))break}else if(t==i.UP_ARROW){for(u=e.prev().children("td");f<u.length;)if(r(u,f))break}else if(t==i.DOWN_ARROW)for(u=e.next().children("td");f<u.length;)if(r(u,f))break};t.on("keydown",function(t){var r=n(t.target);switch(t.keyCode){case i.UP_ARROW:case i.LEFT_ARROW:n.bb_table_getCaretPosition(t.target)==0&&u(r,t.keyCode);break;case i.DOWN_ARROW:case i.RIGHT_ARROW:n.bb_table_getCaretPosition(t.target)==1&&u(r,t.keyCode)}})}},bb_table_width:function(t,i){var r=n(t);return i?r.outerWidth(!0):n(window).outerWidth(!0)},bb_table_tooltip:function(t){var i=n(t);i.find(".is-tips").tooltip({container:"body",title:function(){return n(this).text()}})},bb_table_fixedbody:function(t,i,r){var u,f,s,e,h,o;i||(i=t.find(".table-fixed-body"));r||(r=t.find(".table-fixed-header"));u=t.find(".table-search:first").outerHeight();u||(u=0);f=t.find(".table-pagination:first").outerHeight();f||(f=0);s=t.find(".table-toolbar:first").outerHeight();e=f+s+u;e>0&&(u>0&&(h=i.parent().css("height"),t.find(".table-search-collapse").each(function(){n(this).data("fixed-height",h)})),i.parent().css({height:"calc(100% - "+e+"px)"}));o=r.outerHeight();o>0&&i.css({height:"calc(100% - "+o+"px)"})},bb_table:function(t,i,r,u){var f=n(t),l=f.find(".table-fixed").length>0,a,h,c,e,o,v,s;if(l){a=f.find(".table-fixed-header");h=f.find(".table-fixed-body");h.on("scroll",function(){var n=h.scrollLeft();a.scrollLeft(n)});if(c=f.find(".fixed-scroll"),c.length===1){for(e=c.prev();e.length===1;)if(e.hasClass("fixed-right")&&!e.hasClass("modified"))o=e.css("right"),o=o.replace("px",""),n.browser.versions.mobile&&(o=parseFloat(o)-6+"px"),e.css({right:o}).addClass("modified"),e=e.prev();else break;n.browser.versions.mobile&&c.remove()}n.bb_table_fixedbody(f,h,a);f.find(".col-resizer:last").remove()}v=f.find(".table-cell.is-sort .table-text");s=u;v.each(function(){var i=n(this).parent().find(".fa:last"),t;i.length>0&&(t=s.unset,i.hasClass("fa-sort-asc")?t=s.sortAsc:i.hasClass("fa-sort-desc")&&(t=s.sortDesc),n(this).tooltip({container:"body",title:t}))});v.on("click",function(){var i=n(this),u=i.parent().find(".fa:last"),t="sortAsc",r,f;u.hasClass("fa-sort-asc")?t="sortDesc":u.hasClass("fa-sort-desc")&&(t="unset");r=n("#"+i.attr("aria-describedby"));r.length>0&&(f=r.find(".tooltip-inner"),f.html(s[t]),i.attr("data-original-title",s[t]))});f.children(".table-scroll").scroll(function(){f.find(".table-filter-item.show").each(function(){var t=n(this).attr("data-field"),i=f.find('.fa-filter[data-field="'+t+'"]')[0];n.bb_table_filter_calc.call(i,f)})});n.bb_table_row_hover(f);n.bb_table_tooltip(t);n.bb_table_filter(f);n.bb_table_resize(f);n.bb_table_excel_keybord(f);f.on("click",".table-search-collapse",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&(l&&f.find(".table-fixed-body").parent().css({height:i.data("fixed-height")}),t.parent().toggleClass("collapsed")),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed");l&&n.bb_table_fixedbody(f)}))})}});n(function(){n(document).on("keyup",function(t){var r,i;t.key==="Enter"?(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.searchMethod)):t.key==="Escape"&&(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.clearSearchMethod))});n(document).on("click",function(t){var i=n(t.target),u=i.closest(".dropdown-menu.show"),r;u.length>0||(r=i.closest(".btn-col"),r.length>0)||n(".table-toolbar > .btn-group > .btn-col > .dropdown-toggle.show").each(function(t,i){n(i).trigger("click")})})})}(jQuery),function(n){n.extend({bb_setTitle:function(n){document.title=n}})}(jQuery),function(n){n.extend({bb_toast_close:function(t){var i=n(t);i.find(".btn-close").trigger("click")},bb_toast:function(t,i,r){var f,o;window.Toasts===undefined&&(window.Toasts=[]);Toasts.push(t);var u=n(t),s=u.attr("data-bs-autohide")!=="false",e=parseInt(u.attr("data-bs-delay"));u.addClass("d-block");f=null;o=window.setTimeout(function(){window.clearTimeout(o);s&&(u.find(".toast-progress").css({width:"100%",transition:"width "+e/1e3+"s linear"}),f=window.setTimeout(function(){window.clearTimeout(f);u.find(".btn-close").trigger("click")},e));u.addClass("show")},50);u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();f!=null&&window.clearTimeout(f);u.removeClass("show");var t=window.setTimeout(function(){window.clearTimeout(t);u.removeClass("d-block");Toasts.remove(u[0]);Toasts.length===0&&i.invokeMethodAsync(r)},500)})}})}(jQuery),function(n){n.extend({bb_tooltip:function(t,i,r,u,f,e){var s=document.getElementById(t),h,l,c,o;s!==null&&(h=bootstrap.Tooltip.getInstance(s),h&&h.dispose(),i!=="dispose"&&(l={html:f,sanitize:!f,title:r,placement:u,trigger:e},h=new bootstrap.Tooltip(s,l),c=n(s),i==="enable"?(o=c.parents("form").find(".is-invalid:first"),o.prop("nodeName")==="INPUT"?o.prop("readonly")?o.trigger("focus"):o.focus():o.prop("nodeName")==="DIV"&&o.trigger("focus")):i!==""&&c.tooltip(i)))}});n(function(){n(document).on("inserted.bs.tooltip",".is-invalid",function(){n("#"+n(this).attr("aria-describedby")).addClass("is-invalid")})})}(jQuery),function(n){n.extend({bb_transition:function(t,i,r){n(t).on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd",function(){i.invokeMethodAsync(r)})}})}(jQuery),function(n){n.extend({bb_tree:function(t){var i=n(t);i.find(".tree-content").hover(function(){n(this).parent().addClass("hover")},function(){n(this).parent().removeClass("hover")});i.on("click",".tree-node",function(){var i=n(this),r=i.prev(),t=r.find('[type="radio"]');t.attr("disabeld")!=="disabled"&&t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_upload:function(t){var i=n(t);i.on("click",".btn-browser",function(){var r=n(this),t=i.find(":file");t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_form:function(t){var i=n("#"+t);i.find("[aria-describedby]").each(function(t,i){var u=bootstrap.Tooltip.getInstance(i),r;u&&(r=n(i),r.tooltip("dispose"))})}})}(jQuery);
\ No newline at end of file
+(function(n,t){typeof define=="function"&&(define.amd||define.cmd)?define(function(){return t(n)}):typeof exports=="object"?module.exports=t(n):n.Browser=t(n)})(typeof self!="undefined"?self:this,function(n){var r=n||{},t=typeof n.navigator!="undefined"?n.navigator:{},i=function(n,i){var r=t.mimeTypes;for(var u in r)if(r[u][n]==i)return!0;return!1};return function(n){var u=n||t.userAgent||{},f=this,e={Trident:u.indexOf("Trident")>-1||u.indexOf("NET CLR")>-1,Presto:u.indexOf("Presto")>-1,WebKit:u.indexOf("AppleWebKit")>-1,Gecko:u.indexOf("Gecko/")>-1,KHTML:u.indexOf("KHTML/")>-1,Safari:u.indexOf("Safari")>-1,Chrome:u.indexOf("Chrome")>-1||u.indexOf("CriOS")>-1,IE:u.indexOf("MSIE")>-1||u.indexOf("Trident")>-1,Edge:u.indexOf("Edge")>-1||u.indexOf("Edg/")>-1,Firefox:u.indexOf("Firefox")>-1||u.indexOf("FxiOS")>-1,"Firefox Focus":u.indexOf("Focus")>-1,Chromium:u.indexOf("Chromium")>-1,Opera:u.indexOf("Opera")>-1||u.indexOf("OPR")>-1,Vivaldi:u.indexOf("Vivaldi")>-1,Yandex:u.indexOf("YaBrowser")>-1,Arora:u.indexOf("Arora")>-1,Lunascape:u.indexOf("Lunascape")>-1,QupZilla:u.indexOf("QupZilla")>-1,"Coc Coc":u.indexOf("coc_coc_browser")>-1,Kindle:u.indexOf("Kindle")>-1||u.indexOf("Silk/")>-1,Iceweasel:u.indexOf("Iceweasel")>-1,Konqueror:u.indexOf("Konqueror")>-1,Iceape:u.indexOf("Iceape")>-1,SeaMonkey:u.indexOf("SeaMonkey")>-1,Epiphany:u.indexOf("Epiphany")>-1,"360":u.indexOf("QihooBrowser")>-1||u.indexOf("QHBrowser")>-1,"360EE":u.indexOf("360EE")>-1,"360SE":u.indexOf("360SE")>-1,UC:u.indexOf("UCBrowser")>-1||u.indexOf(" UBrowser")>-1||u.indexOf("UCWEB")>-1,QQBrowser:u.indexOf("QQBrowser")>-1,QQ:u.indexOf("QQ/")>-1,Baidu:u.indexOf("Baidu")>-1||u.indexOf("BIDUBrowser")>-1||u.indexOf("baidubrowser")>-1||u.indexOf("baiduboxapp")>-1||u.indexOf("BaiduHD")>-1,Maxthon:u.indexOf("Maxthon")>-1,Sogou:u.indexOf("MetaSr")>-1||u.indexOf("Sogou")>-1,Liebao:u.indexOf("LBBROWSER")>-1||u.indexOf("LieBaoFast")>-1,"2345Explorer":u.indexOf("2345Explorer")>-1||u.indexOf("Mb2345Browser")>-1||u.indexOf("2345chrome")>-1,"115Browser":u.indexOf("115Browser")>-1,TheWorld:u.indexOf("TheWorld")>-1,XiaoMi:u.indexOf("MiuiBrowser")>-1,Quark:u.indexOf("Quark")>-1,Qiyu:u.indexOf("Qiyu")>-1,Wechat:u.indexOf("MicroMessenger")>-1,WechatWork:u.indexOf("wxwork/")>-1,Taobao:u.indexOf("AliApp(TB")>-1,Alipay:u.indexOf("AliApp(AP")>-1,Weibo:u.indexOf("Weibo")>-1,Douban:u.indexOf("com.douban.frodo")>-1,Suning:u.indexOf("SNEBUY-APP")>-1,iQiYi:u.indexOf("IqiyiApp")>-1,DingTalk:u.indexOf("DingTalk")>-1,Huawei:u.indexOf("HuaweiBrowser")>-1||u.indexOf("HUAWEI/")>-1||u.indexOf("HONOR")>-1,Vivo:u.indexOf("VivoBrowser")>-1,Windows:u.indexOf("Windows")>-1,Linux:u.indexOf("Linux")>-1||u.indexOf("X11")>-1,"Mac OS":u.indexOf("Macintosh")>-1,Android:u.indexOf("Android")>-1||u.indexOf("Adr")>-1,HarmonyOS:u.indexOf("HarmonyOS")>-1,Ubuntu:u.indexOf("Ubuntu")>-1,FreeBSD:u.indexOf("FreeBSD")>-1,Debian:u.indexOf("Debian")>-1,"Windows Phone":u.indexOf("IEMobile")>-1||u.indexOf("Windows Phone")>-1,BlackBerry:u.indexOf("BlackBerry")>-1||u.indexOf("RIM")>-1,MeeGo:u.indexOf("MeeGo")>-1,Symbian:u.indexOf("Symbian")>-1,iOS:u.indexOf("like Mac OS X")>-1,"Chrome OS":u.indexOf("CrOS")>-1,WebOS:u.indexOf("hpwOS")>-1,Mobile:u.indexOf("Mobi")>-1||u.indexOf("iPh")>-1||u.indexOf("480")>-1,Tablet:u.indexOf("Tablet")>-1||u.indexOf("Pad")>-1||u.indexOf("Nexus 7")>-1},o=!1,s,h,c,l,v,y,a;r.chrome&&(s=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),r.chrome.adblock2345||r.chrome.common2345?e["2345Explorer"]=!0:i("type","application/360softmgrplugin")||i("type","application/mozilla-npqihooquicklogin")?o=!0:s>36&&r.showModalDialog?o=!0:s>45&&(o=i("type","application/vnd.chromium.remoting-viewer"),!o&&s>=69&&(o=i("type","application/hwepass2001.installepass2001")||i("type","application/asx"))));e.Mobile?e.Mobile=!(u.indexOf("iPad")>-1):o&&(i("type","application/gameplugin")?e["360SE"]=!0:t&&typeof t.connection!="undefined"&&typeof t.connection.saveData=="undefined"?e["360SE"]=!0:e["360EE"]=!0);e.Baidu&&e.Opera?e.Baidu=!1:e.iOS&&(e.Safari=!0);h={engine:["WebKit","Trident","Gecko","Presto","KHTML"],browser:["Safari","Chrome","Edge","IE","Firefox","Firefox Focus","Chromium","Opera","Vivaldi","Yandex","Arora","Lunascape","QupZilla","Coc Coc","Kindle","Iceweasel","Konqueror","Iceape","SeaMonkey","Epiphany","XiaoMi","Vivo","360","360SE","360EE","UC","QQBrowser","QQ","Huawei","Baidu","Maxthon","Sogou","Liebao","2345Explorer","115Browser","TheWorld","Quark","Qiyu","Wechat","WechatWork","Taobao","Alipay","Weibo","Douban","Suning","iQiYi","DingTalk"],os:["Windows","Linux","Mac OS","Android","HarmonyOS","Ubuntu","FreeBSD","Debian","iOS","Windows Phone","BlackBerry","MeeGo","Symbian","Chrome OS","WebOS"],device:["Mobile","Tablet"]};f.device="PC";f.language=function(){var i=t.browserLanguage||t.language,n=i.split("-");return n[1]&&(n[1]=n[1].toUpperCase()),n.join("_")}();for(c in h)for(l=0;l<h[c].length;l++)v=h[c][l],e[v]&&(f[c]=v);y={Windows:function(){var n=u.replace(/^Mozilla\/\d.0 \(Windows NT ([\d.]+)[;)].*$/,"$1");return{"10":"10","6.4":"10","6.3":"8.1","6.2":"8","6.1":"7","6.0":"Vista","5.2":"XP","5.1":"XP","5.0":"2000"}[n]||n},Android:function(){return u.replace(/^.*Android ([\d.]+);.*$/,"$1")},HarmonyOS:function(){var n=u.replace(/^Mozilla.*Android ([\d.]+)[;)].*$/,"$1");return{"10":"2"}[n]||""},iOS:function(){return u.replace(/^.*OS ([\d_]+) like.*$/,"$1").replace(/_/g,".")},Debian:function(){return u.replace(/^.*Debian\/([\d.]+).*$/,"$1")},"Windows Phone":function(){return u.replace(/^.*Windows Phone( OS)? ([\d.]+);.*$/,"$2")},"Mac OS":function(){return u.replace(/^.*Mac OS X ([\d_]+).*$/,"$1").replace(/_/g,".")},WebOS:function(){return u.replace(/^.*hpwOS\/([\d.]+);.*$/,"$1")}};f.osVersion="";y[f.os]&&(f.osVersion=y[f.os](),f.osVersion==u&&(f.osVersion=""));a={Safari:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Chrome:function(){return u.replace(/^.*Chrome\/([\d.]+).*$/,"$1").replace(/^.*CriOS\/([\d.]+).*$/,"$1")},IE:function(){return u.replace(/^.*MSIE ([\d.]+).*$/,"$1").replace(/^.*rv:([\d.]+).*$/,"$1")},Edge:function(){return u.replace(/^.*Edge\/([\d.]+).*$/,"$1").replace(/^.*Edg\/([\d.]+).*$/,"$1")},Firefox:function(){return u.replace(/^.*Firefox\/([\d.]+).*$/,"$1").replace(/^.*FxiOS\/([\d.]+).*$/,"$1")},"Firefox Focus":function(){return u.replace(/^.*Focus\/([\d.]+).*$/,"$1")},Chromium:function(){return u.replace(/^.*Chromium\/([\d.]+).*$/,"$1")},Opera:function(){return u.replace(/^.*Opera\/([\d.]+).*$/,"$1").replace(/^.*OPR\/([\d.]+).*$/,"$1")},Vivaldi:function(){return u.replace(/^.*Vivaldi\/([\d.]+).*$/,"$1")},Yandex:function(){return u.replace(/^.*YaBrowser\/([\d.]+).*$/,"$1")},Arora:function(){return u.replace(/^.*Arora\/([\d.]+).*$/,"$1")},Lunascape:function(){return u.replace(/^.*Lunascape[\/\s]([\d.]+).*$/,"$1")},QupZilla:function(){return u.replace(/^.*QupZilla[\/\s]([\d.]+).*$/,"$1")},"Coc Coc":function(){return u.replace(/^.*coc_coc_browser\/([\d.]+).*$/,"$1")},Kindle:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1")},Iceweasel:function(){return u.replace(/^.*Iceweasel\/([\d.]+).*$/,"$1")},Konqueror:function(){return u.replace(/^.*Konqueror\/([\d.]+).*$/,"$1")},Iceape:function(){return u.replace(/^.*Iceape\/([\d.]+).*$/,"$1")},SeaMonkey:function(){return u.replace(/^.*SeaMonkey\/([\d.]+).*$/,"$1")},Epiphany:function(){return u.replace(/^.*Epiphany\/([\d.]+).*$/,"$1")},"360":function(){return u.replace(/^.*QihooBrowser\/([\d.]+).*$/,"$1")},"360SE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"10.0","55":"9.1","45":"8.1","42":"8.0","31":"7.0","21":"6.3"}[n]||""},"360EE":function(){var n=u.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"86":"13.0","78":"12.0","69":"11.0","63":"9.5","55":"9.0","50":"8.7","30":"7.5"}[n]||""},Maxthon:function(){return u.replace(/^.*Maxthon\/([\d.]+).*$/,"$1")},QQBrowser:function(){return u.replace(/^.*QQBrowser\/([\d.]+).*$/,"$1")},QQ:function(){return u.replace(/^.*QQ\/([\d.]+).*$/,"$1")},Baidu:function(){return u.replace(/^.*BIDUBrowser[\s\/]([\d.]+).*$/,"$1").replace(/^.*baiduboxapp\/([\d.]+).*$/,"$1")},UC:function(){return u.replace(/^.*UC?Browser\/([\d.]+).*$/,"$1")},Sogou:function(){return u.replace(/^.*SE ([\d.X]+).*$/,"$1").replace(/^.*SogouMobileBrowser\/([\d.]+).*$/,"$1")},Liebao:function(){var n="",t,i;return u.indexOf("LieBaoFast")>-1&&(n=u.replace(/^.*LieBaoFast\/([\d.]+).*$/,"$1")),t={"57":"6.5","49":"6.0","46":"5.9","42":"5.3","39":"5.2","34":"5.0","29":"4.5","21":"4.0"},i=u.replace(/^.*Chrome\/([\d]+).*$/,"$1"),n||t[i]||""},"2345Explorer":function(){var n=navigator.userAgent.replace(/^.*Chrome\/([\d]+).*$/,"$1");return{"69":"10.0","55":"9.9"}[n]||u.replace(/^.*2345Explorer\/([\d.]+).*$/,"$1").replace(/^.*Mb2345Browser\/([\d.]+).*$/,"$1")},"115Browser":function(){return u.replace(/^.*115Browser\/([\d.]+).*$/,"$1")},TheWorld:function(){return u.replace(/^.*TheWorld ([\d.]+).*$/,"$1")},XiaoMi:function(){return u.replace(/^.*MiuiBrowser\/([\d.]+).*$/,"$1")},Vivo:function(){return u.replace(/^.*VivoBrowser\/([\d.]+).*$/,"$1")},Quark:function(){return u.replace(/^.*Quark\/([\d.]+).*$/,"$1")},Qiyu:function(){return u.replace(/^.*Qiyu\/([\d.]+).*$/,"$1")},Wechat:function(){return u.replace(/^.*MicroMessenger\/([\d.]+).*$/,"$1")},WechatWork:function(){return u.replace(/^.*wxwork\/([\d.]+).*$/,"$1")},Taobao:function(){return u.replace(/^.*AliApp\(TB\/([\d.]+).*$/,"$1")},Alipay:function(){return u.replace(/^.*AliApp\(AP\/([\d.]+).*$/,"$1")},Weibo:function(){return u.replace(/^.*weibo__([\d.]+).*$/,"$1")},Douban:function(){return u.replace(/^.*com.douban.frodo\/([\d.]+).*$/,"$1")},Suning:function(){return u.replace(/^.*SNEBUY-APP([\d.]+).*$/,"$1")},iQiYi:function(){return u.replace(/^.*IqiyiVersion\/([\d.]+).*$/,"$1")},DingTalk:function(){return u.replace(/^.*DingTalk\/([\d.]+).*$/,"$1")},Huawei:function(){return u.replace(/^.*Version\/([\d.]+).*$/,"$1").replace(/^.*HuaweiBrowser\/([\d.]+).*$/,"$1")}};f.version="";a[f.browser]&&(f.version=a[f.browser](),f.version==u&&(f.version=""));f.browser=="Chrome"&&u.match(/\S+Browser/)&&(f.browser=u.match(/\S+Browser/)[0],f.version=u.replace(/^.*Browser\/([\d.]+).*$/,"$1"));f.browser=="Firefox"&&(window.clientInformation||!window.u2f)&&(f.browser+=" Nightly");f.browser=="Edge"?f.engine=f.version>"75"?"Blink":"EdgeHTML":e.Chrome&&f.engine=="WebKit"&&parseInt(a.Chrome())>27?f.engine="Blink":f.browser=="Opera"&&parseInt(f.version)>12?f.engine="Blink":f.browser=="Yandex"&&(f.engine="Blink")}}),function(n){function r(t){return this.each(function(){var u=n(this),r=u.data(i.DATA_KEY),f=typeof t=="object"&&t;r?r.update(f):u.data(i.DATA_KEY,r=new i(this,f))})}var i=function(t,i){this.$element=n(t);this.options=n.extend({},i);this.init()},t;i.VERSION="5.1.0";i.Author="argo@163.com";i.DATA_KEY="lgb.SliderCaptcha";t=i.prototype;t.init=function(){this.initDOM();this.initImg();this.bindEvents()};t.initDOM=function(){var u=this.$element.find("canvas:first")[0].getContext("2d"),t=this.$element.find("canvas:last")[0],f=t.getContext("2d"),e=this.$element.find(".captcha-load"),i=this.$element.find(".captcha-footer"),o=i.find(".captcha-bar-bg"),s=this.$element.find(".captcha-bar"),r=this.$element.find(".captcha-bar-text"),h=this.$element.find(".captcha-refresh"),c=r.attr("data-text");n.extend(this,{canvas:u,block:t,bar:f,$load:e,$footer:i,$barLeft:o,$slider:s,$barText:r,$refresh:h,barText:c})};t.initImg=function(){var i=function(n,t){var i=this.options.sideLength,f=this.options.diameter,e=Math.PI,r=this.options.offsetX,u=this.options.offsetY;n.beginPath();n.moveTo(r,u);n.arc(r+i/2,u-f+2,f,.72*e,2.26*e);n.lineTo(r+i,u);n.arc(r+i+f-2,u+i/2,f,1.21*e,2.78*e);n.lineTo(r+i,u+i);n.lineTo(r,u+i);n.arc(r+f-2,u+i/2,f+.4,2.76*e,1.24*e,!0);n.lineTo(r,u);n.lineWidth=2;n.fillStyle="rgba(255, 255, 255, 0.7)";n.strokeStyle="rgba(255, 255, 255, 0.7)";n.stroke();n[t]();n.globalCompositeOperation="destination-over"},t=new Image,n;t.src=this.options.imageUrl;n=this;t.onload=function(){i.call(n,n.canvas,"fill");i.call(n,n.bar,"clip");n.canvas.drawImage(t,0,0,n.options.width,n.options.height);n.bar.drawImage(t,0,0,n.options.width,n.options.height);var r=n.options.offsetY-n.options.diameter*2-1,u=n.bar.getImageData(n.options.offsetX-3,r,n.options.barWidth,n.options.barWidth);n.block.width=n.options.barWidth;n.bar.putImageData(u,0,r)};t.onerror=function(){n.$load.text($load.attr("data-failed")).addClass("text-danger")}};t.bindEvents=function(){var n=this,t=0,i=0,r=[];this.$slider.drag(function(r){n.$barText.addClass("d-none");t=r.clientX||r.touches[0].clientX;i=r.clientY||r.touches[0].clientY},function(u){var o=u.clientX||u.touches[0].clientX,s=u.clientY||u.touches[0].clientY,f=o-t,h=s-i,e;if(f<0||f+40>n.options.width)return!1;n.$slider.css({left:f-1+"px"});e=(n.options.width-60)/(n.options.width-40)*f;n.block.style.left=e+"px";n.$footer.addClass("is-move");n.$barLeft.css({width:f+4+"px"});r.push(Math.round(h))},function(i){var f=i.clientX||i.changedTouches[0].clientX,u;n.$footer.removeClass("is-move");u=Math.ceil((n.options.width-60)/(n.options.width-40)*(f-t)+3);n.verify(u,r)});this.$refresh.on("click",function(){n.options.barText=n.$barText.attr("data-text")})};t.verify=function(n,t){var r=this.options.remoteObj.obj,u=this.options.remoteObj.method,i=this;r.invokeMethodAsync(u,n,t).then(function(n){n?(i.$footer.addClass("is-valid"),i.options.barText=i.$barText.attr("data-text")):(i.$footer.addClass("is-invalid"),setTimeout(function(){i.$refresh.trigger("click");i.options.barText=i.$barText.attr("data-try")},1e3))})};t.update=function(t){n.extend(this.options,t);this.resetCanvas();this.initImg();this.resetBar()};t.resetCanvas=function(){this.canvas.clearRect(0,0,this.options.width,this.options.height);this.bar.clearRect(0,0,this.options.width,this.options.height);this.block.width=this.options.width;this.block.style.left=0;this.$load.text(this.$load.attr("data-load")).removeClass("text-danger")};t.resetBar=function(){this.$footer.removeClass("is-invalid is-valid");this.$barText.text(this.options.barText).removeClass("d-none");this.$slider.css({left:"0px"});this.$barLeft.css({width:"0px"})};n.fn.sliderCaptcha=r;n.fn.sliderCaptcha.Constructor=i;n.extend({captcha:function(t,i,r,u){u.remoteObj={obj:i,method:r};n(t).sliderCaptcha(u)}})}(jQuery),function(n){n.isFunction(Date.prototype.format)||(Date.prototype.format=function(n){var i={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours()%12==0?12:this.getHours()%12,"H+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()},t;/(y+)/.test(n)&&(n=n.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));/(E+)/.test(n)&&(n=n.replace(RegExp.$1,(RegExp.$1.length>1?RegExp.$1.length>2?"星期":"周":"")+{0:"日",1:"一",2:"二",3:"三",4:"四",5:"五",6:"六"}[this.getDay()]));for(t in i)new RegExp("("+t+")").test(n)&&(n=n.replace(RegExp.$1,RegExp.$1.length===1?i[t]:("00"+i[t]).substr((""+i[t]).length)));return n});n.browser={versions:function(){var n=navigator.userAgent;return{trident:n.indexOf("Trident")>-1,presto:n.indexOf("Presto")>-1,webKit:n.indexOf("AppleWebKit")>-1,gecko:n.indexOf("Gecko")>-1&&n.indexOf("KHTML")===-1,mobile:!!n.match(/AppleWebKit.*Mobile.*/),ios:!!n.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),android:n.indexOf("Android")>-1||n.indexOf("Linux")>-1,iPhone:n.indexOf("iPhone")>-1,iPod:n.indexOf("iPod")>-1,iPad:n.indexOf("iPad")>-1,mac:n.indexOf("Macintosh")>-1,webApp:n.indexOf("Safari")===-1}}(),language:(navigator.browserLanguage||navigator.language).toLowerCase()};Array.prototype.indexOf=function(n){for(var t=0;t<this.length;t++)if(this[t]==n)return t;return-1};Array.prototype.remove=function(n){var t=this.indexOf(n);t>-1&&this.splice(t,1)};n.extend({format:function(t,i){return i===undefined||i===null?null:(arguments.length>2&&i.constructor!==Array&&(i=n.makeArray(arguments).slice(1)),i.constructor!==Array&&(i=[i]),n.each(i,function(n,i){t=t.replace(new RegExp("\\{"+n+"\\}","g"),function(){return i})}),t)},getUID:function(n){n||(n="b");do n+=~~(Math.random()*1e6);while(document.getElementById(n));return n},webClient:function(t,i,r){var u={},f=new Browser;u.Browser=f.browser+" "+f.version;u.Os=f.os+" "+f.osVersion;u.Device=f.device;u.Language=f.language;u.Engine=f.engine;u.UserAgent=navigator.userAgent;n.ajax({type:"GET",url:i,success:function(n){t.invokeMethodAsync(r,n.Id,n.Ip,u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)},error:function(){console.error("Please add UseBootstrapBlazor middleware");t.invokeMethodAsync(r,"","",u.Os,u.Browser,u.Device,u.Language,u.Engine,u.UserAgent)}})}});n.fn.extend({drag:function(t,i,r){var u=n(this),o=function(i){i.stopPropagation();document.addEventListener("mousemove",f);document.addEventListener("touchmove",f);document.addEventListener("mouseup",e);document.addEventListener("touchend",e);n.isFunction(t)&&t.call(u,i)},f=function(t){n.isFunction(i)&&i.call(u,t)},e=function(t){n.isFunction(r)&&r.call(u,t);window.setTimeout(function(){document.removeEventListener("mousemove",f);document.removeEventListener("touchmove",f);document.removeEventListener("mouseup",e);document.removeEventListener("touchend",e)},100)};u.on("mousedown",o);u.on("touchstart",o)}})}(jQuery),function(n){function i(i){return this.each(function(){var r=n(this),u=r.data(t.DATA_KEY),f=typeof i=="object"&&i;u||r.data(t.DATA_KEY,u=new t(this,f))})}var t=function(t,i){this.$element=n(t);var u=this._getColSpan(this.$element),f=this.$element.data("type"),r=parseInt(this.$element.data("items"));isNaN(r)&&(r=12);this.options=n.extend({rowType:f,itemsPerRow:r,colSpan:u},i);this.layout()};t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.grid";n.extend(t.prototype,{layout:function(){this._layout_column(null);this.$element.removeClass("d-none")},_layout_column:function(t){var e=this.$element,o=this.options.rowType,s=this.options.itemsPerRow,f=!1,i=null,r=this,u=n('<div class="row g-3"><\/div>');o==="inline"&&u.addClass("form-inline");e.children().each(function(e,o){var s=n(o),c=s.data("toggle")==="row",h=r._getColSpan(s);c?n("<div><\/div>").addClass(r._calc(h)).appendTo(u).append(s):(f=s.prop("tagName")==="LABEL",f?(i===null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s)):(f=!1,i==null&&(i=n("<div><\/div>").addClass(r._calc(h))),i.append(s),t==null?i.appendTo(u):i.appendTo(t),i=null))});t==null&&e.append(u)},_layout_parent_row:function(){var t=this.$element.data("target"),i=n('[data-uid="'+t+'"]'),r=n('<div class="row"><\/div>').appendTo(i);this._layout_column(r)},_calc:function(n){var t=this.options.itemsPerRow,i;return n>0&&(t=t*n),i="col-12",t!==12&&(i="col-12 col-sm-"+t),i},_getColSpan:function(n){var t=parseInt(n.data("colspan"));return isNaN(t)&&(t=0),t}});n.fn.grid=i;n.fn.grid.Constructor=t}(jQuery),function(n){function r(i){return this.each(function(){var u=n(this),r=u.data(t.DATA_KEY),f=typeof i=="object"&&i;r||u.data(t.DATA_KEY,r=new t(this,f));typeof i=="string"&&/active/.test(i)&&r[i].apply(r)})}var t=function(t,i){this.$element=n(t);this.$header=this.$element.find(".tabs-header");this.$wrap=this.$header.find(".tabs-nav-wrap");this.$scroll=this.$wrap.find(".tabs-nav-scroll");this.$tab=this.$scroll.find(".tabs-nav");this.options=n.extend({},i);this.init()},i;t.VERSION="5.1.0";t.Author="argo@163.com";t.DATA_KEY="lgb.Tab";i=t.prototype;i.init=function(){var t=this;n(window).on("resize",function(){t.resize()});this.active()};i.fixSize=function(){var n=this.$element.height(),t=this.$element.width();this.$element.css({height:n+"px",width:t+"px"})};i.resize=function(){var n,t,i,r,u;this.vertical=this.$element.hasClass("tabs-left")||this.$element.hasClass("tabs-right");this.horizontal=this.$element.hasClass("tabs-top")||this.$element.hasClass("tabs-bottom");n=this.$tab.find(".tabs-item:last");n.length>0&&(this.vertical?(this.$wrap.css({height:this.$element.height()+"px"}),t=this.$tab.height(),i=n.position().top+n.outerHeight(),i<t?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")):(this.$wrap.removeAttr("style"),r=this.$tab.width(),u=n.position().left+n.outerWidth(),u<r?this.$wrap.removeClass("is-scrollable"):this.$wrap.addClass("is-scrollable")))};i.active=function(){var r,n,f,o,c,l;if(this.resize(),r=this.$element.find(".tabs-active-bar"),n=this.$element.find(".tabs-item.active"),n.length!==0)if(this.vertical){var u=n.position().top,a=u+n.outerHeight(),t=this.$scroll.scrollTop(),v=this.$scroll.outerHeight(),s=a-t-v;s>0?this.$scroll.scrollTop(t+s):(f=u-t,f<0&&this.$scroll.scrollTop(t+f));r.css({width:"2px",transform:"translateY("+u+"px)"})}else{var e=n.position().left,y=e+n.outerWidth(),i=this.$scroll.scrollLeft(),p=this.$scroll.width(),h=y-i-p;h>0?this.$scroll.scrollLeft(i+h):(o=e-i,o<0&&this.$scroll.scrollLeft(i+o));c=n.width();l=e+parseInt(n.css("paddingLeft"));r.css({width:c+"px",transform:"translateX("+l+"px)"})}};n.fn.lgbTab=r;n.fn.lgbTab.Constructor=t}(jQuery),function(n){n.extend({bb_ajax:function(t,i,r){r=JSON.stringify(r);var u=null;return(n.ajax({url:t,data:r,method:i,contentType:"application/json",dataType:"json","async":!1,success:function(n){u=n},error:function(){return null}}),u==null)?null:JSON.stringify(u)},bb_ajax_goto:function(n){window.location.href=n}})}(jQuery),function(n){n.extend({bb_anchor:function(t){var i=n(t);i.on("click",function(t){var f,u,r,e,o;t.preventDefault();f=n(i.data("target"));u=i.data("container");u||(u=window);r=f.offset().top;e=f.css("marginTop").replace("px","");e&&(r=r-parseInt(e));o=i.data("offset");o&&(r=r-parseInt(o));n(u).scrollTop(r)})}})}(jQuery),function(n){n(function(){n(document).on("click",".anchor-link",function(){var t=n(this),i=t.attr("id"),r,u,f;i&&(r=t.attr("data-title"),u=window.location.origin+window.location.pathname+"#"+i,n.bb_copyText(u),t.tooltip({title:r}),t.tooltip("show"),f=window.setTimeout(function(){window.clearTimeout(f);t.tooltip("dispose")},1e3))})})}(jQuery),function(n){n.extend({bb_autoScrollItem:function(t,i){var s=n(t),r=s.find(".dropdown-list"),e=parseInt(r.css("max-height").replace("px",""))/2,u=r.children("li:first").outerHeight(),h=u*i,f=Math.floor(e/u),o;r.children().removeClass("active");o=r.children().length;i<o&&r.children()[i].classList.add("active");h>e?r.scrollTop(u*(i>f?i-f:i)):i<=f&&r.scrollTop(0)},bb_setDebounce:function(t,i){var f=n(t),u;let r;u=["ArrowUp","ArrowDown","Escape","Enter"];f.on("keyup",function(n){u.indexOf(n.key)<1&&r?(clearTimeout(r),n.stopPropagation(),r=setTimeout(function(){r=null;n.target.dispatchEvent(n.originalEvent)},i)):r=setTimeout(function(){},i)})}})}(jQuery),function(n){n.extend({bb_auto_redirect:function(t,i,r){var u={},f=1,e=window.setInterval(function(){n(document).off("mousemove").one("mousemove",function(n){(u.screenX!==n.screenX||u.screenY!==n.screenY)&&(u.screenX=n.screenX,u.screenY=n.screenY,f=1)});n(document).off("keydown").one("keydown",function(){f=1})},1e3),o=window.setInterval(function(){f++>i&&(window.clearInterval(o),window.clearInterval(e),t.invokeMethodAsync(r))},1e3)}})}(jQuery),function(n){n.extend({bb_vibrate:function(){if("vibrate"in window.navigator){window.navigator.vibrate([200,100,200]);var n=window.setTimeout(function(){window.clearTimeout(n);window.navigator.vibrate([])},1e3)}},bb_barcode:function(t,i,r,u){var f=n(t),e=new ZXing.BrowserMultiFormatReader;if(r==="dispose"){e.reset();return}f.attr("data-scan")==="Camera"&&e.getVideoInputDevices().then(n=>{i.invokeMethodAsync("InitDevices",n).then(()=>{if(u&&n.length>0){var t=f.find('button[data-method="scan"]'),i=f.attr("data-scan");i==="Camera"&&t.trigger("click")}})});f.on("click","button[data-method]",function(){var r=n(this).attr("data-method"),o,s,u,t;if(r==="scan")i.invokeMethodAsync("Start"),o=f.find(".dropdown-item.active").attr("data-val"),s=f.find("video").attr("id"),e.decodeFromVideoDevice(o,s,(t,r)=>{if(t){n.bb_vibrate();console.log(t.text);i.invokeMethodAsync("GetResult",t.text);var u=f.attr("data-autostop")==="true";u&&e.reset()}!r||r instanceof ZXing.NotFoundException||(console.error(r),i.invokeMethodAsync("GetError",r))});else if(r==="scanImage"){e=new ZXing.BrowserMultiFormatReader;f.find(":file").remove();u=n(".scanner-image");t=n('<input type="file" hidden accept="image/*">');f.append(t);t.on("change",function(){if(this.files.length!==0){var t=new FileReader;t.onloadend=function(t){u.attr("src",t.target.result);e.decodeFromImage(u[0]).then(t=>{t&&(n.bb_vibrate(),console.log(t.text),i.invokeMethodAsync("GetResult",t.text))}).catch(n=>{n&&(console.log(n),i.invokeMethodAsync("GetError",n.message))})};t.readAsDataURL(this.files[0])}});t.trigger("click")}else r==="close"&&(e.reset(),i.invokeMethodAsync("Stop"))})}})}(jQuery),function(n){n.extend({bb_camera:function(t,i,r,u,f,e){var o=n(t),h=function(n,t){n.pause();n.srcObject=null;t.stop()},c,s;if(r==="stop"){c=o.find("video")[0];s=o.data("bb_video_track");s&&h(c,s);return}navigator.mediaDevices.enumerateDevices().then(function(t){var l=t.filter(function(n){return n.kind==="videoinput"}),r,s,a,c;i.invokeMethodAsync("InitDevices",l).then(()=>{u&&l.length>0&&o.find('button[data-method="play"]').trigger("click")});r=o.find("video")[0];s=o.find("canvas")[0];s.width=f;s.height=e;a=s.getContext("2d");o.on("click","button[data-method]",async function(){var l=n(this).attr("data-method"),t,v,u;if(l==="play"){var w=n(this).attr("data-camera"),y=o.find(".dropdown-item.active").attr("data-val"),p={video:{facingMode:w,width:f,height:e},audio:!1};y!==""&&(p.video.deviceId={exact:y});navigator.mediaDevices.getUserMedia(p).then(n=>{r.srcObject=n,r.play(),c=n.getTracks()[0],o.data("bb_video_track",c),i.invokeMethodAsync("Start")}).catch(n=>{console.log(n),i.invokeMethodAsync("GetError",n.message)})}else if(l==="stop")h(r,c),i.invokeMethodAsync("Stop");else if(l==="capture"){for(a.drawImage(r,0,0,f,e),t=s.toDataURL(),v=30720;t.length>v;)u=t.substr(0,v),console.log(u),await i.invokeMethodAsync("Capture",u),t=t.substr(u.length);t.length>0&&await i.invokeMethodAsync("Capture",t);await i.invokeMethodAsync("Capture","__BB__%END%__BB__")}})})}})}(jQuery),function(n){n.extend({bb_card_collapse:function(t){var i=n(t);i.on("click",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&t.parent().toggleClass("collapsed"),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed")}))})}})}(jQuery),function(n){n.extend({bb_carousel:function(t){var r=n(t).carousel(),i=null;r.hover(function(){var t,r,u;i!=null&&window.clearTimeout(i);t=n(this);r=t.find("[data-bs-slide]");r.removeClass("d-none");u=window.setTimeout(function(){window.clearTimeout(u);t.addClass("hover")},10)},function(){var t=n(this),r=t.find("[data-bs-slide]");t.removeClass("hover");i=window.setTimeout(function(){window.clearTimeout(i);r.addClass("d-none")},300)})}})}(jQuery),function(n){n.extend({bb_copyText:function(n){if(navigator.clipboard)navigator.clipboard.writeText(n);else{if(typeof ele!="string")return!1;var t=document.createElement("input");t.setAttribute("type","text");t.setAttribute("value",n);document.body.appendChild(t);t.select();document.execCommand("copy");document.body.removeChild(t)}}})}(jQuery),function(n){n.extend({bb_collapse:function(t){var i=n(t),r=null;i.hasClass("is-accordion")&&(r="["+t.getAttributeNames().pop()+"]");n.each(i.children(".accordion-item"),function(){var u=n(this),i=u.children(".accordion-collapse"),t=i.attr("id"),f;t||(t=n.getUID(),i.attr("id",t),r!=null&&i.attr("data-bs-parent",r),f=u.find('[data-bs-toggle="collapse"]'),f.attr("data-bs-target","#"+t).attr("aria-controls",t))});i.find(".tree .tree-item > .fa").on("click",function(){var t=n(this).parent();t.find('[data-bs-toggle="collapse"]').trigger("click")});if(i.parent().hasClass("menu"))i.on("click",".nav-link:not(.collapse)",function(){var r=n(this),t;for(i.find(".active").removeClass("active"),r.addClass("active"),t=r.closest(".accordion");t.length>0;)t.children(".accordion-header").find(".nav-link").addClass("active"),t=t.parent().closest(".accordion")})}})}(jQuery),function(n){n.extend({bb_console:function(t){var u=n(t),i=u.find('[data-scroll="auto"]'),r;i.length>0&&(r=i.find(".console-window"),i.scrollTop(r.height()))}})}(jQuery),function(n){n.extend({bb_timePicker:function(t){var i=n(t);return i.find(".time-spinner-item").height()},bb_timecell:function(t,i,r,u){var f=n(t);f.find(".time-spinner-list").on("mousewheel wheel",function(n){var t=n.originalEvent.wheelDeltaY||-n.originalEvent.deltaY;return t>0?i.invokeMethodAsync(r):i.invokeMethodAsync(u),!1})}})}(jQuery),function(n){n.extend({bb_form_load:function(t,i){var r=n(t);i==="show"?r.addClass("show"):r.removeClass("show")}})}(jQuery),function(n){n.extend({bb_download_wasm:function(n,t,i){var u=BINDING.conv_string(n),e=BINDING.conv_string(t),o=Blazor.platform.toUint8Array(i),s=new File([o],u,{type:e}),f=URL.createObjectURL(s),r=document.createElement("a");document.body.appendChild(r);r.href=f;r.download=u;r.target="_self";r.click();URL.revokeObjectURL(f)},bb_download:function(t,i,r){var f=n.bb_create_url(t,i,r),u=document.createElement("a");document.body.appendChild(u);u.href=f;u.download=t;u.target="_self";u.click();URL.revokeObjectURL(f)},bb_create_url_wasm:function(n,t,i){var r=BINDING.conv_string(n),u=BINDING.conv_string(t),f=Blazor.platform.toUint8Array(i),e=new File([f],r,{type:u});return URL.createObjectURL(e)},bb_create_url:function(t,i,r){typeof r=="string"&&(r=n.base64DecToArr(r));var u=r,f=new File([u],t,{type:i});return URL.createObjectURL(f)},b64ToUint6:function(n){return n>64&&n<91?n-65:n>96&&n<123?n-71:n>47&&n<58?n+4:n===43?62:n===47?63:0},base64DecToArr:function(t,i){for(var h=t.replace(/[^A-Za-z0-9\+\/]/g,""),u=h.length,c=i?Math.ceil((u*3+1>>2)/i)*i:u*3+1>>2,l=new Uint8Array(c),f,e,o=0,s=0,r=0;r<u;r++)if(e=r&3,o|=n.b64ToUint6(h.charCodeAt(r))<<18-6*e,e===3||u-r==1){for(f=0;f<3&&s<c;f++,s++)l[s]=o>>>(16>>>f&24)&255;o=0}return l}})}(jQuery),function(n){n.extend({bb_drawer:function(t,i){var r=n(t),u;i?(r.addClass("is-open"),n("body").addClass("overflow-hidden")):r.hasClass("is-open")&&(r.removeClass("is-open").addClass("is-close"),u=window.setTimeout(function(){window.clearTimeout(u);r.removeClass("is-close");n("body").removeClass("overflow-hidden")},350))}})}(jQuery),function(n){n.extend({bb_html5edit:function(t,i){if(n.isFunction(n.fn.summernote)){var r=n(t),u=typeof i=="object"&&i;return/destroy|hide/.test(i)?r.toggleClass("open").summernote(i):typeof i=="string"?r.hasClass("open")?r.summernote(i):r.html():(u=n.extend({focus:!0,lang:"zh-CN",height:80,dialogsInBody:!0},u),r.on("click",u,function(t,i){var u=n(this).tooltip("hide"),r=n.extend({placeholder:u.attr("placeholder")},t.data,i||{});r.obj.invokeMethodAsync("GetToolBar").then(t=>{var i=u.toggleClass("open").summernote(n.extend({callbacks:{onChange:function(n){r.obj.invokeMethodAsync(r.method,n)}},toolbar:t},r)).next().find(".note-toolbar").on("click","button[data-method]",{note:u,op:r},function(t){var r=n(this),i,u;switch(r.attr("data-method")){case"submit":r.tooltip("dispose");i=t.data.note.toggleClass("open");u=i.summernote("code");i.summernote("destroy");t.data.op.obj.invokeMethodAsync(t.data.op.method,u)}}),f=n('<div class="note-btn-group btn-group note-view note-right"><button type="button" class="note-btn btn btn-sm note-btn-close" tabindex="-1" data-method="submit" title="完成" data-bs-placement="bottom"><i class="fa fa-check"><\/i><\/button><\/div>').appendTo(i).find("button").tooltip({container:"body"});n("body").find('.note-group-select-from-files [accept="image/*"]').attr("accept","image/bmp,image/png,image/jpg,image/jpeg,image/gif")})}).tooltip({title:"点击展开编辑"}),u.value&&r.html(u.value),r.hasClass("open")&&r.trigger("click",{focus:!1}),this)}},bb_editor:function(t,i,r,u,f,e,o){var s=function(){var r=t.getElementsByClassName("editor-body"),u;i==="code"?n(r).hasClass("open")?n(r).summernote("code",o):n(r).html(o):(u={obj:i,method:f,height:e},o&&(u.value=o),n.bb_html5edit(r,u))};r!==""?i.invokeMethodAsync(r).then(t=>{for(var r in t)(function(t,r){r!=null&&(pluginObj={},pluginObj[r]=function(f){var e=n.summernote.ui;f.memo("button."+r,function(){var n=e.button({contents:'<i class="'+t.iconClass+'"><\/i>',container:"body",tooltip:t.tooltip,click:function(){i.invokeMethodAsync(u,r).then(n=>{f.invoke("editor.pasteHTML",n)})}});return this.$button=n.render(),this.$button})},n.extend(n.summernote.plugins,pluginObj))})(t[r],t[r].buttonName);s()}):s()}})}(jQuery),function(n){n.extend({bb_iconList:function(t,i,r){var u=n(t);n("body").scrollspy({offset:150,target:".fa-nav"});u.on("click",".nav-link",function(t){t.preventDefault();t.stopPropagation();var f=n(this).attr("href"),r=n(f),e=window,i=r.offset().top,u=r.css("marginTop").replace("px","");u&&(i=i-parseInt(u));n(e).scrollTop(i)});u.on("click",".icon-item",function(t){t.preventDefault();t.stopPropagation();var e=n(this),o=n(this).find("i"),f=o.attr("class"),s=u.hasClass("is-dialog");s?i.invokeMethodAsync(r,f):n.bb_copyIcon(e,f)})},bb_iconDialog:function(t){var i=n(t);i.on("click","button",function(){var t=n(this),i=t.prev().text();n.bb_copyIcon(t,i)})},bb_copyIcon:function(t,i){n.bb_copyText(i);t.tooltip({title:"Copied!"});t.tooltip("show");var r=window.setTimeout(function(){window.clearTimeout(r);t.tooltip("dispose")},1e3)}})}(jQuery),function(n){n.extend({bb_filter:function(t,i,r){n(t).data("bb_filter",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var i=n(t.target),r=i.closest(".popover-datetime"),u,f,e;r.length==1&&(u=r.attr("id"),f=n('[aria-describedby="'+u+'"]'),f.closest(".datetime-picker").hasClass("is-filter"))||(e=i.closest(".table-filter-item"),e.length==0&&n(".table-filter-item.show").each(function(){var t=n(this).data("bb_filter");t.obj.invokeMethodAsync(t.method)}))});n(document).on("keyup",function(t){var i,r;t.key==="Enter"?(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("ConfirmByKey"))):t.key==="Escape"&&(i=n(".table-filter .table-filter-item.show:first"),r=i.data("bb_filter"),r&&(i.removeClass("show"),r.obj.invokeMethodAsync("EscByKey")))})})}(jQuery),function(n){n.extend({bb_toggleFullscreen:function(t,i){var r=t;r&&r!==""||(r=i?document.getElementById(i):document.documentElement);n.bb_IsFullscreen()?(n.bb_ExitFullscreen(),r.classList.remove("fs-open")):(n.bb_Fullscreen(r),r.classList.add("fs-open"))},bb_Fullscreen:function(n){n.requestFullscreen()||n.webkitRequestFullscreen||n.mozRequestFullScreen||n.msRequestFullscreen},bb_ExitFullscreen:function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()},bb_IsFullscreen:function(){return document.fullscreen||document.webkitIsFullScreen||document.webkitFullScreen||document.mozFullScreen||document.msFullScreent}})}(jQuery),function(n){Number.prototype.toRadians=function(){return this*Math.PI/180};n.extend({bb_geo_distance:function(n,t,i,r){var u=(i-n).toRadians(),f=(r-t).toRadians();n=n.toRadians();i=i.toRadians();var e=Math.sin(u/2)*Math.sin(u/2)+Math.cos(n)*Math.cos(i)*Math.sin(f/2)*Math.sin(f/2),o=2*Math.atan2(Math.sqrt(e),Math.sqrt(1-e));return 6371*o},bb_geo_updateLocaltion:function(t,i=0,r=0,u,f){var e=t.coords.latitude,o=t.coords.longitude,a=t.coords.accuracy,s=t.coords.altitude,h=t.coords.altitudeAccuracy,c=t.coords.heading,l=t.coords.speed,v=t.timestamp;return a>=500&&console.warn("Need more accurate values to calculate distance."),u!=null&&f!=null&&(i=n.bb_geo_distance(e,o,u,f),r+=i),u=e,f=o,s==null&&(s=0),h==null&&(h=0),c==null&&(c=0),l==null&&(l=0),{latitude:e,longitude:o,accuracy:a,altitude:s,altitudeAccuracy:h,heading:c,speed:l,timestamp:v,currentDistance:i,totalDistance:r,lastLat:u,lastLong:f}},bb_geo_handleLocationError:function(n){switch(n.code){case 0:console.error("There was an error while retrieving your location: "+n.message);break;case 1:console.error("The user prevented this page from retrieving a location.");break;case 2:console.error("The browser was unable to determine your location: "+n.message);break;case 3:console.error("The browser timed out before retrieving the location.")}},bb_geo_getCurrnetPosition:function(t,i){var r=!1;return navigator.geolocation?(r=!0,navigator.geolocation.getCurrentPosition(r=>{var u=n.bb_geo_updateLocaltion(r);t.invokeMethodAsync(i,u)},n.bb_geo_handleLocationError)):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_watchPosition:function(t,i){var r=0,u=0,f=0,e,o;return navigator.geolocation?r=navigator.geolocation.watchPosition(r=>{var s=n.bb_geo_updateLocaltion(r,u,f,e,o);u=s.currentDistance;f=s.totalDistance;e=s.lastLat;o=s.lastLong;t.invokeMethodAsync(i,s)},n.bb_geo_handleLocationError,{maximumAge:2e4}):console.warn("HTML5 Geolocation is not supported in your browser"),r},bb_geo_clearWatchLocation:function(n){var t=!1;return navigator.geolocation&&(t=!0,navigator.geolocation.clearWatch(n)),t}})}(jQuery),function(n){n.extend({bb_gotop:function(t,i){var r=n(t),u=r.tooltip();r.on("click",function(t){t.preventDefault();n(i||window).scrollTop(0);u.tooltip("hide")})}})}(jQuery),function(n){n.extend({bb_handwritten:function(n,t,i,r){function u(n){var i,f,e;this.linewidth=1;this.color="#000000";this.background="#fff";for(i in n)this[i]=n[i];this.canvas=document.createElement("canvas");this.el.appendChild(this.canvas);this.cxt=this.canvas.getContext("2d");this.canvas.clientTop=this.el.clientWidth;this.canvas.width=this.el.clientWidth;this.canvas.height=this.el.clientHeight;this.cxt.fillStyle=this.background;this.cxt.fillRect(2,2,this.canvas.width,this.canvas.height);this.cxt.fillStyle=this.background;this.cxt.strokeStyle=this.color;this.cxt.lineWidth=this.linewidth;this.cxt.lineCap="round";var t="ontouchend"in window,s=this,u=!1,o=function(n){u=!0;this.cxt.beginPath();var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.moveTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.moveTo(n.pageX+2-i,n.pageY+2-r)};t?this.canvas.addEventListener("touchstart",o.bind(this),!1):this.canvas.addEventListener("mousedown",o.bind(this),!1);f=function(n){if(u){var i=n.target.offsetParent.offsetLeft,r=n.target.offsetParent.offsetTop;t?this.cxt.lineTo(n.changedTouches[0].pageX+2-i,n.changedTouches[0].pageY+2-r):this.cxt.lineTo(n.pageX+2-i,n.pageY+2-r);this.cxt.stroke()}};t?this.canvas.addEventListener("touchmove",f.bind(this),!1):this.canvas.addEventListener("mousedown",f.bind(this),!1);e=function(){u=!1;this.cxt.closePath()};t?this.canvas.addEventListener("touchend",e.bind(this),!1):this.canvas.addEventListener("mousedown",e.bind(this),!1);this.clearEl.addEventListener("click",function(){this.cxt.clearRect(2,2,this.canvas.width,this.canvas.height)}.bind(this),!1);this.saveEl.addEventListener("click",function(){var n=this.canvas.toDataURL();return this.obj.invokeMethodAsync(r,n)}.bind(this),!1)}document.body.addEventListener("touchmove",function(n){n.preventDefault()},{passive:!1});new u({el:n.getElementsByClassName("hw-body")[0],clearEl:n.getElementsByClassName("btn-secondary")[0],saveEl:n.getElementsByClassName("btn-primary")[0],obj:t})}})}(jQuery),function(n){n.extend({bb_input:function(t,i,r,u,f,e){var o=n(t);o.on("keyup",function(n){r&&n.key==="Enter"?i.invokeMethodAsync(u):f&&n.key==="Escape"&&i.invokeMethodAsync(e,o.val())})},bb_input_selectAll_focus:function(t){var i=n(t);i.on("focus",function(){n(this).select()})},bb_input_selectAll_enter:function(t){var i=n(t);i.on("keyup",function(t){t.key==="Enter"&&n(this).select()})},bb_input_selectAll:function(t){n(t).select()}})}(jQuery),function(n){var u=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},f=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},e=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},r=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.extend({bb_ipv4_input:function(f){var e=n(f);f.prevValues=[];e.find(".ipv4-cell").focus(function(){n(this).select();e.toggleClass("selected",!0)});e.find(".ipv4-cell").focusout(function(){e.toggleClass("selected",!1)});e.find(".ipv4-cell").each(function(e,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?u.call(f,e):i.keyCode==37||i.keyCode==39?i.keyCode==37&&r.call(o)===0?(t.call(f,e-1),i.preventDefault()):i.keyCode==39&&r.call(o)===n(o).val().length&&(t.call(f,e+1),i.preventDefault()):i.keyCode==9||i.keyCode==8||i.keyCode==46||i.preventDefault()});n(o).keyup(function(r){var u,s,o;(r.keyCode>=48&&r.keyCode<=57||r.keyCode>=96&&r.keyCode<=105)&&(u=n(this).val(),s=Number(u),s>255?i.call(f,e):u.length>1&&u[0]==="0"?i.call(f,e):u.length===3&&t.call(f,e+1));r.key==="Backspace"&&n(this).val()===""&&(n(this).val("0"),o=e-1,o>-1?t.call(f,o):t.call(f,0));r.key==="."&&t.call(f,e+1);r.key==="ArrowRight"&&t.call(f,e+1);r.key==="ArrowLeft"&&t.call(f,e-1)})})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_showLabelTooltip:function(t,i,r){var f=n(t),u=bootstrap.Tooltip.getInstance(t);u&&u.dispose();i==="init"&&f.tooltip({title:r})}})}(jQuery),function(n){var e=function(t){var i=this;t!==undefined?i.prevValues[t]=n(n(i).find(".ipv4-cell")[t]).val():n(i).find(".ipv4-cell").each(function(t,r){i.prevValues[t]=n(r).val()})},i=function(t){var i=this;t!==undefined?n(n(i).find(".ipv4-cell")[t]).val(i.prevValues[t]):n(i).find(".ipv4-cell").each(function(t,r){n(r).val(i.prevValues)})},t=function(t){var i=this;t===undefined&&t<0&&t>3||n(n(i).find(".ipv4-cell")[t]).focus()},r=function(n){if(typeof n!="string")return!1;var t=n.split(".");return t.length!==4?!1:t.reduce(function(n,t){return n===!1||t.length===0?!1:Number(t)>=0&&Number(t)<=255?!0:!1},!0)},u=function(){var t="";return this.find(".ipv4-cell").each(function(i,r){t+=i==0?n(r).val():"."+n(r).val()}),t},f=function(){var n=this,t,i;if("selectionStart"in n)return n.selectionStart;if(document.selection)return n.focus(),t=document.selection.createRange(),i=document.selection.createRange().text.length,t.moveStart("character",-n.value.length),t.text.length-i;throw new Error("cell is not an input");};n.fn.ipv4_input=function(o,s){var h,c,a,l;if(this.each(function(){if(!n(this).hasClass("ipv4-input")){var r=this;r.prevValues=[];n(r).toggleClass("ipv4-input",!0);n(r).html('<input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" /><label class="ipv4-dot">.<\/label><input type="text" class="ipv4-cell" />');n(this).find(".ipv4-cell").focus(function(){n(this).select();n(r).toggleClass("selected",!0)});n(this).find(".ipv4-cell").focusout(function(){n(r).toggleClass("selected",!1)});n(this).find(".ipv4-cell").each(function(u,o){n(o).keydown(function(i){i.keyCode>=48&&i.keyCode<=57||i.keyCode>=96&&i.keyCode<=105?e.call(r,u):i.keyCode==37||i.keyCode==39?i.keyCode==37&&f.call(o)===0?(t.call(r,u-1),i.preventDefault()):i.keyCode==39&&f.call(o)===n(o).val().length&&(t.call(r,u+1),i.preventDefault()):i.keyCode!=9&&i.keyCode!=8&&i.keyCode!=46&&i.preventDefault()});n(o).keyup(function(f){if(f.keyCode>=48&&f.keyCode<=57||f.keyCode>=96&&f.keyCode<=105){var e=n(this).val(),o=Number(e);o>255?i.call(r,u):e.length>1&&e[0]==="0"?i.call(r,u):e.length===3&&t.call(r,u+1)}})})}}),h=function(t,i){if(t=="rwd"&&(i===undefined?this.toggleClass("rwd"):this.toggleClass("rwd",i)),t=="value"){if(i===undefined)return u.call(this);if(!r(i))throw new Error("invalid ip address");var f=i.split(".");this.find(".ipv4-cell").each(function(t,i){n(i).val(f[t])})}return t=="valid"?r(u.call(this)):(t=="clear"&&this.find(".ipv4-cell").each(function(t,i){n(i).val("")}),this)},c=this,n.type(o)==="object"){a=o;for(l in a)h.call(this,l,o[l])}else c=h.call(this,o,s);return c}}(jQuery),function(n){n.extend({bb_layout:function(t,i){if(i==="dispose"){n(window).off("resize");return}var r=function(){var r=n(window).width();t.invokeMethodAsync(i,r)};n(".layout-header").find('[data-bs-toggle="tooltip"]').tooltip();r();n(window).on("resize",function(){r()})}})}(jQuery),function(n){n.extend({bb_side_menu_expand:function(t,i){if(i)n(t).find(".collapse").collapse("show");else{n(t).find(".collapse").collapse("hide");var r=window.setTimeout(function(){window.clearTimeout(r);n.bb_auto_expand(n(t))},400)}},bb_auto_expand:function(t){var u=t.find(".nav-link.expand").map(function(t,i){return n(i).removeClass("expand")}).toArray(),i=t.find(".active"),r;do r=i.parentsUntil(".submenu.collapse").parent(),r.length===1&&r.not(".show")?(i=r.prev(),i.length!==0&&u.push(i)):i=null;while(i!=null&&i.length>0);while(u.length>0)i=u.shift(),i[0].click()},bb_init_side_menu:function(t){var i=t.hasClass("accordion"),r=t.children(".submenu"),u;r.find(".submenu").each(function(){var t=n(this),r,f,e,u;t.addClass("collapse").removeClass("d-none");i?(r=t.parentsUntil(".submenu"),r.prop("nodeName")==="LI"&&(f=r.parent().attr("id"),t.attr("data-bs-parent","#"+f))):t.removeAttr("data-bs-parent");e=t.attr("id");u=t.prev();u.attr("data-bs-toggle","collapse");u.attr("href","#"+e)});i&&(u=r.find(".collapse"),u.each(function(t,r){var u=n(r),f;bootstrap.Collapse.getInstance(r)&&u.collapse("dispose");f="";i&&(f=u.attr("data-bs-parent"));u.collapse({parent:f,toggle:!1})}))},bb_side_menu:function(t){var i=n(t);n.bb_init_side_menu(i);n.bb_auto_expand(i)}});n(function(){n(document).on("click",'.menu a[href="#"]',function(){return!1})})}(jQuery),function(n){n.extend({bb_message:function(t,i,r){window.Messages||(window.Messages=[]);Messages.push(t);var u=n(t),e=u.attr("data-autohide")!=="false",o=parseInt(u.attr("data-delay")),f=null,s=window.setTimeout(function(){window.clearTimeout(s);e&&(f=window.setTimeout(function(){window.clearTimeout(f);u.close()},o));u.addClass("show")},50);u.close=function(){f!=null&&window.clearTimeout(f);u.removeClass("show");var n=window.setTimeout(function(){window.clearTimeout(n);Messages.remove(t);Messages.length===0&&i.invokeMethodAsync(r)},500)};u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();u.close()})}})}(jQuery),function(n){n.extend({bb_modal_dialog:function(t,i,r){var u=n(t);u.data("bb_dotnet_invoker",{obj:i,method:r});var o=0,s=0,e=0,h=0,f={top:0,left:0};u.hasClass("is-draggable")&&(u.find(".btn-maximize").click(function(){var t,i;$button=n(this);t=$button.attr("aria-label");t==="maximize"?u.css({marginLeft:"auto",width:u.width()}):i=window.setInterval(function(){u.attr("style")?u.removeAttr("style"):window.clearInterval(i)},100)}),u.css({marginLeft:"auto"}),u.find(".modal-header").drag(function(n){o=n.clientX||n.touches[0].clientX;s=n.clientY||n.touches[0].clientY;e=u.width();h=u.height();f.top=parseInt(u.css("marginTop").replace("px",""));f.left=parseInt(u.css("marginLeft").replace("px",""));u.css({marginLeft:f.left,marginTop:f.top});u.css("width",e);this.addClass("is-drag")},function(t){var i=t.clientX||t.changedTouches[0].clientX,r=t.clientY||t.changedTouches[0].clientY;newValX=f.left+Math.ceil(i-o);newValY=f.top+Math.ceil(r-s);newValX<=0&&(newValX=0);newValY<=0&&(newValY=0);newValX+e<n(window).width()&&u.css({marginLeft:newValX});newValY+h<n(window).height()&&u.css({marginTop:newValY})},function(){this.removeClass("is-drag")}))},bb_modal:function(t,i){var r=n(t),f,u;if(i==="dispose")r.remove();else if(i==="init"){r.closest(".swal").length===0&&n("body").append(r);r.on("shown.bs.modal",function(){var t=r.attr("data-bs-keyboard")==="true";if(t===!0)n(document).one("keyup",function(n){if(n.key==="Escape"){var i=r.find(".modal-dialog"),t=i.data("bb_dotnet_invoker");t!=null&&t.obj.invokeMethodAsync(t.method)}})})}else i!=="hide"&&i!=="dispose"&&(f=r.attr("data-bs-keyboard")==="true",u=bootstrap.Modal.getInstance(t),u!=null&&(u._config.keyboard=f)),r.modal(i)}})}(jQuery),function(n){n.extend({bb_notify_checkPermission:function(n,t,i){(window.Notification||navigator.mozNotification)&&window.FileReader&&window.history.pushState?Notification.permission==="granted"?n!==null&&t!==""&&n.invokeMethodAsync(t,!0):i&&(Notification.permission!=="denied"||Notification.permission==="default")&&Notification.requestPermission(function(i){var r=i==="granted";n!==null&&t!==""&&n.invokeMethodAsync(t,r)}):(console.warn("Your browser does not support all features of this API"),n!==null&&t!==""&&n.invokeMethodAsync(t,!1))},bb_notify_display:function(t,i,r){var f=!1,e,u,o;return n.bb_notify_checkPermission(null,null,!0),r.title!==null&&(e=r.onClick,u={},r.message!==null&&(u.body=r.message.substr(0,250)),r.icon!==null&&(u.icon=r.icon),r.silent!==null&&(u.silent=r.silent),r.sound!==null&&(u.sound=r.sound),o=new Notification(r.title.substr(0,100),u),t!==null&&e!==null&&(o.onclick=function(n){n.preventDefault();t.invokeMethodAsync(e)}),f=!0),t!==null&&i!==null&&t.invokeMethodAsync(i,f),f}})}(jQuery),function(n){n.extend({bb_confirm:function(t){var f=n('[data-bs-target="'+t+'"]'),r="is-show",i=document.getElementById(t),u=bootstrap.Popover.getOrCreateInstance(i,{toggle:"confirm",html:!0,sanitize:!1,content:f.find(".popover-body").html()});i.classList.contains(r)===!1?(u.show(),i.classList.add(r)):(u.hide(),i.classList.remove(r))},bb_confirm_submit:function(t){var r=n("#"+t),i=n('<button type="submit" hidden />');i.appendTo(r.parent());i.trigger("click");i.remove()},bb_popover:function(t,i,r,u,f,e,o){var s=document.getElementById(t),h=bootstrap.Popover.getInstance(s),c;h&&h.dispose();i!=="dispose"&&(c={html:e,sanitize:!1,title:r,content:u,placement:f,trigger:o},h=new bootstrap.Popover(s,c),i!==""&&n(s).popover(i))},bb_datetimePicker:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-picker-input");if(i)u.popover(i);else{u.popover({toggle:"datetime-picker",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".date-picker").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".date-picker"),r.append(u.addClass("d-none")))});r.find(".datetime-picker-input-icon").on("click",function(t){if(!n(this).hasClass("disabled")){t.stopImmediatePropagation();var i=n(this).parents(".datetime-picker-bar").find(".datetime-picker-input");i.trigger("click")}});r.find(".date-table .cell").on("click",function(t){n(t.target).parent().parent().hasClass("disabled")&&(t.preventDefault(),t.stopImmediatePropagation())})}},bb_datetimeRange:function(t,i){var r=n(t),f=r.attr("data-bs-placement")||"auto",u=r.find(".datetime-range-bar");if(i)u.popover(i);else{u.popover({toggle:"datetime-range",placement:f}).on("show.bs.popover",function(){var t=n(this).parent().hasClass("disabled");return!t}).on("inserted.bs.popover",function(){var u=this.getAttribute("aria-describedby"),i,t;u&&(i=n("#"+u),t=i.find(".popover-body"),t.length===0&&(t=n('<div class="popover-body"><\/div>').appendTo(i)),t.append(r.find(".datetime-range-body").removeClass("d-none")))}).on("hide.bs.popover",function(){var t=this.getAttribute("aria-describedby"),i,u;t&&(i=n("#"+t),u=i.find(".datetime-range-body"),r.append(u.addClass("d-none")))});r.find(".is-clear").on("click",function(){u.popover("hide")})}}});n(function(){var r,t,i;n.fn.popover.Constructor.prototype.isWithContent=function(){var n=this._config.toggle;return["","confirm","datetime-picker","datetime-range"].indexOf(n)||this.getTitle()||this._getContent()};r=n.fn.popover.Constructor.prototype.getTipElement;n.fn.popover.Constructor.prototype.getTipElement=function(){var i=this._config.toggle,u=r.call(this),t=n(u).addClass("shadow");return t.find(".popover-header").length>0&&t.addClass("has-header"),i==="datetime-picker"&&t.addClass("popover-datetime"),i==="datetime-range"&&t.addClass("popover-datetime-range"),u};t=function(t){var i=null,r=t.parents(".popover"),u;return r.length>0&&(u=r.attr("id"),i=n('[aria-describedby="'+u+'"]')),i};i=function(n){n.popover("dispose");n.removeClass("is-show")};n(document).on("click",function(r){var e=!0,u=n(r.target),o=t(u),f;o!=null&&(e=!1);e&&(f=u,f.data("bs-toggle")!=="confirm"&&(f=f.parents('[data-bs-toggle="confirm"][aria-describedby^="popover"]')),n('[data-bs-toggle="confirm"][aria-describedby^="popover"]').each(function(t,r){if(f[0]!==r){var u=n(r);i(u)}}));u.parents(".popover-datetime.show").length===0&&n(".popover-datetime.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.attr("aria-describedby")!==t&&i.popover("hide"))});u.parents(".popover-datetime-range.show").length===0&&n(".popover-datetime-range.show").each(function(){var t=this.getAttribute("id"),i;t&&(i=n('[aria-describedby="'+t+'"]'),u.parents(".datetime-range-bar").attr("aria-describedby")!==t&&i.popover("hide"))})});n(document).on("click",".popover-confirm-buttons .btn",function(r){var u,f,e;r.stopPropagation();u=t(n(this));u.length>0&&(i(u),f=u.attr("id"),$ele=n('[data-bs-target="'+f+'"]'),e=this.getAttribute("data-dismiss")==="confirm"?$ele.find(".popover-confirm-buttons .btn:first"):$ele.find(".popover-confirm-buttons .btn:last"),e.trigger("click"))})})}(jQuery),function(n){n.extend({bb_printview:function(t){var r=n(t).parent(),f=r.hasClass("modal-header"),e=r.hasClass("modal-footer"),i=null;if(f?i=r.next():e&&(i=r.parentsUntil(".modal-content").parent().find(".modal-body")),i!=null&&i.length>0){var o=i.html(),u=n("body").addClass("bb-printview-open"),s=n("<div><\/div>").addClass("bb-printview").html(o).appendTo(u);window.print();u.removeClass("bb-printview-open");s.remove()}else window.print()}})}(jQuery),function(n){n.extend({bb_qrcode:function(t,i,r,u){var e=n(t),f=e.find(".qrcode-img");f.html("");r==="generate"&&(qrcode=new QRCode(f[0],{text:u,width:128,height:128,colorDark:"#000000",colorLight:"#ffffff",correctLevel:QRCode.CorrectLevel.H}),i.invokeMethodAsync("Generated"))}})}(jQuery),function(n){n.extend({bb_rate:function(t,i,r){var u=n(t),f;u.val=parseInt(u.attr("aria-valuenow"));f=function(){var t=u.find(".rate-item");t.each(function(t){t>u.val?n(this).removeClass("is-on"):n(this).addClass("is-on")})};u.on("mouseenter",".rate-item",function(){if(!u.hasClass("disabled")){var t=u.find(".rate-item"),i=t.toArray().indexOf(this);t.each(function(t){t>i?n(this).removeClass("is-on"):n(this).addClass("is-on")})}});u.on("mouseleave",function(){u.hasClass("disabled")||f()});u.on("click",".rate-item",function(){if(!u.hasClass("disabled")){var n=u.find(".rate-item");u.val=n.toArray().indexOf(this);u.attr("aria-valuenow",u.val+1);i.invokeMethodAsync(r,u.val+1)}})}})}(jQuery),function(n){n.extend({bb_row:function(t){var i=n(t);i.grid()}})}(jQuery),function(n){n.extend({bb_multi_select:function(t,i,r){n(t).data("bb_multi_select",{obj:i,method:r})}});n(function(){n(document).on("click",function(t){var r=n(t.target),i=r.closest(".multi-select");n(".multi-select.show").each(function(){if(i.length===0||this!=i[0]){var t=n(this).data("bb_multi_select");t.obj.invokeMethodAsync(t.method)}})})})}(jQuery),function(n){n.extend({bb_select:function(t,i,r){var u=n(t),e=u.find("input.search-text"),f=function(n){var i=n.find(".dropdown-menu"),t=i.children(".preActive");if(t.length===0&&(t=i.children(".active"),t.addClass("preActive")),t.length===1){var u=i.innerHeight(),f=t.outerHeight(),e=t.index()+1,r=11+f*e-u;r>=0?i.scrollTop(r):i.scrollTop(0)}};u.on("show.bs.dropdown",function(n){u.find(".form-select").prop("disabled")&&n.preventDefault()});u.on("shown.bs.dropdown",function(){e.length>0&&e.focus();f(n(this))});u.on("keyup",function(t){var u=n(this),o,e,s,h,c;u.find(".dropdown-toggle").hasClass("show")&&(o=u.find(".dropdown-menu.show > .dropdown-item").not(".disabled, .search"),e=o.filter(function(t,i){return n(i).hasClass("preActive")}),o.length>1&&(t.key==="ArrowUp"?(e.removeClass("preActive"),s=e.prev().not(".disabled, .search"),s.length===0&&(s=o.last()),s.addClass("preActive"),f(u)):t.key==="ArrowDown"&&(e.removeClass("preActive"),h=e.next().not(".disabled, .search"),h.length===0&&(h=o.first()),h.addClass("preActive"),f(u))),t.key==="Enter"&&(u.find(".show").removeClass("show"),c=e.index(),u.find(".search").length>0&&c--,i.invokeMethodAsync(r,c)))});u.on("click",".dropdown-item.disabled",function(n){n.stopImmediatePropagation()})}})}(jQuery),function(n){n.extend({bb_slider:function(t,i,r){var f=n(t),s=f.find(".disabled").length>0;if(!s){var e=0,o=0,u=0,h=f.innerWidth();f.find(".slider-button-wrapper").drag(function(n){e=n.clientX||n.touches[0].clientX;o=parseInt(f.attr("aria-valuetext"));f.find(".slider-button-wrapper, .slider-button").addClass("dragging")},function(n){var t=n.clientX||n.changedTouches[0].clientX;u=Math.ceil((t-e)*100/h)+o;u<=0&&(u=0);u>=100&&(u=100);f.find(".slider-bar").css({width:u.toString()+"%"});f.find(".slider-button-wrapper").css({left:u.toString()+"%"});f.attr("aria-valuetext",u.toString());i.invokeMethodAsync(r,u)},function(){f.find(".slider-button-wrapper, .slider-button").removeClass("dragging");i.invokeMethodAsync(r,u)})}}})}(jQuery),function(n){n.extend({bb_split:function(t){var i=n(t),f=i.innerWidth(),e=i.innerHeight(),u=0,r=0,o=0,s=0,h=!i.children().hasClass("is-horizontal");i.children().children(".split-bar").drag(function(n){f=i.innerWidth();e=i.innerHeight();h?(s=n.clientY||n.touches[0].clientY,u=i.children().children(".split-left").innerHeight()*100/e):(o=n.clientX||n.touches[0].clientX,u=i.children().children(".split-left").innerWidth()*100/f);i.toggleClass("dragging")},function(n){var t,c;h?(t=n.clientY||n.changedTouches[0].clientY,r=Math.ceil((t-s)*100/e)+u):(c=n.clientX||n.changedTouches[0].clientX,r=Math.ceil((c-o)*100/f)+u);r<=0&&(r=0);r>=100&&(r=100);i.children().children(".split-left").css({"flex-basis":r.toString()+"%"});i.children().children(".split-right").css({"flex-basis":(100-r).toString()+"%"});i.attr("data-split",r)},function(){i.toggleClass("dragging")})}})}(jQuery),function(n){n.extend({bb_tab:function(t){var i=n(t),r=window.setInterval(function(){i.is(":visible")&&(window.clearInterval(r),i.lgbTab("active"))},200)}})}(jQuery),function(n){n.extend({bb_table_search:function(t,i,r,u){n(t).data("bb_table_search",{obj:i,searchMethod:r,clearSearchMethod:u})},bb_table_row_hover:function(t){var i=t.find(".table-excel-toolbar"),r=t.find("tbody > tr").each(function(t,r){n(r).hover(function(){var t=n(this).position().top;i.css({top:t+"px",display:"block"})},function(){i.css({top:top+"px",display:"none"})})})},bb_table_resize:function(t){var f=t.find(".col-resizer");if(f.length>0){var e=function(t){var u=n(this),i=u.closest("th");t?i.addClass("border-resize"):i.removeClass("border-resize");var r=i.index(),f=i.closest(".table-resize").find("tbody"),e=f.find("tr").each(function(){var i=n(this.children[r]);t?i.addClass("border-resize"):i.removeClass("border-resize")});return r},i=0,r=0,u=0,o=0;f.each(function(){n(this).drag(function(f){u=e.call(this,!0);var s=t.find("table colgroup col")[u].width;i=s?parseInt(s):n(this).closest("th").width();r=n(this).closest("table").width();o=f.clientX},function(f){t.find("table colgroup").each(function(t,e){var c=n(e).find("col")[u],h=f.clientX-o,s;c.width=i+h;s=n(e).closest("table");s.parent().hasClass("table-fixed-header")?s.width(r+h):s.width(r+h-6)})},function(){e.call(this,!1)})})}},bb_table_load:function(t,i){var u=n(t),r=u.find(".table-loader");i==="show"?r.addClass("show"):r.removeClass("show")},bb_table_filter_calc:function(t){var c=t.find(".table-toolbar"),l=0,h,e,u;c.length>0&&(l=c.outerHeight());var o=n(this),a=o.position(),v=o.attr("data-field"),f=t.find('.table-filter-item[data-field="'+v+'"]'),i=o.closest("th"),y=i.closest("thead"),p=y.outerHeight()-i.outerHeight(),s=i.outerWidth()+i.position().left-f.outerWidth()/2,r=0,w=i.hasClass("fixed");i.hasClass("sortable")&&(r=24);i.hasClass("filterable")&&(r=r+12);h=0;w||(h=i.closest("table").parent().scrollLeft());e=i.offset().left+i.outerWidth()-r+f.outerWidth()/2-n(window).width();r=r+h;e>0&&(s=s-e-16,$arrow=f.find(".card-arrow"),$arrow.css({left:"calc(50% - 0.5rem + "+(e+16)+"px)"}));u=t.find(".table-search").outerHeight();u===undefined?u=0:u+=8;f.css({top:a.top+l+p+u+50,left:s-r})},bb_table_filter:function(t){t.on("click",".filterable .fa-filter",function(){n.bb_table_filter_calc.call(this,t)})},bb_table_getCaretPosition:function(n){var t=-1,i=n.selectionStart,r=n.selectionEnd;return i==r&&(i==n.value.length?t=1:i==0&&(t=0)),t},bb_table_excel_keybord:function(t){var f=t.find(".table-excel").length>0;if(f){var i={TAB:9,ENTER:13,SHIFT:16,CTRL:17,ALT:18,ESCAPE:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT_ARROW:37,UP_ARROW:38,RIGHT_ARROW:39,DOWN_ARROW:40},e=function(n){var t=window.setTimeout(function(){window.clearTimeout(t);n.focus();n.select()},10)},r=function(t,i){var r=!1,f=t[i],u=n(f).find("input.form-control:not([readonly]");return u.length>0&&(e(u),r=!0),r},u=function(n,t){var o=n.closest("td"),e=o.closest("tr"),u=e.children("td"),f=u.index(o);if(t==i.LEFT_ARROW){while(f-->0)if(r(u,f))break}else if(t==i.RIGHT_ARROW){while(f++<u.length)if(r(u,f))break}else if(t==i.UP_ARROW){for(u=e.prev().children("td");f<u.length;)if(r(u,f))break}else if(t==i.DOWN_ARROW)for(u=e.next().children("td");f<u.length;)if(r(u,f))break};t.on("keydown",function(t){var r=n(t.target);switch(t.keyCode){case i.UP_ARROW:case i.LEFT_ARROW:n.bb_table_getCaretPosition(t.target)==0&&u(r,t.keyCode);break;case i.DOWN_ARROW:case i.RIGHT_ARROW:n.bb_table_getCaretPosition(t.target)==1&&u(r,t.keyCode)}})}},bb_table_width:function(t,i){var r=n(t);return i?r.outerWidth(!0):n(window).outerWidth(!0)},bb_table_tooltip:function(t){var i=n(t);i.find(".is-tips").tooltip({container:"body",title:function(){return n(this).text()}})},bb_table_fixedbody:function(t,i,r){var u,f,s,e,h,o;i||(i=t.find(".table-fixed-body"));r||(r=t.find(".table-fixed-header"));u=t.find(".table-search:first").outerHeight();u||(u=0);f=t.find(".table-pagination:first").outerHeight();f||(f=0);s=t.find(".table-toolbar:first").outerHeight();e=f+s+u;e>0&&(u>0&&(h=i.parent().css("height"),t.find(".table-search-collapse").each(function(){n(this).data("fixed-height",h)})),i.parent().css({height:"calc(100% - "+e+"px)"}));o=r.outerHeight();o>0&&i.css({height:"calc(100% - "+o+"px)"})},bb_table:function(t,i,r,u){var f=n(t),l=f.find(".table-fixed").length>0,a,h,c,e,o,v,s;if(l){a=f.find(".table-fixed-header");h=f.find(".table-fixed-body");h.on("scroll",function(){var n=h.scrollLeft();a.scrollLeft(n)});if(c=f.find(".fixed-scroll"),c.length===1){for(e=c.prev();e.length===1;)if(e.hasClass("fixed-right")&&!e.hasClass("modified"))o=e.css("right"),o=o.replace("px",""),n.browser.versions.mobile&&(o=parseFloat(o)-6+"px"),e.css({right:o}).addClass("modified"),e=e.prev();else break;n.browser.versions.mobile&&c.remove()}n.bb_table_fixedbody(f,h,a);f.find(".col-resizer:last").remove()}v=f.find(".table-cell.is-sort .table-text");s=u;v.each(function(){var i=n(this).parent().find(".fa:last"),t;i.length>0&&(t=s.unset,i.hasClass("fa-sort-asc")?t=s.sortAsc:i.hasClass("fa-sort-desc")&&(t=s.sortDesc),n(this).tooltip({container:"body",title:t}))});v.on("click",function(){var i=n(this),u=i.parent().find(".fa:last"),t="sortAsc",r,f;u.hasClass("fa-sort-asc")?t="sortDesc":u.hasClass("fa-sort-desc")&&(t="unset");r=n("#"+i.attr("aria-describedby"));r.length>0&&(f=r.find(".tooltip-inner"),f.html(s[t]),i.attr("data-original-title",s[t]))});f.children(".table-scroll").scroll(function(){f.find(".table-filter-item.show").each(function(){var t=n(this).attr("data-field"),i=f.find('.fa-filter[data-field="'+t+'"]')[0];n.bb_table_filter_calc.call(i,f)})});n.bb_table_row_hover(f);n.bb_table_tooltip(t);n.bb_table_filter(f);n.bb_table_resize(f);n.bb_table_excel_keybord(f);f.on("click",".table-search-collapse",function(){var i=n(this).toggleClass("is-open"),t=i.closest(".card").find(".card-body");t.length===1&&(t.is(":hidden")&&(l&&f.find(".table-fixed-body").parent().css({height:i.data("fixed-height")}),t.parent().toggleClass("collapsed")),t.slideToggle("fade",function(){var t=n(this);t.is(":hidden")&&t.parent().toggleClass("collapsed");l&&n.bb_table_fixedbody(f)}))})}});n(function(){n(document).on("keyup",function(t){var r,i;t.key==="Enter"?(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.searchMethod)):t.key==="Escape"&&(r=n(t.target).closest(".table-container"),i=r.data("bb_table_search"),i&&i.obj.invokeMethodAsync(i.clearSearchMethod))});n(document).on("click",function(t){var i=n(t.target),u=i.closest(".dropdown-menu.show"),r;u.length>0||(r=i.closest(".btn-col"),r.length>0)||n(".table-toolbar > .btn-group > .btn-col > .dropdown-toggle.show").each(function(t,i){n(i).trigger("click")})})})}(jQuery),function(n){n.extend({bb_setTitle:function(n){document.title=n}})}(jQuery),function(n){n.extend({bb_toast_close:function(t){var i=n(t);i.find(".btn-close").trigger("click")},bb_toast:function(t,i,r){var f,o;window.Toasts===undefined&&(window.Toasts=[]);Toasts.push(t);var u=n(t),s=u.attr("data-bs-autohide")!=="false",e=parseInt(u.attr("data-bs-delay"));u.addClass("d-block");f=null;o=window.setTimeout(function(){window.clearTimeout(o);s&&(u.find(".toast-progress").css({width:"100%",transition:"width "+e/1e3+"s linear"}),f=window.setTimeout(function(){window.clearTimeout(f);u.find(".btn-close").trigger("click")},e));u.addClass("show")},50);u.on("click",".btn-close",function(n){n.preventDefault();n.stopPropagation();f!=null&&window.clearTimeout(f);u.removeClass("show");var t=window.setTimeout(function(){window.clearTimeout(t);u.removeClass("d-block");Toasts.remove(u[0]);Toasts.length===0&&i.invokeMethodAsync(r)},500)})}})}(jQuery),function(n){n.extend({bb_tooltip:function(t,i,r,u,f,e){var s=document.getElementById(t),h,l,c,o;s!==null&&(h=bootstrap.Tooltip.getInstance(s),h&&h.dispose(),i!=="dispose"&&(l={html:f,sanitize:!f,title:r,placement:u,trigger:e},h=new bootstrap.Tooltip(s,l),c=n(s),i==="enable"?(o=c.parents("form").find(".is-invalid:first"),o.prop("nodeName")==="INPUT"?o.prop("readonly")?o.trigger("focus"):o.focus():o.prop("nodeName")==="DIV"&&o.trigger("focus")):i!==""&&c.tooltip(i)))}});n(function(){n(document).on("inserted.bs.tooltip",".is-invalid",function(){n("#"+n(this).attr("aria-describedby")).addClass("is-invalid")})})}(jQuery),function(n){n.extend({bb_transition:function(t,i,r){n(t).on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd",function(){i.invokeMethodAsync(r)})}})}(jQuery),function(n){n.extend({bb_tree:function(t){var i=n(t);i.find(".tree-content").hover(function(){n(this).parent().addClass("hover")},function(){n(this).parent().removeClass("hover")});i.on("click",".tree-node",function(){var i=n(this),r=i.prev(),t=r.find('[type="radio"]');t.attr("disabeld")!=="disabled"&&t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_upload:function(t){var i=n(t);i.on("click",".btn-browser",function(){var r=n(this),t=i.find(":file");t.trigger("click")})}})}(jQuery),function(n){n.extend({bb_form:function(t){var i=n("#"+t);i.find("[aria-describedby]").each(function(t,i){var u=bootstrap.Tooltip.getInstance(i),r;u&&(r=n(i),r.tooltip("dispose"))})}})}(jQuery);
\ No newline at end of file
-- 
Gitee


From 5e4482c8128e1569035b2fa11f761046b4134559 Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <argo@163.com>
Date: Tue, 29 Mar 2022 00:38:39 +0800
Subject: [PATCH 11/13] =?UTF-8?q?test:=20=E5=A2=9E=E5=8A=A0=20FAIcon=20?=
 =?UTF-8?q?=E5=8D=95=E5=85=83=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/FAIcons/IconDialog.razor.cs    |  6 ---
 test/UnitTest/Components/FAIconTest.cs        | 37 +++----------------
 2 files changed, 5 insertions(+), 38 deletions(-)

diff --git a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
index 922de1f3e..736e9ea97 100644
--- a/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
+++ b/src/BootstrapBlazor/Components/FAIcons/IconDialog.razor.cs
@@ -21,12 +21,6 @@ public partial class IconDialog
 #endif
     public string? IconName { get; set; }
 
-    [NotNull]
-    private Button? ButtonIcon { get; set; }
-
-    [NotNull]
-    private Button? ButtonFullIcon { get; set; }
-
     private string IconFullName => $"<i class=\"{IconName}\" aria-hidden=\"true\"></i>";
 
     private ElementReference IconDialogElement { get; set; }
diff --git a/test/UnitTest/Components/FAIconTest.cs b/test/UnitTest/Components/FAIconTest.cs
index 93444fc14..564b795df 100644
--- a/test/UnitTest/Components/FAIconTest.cs
+++ b/test/UnitTest/Components/FAIconTest.cs
@@ -18,44 +18,17 @@ public class FAIconTest : BootstrapBlazorTestBase
 
         cut.SetParametersAndRender(pb => pb.Add(a => a.ShowCatalog, true));
         cut.Contains("class=\"fa-nav\"");
-    }
-
-    [Fact]
-    public async Task Icon_Ok()
-    {
-        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
-        {
-            pb.AddChildContent<Icon>(pb =>
-            {
-                pb.Add(a => a.Name, "fa fa-fa");
-                pb.Add(a => a.ChildContent, new RenderFragment(builder => builder.AddContent(0, "Test")));
-            });
-        });
-        cut.Contains("<i class=\"fa fa-fa\" aria-hidden=\"true\"></i>");
-        cut.Contains("Test");
-
-        await cut.InvokeAsync(() => cut.Find("a").Click());
-        await Task.Delay(1400);
 
-        var icon = cut.FindComponent<Icon>();
-        icon.SetParametersAndRender(pb => pb.Add(a => a.ShowCopyDialog, true));
-        await cut.InvokeAsync(() => cut.Find("a").Click());
+        cut.Instance.ShowDialog("test");
     }
 
     [Fact]
-    public async Task Icon_Cancel()
+    public void IconDialog_Ok()
     {
-        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
+        var cut = Context.RenderComponent<IconDialog>(pb =>
         {
-            pb.AddChildContent<Icon>(pb =>
-            {
-                pb.Add(a => a.Name, "fa fa-fa");
-                pb.Add(a => a.ChildContent, new RenderFragment(builder => builder.AddContent(0, "Test")));
-            });
+            pb.Add(a => a.IconName, "fa fa-fa");
         });
-        _ = cut.InvokeAsync(() => cut.Find("a").Click());
-        await Task.Delay(500);
-        var icon = cut.FindComponent<Icon>();
-        icon.Dispose();
+        cut.Contains("fa fa-fa");
     }
 }
-- 
Gitee


From b31c98c3ee09bbf9c8239409ab3a2a4bf4675365 Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <argo@163.com>
Date: Tue, 29 Mar 2022 00:46:36 +0800
Subject: [PATCH 12/13] =?UTF-8?q?test:=20=E5=A2=9E=E5=8A=A0=20ClipboardSer?=
 =?UTF-8?q?vice=20=E5=8D=95=E5=85=83=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Components/ClipboardServiceTest.cs        | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 test/UnitTest/Components/ClipboardServiceTest.cs

diff --git a/test/UnitTest/Components/ClipboardServiceTest.cs b/test/UnitTest/Components/ClipboardServiceTest.cs
new file mode 100644
index 000000000..386e12870
--- /dev/null
+++ b/test/UnitTest/Components/ClipboardServiceTest.cs
@@ -0,0 +1,36 @@
+// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
+// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
+// Website: https://www.blazor.zone or https://argozhang.github.io/
+
+using Microsoft.AspNetCore.Components.Rendering;
+
+namespace UnitTest.Components;
+
+public class ClipboardServiceTest : BootstrapBlazorTestBase
+{
+    [Fact]
+    public void Clipboard_Ok()
+    {
+        var cut = Context.RenderComponent<BootstrapBlazorRoot>(pb =>
+        {
+            pb.AddChildContent<MockClipboardServiceTest>();
+        });
+        var comp = cut.FindComponent<MockClipboardServiceTest>();
+        comp.Instance.Copy(null, () => Task.CompletedTask);
+        comp.Instance.Copy("Test", () => Task.CompletedTask);
+    }
+
+    private class MockClipboardServiceTest : ComponentBase
+    {
+        [Inject]
+        [NotNull]
+        public ClipboardService? ClipboardService { get; set; }
+
+        protected override void BuildRenderTree(RenderTreeBuilder builder)
+        {
+            base.BuildRenderTree(builder);
+        }
+
+        public Task Copy(string? text, Func<Task> callback) => ClipboardService.Copy(text, callback);
+    }
+}
-- 
Gitee


From dcc7f772e55d5f781dab9fd7ecf327460c791239 Mon Sep 17 00:00:00 2001
From: Argo-Tianyi <argo@163.com>
Date: Tue, 29 Mar 2022 18:05:43 +0800
Subject: [PATCH 13/13] chore: bump version 6.4.8

---
 src/BootstrapBlazor/BootstrapBlazor.csproj | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj
index 1b093048e..024c1e6a2 100644
--- a/src/BootstrapBlazor/BootstrapBlazor.csproj
+++ b/src/BootstrapBlazor/BootstrapBlazor.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>6.4.7</Version>
+    <Version>6.4.8</Version>
   </PropertyGroup>
 
   <ItemGroup Condition="'$(TargetFramework)' == 'net5.0'">
-- 
Gitee